GitBook: [#3831] Add iscn ar widget page

Author: williamchong

Diff for: .gitbook/assets/image (5).png

@@ -30,17 +30,20 @@
   * [Web Widget](developer/like-pay/web-widget/README.md)
     * [Reference](developer/like-pay/web-widget/reference.md)
     * [Webhook](developer/like-pay/web-widget/webhook.md)
-* [ISCN](developer/international-standard-content-number-iscn/README.md)
-  * [Specification](developer/international-standard-content-number-iscn/specification.md)
-  * [Chain API](developer/international-standard-content-number-iscn/chain-api.md)
-  * [JavaScript](developer/international-standard-content-number-iscn/javascript/README.md)
-    * [iscn-js](developer/international-standard-content-number-iscn/javascript/iscn-js.md)
-    * [iscn-message-types](developer/international-standard-content-number-iscn/javascript/iscn-message-types.md)
-  * [Web Widget](developer/international-standard-content-number-iscn/web-widget/README.md)
-    * [Reference](developer/international-standard-content-number-iscn/web-widget/reference.md)
-  * [Batch upload tool](developer/international-standard-content-number-iscn/batch-upload-tool.md)
-  * [ISCN Badge](developer/international-standard-content-number-iscn/iscn-badge.md)
-  * [ISCN IPFS plugin](developer/international-standard-content-number-iscn/iscn-ipfs-plugin.md)
+* [ISCN](developer/iscn/README.md)
+  * [Specification](developer/iscn/specification.md)
+  * [Chain API](developer/iscn/chain-api.md)
+  * [JavaScript](developer/iscn/javascript/README.md)
+    * [iscn-js](developer/iscn/javascript/iscn-js.md)
+    * [iscn-message-types](developer/iscn/javascript/iscn-message-types.md)
+  * [Web Widget](developer/iscn/web-widget/README.md)
+    * [ISCN Widget](developer/iscn/web-widget/iscn/README.md)
+      * [Reference](developer/iscn/web-widget/iscn/reference.md)
+    * [ISCN x Arweave Widget](developer/iscn/web-widget/iscn-ar/README.md)
+      * [Reference](developer/iscn/web-widget/iscn-ar/reference.md)
+  * [Batch upload tool](developer/iscn/batch-upload-tool.md)
+  * [ISCN Badge](developer/iscn/iscn-badge.md)
+  * [ISCN IPFS plugin](developer/iscn/iscn-ipfs-plugin.md)
 * [likecoin-js](developer/likecoin-js.md)
 * [Ecosystem Statistics Badge](developer/badge.md)
 * [Raise Proposal](developer/raise-proposal.md)

Diff for: SUMMARY.md

@@ -4,71 +4,16 @@ description: Real time LikeCoin info display badges
 
 # Ecosystem Statistics Badge
 
-### Base URL [`https://static.like.co/badge`](https://static.like.co/badge)\`\`
+### Base URL [`https://static.like.co/badge`](https://static.like.co/badge)``
 
 ### Ecosystem statistics
 
-<table>
-  <thead>
-    <tr>
-      <th style="text-align:left">Data</th>
-      <th style="text-align:left">Example</th>
-      <th style="text-align:left">Path</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td style="text-align:left">Number of Liker</td>
-      <td style="text-align:left"><a href="https://like.co/"><img src="https://static.like.co/badge/stats/liker.svg" alt="Number of Liker"/></a> 
-      </td>
-      <td style="text-align:left"><a href="https://static.like.co/badge/stats/liker.svg">/stats/liker.svg</a>
-      </td>
-    </tr>
-    <tr>
-      <td style="text-align:left">Number of creator
-        <br />(users with content that has been liked before)</td>
-      <td style="text-align:left"><a href="https://like.co/"><img src="https://static.like.co/badge/stats/creator.svg" alt="Number of creator"/></a> 
-      </td>
-      <td style="text-align:left"><a href="https://static.like.co/badge/stats/creator.svg">/stats/creator.svg</a>
-      </td>
-    </tr>
-    <tr>
-      <td style="text-align:left">
-        <p>Number of content</p>
-        <p>(content that has at least 1 like)</p>
-      </td>
-      <td style="text-align:left"><a href="https://like.co/"><img src="https://static.like.co/badge/stats/content.svg" alt="Number of content"/></a>
-      </td>
-      <td style="text-align:left"><a href="https://static.like.co/badge/stats/content.svg">/stats/content.svg</a>
-      </td>
-    </tr>
-    <tr>
-      <td style="text-align:left">Number of LIKE token given out to creators</td>
-      <td style="text-align:left"><a href="https://like.co/"><img src="https://static.like.co/badge/stats/LIKE.svg" alt="Number of LIKE given"/></a>
-      </td>
-      <td style="text-align:left"><a href="https://static.like.co/badge/stats/LIKE.svg">/stats/LIKE.svg</a>
-      </td>
-    </tr>
-    <tr>
-      <td style="text-align:left"><a href="international-standard-content-number-iscn/iscn-badge.md">ISCN Badge (Light) (Default)</a>
-      </td>
-      <td style="text-align:left">
-        <img src="../.gitbook/assets/light-badge (1).svg" alt/>
-      </td>
-      <td style="text-align:left"><a href="international-standard-content-number-iscn/iscn-badge.md">/iscn/&lt;iscn-hash&gt;.svg</a>
-      </td>
-    </tr>
-    <tr>
-      <td style="text-align:left"><a href="international-standard-content-number-iscn/iscn-badge.md">ISCN Badge (Dark)</a>
-      </td>
-      <td style="text-align:left">
-        <img src="../.gitbook/assets/dark-badge.svg" alt/>
-      </td>
-      <td style="text-align:left"><a href="international-standard-content-number-iscn/iscn-badge.md">/iscn/&lt;iscn-hash&gt;.svg?dark=1</a>
-      </td>
-    </tr>
-  </tbody>
-</table>
-
-
+| Data                                                                         | Example                                                                                  | Path                                                                 |
+| ---------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------- | -------------------------------------------------------------------- |
+| Number of Liker                                                              | [![Number of Liker](https://static.like.co/badge/stats/liker.svg)](https://like.co)      | [/stats/liker.svg](https://static.like.co/badge/stats/liker.svg)     |
+| <p>Number of creator <br>(users with content that has been liked before)</p> | [![Number of creator](https://static.like.co/badge/stats/creator.svg)](https://like.co)  | [/stats/creator.svg](https://static.like.co/badge/stats/creator.svg) |
+| <p>Number of content</p><p>(content that has at least 1 like)</p>            | [![Number of content](https://static.like.co/badge/stats/content.svg)](https://like.co)  | [/stats/content.svg](https://static.like.co/badge/stats/content.svg) |
+| Number of LIKE token given out to creators                                   | [![Number of LIKE given](https://static.like.co/badge/stats/LIKE.svg)](https://like.co)  | [/stats/LIKE.svg](https://static.like.co/badge/stats/LIKE.svg)       |
+| [ISCN Badge (Light) (Default)](iscn/iscn-badge.md)                           |  ![](<../.gitbook/assets/light-badge (1).svg>)                                           | [/iscn/\<iscn-hash>.svg](iscn/iscn-badge.md)                         |
+| [ISCN Badge (Dark)](iscn/iscn-badge.md)                                      | ![](../.gitbook/assets/dark-badge.svg)                                                   | [/iscn/\<iscn-hash>.svg?dark=1](iscn/iscn-badge.md)                  |
 

Diff for: developer/badge.md

@@ -0,0 +1,6 @@
+---
+coverY: 0
+---
+
+# ISCN
+

Diff for: developer/international-standard-content-number-iscn/README.md

@@ -0,0 +1,2 @@
+# Web Widget
+

Diff for: developer/iscn/README.md

@@ -0,0 +1,11 @@
+---
+description: Submit ISCN entry via like.co web widget
+---
+
+# ISCN x Arweave Widget
+
+Easily allow users to submit file to Arweave and register ISCN using Keplr or Liker ID.
+
+![](<../../../../.gitbook/assets/image (5).png>)
+
+Please refer to [Reference](reference.md) for more information.

Diff for: developer/international-standard-content-number-iscn/batch-upload-tool.md renamed to developer/iscn/batch-upload-tool.md

@@ -0,0 +1,176 @@
+---
+description: ISCN AR web widget API Reference
+---
+
+# Reference
+
+### Base URL <a href="#base-url" id="base-url"></a>
+
+Testnet: [`https://rinkeby.like.co/in/widget/iscn-ar`](reference.md#input-link-https-rinkeby-like-co-in-widget-pay-to-ckxpress-and-amount-1-and-via-kiutest-0-and-fee-1-1)``
+
+Production: [`https://like.co/in/widget/iscn-ar`](https://like.co/in/widget/iscn-ar)``
+
+Since `postMessage()` would be needed for operating this widget, caller is expected to use `window.open` on the above urls.
+
+### &#x20;Input Params <a href="#input-params" id="input-params"></a>
+
+| redirect\_uri | Act as a whitelist host for postMessage, actual redirect is not implemented, please use with `opener` below                         |
+| ------------- | ----------------------------------------------------------------------------------------------------------------------------------- |
+| opener        | default 0. If set, would fire a `postMessage` back to `window.opener` with `redirect_uri` host as target, then close current window |
+
+### PostMessage input format
+
+#### Mark widget as ready
+
+Send this action to switch widget to ready to accept mode.
+
+```javascript
+{ action: 'INIT_WIDGET' }
+```
+
+| Key    | Value        |   |
+| ------ | ------------ | - |
+| action | INIT\_WIDGET |   |
+
+#### Send ISCN Data
+
+Submit ISCN data to widget
+
+```javascript
+{
+    action: 'SUBMIT_ISCN_DATA',
+    data: {
+      files: [
+        {
+          filename: 'index.html',
+          mimeType: 'text/html',
+          data: 'PCFET0NUWVBFIGh0bWw+PGh0bWw+Ci...',
+        },
+        {
+          filename: 'wp-content/uploads/image.png',
+          mimeType: 'image/png',
+          data: 'iVBORw0KGgoAAAANSUhEUgAABAAAAA...',
+        },
+      ],
+      name: 'LikeCoin Update &#124; Launching $LIKE Airdrop and Civic Likers Web3',
+      tags: ['Airdrop', 'Civic Liker', 'Depub', 'LikeCoin', 'Progress Update'],
+      author: 'likecoin',
+      description: 'Launch of LikeCoin Airdrop The long-awaited 50 million...',
+    },
+  }
+```
+
+| Key              | Description                              |
+| ---------------- | ---------------------------------------- |
+| action           | SUBMIT\_ISCN\_DATA                       |
+| data             | ISCN Data for submission                 |
+| data.files       | Array of files to be uploaded to Arweave |
+| data.name        | Title for the ISCN content               |
+| data.tags        | Tags for the content                     |
+| data.author      | Name of the author                       |
+| data.description | Description for the content              |
+
+### Emit event format
+
+#### ISCN\_WIDGET\_READY
+
+Fired when widget is ready to receive message
+
+```
+{ 
+  action: 'ISCN_WIDGET_READY',
+}
+```
+
+#### ARWEAVE\_SUBMITTED
+
+Fired when files are uploaded to Arweave and IPFS
+
+```
+{ 
+  action: 'ARWEAVE_SUBMITTED',
+  data: {
+    ipfsHash,
+    arweaveId,
+  }
+}
+```
+
+#### ISCN\_SUBMITTED
+
+Fired when content is submitted to ISCN
+
+```javascript
+{ 
+  action: 'ISCN_SUBMITTED',
+  data: {
+    tx_hash,
+    iscnId,
+  }
+}
+```
+
+### Example Code <a href="#example-link" id="example-link"></a>
+
+```javascript
+const w = window.open('https://like.co/in/widget/iscn-ar?opener=1&redirect_uri=https%3A%2F%2Flike.community');
+
+const ISCN_WIDGET_ORIGIN = 'https://like.co';
+
+function onPostMessage(event) {
+  if (event.origin !== 'like') {
+    return;
+  }
+  try {
+    const { action, data } = JSON.parse(event.data);
+    if (action === 'ISCN_WIDGET_READY') {
+      w.postMessage(JSON.stringify({ action: 'INIT_WIDGET' }), ISCN_WIDGET_ORIGIN);
+      w.postMessage(sendISCNPayload());
+    } else if (action === 'ARWEAVE_SUBMITTED') {
+      const {
+        ipfsHash, arweaveId,
+      } = data;
+      console.log(ipfsHash, arweaveId);
+    } else if (action === 'ISCN_SUBMITTED') {
+      const {
+        tx_hash: txHash, iscnId,
+      } = data;
+      console.log(txHash, iscnId);
+    } else {
+      console.log(`Unknown event: ${action}`);
+    }
+  } catch (err) {
+    console.error(err);
+  }
+}
+window.addEventListener('message', onPostMessage, false);
+
+function sendISCNPayload() {
+  w.postMessage(JSON.stringify({
+    action: 'SUBMIT_ISCN_DATA',
+    data: {
+      files: [
+        {
+          filename: 'index.html',
+          mimeType: 'text/html',
+          data: 'PCFET0NUWVBFIGh0bWw+PGh0bWw+Ci...',
+        },
+        {
+          filename: 'wp-content/uploads/image.png',
+          mimeType: 'image/png',
+          data: 'iVBORw0KGgoAAAANSUhEUgAABAAAAA...',
+        },
+      ],
+      title: 'LikeCoin Update &#124; Launching $LIKE Airdrop and Civic Likers Web3',
+      tags: ['Airdrop', 'Civic Liker', 'Depub', 'LikeCoin', 'Progress Update'],
+      author: 'likecoin',
+      description: 'Launch of LikeCoin Airdrop The long-awaited 50 million...',
+    },
+
+  }), ISCN_WIDGET_ORIGIN);
+}
+
+```
+
+[\
+](https://docs.like.co/developer/like-pay/web-widget)

Diff for: developer/international-standard-content-number-iscn/chain-api.md renamed to developer/iscn/chain-api.md

@@ -2,11 +2,10 @@
 description: Submit ISCN entry via like.co web widget
 ---
 
-# Web Widget
+# ISCN Widget
 
 Easily allow users to submit an ISCN entry via like.co and Liker ID.
 
-![](../../../.gitbook/assets/iscnwidget.png)
+![](../../../../.gitbook/assets/iscnwidget.png)
 
 Please refer to [Reference](reference.md) for more information.
-

Diff for: developer/international-standard-content-number-iscn/iscn-badge.md renamed to developer/iscn/iscn-badge.md

@@ -1,8 +1,8 @@
 # ISCN
 
-Please refer to the [ISCN](../../../international-standard-content-number-iscn/) section
-
-{% page-ref page="../../../international-standard-content-number-iscn/javascript/iscn-js.md" %}
-
+Please refer to the [ISCN](../../../iscn/) section
 
+{% content-ref url="../../../iscn/javascript/iscn-js.md" %}
+[iscn-js.md](../../../iscn/javascript/iscn-js.md)
+{% endcontent-ref %}
 

Diff for: developer/international-standard-content-number-iscn/iscn-ipfs-plugin.md renamed to developer/iscn/iscn-ipfs-plugin.md

@@ -9,7 +9,7 @@ description: Frequently Asked Questions
 ## [​LikeCoin - Decentralized Publishing](./) <a href="#likecoin-zan-shang-gong-min-gong-he-guo" id="likecoin-zan-shang-gong-min-gong-he-guo"></a>
 
 * [What is Decentralized Publishing #DePub?](./)
-* [What is ISCN?](developer/international-standard-content-number-iscn/)
+* [What is ISCN?](developer/iscn/)
 * [What is the relationship between ISCN and IPFS?](general-guides/decentralized-publishing/iscn-ipfs-relationship.md)
 * [Why the decentralization nature of ISCN is good to content ecosystem?](general-guides/decentralized-publishing/benefits.md)
 * [Any cost for registering ISCN?](general-guides/decentralized-publishing/what-is-iscn.md)

Diff for: developer/international-standard-content-number-iscn/javascript/README.md renamed to developer/iscn/javascript/README.md

@@ -8,6 +8,6 @@ LikeCoin chain is a distributed ledger of the DAO, the open government of Liker
 
 On November 15, 2019, LikeCoin upgraded from ERC-20 to the LikeCoin chain code name SheungWan based on the [Cosmos Hub](https://cosmos.network) ecosystem. 
 
-On August 18, 2021 (GMT+8), the LikeCoin chain upgraded to FoTan, which incorporates advanced features such as [International Standard Content Number (“ISCN”)](../../developer/international-standard-content-number-iscn/), IBC (Inter-blockchain communication) and other features of [Stargate](https://stargate.cosmos.network).
+On August 18, 2021 (GMT+8), the LikeCoin chain upgraded to FoTan, which incorporates advanced features such as [International Standard Content Number (“ISCN”)](../../developer/iscn/), IBC (Inter-blockchain communication) and other features of [Stargate](https://stargate.cosmos.network).
 
 

Diff for: developer/international-standard-content-number-iscn/javascript/iscn-js.md renamed to developer/iscn/javascript/iscn-js.md

@@ -4,7 +4,7 @@ description: What is the impact on Liker?
 
 # FoTan upgrade FAQ
 
-LikeCoin chain was upgraded from SheungWan to Fotan version on August 18, 2021 19:45 GMT+8. After the upgrade, the LikeCoin chain supports [ISCN ( International Standard Content Number )](../../developer/international-standard-content-number-iscn/) content registry and IBC ( Inter Blockchain Communication ). Validators upgraded the chain together on Google Meet. During the upgrade, all transactions on Liker Land were suspended. 
+LikeCoin chain was upgraded from SheungWan to Fotan version on August 18, 2021 19:45 GMT+8. After the upgrade, the LikeCoin chain supports [ISCN ( International Standard Content Number )](../../developer/iscn/) content registry and IBC ( Inter Blockchain Communication ). Validators upgraded the chain together on Google Meet. During the upgrade, all transactions on Liker Land were suspended. 
 
 Have questions on the upgrade? Please check out the following FAQ.