@cobaltio/cobalt-js 0.0.2 → 0.0.5

package/README.md

@@ -1,10 +1,45 @@
 # cobalt.js
 Cobalt frontend SDK.
 
-# Install
+## Install
+
+#### npm
 ```bash
+npm install @cobaltio/cobalt-js
 ```
 
-# Usage
+#### yarn
 ```bash
+yarn add @cobaltio/cobalt-js
+```
+
+## Usage
+
+### Include
+
+#### Browser
+```js
+<script src="https://cdn.jsdelivr.net/npm/@cobaltio/cobalt-js@0"></script>
+```
+
+#### Node
+```js
+// CommonJS
+const Cobalt = require("@cobaltio/cobalt-js");
+// ESM
+import Cobalt from "@cobaltio/cobalt-js";
+```
+
+### Initialize
+```js
+// initialize with token
+const cobalt = new Cobalt({
+    // the token you generate for linked accounts using the cobalt backend SDK
+    token: "COBALT_SESSION_TOKEN",
+});
+
+// initialize without token
+const cobalt = new Cobalt();
+// the token you generate for linked accounts using the cobalt backend SDK
+cobalt.token = "COBALT_SESSION_TOKEN";
 ```

package/cobalt.js

@@ -5,25 +5,26 @@ class Cobalt {
     /**
      * Cobalt Frontend SDK
      * @param {object} options The options to configure the Cobalt SDK.
+     * @param {string} [options.token] The session token.
      * @param {string} [options.baseUrl=https://api.gocobalt.io] The base URL of your Cobalt API.
      */
     constructor(options) {
         this.apiBaseUrl = options?.baseUrl || "https://api.gocobalt.io";
-        this.template = {};
+        this.token = options?.token;
     }
 
     /**
-     * @returns {string} The token to install a template.
+     * @returns {string} The session token.
      */
     get token() {
-        return this.templateToken;
+        return this.sessionToken;
     };
 
     /**
-     * @returns {string} The token to install a template.
+     * @returns {string} The session token.
      */
     set token(token) {
-        return this.templateToken = typeof token === "string" ? token : "";
+        return this.sessionToken = typeof token === "string" ? token : "";
     };
 
     /**
@@ -55,27 +56,66 @@ class Cobalt {
      * @property {Node[]} configure The configuration data for the workflow.
      */
 
+    /**
+     * @typedef {object} AppAuthStatus The auth status of the user for an application.
+     * @property {boolean} status Whether the user has authenticated with this application.
+     */
+
     /**
      * Install the given template.
+     * @property {string} templateId The ID of the template you want to install.
      * @returns {Promise<Workflow>}
      */
-    async installTemplate() {
-        const res = await fetch(`${this.baseUrl}/api/v1/template/install`, {
+    async installTemplate(templateId) {
+        const res = await fetch(`${this.baseUrl}/api/v1/template/install/${templateId}`, {
             method: "POST",
             headers: {
                 authorization: `Bearer ${this.token}`,
             },
         });
-        this.template = await res.json();
-        return this.template;
+        return await res.json();
     }
 
     /**
-     * Install the given template.
+     * Returns the auth status of the user for the specified application.
+     * @property {string} application The application type.
+     * @returns {Promise<boolean>} The auth status of the user.
+     */
+    async getAppAuthStatus(application) {
+        const res = await fetch(`${this.baseUrl}/api/v1/linked-acc/integration/auth?integration_type=${application}`, {
+            headers: {
+                authorization: `Bearer ${this.token}`,
+            },
+        });
+        const data = await res.json();
+        return !!data?.status;
+    }
+
+    /**
+     * Returns the auth URL that users can use to authenticate themselves to the
+     * specified application.
+     * @property {string} application The application type.
+     * @returns {Promise<string>} The auth URL where users can authenticate themselves.
+     */
+    async getAppAuthUrl(application) {
+        const res = await fetch(`${this.baseUrl}/api/v1/google/integrate?type=${application}`, {
+            headers: {
+                authorization: `Bearer ${this.token}`,
+            },
+        });
+        const data = await res.json();
+        return data?.auth_url;
+    }
+
+    /**
+     * Save the input data for the specified node.
+     * @property {string} workflowId The ID of the workflow.
+     * @property {string} nodeId The ID of the node.
+     * @property {object} inputData The input data for the node.
      * @returns {Promise<Workflow>}
      */
-    async saveNode(nodeId, inputData = {}) {
-        const res = await fetch(`${this.baseUrl}/api/v2/workflow/${this.template?.workflow_id}/node/${nodeId}`, {
+    async saveNode(workflowId, nodeId, inputData = {}) {
+        const res = await fetch(`${this.baseUrl}/api/v2/workflow/${workflowId}/node/${nodeId}`, {
             method: "PUT",
             headers: {
                 authorization: `Bearer ${this.token}`,

package/cobalt.min.js

@@ -1 +1 @@
-class Cobalt{constructor(options){this.apiBaseUrl=options?.baseUrl||"https://api.gocobalt.io";this.template={}}get token(){return this.templateToken}set token(token){return this.templateToken=typeof token==="string"?token:""}get baseUrl(){return this.apiBaseUrl}async installTemplate(){const res=await fetch(`${this.baseUrl}/api/v1/template/install`,{method:"POST",headers:{authorization:`Bearer ${this.token}`}});this.template=await res.json();return this.template}async saveNode(nodeId,inputData={}){const res=await fetch(`${this.baseUrl}/api/v2/workflow/${this.template?.workflow_id}/node/${nodeId}`,{method:"PUT",headers:{authorization:`Bearer ${this.token}`},body:JSON.stringify({input_data:inputData})});return await res.json()}}module.exports=Cobalt;
+class Cobalt{constructor(options){this.apiBaseUrl=options?.baseUrl||"https://api.gocobalt.io";this.token=options?.token}get token(){return this.sessionToken}set token(token){return this.sessionToken=typeof token==="string"?token:""}get baseUrl(){return this.apiBaseUrl}async installTemplate(templateId){const res=await fetch(`${this.baseUrl}/api/v1/template/install/${templateId}`,{method:"POST",headers:{authorization:`Bearer ${this.token}`}});return await res.json()}async getAppAuthStatus(application){const res=await fetch(`${this.baseUrl}/api/v1/linked-acc/integration/auth?integration_type=${application}`,{headers:{authorization:`Bearer ${this.token}`}});const data=await res.json();return!!data?.status}async getAppAuthUrl(application){const res=await fetch(`${this.baseUrl}/api/v1/google/integrate?type=${application}`,{headers:{authorization:`Bearer ${this.token}`}});const data=await res.json();return data?.auth_url}async saveNode(workflowId,nodeId,inputData={}){const res=await fetch(`${this.baseUrl}/api/v2/workflow/${workflowId}/node/${nodeId}`,{method:"PUT",headers:{authorization:`Bearer ${this.token}`},body:JSON.stringify({input_data:inputData})});return await res.json()}}module.exports=Cobalt;

package/docs/Cobalt.html

@@ -133,6 +133,43 @@
     <tbody>
     
 
+        <tr>
+            
+                <td class="name"><code>token</code></td>
+            
+
+            <td class="type">
+            
+                
+<span class="param-type">string</span>
+
+
+            
+            </td>
+
+            
+                <td class="attributes">
+                
+                    &lt;optional><br>
+                
+
+                
+
+                
+                </td>
+            
+
+            
+                <td class="default">
+                
+                </td>
+            
+
+            <td class="description last">The session token.</td>
+        </tr>
+
+    
+
         <tr>
             
                 <td class="name"><code>baseUrl</code></td>
@@ -305,7 +342,7 @@
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="cobalt.js.html">cobalt.js</a>, <a href="cobalt.js.html#line32">line 32</a>
+        <a href="cobalt.js.html">cobalt.js</a>, <a href="cobalt.js.html#line33">line 33</a>
     </li></ul></dd>
     
 
@@ -363,7 +400,7 @@
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="cobalt.js.html">cobalt.js</a>, <a href="cobalt.js.html#line18">line 18</a>
+        <a href="cobalt.js.html">cobalt.js</a>, <a href="cobalt.js.html#line19">line 19</a>
     </li></ul></dd>
     
 
@@ -421,7 +458,7 @@
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="cobalt.js.html">cobalt.js</a>, <a href="cobalt.js.html#line25">line 25</a>
+        <a href="cobalt.js.html">cobalt.js</a>, <a href="cobalt.js.html#line26">line 26</a>
     </li></ul></dd>
     
 
@@ -449,6 +486,331 @@
     
 
     
+    <h4 class="name" id="getAppAuthStatus"><span class="type-signature">(async) </span>getAppAuthStatus<span class="signature">()</span><span class="type-signature"> &rarr; {Promise.&lt;boolean>}</span></h4>
+    
+
+    
+
+
+
+<div class="description">
+    Returns the auth status of the user for the specified application.
+</div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+    <h5 class="subsection-title">Properties:</h5>
+
+    
+
+<table class="props">
+    <thead>
+    <tr>
+        
+        <th>Name</th>
+        
+
+        <th>Type</th>
+
+        
+
+        
+
+        <th class="last">Description</th>
+    </tr>
+    </thead>
+
+    <tbody>
+    
+
+        <tr>
+            
+                <td class="name"><code>application</code></td>
+            
+
+            <td class="type">
+            
+                
+<span class="param-type">string</span>
+
+
+            
+            </td>
+
+            
+
+            
+
+            <td class="description last">The application type.</td>
+        </tr>
+
+    
+    </tbody>
+</table>
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    <dt class="tag-source">Source:</dt>
+    <dd class="tag-source"><ul class="dummy"><li>
+        <a href="cobalt.js.html">cobalt.js</a>, <a href="cobalt.js.html#line84">line 84</a>
+    </li></ul></dd>
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<h5>Returns:</h5>
+
+        
+<div class="param-desc">
+    The auth status of the user.
+</div>
+
+
+
+<dl>
+    <dt>
+        Type
+    </dt>
+    <dd>
+        
+<span class="param-type">Promise.&lt;boolean></span>
+
+
+    </dd>
+</dl>
+
+    
+
+
+
+
+
+        
+            
+
+    
+
+    
+    <h4 class="name" id="getAppAuthUrl"><span class="type-signature">(async) </span>getAppAuthUrl<span class="signature">()</span><span class="type-signature"> &rarr; {Promise.&lt;string>}</span></h4>
+    
+
+    
+
+
+
+<div class="description">
+    Returns the auth URL that users can use to authenticate themselves to the
+specified application.
+</div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+    <h5 class="subsection-title">Properties:</h5>
+
+    
+
+<table class="props">
+    <thead>
+    <tr>
+        
+        <th>Name</th>
+        
+
+        <th>Type</th>
+
+        
+
+        
+
+        <th class="last">Description</th>
+    </tr>
+    </thead>
+
+    <tbody>
+    
+
+        <tr>
+            
+                <td class="name"><code>application</code></td>
+            
+
+            <td class="type">
+            
+                
+<span class="param-type">string</span>
+
+
+            
+            </td>
+
+            
+
+            
+
+            <td class="description last">The application type.</td>
+        </tr>
+
+    
+    </tbody>
+</table>
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    <dt class="tag-source">Source:</dt>
+    <dd class="tag-source"><ul class="dummy"><li>
+        <a href="cobalt.js.html">cobalt.js</a>, <a href="cobalt.js.html#line100">line 100</a>
+    </li></ul></dd>
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<h5>Returns:</h5>
+
+        
+<div class="param-desc">
+    The auth URL where users can authenticate themselves.
+</div>
+
+
+
+<dl>
+    <dt>
+        Type
+    </dt>
+    <dd>
+        
+<span class="param-type">Promise.&lt;string></span>
+
+
+    </dd>
+</dl>
+
+    
+
+
+
+
+
+        
+            
+
+    
+
+    
     <h4 class="name" id="installTemplate"><span class="type-signature">(async) </span>installTemplate<span class="signature">()</span><span class="type-signature"> &rarr; {Promise.&lt;<a href="global.html#Workflow">Workflow</a>>}</span></h4>
     
 
@@ -472,6 +834,58 @@
 
 
 
+    <h5 class="subsection-title">Properties:</h5>
+
+    
+
+<table class="props">
+    <thead>
+    <tr>
+        
+        <th>Name</th>
+        
+
+        <th>Type</th>
+
+        
+
+        
+
+        <th class="last">Description</th>
+    </tr>
+    </thead>
+
+    <tbody>
+    
+
+        <tr>
+            
+                <td class="name"><code>templateId</code></td>
+            
+
+            <td class="type">
+            
+                
+<span class="param-type">string</span>
+
+
+            
+            </td>
+
+            
+
+            
+
+            <td class="description last">The ID of the template you want to install.</td>
+        </tr>
+
+    
+    </tbody>
+</table>
+
+
+
+
 <dl class="details">
 
     
@@ -501,7 +915,7 @@
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="cobalt.js.html">cobalt.js</a>, <a href="cobalt.js.html#line62">line 62</a>
+        <a href="cobalt.js.html">cobalt.js</a>, <a href="cobalt.js.html#line69">line 69</a>
     </li></ul></dd>
     
 
@@ -563,7 +977,7 @@
 
 
 <div class="description">
-    Install the given template.
+    Save the input data for the specified node.
 </div>
 
 
@@ -578,6 +992,104 @@
 
 
 
+    <h5 class="subsection-title">Properties:</h5>
+
+    
+
+<table class="props">
+    <thead>
+    <tr>
+        
+        <th>Name</th>
+        
+
+        <th>Type</th>
+
+        
+
+        
+
+        <th class="last">Description</th>
+    </tr>
+    </thead>
+
+    <tbody>
+    
+
+        <tr>
+            
+                <td class="name"><code>workflowId</code></td>
+            
+
+            <td class="type">
+            
+                
+<span class="param-type">string</span>
+
+
+            
+            </td>
+
+            
+
+            
+
+            <td class="description last">The ID of the workflow.</td>
+        </tr>
+
+    
+
+        <tr>
+            
+                <td class="name"><code>nodeId</code></td>
+            
+
+            <td class="type">
+            
+                
+<span class="param-type">string</span>
+
+
+            
+            </td>
+
+            
+
+            
+
+            <td class="description last">The ID of the node.</td>
+        </tr>
+
+    
+
+        <tr>
+            
+                <td class="name"><code>inputData</code></td>
+            
+
+            <td class="type">
+            
+                
+<span class="param-type">object</span>
+
+
+            
+            </td>
+
+            
+
+            
+
+            <td class="description last">The input data for the node.</td>
+        </tr>
+
+    
+    </tbody>
+</table>
+
+
+
+
 <dl class="details">
 
     
@@ -607,7 +1119,7 @@
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="cobalt.js.html">cobalt.js</a>, <a href="cobalt.js.html#line77">line 77</a>
+        <a href="cobalt.js.html">cobalt.js</a>, <a href="cobalt.js.html#line117">line 117</a>
     </li></ul></dd>
     
 
@@ -677,7 +1189,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.11</a> on Mon Sep 05 2022 15:43:26 GMT+0530 (India Standard Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.11</a> on Fri Sep 09 2022 11:59:06 GMT+0530 (India Standard Time)
 </footer>
 
 <script> prettyPrint(); </script>

package/docs/cobalt.js.html

@@ -33,25 +33,26 @@ class Cobalt {
     /**
      * Cobalt Frontend SDK
      * @param {object} options The options to configure the Cobalt SDK.
+     * @param {string} [options.token] The session token.
      * @param {string} [options.baseUrl=https://api.gocobalt.io] The base URL of your Cobalt API.
      */
     constructor(options) {
         this.apiBaseUrl = options?.baseUrl || "https://api.gocobalt.io";
-        this.template = {};
+        this.token = options?.token;
     }
 
     /**
-     * @returns {string} The token to install a template.
+     * @returns {string} The session token.
      */
     get token() {
-        return this.templateToken;
+        return this.sessionToken;
     };
 
     /**
-     * @returns {string} The token to install a template.
+     * @returns {string} The session token.
      */
     set token(token) {
-        return this.templateToken = typeof token === "string" ? token : "";
+        return this.sessionToken = typeof token === "string" ? token : "";
     };
 
     /**
@@ -83,27 +84,66 @@ class Cobalt {
      * @property {Node[]} configure The configuration data for the workflow.
      */
 
+    /**
+     * @typedef {object} AppAuthStatus The auth status of the user for an application.
+     * @property {boolean} status Whether the user has authenticated with this application.
+     */
+
     /**
      * Install the given template.
+     * @property {string} templateId The ID of the template you want to install.
      * @returns {Promise<Workflow>}
      */
-    async installTemplate() {
-        const res = await fetch(`${this.baseUrl}/api/v1/template/install`, {
+    async installTemplate(templateId) {
+        const res = await fetch(`${this.baseUrl}/api/v1/template/install/${templateId}`, {
             method: "POST",
             headers: {
                 authorization: `Bearer ${this.token}`,
             },
         });
-        this.template = await res.json();
-        return this.template;
+        return await res.json();
     }
 
     /**
-     * Install the given template.
+     * Returns the auth status of the user for the specified application.
+     * @property {string} application The application type.
+     * @returns {Promise<boolean>} The auth status of the user.
+     */
+    async getAppAuthStatus(application) {
+        const res = await fetch(`${this.baseUrl}/api/v1/linked-acc/integration/auth?integration_type=${application}`, {
+            headers: {
+                authorization: `Bearer ${this.token}`,
+            },
+        });
+        const data = await res.json();
+        return !!data?.status;
+    }
+
+    /**
+     * Returns the auth URL that users can use to authenticate themselves to the
+     * specified application.
+     * @property {string} application The application type.
+     * @returns {Promise<string>} The auth URL where users can authenticate themselves.
+     */
+    async getAppAuthUrl(application) {
+        const res = await fetch(`${this.baseUrl}/api/v1/google/integrate?type=${application}`, {
+            headers: {
+                authorization: `Bearer ${this.token}`,
+            },
+        });
+        const data = await res.json();
+        return data?.auth_url;
+    }
+
+    /**
+     * Save the input data for the specified node.
+     * @property {string} workflowId The ID of the workflow.
+     * @property {string} nodeId The ID of the node.
+     * @property {object} inputData The input data for the node.
      * @returns {Promise<Workflow>}
      */
-    async saveNode(nodeId, inputData = {}) {
-        const res = await fetch(`${this.baseUrl}/api/v2/workflow/${this.template?.workflow_id}/node/${nodeId}`, {
+    async saveNode(workflowId, nodeId, inputData = {}) {
+        const res = await fetch(`${this.baseUrl}/api/v2/workflow/${workflowId}/node/${nodeId}`, {
             method: "PUT",
             headers: {
                 authorization: `Bearer ${this.token}`,
@@ -116,7 +156,7 @@ class Cobalt {
     }
 }
 
-export default Cobalt;
+module.exports = Cobalt;
 </code></pre>
         </article>
     </section>
@@ -133,7 +173,7 @@ export default Cobalt;
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.11</a> on Mon Sep 05 2022 15:43:26 GMT+0530 (India Standard Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.11</a> on Fri Sep 09 2022 11:59:06 GMT+0530 (India Standard Time)
 </footer>
 
 <script> prettyPrint(); </script>

package/docs/global.html

@@ -102,6 +102,130 @@
 
         
                 
+<h4 class="name" id="AppAuthStatus">AppAuthStatus</h4>
+
+
+
+
+<div class="description">
+    The auth status of the user for an application.
+</div>
+
+
+
+    <h5>Type:</h5>
+    <ul>
+        <li>
+            
+<span class="param-type">object</span>
+
+
+        </li>
+    </ul>
+
+
+
+
+
+    <h5 class="subsection-title">Properties:</h5>
+
+    
+
+<table class="props">
+    <thead>
+    <tr>
+        
+        <th>Name</th>
+        
+
+        <th>Type</th>
+
+        
+
+        
+
+        <th class="last">Description</th>
+    </tr>
+    </thead>
+
+    <tbody>
+    
+
+        <tr>
+            
+                <td class="name"><code>status</code></td>
+            
+
+            <td class="type">
+            
+                
+<span class="param-type">boolean</span>
+
+
+            
+            </td>
+
+            
+
+            
+
+            <td class="description last">Whether the user has authenticated with this application.</td>
+        </tr>
+
+    
+    </tbody>
+</table>
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    <dt class="tag-source">Source:</dt>
+    <dd class="tag-source"><ul class="dummy"><li>
+        <a href="cobalt.js.html">cobalt.js</a>, <a href="cobalt.js.html#line59">line 59</a>
+    </li></ul></dd>
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+
+            
+                
 <h4 class="name" id="Field">Field</h4>
 
 
@@ -277,7 +401,7 @@
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="cobalt.js.html">cobalt.js</a>, <a href="cobalt.js.html#line36">line 36</a>
+        <a href="cobalt.js.html">cobalt.js</a>, <a href="cobalt.js.html#line37">line 37</a>
     </li></ul></dd>
     
 
@@ -447,7 +571,7 @@
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="cobalt.js.html">cobalt.js</a>, <a href="cobalt.js.html#line44">line 44</a>
+        <a href="cobalt.js.html">cobalt.js</a>, <a href="cobalt.js.html#line45">line 45</a>
     </li></ul></dd>
     
 
@@ -617,7 +741,7 @@
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="cobalt.js.html">cobalt.js</a>, <a href="cobalt.js.html#line51">line 51</a>
+        <a href="cobalt.js.html">cobalt.js</a>, <a href="cobalt.js.html#line52">line 52</a>
     </li></ul></dd>
     
 
@@ -653,7 +777,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.11</a> on Mon Sep 05 2022 15:43:26 GMT+0530 (India Standard Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.11</a> on Fri Sep 09 2022 11:59:06 GMT+0530 (India Standard Time)
 </footer>
 
 <script> prettyPrint(); </script>

package/docs/index.html

@@ -45,10 +45,36 @@
     <section>
         <article><h1>cobalt.js</h1>
 <p>Cobalt frontend SDK.</p>
-<h1>Install</h1>
-<pre class="prettyprint source lang-bash"><code></code></pre>
-<h1>Usage</h1>
-<pre class="prettyprint source lang-bash"><code></code></pre></article>
+<h2>Install</h2>
+<h4>npm</h4>
+<pre class="prettyprint source lang-bash"><code>npm install @cobaltio/cobalt-js
+</code></pre>
+<h4>yarn</h4>
+<pre class="prettyprint source lang-bash"><code>yarn add @cobaltio/cobalt-js
+</code></pre>
+<h2>Usage</h2>
+<h3>Include</h3>
+<h4>Browser</h4>
+<pre class="prettyprint source lang-js"><code>&lt;script src=&quot;https://cdn.jsdelivr.net/npm/@cobaltio/cobalt-js@0&quot;>&lt;/script>
+</code></pre>
+<h4>Node</h4>
+<pre class="prettyprint source lang-js"><code>// CommonJS
+const Cobalt = require(&quot;@cobaltio/cobalt-js&quot;);
+// ESM
+import Cobalt from &quot;@cobaltio/cobalt-js&quot;;
+</code></pre>
+<h3>Initialize</h3>
+<pre class="prettyprint source lang-js"><code>// initialize with token
+const cobalt = new Cobalt({
+    // the token you generate for linked accounts using the cobalt backend SDK
+    token: &quot;COBALT_SESSION_TOKEN&quot;,
+});
+
+// initialize without token
+const cobalt = new Cobalt();
+// the token you generate for linked accounts using the cobalt backend SDK
+cobalt.token = &quot;COBALT_SESSION_TOKEN&quot;;
+</code></pre></article>
     </section>
 
 
@@ -65,7 +91,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.11</a> on Mon Sep 05 2022 15:43:26 GMT+0530 (India Standard Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.11</a> on Fri Sep 09 2022 11:59:06 GMT+0530 (India Standard Time)
 </footer>
 
 <script> prettyPrint(); </script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cobaltio/cobalt-js",
-  "version": "0.0.2",
+  "version": "0.0.5",
   "description": "Cobalt frontend SDK",
   "main": "./cobalt.js",
   "scripts": {