Product Brief #4: SDK 2.0 & more video providers

April 11, 2018 ()

Microlink SDK

Release 2.0

We are happy to introduce the SDK 2.0, the easiest way to add link previews in your website without effort.
The version 2.0 introduce a breaking change: It removes the
round
property from the API Parameters that you can pass for customize the card preview.
The property
round
was related with apply a
border-radius
around your preview card.
We decide make this little change in order the reduce the number of configurable API Parameters.
But you can still extend the default style using CSS.
For example, let's create a link preview for browserless project using custom
border-radius
style.
React
Using react-microlink just pass your custom CSS as
style
property:
import Microlink from 'react-microlink'

<Microlink
  iamge='logo'
  url="https://browserless.js.org"
  style={{ borderRadius: '.42857em' }}
/>
Read more about styling in documentation.
Vanilla
The vanilla version can apply the custom style using the class names shipped with the component:
<style>
.microlink_card {
  border-radius: .42857em;
}
</style>

<a href="https://browserless.js.org" data-image='logo' class="card-preview"></a>

<script>
  document.addEventListener("DOMContentLoaded", function(event) {
    microlink('.card-preview')
  });
</script>
Read more about styling at documentation.

Microlink API

Video detection

In this product sprint we focused on improving our
video
property added into our API in the previous product brief.
We extended the original idea, adding support for detecting more video providers. The most popular internet sites are covered, such as
Amazon
Facebook
Instagram
Twitter
Vimeo
YouTube

Come chat with us!

All of these improvements or features are community driven: We listen to your feedback and act accordingly.
Whether you are are building a product and you need fancy previews, you’re an indie hacker or simply you like frontend stuff, come chat with us 🙂.