@signageos/front-applet 6.2.0 → 6.3.0

package/docs/{js-api → content}/js-display.md

@@ -19,11 +19,10 @@ That way your applet can handle cases, when a certain feature isn't supported by
 
 ## All methods
 
-::: table-responsive
+
 | Method             | Description            | Supported since |
 | ------------------ | ---------------------- | :-------------: |
-| `supports()` | Query, whether a certain feature is supported by the display | 3.1.0 |
-:::
+| `supports()` | Query, whether a certain feature is supported by the display | 3.1.0 
 
 ## supports()
 
@@ -31,16 +30,25 @@ Query the display to find out, whether a certain feature is supported.
 To let you know, when you should call this method, we will warn you throughout the content JS API documentation
 with a warning message like this one:
 
-::: 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).
 :::
 
-::: table-responsive
-| Param        | Type   | Required                   | Description     |
-| ------------ | ------ | :------------------------: | --------------- |
-| `capability` | string | <div class="red">Yes</div> | Capability name |
-:::
+### List of capabilities
+
+| Param        | Description     |
+| ------------ | --------------- |
+| `FILE_SYSTEM_INTERNAL_STORAGE` |  |
+| `FILE_SYSTEM_EXTERNAL_STORAGE` |  |
+| `FILE_SYSTEM_FILE_CHECKSUM` |  |
+| `FILE_SYSTEM_LINK` |  |
+| `TIMERS_PROPRIETARY` |  |
+| `VIDEO_4K` |  |
+| `SERIAL` |  |
+| `BARCODE_SCANNER` |  |
+| `FRONT_OSD` |  |
+| `FILE_SYSTEM_CREATE_ARCHIVE` |  |
+| `FILE_SYSTEM_ARCHIVE_EXTRACT_INFO` | Information about total size of all files when archive will be extracted |
 
 ### Javascript example
 ```javascript

package/docs/{js-api → content}/js-file-system.md

@@ -15,8 +15,8 @@ description: "[Content JS API] File System API allows **low level manipulation w
 File System API allows **low level manipulation with files and directories** in the device internal storage.
 File System API works with both in **internal and external storages** (USB flash drives, etc.).
 
-::: alert alert--warning
-File System directory structure is **PERSISTENT** and is **NOT** automatically deleted through `Applet Reload` power action! Applet Reload only deletes `/data` directory which is reserved for simplified [Offline Cache API](/api/js/content/js-offline-cache-media-files). Use `deleteFile()` to clear the device storage file system.
+:::warning
+File System directory structure is **PERSISTENT** and is **NOT** automatically deleted through `Applet Reload` power action! Applet Reload only deletes `/data` directory which is reserved for simplified [Offline Cache API](js-offline-cache-media-files). Use `deleteFile()` to clear the device storage file system.
 :::
 
 <div class="row d-flex align-content-stretch force-padding-10">
@@ -35,25 +35,13 @@ File System directory structure is **PERSISTENT** and is **NOT** automatically d
     </div>
 </div>
 
-<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" href="/api/js/content/js-offline-cache-media-files">
-            <div>
-                <div class="wide-box__image d-flex align-items-center">
-                    <i class="fas fa-medal svg-black"></i>
-                </div>
-            <div>
-                <h3 class="wide-box__title wide-box__title__small pl-85">Offline Cache for media files</h3>
-                <div class="wide-box__description">Working example on our Github</div>
-            </div>
-            </div>
-        </a>
-    </div>
-</div>
+:::note[Alternative file caching]
+[Offline Cache for media files](js-offline-cache-media-files)
+:::
 
 ## All methods
 
-::: table-responsive
+
 | Methods  | Description | Supported since |
 | -------- | ----------- | :---------------: |
 | `listStorageUnits()` | Return list of storage units /internal, external/ from the device | 2.1.0 |
@@ -71,18 +59,17 @@ File System directory structure is **PERSISTENT** and is **NOT** automatically d
 | `copyFile()` | Copy file or directory to a new location | 3.3.0 |
 | `writeFile()` | Write string to a file | 3.2.0 |
 | `appendFile()` | Write string to a file | 4.13.0 |
-| `readFile()` | Read a text file | 3.3.0 |
-:::
+| `readFile()` | Read a text file | 3.3.0 
 
 ## listStorageUnits()
 
 Return list of storage units /internal, external/ from the device. Capacity values are in bytes.
 
-::: alert alert--info
+:::info
 This is a mandatory method that is required for all the other File System APIs. The other APIs require a `storageUnit` object that is retrieved from this method to manipulate with files on a correct storage location (internal/external).
 :::
 
-::: alert alert--warning
+:::warning
 `storageUnit` is a dynamic object! It has to be always generated and retrieved by this JS API, as the values in `type` differ platform by platform. **Never** generate the object manually. `{"type":"internal"}` is for demonstration only.
 :::
 
@@ -236,7 +223,7 @@ console.log(fileProperties.localUri);
 
 ### Returns
 
-::: alert alert--warning
+:::warning
 Return statement is a dynamic object! It has to be always generated and retrieved by this JS API, as the values in `localUri` differ platform by platform. **Never** generate the object manually. `{"localUri":"file://internal/test-dir/downloaded-file.png"}` is for demonstration only.
 :::
 
@@ -293,11 +280,11 @@ Download file to path within existing directory or **overrides existing file** i
 | `uri` | String | <div class="red">Yes</div> | Url address to retrieve the file	from network			|
 | `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 
 
-::: alert alert--danger
+:::danger
 For every download request, our app makes HEAD request for `content-length` header on that downloaded file.
 :::
 
-::: alert alert--warning
+:::warning
 `headers` has to be a JSON object. If you are passing the value, make sure you use `JSON.parse()`.
 :::
 
@@ -416,7 +403,7 @@ Returns checksum of existing file in a path.
 * FAIL: When file path doesn't exist
 * FAIL: When file path is directory
 
-::: alert alert--info
+:::info
 Does not work on Samsung Tizen display - [read more here](https://docs.signageos.io/hc/en-us/articles/4416327809810)
 :::
 
@@ -450,7 +437,7 @@ Extract ZIPed all files (recursively) to destination path and override existing
 * FAIL: When extracting not existing ZIP archive file
 * FAIL: When extracting try override existing directory with file or existing file with directory
 
-::: alert alert--info
+:::info
 The directory/folder you are extracting your ZIP file into has to be created BEFORE you start extracting the ZIP.
 :::
 
@@ -484,12 +471,12 @@ Creates a archive in a path with all files from `archiveEntries` array.
 * FAIL: When creating directory over existing file or directory
 * FAIL: When creating directory in not existing containing (parent) directory
 
-::: alert alert--warning
+:::warning
 - Never start OR end the `filePath` with a slash - `/`. It will cause error *50517*
 - It is a good practice to check if file exists - `exists()` prior creating it
 :::
 
-::: alert alert--info
+:::info
 - This function is available only on Tizen devices.
 - All files are added to the archive based on absolute path from root directory.
 :::
@@ -527,7 +514,7 @@ Creates a directory in a path.
 * FAIL: When creating directory over existing file or directory
 * FAIL: When creating directory in not existing containing (parent) directory
 
-::: alert alert--warning
+:::warning
 - Never start OR end the `filePath` with a slash - `/`. It will cause error *50512*
 - It is a good practice to check if directory exists - `isDirectory()` prior creating it
 :::

package/docs/{js-api/js-loading-fonts.md → content/js-fonts.md}

@@ -1,5 +1,5 @@
 ---
-title:  Loading fonts
+title:  Fonts
 author: Miroslav Behina
 date:   22.11.2018
 type:   js-api
@@ -14,16 +14,18 @@ description: "[Content JS API] When working with custom font families, you shoul
 # Loading fonts
 When working with custom font families, you should use this method that downloads fonts into offline storage and generates the appropriate font-face definition.
 
-### All methods
-::: table-responsive
+## All methods
+
 | Method | Description | Supported since |
-| ------ | -------- | ----- | :----------: |
-| `addFont()` | Load additionally font into applet cache | 2.0.0  |
-:::
+| ------ | -------- |  :----------: |
+| `addFont()` | Load additionally font into applet cache | 2.0.0 |
 
-### Parameters
 
-::: table-responsive
+## addFont()
+
+Load your custom fonts into the Applet.
+
+### Parameters
 |      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  |
@@ -34,8 +36,7 @@ When working with custom font families, you should use this method that download
 | `fontStyle`      | string | <div class="yellow">No</div> | Apecifies the font stlye for a text                                                 				|
 |^^|^^|^^| Types: `normal`, `italic`, `oblique`, `initial`, `inherit`                                                               				|
 | `fontWeight`     | string | <div class="yellow">No</div> | Sets how thick or thin characters in text should be displayed                        				|
-| `unicodeRage`    | string | <div class="yellow">No</div> | Defines the range of unicode characters the font supports, default value is "U+0-10FFFF"			|
-:::
+| `unicodeRage`    | string | <div class="yellow">No</div> | Defines the range of unicode characters the font supports, default value is "U+0-10FFFF"			
 
 ### Formats parameters
 |      Param     | Type | Required | Description                  					                                                        |
@@ -69,37 +70,14 @@ await sos.offline.addFont({
 });
 ```
 
-<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://developer.mozilla.org/en-US/docs/Web/CSS/@font-face">
-            <div>
-                <div class="wide-box__image d-flex align-items-center">
-                    <i class="fas fa-atlas svg-black"></i>
-                </div>
-            <div>
-                <h3 class="wide-box__title wide-box__title__small pl-85">Most properties follow the official CSS properties found</h3>
-                <div class="wide-box__description">Mozilla Developer Page</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/fonts">
-            <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 Applet that load custom fonts</h3>
-                <div class="wide-box__description">Working example on our Github</div>
-            </div>
-            </div>
-        </a>
-    </div>
-</div>
+:::info
+Most properties follow the official CSS properties found on [Mozilla Developer Page](https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face)
+:::
+
+
+:::note[GitHub Example]
+[Example of Applet that load custom fonts](https://github.com/signageos/applet-examples/blob/master/examples/content-js-api/fonts)
+:::
 
 ## Usage with Typescript
 You can also use all these methods with [signageOS TypeScript](https://docs.signageos.io/hc/en-us/articles/4405069154962#signageos-typescript).
@@ -126,7 +104,7 @@ addFont(
 ## Errors
 Although we are doing our best, following errors may occur when working with the Applet Resources.
 
-::: table-responsive
+
 | Code | Type | Message |
 | ---- | ---- | ------- |
 | 40105 | AppletResourcesError | Already loading file: `$$FILE_NAME$$` |
@@ -134,5 +112,4 @@ Although we are doing our best, following errors may occur when working with the
 | 40106 | AppletResourcesError | Already existing file: `$$FILE_NAME$$` |
 |^^|^^| Please, check your code for occurrences of addFile/s methods on lines before this error. |
 | 49901 | AppletResourceError | Please, check if the used URL is correct. |
-| 49902 | FileNotFoundError    | File was not found `$$FILE_ID$$` |
-:::
+| 49902 | FileNotFoundError    | File was not found `$$FILE_ID$$` 

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

@@ -23,19 +23,17 @@ Some Philips brand devices have LED lights built into them. The color of lights
 
 ### All methods
 
-::: table-responsive
+
 | Method | Description | Supported since |
 | ------ | -------- | :---------: |
-| `setColor()` | Method supports a string in hexa format to display color of LED light or null value to not be disabled | 1.0.1 |
-:::
+| `setColor()` | Method supports a string in hexa format to display color of LED light or null value to not be disabled | 1.0.1 
 
 ### setColor()
 
-::: table-responsive
+
 | Param | Type | Required | Description |
 | ------ | ------ | :--------: | -------- |
-| `color` | string | <div class="red">Yes</div> | Color of LED to be set in CSS hexa format `#000000`. To disable LED pass null value instead. |
-:::
+| `color` | string | <div class="red">Yes</div> | Color of LED to be set in CSS hexa format `#000000`. To disable LED pass null value instead. 
 
 #### Javascript example
 ```javascript
@@ -61,10 +59,9 @@ sos.hardware.led.setColor("#00FF00"); // For GREEN light
 ## Errors
 Although we are doing our best, following errors may occur when working with the hardware.
 
-::: table-responsive
+
 | Code | Type | Message |
 | ---- | ---- | ------- |
 | 50601 | InternalHardwareError | Unexpected error occurred when working with hardware. |
 | 40601 | AppletHardwareError | Color must be string |
-| 40602 | AppletHardwareError | Color must be in format #000000 or null, allowed are `/^[a-zA-Z0-9\.\-_]+$/g` |
-:::
+| 40602 | AppletHardwareError | Color must be in format #000000 or null, allowed are `/^[a-zA-Z0-9\.\-_]+$/g` 

package/docs/{js-api → content}/js-iframes.md

@@ -9,13 +9,13 @@ tags:
 - api
 - js_api
 - iframe
-description: "[Content JS API] We **do not recommend** to use iframes inside your Applet. However, if you have to use it, you can add full support of the sOS JS API to every one of your iframe. Just add the JS snippet script below to every page load in iframe before ending </body>. Everything will be prepared, and you can call the very same methods as described for Applet."
+description: "[Content JS API] We **do not recommend** to use iframes inside your Applet. However, if you have to use it, you can add full support of the sOS JS API to every one of your iframe. Just add the JS snippet script below to every page load in iframe before ending &lt;/body>. Everything will be prepared, and you can call the very same methods as described for Applet."
 ---
 
 # Iframes
-We **do not recommend** to use iframes inside your Applet. However, if you have to use it, you can add full support of the sOS JS API to every one of your iframe. Just add the JS snippet script below to every page load in iframe before ending </body>. Everything will be prepared, and you can call the very same methods as described for Applet.
+We **do not recommend** to use iframes inside your Applet. However, if you have to use it, you can add full support of the sOS JS API to every one of your iframe. Just add the JS snippet script below to every page load in iframe before ending &lt;/body>. Everything will be prepared, and you can call the very same methods as described for Applet.
 
-::: alert alert--warning
+:::warning
 The signageOS Snippet and API works **ONLY** if the iframe is served from the display's internal storage - `<iframe src="file://...`. If your iframe is served from a live URL - `<iframe src="https://your-iframe-url"...` the snippet and signageOS API will **NOT** work. This is a security limitation to prevent random site took advantage of the API and alter the display behavior. There is a simple way to [save and load your iframe from the internal storage](https://github.com/signageos/applet-examples/blob/master/examples/content-js-api/iframes). Just make sure you are using full paths in your iframe for linking javascripts and css instead of the relative ones.
 
 If your device can not load a file stored in local storage, such as an html, you can try to use an alternative instead of python to zip the file when you are preparing the applet.

package/docs/{js-api → content}/js-input.md

@@ -20,11 +20,10 @@ This feature must be tested by users on real devices.
 
 ### Parameters
 
-::: table-responsive
+
 | Parameters | Type | Required | Description | Supported Since | 
 | ------ | ------ | :--------: | -------- | :-----: |
-| event (in listener) | Object | <div class="red">Yes</div> | Plain JS object containing keyCode as number and keyName as string and type of event (always keyup string) | 1.3.0 |
-:::
+| event (in listener) | Object | <div class="red">Yes</div> | Plain JS object containing keyCode as number and keyName as string and type of event (always keyup string) | 1.3.0 
 
 ### Javascript syntax
 ```javascript

package/docs/{js-api → content}/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 → content}/js-offline-cache-simple-data.md

@@ -15,19 +15,18 @@ description: "[Content JS API] This API provides you with approach similar to th
 
 Use when you need to save some data into local memory. 
 This API provides you with approach similar to the HTML5's Local Storage, but implemented internally via native device API and completely device agnostic. 
-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.
+We do not recommend using a different storage type then Offline Cache or full featured [File System API](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 → content}/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()