Product Brief #4: SDK 2.0 & more video providers

April 11, 2018 ()

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.

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

and a lot, lot more.

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 🙂.