@signageos/front-applet 6.1.1 → 6.2.1

package/docs/js-api/js-offline-cache-media-files.md

@@ -16,9 +16,8 @@ File API allows files (video files, media files etc.) to be stored for offline u
 
 ## All methods
 
-::: table-responsive
 | Methods | Description | Supported since |
-| ------ | -------- | ----- | :-------------: |
+| ------ | -------- |  :-------------: |
 | `listFiles()` | Return list of files of existing directory | 2.0.0 |
 | `saveFile()` | Download file to selected directory | 1.0.3 |
 | `loadFile()` | Load file from cache | 1.0.3 |
@@ -26,10 +25,9 @@ File API allows files (video files, media files etc.) to be stored for offline u
 | `deleteFile()` | Delete file from directory | 2.0.0  |
 | `getChecksumFile()` | Get checksum of a file | 2.0.0  |
 | `validateChecksumFile()` | Validate that file's checksum matches expected value | 2.0.0  |
-| `decompressFile()` | Decompress a compressed file or archive | 2.1.0  |
-:::
+| `decompressFile()` | Decompress a compressed file or archive | 2.1.0 |
 
-::: alert alert--warning
+:::warning
 Emulator has certain limitations while handling offline files. [Read more here](https://docs.signageos.io/hc/en-us/articles/4405238997138)
 :::
 
@@ -54,19 +52,18 @@ Method `saveFile()` is used to save files from remote a destination into the dev
 
 ### Parameters
 
-::: table-responsive
+
 |      Param       | Type                  | Required | Description                  					|
 | ---------------- | --------------------- | :------: |---------------------------------------------- |
 | `uid`              | string                | <div class="red">Yes</div> | Unique file identifier is used for later file retrieval, must contain a-z,A-Z,0-9 and . characters, slash / is supported since Front-display version 6.0.0 |
 | `uri`              | string                | <div class="red">Yes</div> | URL address to retrieve the file				|
-| `headers`         | object                | <div class="yellow">No</div> | Key, value pairs of HTTP headers to send along with the request. Used when the target file is protected by a password or if any other specific headers are needed to access it.                                   			|
-:::
+| `headers`         | object                | <div class="yellow">No</div> | Key, value pairs of HTTP headers to send along with the request. Used when the target file is protected by a password or if any other specific headers are needed to access it.                                   			
 
-::: alert alert--warning
+:::warning
 `headers` has to be a JSON object. If you are passing the value, make sure you use `JSON.parse()`.
 :::
 
-::: alert alert--warning
+:::warning
 `uid` should have the same file extension (e.g.: mp4, svg, jpg) as the original file.
 :::
 
@@ -78,7 +75,7 @@ await sos.offline.cache.saveFile('9d66725ba2105f1833731ade5b7f334e.mp4', 'https:
 .catch((error) => { console.error(error); });
 ```
 
-::: alert alert--info
+:::info
 Local device file path differs from device to device. It can point to file:// or http://localhost etc.
 :::
 
@@ -91,7 +88,7 @@ Method `loadFile()` is used for individual file retrieval from internal memory.
 | --------- | ------------ | :---------: | --------------- |
 | `uid` | string | <div class="red">Yes</div> | Unique file identifier is used for later file retrieval, must contain a-z,A-Z,0-9 and . characters |
 
-::: alert alert--warning
+:::warning
 `uid` should have the same file extension (e.g.: mp4, svg, jpg) as the original file.
 :::
 
@@ -107,7 +104,7 @@ await sos.offline.cache.loadFile('9d66725ba2105f1833731ade5b7f334e.mp4')
 }
 ```
 
-::: alert alert--info
+:::info
 Local device file path differs from device to device. It can point to file:// or http://localhost etc.
 :::
 
@@ -119,7 +116,7 @@ Local device file path differs from device to device. It can point to file:// or
 Method `loadOrSaveFile()` is used for individual file retrieval & save in case when file is not saved in local storage yet.
 To get file from internal memory & save it when not yet exists we prepared `loadOrSaveFile()` method:
 
-::: alert alert--info
+:::info
 * The file URI has to return the file. If your URI leads to a 303 redirect (e.g. from http to http**s**), the API will not work.
 * Emulator has certain limitations while handling offline files. [Read more here](https://docs.signageos.io/hc/en-us/articles/4405238997138) 
 :::
@@ -132,7 +129,7 @@ To get file from internal memory & save it when not yet exists we prepared `load
 | `uri`             | string         | <div class="red">Yes</div> | URL address where to get the file             |
 | `headers`        | object         | <div class="yellow">No</div> | Key, value pairs of HTTP headers to send along with the request. Used when the target file is protected by a password or if any other specific headers are needed to access it.                                   			|
 
-::: alert alert--warning
+:::warning
 `uid` should have the same file extension (e.g.: mp4, svg, jpg) as the original file.
 :::
 
@@ -148,7 +145,7 @@ await sos.offline.cache.loadOrSaveFile('9d66725ba2105f1833731ade5b7f334e.mp4', '
 }
 ```
 
-::: alert alert--info
+:::info
 Local device file path differs from device to device. It can point to file:// or http://localhost etc.
 :::
 
@@ -156,37 +153,10 @@ Local device file path differs from device to device. It can point to file:// or
 * SUCCESS: File object
 * FAIL: No file of such uid is available, it will download it to local storage & then return saved file.
 
-<div class="row d-flex align-content-stretch force-padding-20">
-    <div class="col-12 d-flex">
-        <a class="wide-box wide-box--white d-flex align-content-stretch widebox-kb-color" target="_blank" href="https://github.com/signageos/applet-examples/blob/master/examples/content-js-api/offline-files">
-            <div>
-                <div class="wide-box__image d-flex align-items-center">
-                    <i class="fab fa-github svg-black"></i>
-                </div>
-            <div>
-                <h3 class="wide-box__title wide-box__title__small pl-85">Example of managing offline files</h3>
-                <div class="wide-box__description">Working example on our Github</div>
-            </div>
-            </div>
-        </a>
-    </div>
-</div>
-
-<div class="row d-flex align-content-stretch force-padding-10">
-    <div class="col-12 d-flex">
-        <a class="wide-box wide-box--white d-flex align-content-stretch widebox-kb-color" target="_blank" href="https://github.com/signageos/applet-examples/blob/master/examples/content-js-api/video-loop-offline">
-            <div>
-                <div class="wide-box__image d-flex align-items-center">
-                    <i class="fab fa-github svg-black"></i>
-                </div>
-            <div>
-                <h3 class="wide-box__title wide-box__title__small pl-85">Example of playing video in loop</h3>
-                <div class="wide-box__description">Working example on our Github</div>
-            </div>
-            </div>
-        </a>
-    </div>
-</div>
+:::note[GitHub Example]
+- [Example of managing offline files](https://github.com/signageos/applet-examples/blob/master/examples/content-js-api/offline-files)
+- [Example of playing video in loop](https://github.com/signageos/applet-examples/blob/master/examples/content-js-api/video-loop-offline)
+:::
 
 ## deleteFile()
 Method `deleteFile()` is used for deleting previously saved file from internal memory.
@@ -220,21 +190,9 @@ await sos.offline.cache.getChecksumFile('9d66725ba2105f1833731ade5b7f334e.mp4',
 .catch((error) => { console.error(error); });
 ```
 
-<div class="row d-flex align-content-stretch force-padding-20">
-    <div class="col-12 d-flex">
-        <a class="wide-box wide-box--white d-flex align-content-stretch widebox-kb-color" target="_blank" href="https://github.com/signageos/applet-examples/blob/master/examples/content-js-api/md5-checksum">
-            <div>
-                <div class="wide-box__image d-flex align-items-center">
-                    <i class="fab fa-github svg-black"></i>
-                </div>
-            <div>
-                <h3 class="wide-box__title wide-box__title__small pl-85">Example of checking checksum of file</h3>
-                <div class="wide-box__description">Working example on our Github</div>
-            </div>
-            </div>
-        </a>
-    </div>
-</div>
+:::note[GitHub Example]
+[Example of checking checksum of file](https://github.com/signageos/applet-examples/blob/master/examples/content-js-api/md5-checksum)
+:::
 
 ## validateChecksumFile()
 Method `validateChecksumFile()` is used for validating the checksum of the previously saved file in from internal memory.
@@ -274,27 +232,12 @@ await sos.offline.cache.decompressFile(zipUid, destinationDirectoryUid, 'zip')
     .catch((error) => { console.error(error); });
 ```
 
-<div class="row d-flex align-content-stretch force-padding-20">
-    <div class="col-12 d-flex">
-        <a class="wide-box wide-box--white d-flex align-content-stretch widebox-kb-color" target="_blank" href="https://github.com/signageos/applet-examples/blob/master/examples/content-js-api/offline-zip-decompress">
-            <div>
-                <div class="wide-box__image d-flex align-items-center">
-                    <i class="fab fa-github svg-black"></i>
-                </div>
-            <div>
-                <h3 class="wide-box__title wide-box__title__small pl-85">Example of decompressing ZIP files</h3>
-                <div class="wide-box__description">Working example on our Github</div>
-            </div>
-            </div>
-        </a>
-    </div>
-</div>
-
-## More examples
-
-* [Managing files](https://github.com/signageos/applet-examples/blob/master/examples/content-js-api/file-system)
-* [Sample applet from Box](https://github.com/signageos/applet-examples/blob/master/index.html)
-* All other examples are available in Knowledge Base under [Applet Examples](https://github.com/signageos/applet-examples/)
+:::note[GitHub Example]
+- [Example of decompressing ZIP files](https://github.com/signageos/applet-examples/blob/master/examples/content-js-api/offline-zip-decompress
+- [Managing files](https://github.com/signageos/applet-examples/blob/master/examples/content-js-api/file-system)
+- [Sample applet from Box](https://github.com/signageos/applet-examples/blob/master/index.html)
+- All other examples are available in Knowledge Base under [Applet Examples](https://github.com/signageos/applet-examples/)
+:::
 
 ## Errors
 Although we are doing our best, following errors may occur when working with the offline cache.

package/docs/js-api/js-offline-cache-simple-data.md

@@ -18,16 +18,15 @@ This API provides you with approach similar to the HTML5's Local Storage, but im
 We do not recommend using a different storage type then Offline Cache or full featured [File System API](/api/js/content/js-file-system) that will provide you with more low-level methods.
 
 ## All methods
-::: table-responsive
+
 | Method | Description | Supported Since |
-| ------ | -------- | ----- | :--------: |
+| ------ | -------- | :--------: |
 | `loadContent()` | Loads content from internal storage | 1.0.3 |
 | `saveContent()` | Saves content to internal storage | 1.0.3 |
 | `listContents()` | List all content items saved previously to internal storage | 2.0.0 |
 | `deleteContent()` | Delete content item previously saved to internal storage	 | 2.0.0 |
-:::
 
-::: alert alert--warning
+:::warning
 Emulator has certain limitations while handling offline files. [Read more here](https://docs.signageos.io/hc/en-us/articles/4405238997138)
 :::
 
@@ -35,11 +34,10 @@ Emulator has certain limitations while handling offline files. [Read more here](
 Method `loadContent()` loads content from internal storage.
 
 ### Parameters
-::: table-responsive
+
 |      Param     | Type   | Required | Description  |
 | -------------- | ------ | :-------: | ----------- |
-| `uid` | string | <div class="red">Yes</div> | Unique file identifier is used for later file retrieval, must contain a-z,A-Z,0-9 and . characters |             				  |
-:::
+| `uid` | string | <div class="red">Yes</div> | Unique file identifier is used for later file retrieval, must contain a-z,A-Z,0-9 and . characters |             				  
 
 ### Javascript example
 ```javascript
@@ -50,12 +48,11 @@ await sos.offline.cache.saveContent('ApplicationSecret', '123SuperSecretHash');
 Method for saving content into internal storage. 
 
 ### Parameters
-::: table-responsive
+
 |      Param     | Type   | Required | Description  |
 | -------------- | ------ | :-------: | ----------- |
 | `uid` | string | <div class="red">Yes</div> | Unique file identifier is used for later file retrieval, must contain a-z,A-Z,0-9 and . characters |
-| `content` | string | <div class="red">Yes</div> | Only string variables enabled. For JSON values use `JSON.Stringify()`               				  |
-:::
+| `content` | string | <div class="red">Yes</div> | Only string variables enabled. For JSON values use `JSON.Stringify()`               				  
 
 ### Javascript Example
 ```javascript
@@ -81,11 +78,10 @@ await sos.offline.cache.listContents();
 Delete content item previously saved to internal storage.
 
 ### Parameters
-::: table-responsive
+
 |      Param     | Type   | Required | Description  |
 | -------------- | ------ | :-------: | ----------- |
-| `uid` | string | <div class="red">Yes</div> | Unique file identifier is used for later file retrieval, must contain a-z,A-Z,0-9 and . characters |             				  |
-:::
+| `uid` | string | <div class="red">Yes</div> | Unique file identifier is used for later file retrieval, must contain a-z,A-Z,0-9 and . characters |             				  
 
 ### Javascript example
 ```javascript
@@ -121,7 +117,7 @@ deleteContent(uid: string): Promise<void>;
 ## Errors
 Although we are doing our best, following errors may occur when working with the offline cache.
 
-::: table-responsive
+
 | Code | Type | Message |
 | ---- | ---- | ------- |
 | 41001 | AppletNativeCacheError | Already saving the file with UID: ```uid``` |
@@ -130,5 +126,4 @@ Although we are doing our best, following errors may occur when working with the
 | 51001 | InternalNativeCacheError | Couldn\'t load the file before deleting it. |
 | 51002 | InternalNativeCacheError | Couldn\'t save the file to the offline cache. |
 | 51003 | InternalNativeCacheError | File wasn\'t deleted correctly. |
-| 40901 | AppletOfflineCacheError | Uid contains invalid characters, allowed: $$ALLOWED_CHARS$$, got $$ACTUAL_UID$$ |
-:::
+| 40901 | AppletOfflineCacheError | Uid contains invalid characters, allowed: $$ALLOWED_CHARS$$, got $$ACTUAL_UID$$ 

package/docs/js-api/js-osd.md

@@ -18,11 +18,9 @@ OSD API allows you to open OSD for initial setup with applet.
 
 ## All methods
 
-::: table-responsive
 | Method             | Description            | Supported since |
 | ------------------ | ---------------------- | :-------------: |
 | `showOSD()` |Open OSD on the display | 5.5.0 |
-:::
 
 ## showOSD()
 

package/docs/js-api/js-proof-of-play.md

@@ -11,12 +11,11 @@ tags:
 description: "[Content JS API] You can use our Prooof of Play mechanism to log that some content was played on end device successfully or not. Our system includes important metadata about applet and device out-of-box to simplify solution of issues with content. You can use SignageOS to analyze, if, where, when and how long proposed content was playing in front of audience."
 ---
 
-# All methods
-::: table-responsive
+## All methods
+
 | Methods | Description | Supported since |
 | ----------- | ------------ | -----------|
 | `recordItemPlayed()` | Log that content was played successfully | 5.5.1 |
-:::
 
 ## recordItemPlayed()
 
@@ -24,11 +23,10 @@ Send provided information about played content along with additional metadata ab
 
 ### Parameters
 
-::: table-responsive
+
 | Param     | Type   | Required                   | Description                                        |
 | --------- | ------ | :------------------------: | -------------------------------------------------- |
-| `options` | Object | <div class="red">Yes</div> | Object containing information about played content |
-:::
+| `options` | Object | <div class="red">Yes</div> | Object containing information about played content 
 
 ### Options
 

package/docs/js-api/js-sensors.md

@@ -24,7 +24,7 @@ If every implementation implements the same set of interfaces, it's easy to swap
 It also requires less code to be written to use various types of hardware.
 If possible, you should always implement these interfaces.
 
-::: alert alert--info
+:::info
 Right now, the list of interfaces is very short. We will be adding more types soon.
 If there's any particular type of interfaces you'd like, kindly let us know.
 :::

package/docs/js-api/{js-hardware-serial.md → js-serial.md}

@@ -1,5 +1,5 @@
 ---
-title:  Serial
+title:  Serial Port
 author: Michal Artazov
 date:   25.9.2020
 type:   js-api
@@ -19,7 +19,7 @@ This can be leveraged to integrate a wide variety of hardware into your digital
 
 Such hardware could be, for example, printers, payment terminals or sensors.
 
-::: alert alert--warning
+:::warning
 * Before using this API, ensure that the display supports serial via `sos.display.supports("SERIAL")`.
 * More info [**HERE**](/api/js/content/latest/js-display#supports).
 * Samsung Kiosk serial connection only works over serial ports, not over USB ports
@@ -27,21 +27,19 @@ Such hardware could be, for example, printers, payment terminals or sensors.
 
 ## All methods
 
-::: table-responsive
+
 | Method             | Description            | Supported since |
 | ------------------ | ---------------------- | :-------------: |
-| `openSerialPort()` | Open a new serial port | 4.4.0           |
-:::
+| `openSerialPort()` | Open a new serial port | 4.4.0           
 
 ## openSerialPort()
 
 Creates a new instance of serial port. You can then use that instance to handle the communication.
 
-::: table-responsive
+
 | Param     | Type   | Required                   | Description                                        |
 | --------- | ------ | :------------------------: | -------------------------------------------------- |
-| `options` | Object | <div class="red">Yes</div> | Object containing configuration of the serial port |
-:::
+| `options` | Object | <div class="red">Yes</div> | Object containing configuration of the serial port 
 
 ### Options
 
@@ -71,7 +69,7 @@ const serialPort = await sos.hardware.openSerialPort({
 });
 ```
 
-::: alert alert--info
+:::info
 Device address is different per platform (at least for now). Kindly find the respective device address:
 
 | Device type | Default value | Other values for `device` |
@@ -80,21 +78,19 @@ Device address is different per platform (at least for now). Kindly find the res
 | Windows | `COM3` | `COM3` (typically, but check your Win machine if this does not work) |
 | Samsung Kiosk | `PORT1` |`PORT1`, `PORT2`, `PORT3` |
 | Android | `/dev/ttyusb0` | `/dev/ttyusb0` |
-| BrightSign | `0` | `0`, `1`, `USB:A/0` |
-:::
+| BrightSign | `0` | `0`, `1`, `USB:A/0` 
 
 ## Serial port methods
 
 Once you create a serial port instance using `openSerialPort()` method listed above,
 you can call following methods on it.
 
-::: table-responsive
+
 | Method     | Description                                                 | Supported since |
 | ---------- | ----------------------------------------------------------- | :-------------: |
 | `onData()` | Call a listener callback anytime the opened serial port receiving data. | 4.4.0           |
 | `write()`  | Write data to the serial port                               | 4.4.0           |
-| `close()`  | Close serial port                                           | 4.4.0           |
-:::
+| `close()`  | Close serial port                                           | 4.4.0           
 
 ## onData()
 
@@ -148,12 +144,11 @@ await serialPort.close();
 Following errors may occur when working with the serial ports. However they don't reflect on actual physical connectivity of the ports due to Samsung b2bapi does not register these events.
 
 
-::: table-responsive
+
 | Code  | Type                  | Message                                   |
 | ----- | --------------------- | ----------------------------------------- |
 | 50602 | InternalHardwareError | Failed to open serial port                |
 | 50603 | InternalHardwareError | Closing serial port that isn't open       |
 | 50603 | InternalHardwareError | Failed to close serial port               |
 | 50604 | InternalHardwareError | Writing to a serial port that isn't open |
-| 50604 | InternalHardwareError | Failed to write to serial port            |
-:::
+| 50604 | InternalHardwareError | Failed to write to serial port            

package/docs/js-api/js-sync-playback.md

@@ -21,7 +21,6 @@ Sync API enables multiple devices to communicate and coordinate their behavior w
 
 ## All methods
 
-::: table-responsive
 | Methods/Events     | Description | Supported since |
 | ------------------ | ----------- | :---------------: |
 | `connect()` 	 	 | Connect to the sync server. |  1.0.32 |
@@ -35,63 +34,32 @@ Sync API enables multiple devices to communicate and coordinate their behavior w
 | `onValue()`	     | Event called when device receives value broadcasted by another device in the network |  2.0.0 |
 | `onStatus()`	     | Event called when device is connected and periodic every 30s from sync server - report connected devices |  2.1.0 |
 | `onClosed()`	     | Event called when synchronizer is closed |  5.12.0 |
-:::
 
-## Examples
-<div class="row d-flex align-content-stretch force-padding-10">
-    <div class="col-12 d-flex">
-        <a class="wide-box wide-box--white d-flex align-content-stretch widebox-kb-color" target="_blank" href="https://github.com/signageos/applet-examples/blob/master/examples/content-js-api/sync-video">
-            <div>
-                <div class="wide-box__image d-flex align-items-center">
-                    <i class="fab fa-github svg-black"></i>
-                </div>
-            <div>
-                <h3 class="wide-box__title wide-box__title__small pl-85">Synchronized video through applets</h3>
-                <div class="wide-box__description">Working example on our Github</div>
-            </div>
-            </div>
-        </a>
-    </div>
-</div>
-
-<div class="row d-flex align-content-stretch force-padding-10">
-    <div class="col-12 d-flex">
-        <a class="wide-box wide-box--white d-flex align-content-stretch widebox-kb-color" target="_blank" href="https://github.com/signageos/applet-examples/blob/master/examples/content-js-api/sync-mixed-content">
-            <div>
-                <div class="wide-box__image d-flex align-items-center">
-                    <i class="fab fa-github svg-black"></i>
-                </div>
-            <div>
-                <h3 class="wide-box__title wide-box__title__small pl-85">Synchronization mixed content</h3>
-                <div class="wide-box__description">Working example on our Github</div>
-            </div>
-            </div>
-        </a>
-    </div>
-</div>
+:::note[GitHub Example]
+- [Synchronized video through applets](https://github.com/signageos/applet-examples/blob/master/examples/content-js-api/sync-video)
+- [Synchronization mixed content](https://github.com/signageos/applet-examples/blob/master/examples/content-js-api/sync-mixed-content)
+:::
 
 ## connect()
 Connect to the sync server. This initializes the connection and is mandatory to call, since synchronization is an optional feature and doesn’t get initialized by default to save resources and bandwidth. You can optionally specify a custom sync server URI in case you are running the sync server in a custom location.
 
 ### Parameters
-::: table-responsive
+
 | Param    | Type   | Required                     | Description                   |
 | -------- | ------ | :--------------------------: | ----------------------------- |
 | `engine` | String | <div class="yellow">No</div> | Synchronization engine to use |
-| `uri`    | String | <div class="yellow">No</div> | Address of sync server. Only relevant for `sync-server`. If omitted, the default server will be used. |
-:::
+| `uri`    | String | <div class="yellow">No</div> | Address of sync server. Only relevant for `sync-server`. If omitted, the default server will be used. 
 
 ### Engine
 
-::: table-responsive
+
 | Engine        | Description                                                                              |
 | ------------- | ---------------------------------------------------------------------------------------- |
 | `sync-server` | (**Default**) Use external sync server. Device will connect to the server via websocket. |
 | `p2p-local`   | Synchronize directly with other devices in the local network via UDP and TCP.            |
-| `udp`         | (**Deprecated - use p2p-local**) Synchronize directly with other devices in the local network via UDP. |
-:::
+| `udp`         | (**Deprecated - use p2p-local**) Synchronize directly with other devices in the local network via UDP. 
 
-::: alert alert--info
+:::info
 All devices, that should be synchronized together, must select the same engine.
 Otherwise they won't be able to communicate with each other.
 :::
@@ -147,19 +115,18 @@ await sos.sync.close().then(() => {
 ```
 
 ## init()
-::: alert alert--warning
+:::warning
 This method is deprecated and will be removed in the future. Use `joinGroup()` instead. These two methods function identically.
 :::
 
 Once the user is connected to the server, the initialization of the sync group is required. Before any communication takes place, all participating devices have to be connected and recognize one another. Recommended to call this method early.
 
 ### Parameters
-::: table-responsive
+
 |      Param     | Type    | Required | Description  |
 | -------------- | ------- | :-----: | ---------------------------- |
 | `groupName`  | String  | <div class="yellow">No</div> | By default, all devices will be synced together. To create Groups of devices, independent from each other, specify group name |
-| `deviceIdentification`  | String  | <div class="yellow">No</div> | Is identification of device connected to groupName. |
-:::
+| `deviceIdentification`  | String  | <div class="yellow">No</div> | Is identification of device connected to groupName. 
 
 ### Javascript example
 ```javascript
@@ -170,12 +137,11 @@ await sos.sync.init('someRandomNameGroup', 'device1');
 Once we're connected, we have to join a sync group. Before any communication takes place, all participating devices have to be connected and recognize one another. Recommended to call this method early.
 
 ### Parameters
-::: table-responsive
+
 |      Param     | Type    | Required | Description  |
 | -------------- | ------- | :-----: | ---------------------------- |
 | `groupName`  | String  | <div class="yellow">No</div> | By default, all devices will be synced together. To create Groups of devices, independent from each other, specify group name |
-| `deviceIdentification`  | String  | <div class="yellow">No</div> | Is identification of device connected to groupName. |
-:::
+| `deviceIdentification`  | String  | <div class="yellow">No</div> | Is identification of device connected to groupName. 
 
 ### Javascript example
 ```javascript
@@ -193,13 +159,12 @@ This method returns a promise that resolves once all the devices meet and are re
 Sometimes devices might go out of sync due to unpredictable conditions like loss of internet connection. To ensure re-sync of an out of sync device, you can pass some data as the first argument. This can be any data that informs the whole group about what content is about to play next. Once all devices are ready, data from the master device is passed to everyone and the rest of the data is ignored. Therefore, when implementing your applet you should rely on the result data and not the data that is passed to the wait method as an argument.
 
 ### Parameters
-::: table-responsive
+
 |      Param     | Type  | Required | Description  |
 | -------------- | ------- | :-----: | ------- |
 | `data`    | Any | <div class="yellow">No</div>  | Information about what content is about to play so all the devices display the same content. |
 | `groupName` | String  | <div class="yellow">No</div> | If `joinGroup` is called with custom group name, the same group name as the second argument has to be passed. |
-| `timeout` | Number | <div class="yellow">No</div> | Wait timeout on other devices |
-:::
+| `timeout` | Number | <div class="yellow">No</div> | Wait timeout on other devices 
 
 ### Returns
 Promise that resolves to data picked from the first argument of the master device 
@@ -213,11 +178,10 @@ In order to gracefully cleanup any pending activity, use this method.
 Any pending wait will be canceled and the promise will be rejected with an error.
 
 ### Parameters
-::: table-responsive
+
 | Param       | Type    | Required                     | Description  |
 | ----------- | ------- | :--------------------------: | ------------ |
-| `groupName` | String  | <div class="yellow">No</div> | If `joinGroup` is called with custom group name, the same group name as the second argument has to be passed. |
-:::
+| `groupName` | String  | <div class="yellow">No</div> | If `joinGroup` is called with custom group name, the same group name as the second argument has to be passed. 
 
 ### Javascript example
 ```javascript
@@ -234,29 +198,27 @@ await sos.sync.cancelWait('someRandomNameGroup');
 Another way to synchronize devices is to broadcast some values within the group so, in turn, all devices can react to it. Unlike option wait, this is more useful in use cases when the synchronization is based around the content itself, rather than timing.
 
 ### All Methods
-::: table-responsive
+
 | Method  | Type | Description | Supported since |
 | ------ | ------ | -------- | ------------- |
 | `setValue()` | method | Used for broadcast values for all master devices | 2.0.0 |
 | `onValue()` | event | Event called when device receive any value | 2.0.0 |
-| `onStatus()` | event | Event called when device is connected and periodic every 30s from sync server - report connected devices | 2.1.0 |
-:::
+| `onStatus()` | event | Event called when device is connected and periodic every 30s from sync server - report connected devices | 2.1.0 
 
 ## setValue()
-::: alert alert--warning
+:::warning
 This method is deprecated and will be removed in the future. Use `broadcastValue()` instead. These two methods function identically.
 :::
 
 This method can be called by any device to broadcast a value to the whole group.
 
 ### Parameters
-::: table-responsive
+
 |  Param   |Type  | Required | Description  |
 | -------------- | --------- | :------: | ------------------- |
 | `key`            | String   | <div class="red">Yes</div> | Values are recognized based their key so different types of values can be broadcasted independently within the group |
 | `value`          | Any       | <div class="red">Yes</div> | The value to be broadcasted   |
-| `groupName`      | String     | <div class="yellow">No</div> | If `joinGroup` is called with custom group name, the same group name has to be passed as the third argument    |
-:::
+| `groupName`      | String     | <div class="yellow">No</div> | If `joinGroup` is called with custom group name, the same group name has to be passed as the third argument    
 
 ### Javascript example
 ```javascript
@@ -267,13 +229,12 @@ await sos.sync.setValue('some-key', 'some-value', 'some-group');
 This method can be called by any device to broadcast a value to the whole group.
 
 ### Parameters
-::: table-responsive
+
 |  Param   |Type  | Required | Description  |
 | -------------- | --------- | :------: | ------------------- |
 | `key`            | String   | <div class="red">Yes</div> | Values are recognized based their key so different types of values can be broadcasted independently within the group |
 | `value`          | Any       | <div class="red">Yes</div> | The value to be broadcasted   |
-| `groupName`      | String     | <div class="yellow">No</div> | If `joinGroup` is called with custom group name, the same group name has to be passed as the third argument    |
-:::
+| `groupName`      | String     | <div class="yellow">No</div> | If `joinGroup` is called with custom group name, the same group name has to be passed as the third argument    
 
 ### Javascript example
 ```javascript
@@ -294,7 +255,7 @@ await sos.sync.onValue((key, value, groupName) => {
 });
 ```
 
-<br>
+<br/>
 
 ## Event onStatus()
 Is used for receiving information about connected device to sync server. Emitted every 30s, or when device connect or disconnect from server.
@@ -307,9 +268,9 @@ await sos.sync.onStatus((connectedPeers) => {
 });
 ```
 
-<br>
+<br/>
 
-::: alert alert--info
+:::info
 Since you never know which device is the master at the moment, you should always rely only on the values received by the listener, not the values that the particular device itself is broadcasting.
 :::
 
@@ -371,12 +332,11 @@ onClosed(listener: (
 ## Errors
 Although we are doing our best, following errors may occur when working with the synchronizer.
 
-::: table-responsive
+
 | Code | Type | Message |
 | ---- | ---- | ------- |
 | 51101 | InternalSynchronizerError | Synchronizer couldn't connect to the server. |
 | 51102 | InternalSynchronizerError | The connection wasn't closed correctly. |
 | 51103 | InternalSynchronizerError | The group initialization failed. |
 | 51104 | InternalSynchronizerError | Wait failed for unexpected reason. |
-| 51105 | InternalSynchronizerError | Synchronizer couldn't set the value. |
-:::
+| 51105 | InternalSynchronizerError | Synchronizer couldn't set the value.