@cocreate/api 1.1.17 → 1.1.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ ## [1.1.18](https://github.com/CoCreate-app/CoCreate-api/compare/v1.1.17...v1.1.18) (2021-09-16)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * update dependencies ([73c9b74](https://github.com/CoCreate-app/CoCreate-api/commit/73c9b7415cb38b68127bb39efb944e3f838d1acb))
7
+
1
8
  ## [1.1.17](https://github.com/CoCreate-app/CoCreate-api/compare/v1.1.16...v1.1.17) (2021-09-14)
2
9
 
3
10
 
@@ -20,7 +20,7 @@ module.exports = {
20
20
  "directory": "/docs/api",
21
21
  "content-type": "text/html",
22
22
  "public": "true",
23
- "website_id": "61381ed8829b690010a4f2b2"
23
+ "website_id": "614298c2829b690010a5c031"
24
24
  }
25
25
  }
26
26
  ],
package/docs/index.html CHANGED
@@ -1,162 +1,163 @@
1
1
  <!DOCTYPE html>
2
2
  <html lang="en">
3
3
 
4
- <head>
5
- <meta charset="utf-8">
6
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
7
- <meta name="viewport" content="width=device-width, initial-scale=1">
8
- <title>CoCreate-api Documentation | CoCreateJS </title>
9
- <link rel="icon" type="image/png" sizes="32x32" href="https://cocreate.app/images/favicon.ico">
10
- <meta name="description" content="An api helper component in vanilla javascript to setup thirdparty api intergrations. Apis can be accessible using HTML5 data-attributes and/or JavaScript API" />
11
- <meta name="keywords" content="drag and drop, collaboration, dnd utility, drag and drop utility" />
12
- <meta name="robots" content="index,follow" />
13
- <meta property="og:image" content="https://cdn.cocreate.app/docs/api.png">
14
-
15
- <!-- CoCreate CSS -->
16
- <link rel="stylesheet" href="https://cdn.cocreate.app/latest/CoCreate.min.css" type="text/css" />
17
- <link rel="stylesheet" href="/docs/index.css" collection="files" document_id="60888216117c640e7596303f" name="src" type="text/css" data-save="true" />
18
-
19
- </head>
20
-
21
- <body>
22
- <nav class="nav display:flex align-items:center left:0px background:whitesmoke padding-top:10px padding-bottom:10px" content_id="content" scroll="sticky-nav,hide-nav" scroll-up="10" scroll-down="10" collection="files" document_id="60395ef42b3ac232657040fd" name="src">
23
- </nav>
24
- <sidenav id="menuL" class="position:fixed top:0px left:0px background:whitesmoke height:100vh width:300px width:300px:hover width:0px@xs" resizable resize-target="[content_id='content']" resize-property="margin-left" resize-value="width">
25
- <menu collection="files" document_id="603717b07de7fb350ae9fec8" name="src"></menu>
26
- <div resize="right"></div>
27
- </sidenav>
28
- <main class="padding-top:15px padding:15px@lg@xl" content_id="content" id="CoCreate-api">
29
- <div class="display:flex flex-wrap:wrap justify-content:space-between position:relative margin:10px">
30
- <div class="display:flex align-items:center">
31
- <h2>CoCreate-api</h2>
32
- </div>
33
- <div class="display:flex align-items:center font-size:20px position:absolute right:0 padding:5px background:white">
34
- <div class="display:flex align-items:center transition:0.3s padding-left:10px" share-network="true" share-text="Enter decription here" share-title="testing im a title" share-height="600" share-width="700" share-media="https://cdn.cocreate.app/docs/api.png"
35
- hover="display:block!important" hover-target=".social-networks">
36
- <div class="display:none social-networks">
37
- <a class="margin-right:15px" share-network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>
38
- <a class="margin-right:15px" share-network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a>
39
- <a class="margin-right:15px" share-network='instagram' title="Share on instagram"><i class="fab fa-instagram"></i></a>
4
+ <head>
5
+ <meta charset="utf-8">
6
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1">
8
+ <title>CoCreate-api Documentation | CoCreateJS </title>
9
+ <link rel="icon" type="image/png" sizes="32x32" href="https://cocreate.app/images/favicon.ico">
10
+ <meta name="description" content="An api helper component in vanilla javascript to setup thirdparty api intergrations. Apis can be accessible using HTML5 data-attributes and/or JavaScript API" />
11
+ <meta name="keywords" content="drag and drop, collaboration, dnd utility, drag and drop utility" />
12
+ <meta name="robots" content="index,follow" />
13
+ <meta property="og:image" content="https://cdn.cocreate.app/docs/api.png">
14
+
15
+ <!-- CoCreate CSS -->
16
+ <link rel="stylesheet" href="https://cdn.cocreate.app/latest/CoCreate.min.css" type="text/css" />
17
+ <link rel="stylesheet" href="/docs/index.css" collection="files" document_id="60888216117c640e7596303f" name="src" type="text/css" data-save="true" />
18
+
19
+ </head>
20
+
21
+ <body>
22
+ <nav class="nav display:flex align-items:center left:0px background:whitesmoke padding-top:10px padding-bottom:10px" content_id="content" scroll="sticky-nav,hide-nav" scroll-up="10" scroll-down="10" collection="files" document_id="60395ef42b3ac232657040fd"
23
+ name="src">
24
+ </nav>
25
+ <sidenav id="menuL" class="position:fixed top:0px left:0px background:whitesmoke height:100vh width:300px width:300px:hover width:0px@xs" resizable resize-target="[content_id='content']" resize-property="margin-left" resize-value="width">
26
+ <menu collection="files" document_id="603717b07de7fb350ae9fec8" name="src"></menu>
27
+ <div resize="right"></div>
28
+ </sidenav>
29
+ <main class="padding-top:15px padding:15px@lg@xl" content_id="content" id="CoCreate-api">
30
+ <div class="display:flex flex-wrap:wrap justify-content:space-between position:relative margin:10px">
31
+ <div class="display:flex align-items:center">
32
+ <h2>CoCreate-api</h2>
33
+ </div>
34
+ <div class="display:flex align-items:center font-size:20px position:absolute right:0 padding:5px background:white">
35
+ <div class="display:flex align-items:center transition:0.3s padding-left:10px" share-network="true" share-text="Enter decription here" share-title="testing im a title" share-height="600" share-width="700" share-media="https://cdn.cocreate.app/docs/api.png"
36
+ hover="display:block!important" hover-target=".social-networks">
37
+ <div class="display:none social-networks">
38
+ <a class="margin-right:15px" share-network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>
39
+ <a class="margin-right:15px" share-network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a>
40
+ <a class="margin-right:15px" share-network='instagram' title="Share on instagram"><i class="fab fa-instagram"></i></a>
41
+ </div>
42
+ <a class="margin-right:15px" share-network='share' title="Share on share"><i class="fas fa-share-alt"></i></a>
40
43
  </div>
41
- <a class="margin-right:15px" share-network='share' title="Share on share"><i class="fas fa-share-alt"></i></a>
44
+ <a href="https://github.com/CoCreate-app/CoCreate-dnd" target="_blank" class=""><i class="fab fa-github"></i></a>
42
45
  </div>
43
- <a href="https://github.com/CoCreate-app/CoCreate-dnd" target="_blank" class=""><i class="fab fa-github"></i></a>
44
46
  </div>
45
- </div>
46
- <a href="https://github.com/CoCreate-app/CoCreate-dnd" target="_blank" class=""><i class="fab fa-github"></i></a>
47
- </div>
48
- </div>
49
- <h1 class="max-width:500px margin:20px_10px line-height:1.5 font-size:16px font-weight:100">CoCreate-api is a simple api helper component in vanilla javascript used by JavaScript developers to create thirdparty api intergrations. Thirdparty apis can be accessible using HTML5 data-attributes and/or JavaScript API. CoCreate-api includes the
50
- client component and server side for api processing.</p>
51
- <div id="api-section" class="display:flex flex-wrap:wrap">
52
- <div class="flex-grow:1 width:400px width:300px@xs padding:0px_10px margin-top:60px">
53
-
54
- <div id="api-install" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#api-install-section">
55
- <span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#api-install"]'>
47
+ <a href="https://github.com/CoCreate-app/CoCreate-dnd" target="_blank" class=""><i class="fab fa-github"></i></a>
48
+ </div>
49
+ </div>
50
+ <h1 class="max-width:500px margin:20px_10px line-height:1.5 font-size:16px font-weight:100">CoCreate-api is a simple api helper component in vanilla javascript used by JavaScript developers to create thirdparty api intergrations. Thirdparty apis can be accessible using HTML5 data-attributes and/or JavaScript API. CoCreate-api includes the
51
+ client component and server side for api processing.</p>
52
+ <div id="api-section" class="display:flex flex-wrap:wrap">
53
+ <div class="flex-grow:1 width:400px width:300px@xs padding:0px_10px margin-top:60px">
54
+
55
+ <div id="api-install" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#api-install-section">
56
+ <span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#api-install"]'>
56
57
  <h2 class="padding:5px_0px">Install</h2>
57
58
  <a class="margin-left:10px display:none" href="#api-install"><i class="fas fa-link"></i></a>
58
59
  </span>
59
- </div>
60
+ </div>
60
61
 
61
- <pre><code class="language-bash">npm i @cocreate/api</code></pre>
62
- <p class="padding:10px_0px line-height:1.5">Or you can use cdn link:</p>
63
- <pre><code class="language-html">&lt;script&gt;https://cdn.cocreate.app/api/latest/CoCreate-api.min.js&lt;/script&gt;</code></pre>
62
+ <pre><code class="language-bash">npm i @cocreate/api</code></pre>
63
+ <p class="padding:10px_0px line-height:1.5">Or you can use cdn link:</p>
64
+ <pre><code class="language-html">&lt;script&gt;https://cdn.cocreate.app/api/latest/CoCreate-api.min.js&lt;/script&gt;</code></pre>
64
65
 
65
- <div>
66
- <h2 id="api-dependencies" hover="display:block" data-target="" class="border-bottom:1px_solid_lightgrey margin-top:80px padding:5px_0px">Dependencies components</h2>
67
- <a class="display:none" href="#api-dependencies"><i class="fas fa-link"></i></a>
68
- </div>
66
+ <div>
67
+ <h2 id="api-dependencies" hover="display:block" data-target="" class="border-bottom:1px_solid_lightgrey margin-top:80px padding:5px_0px">Dependencies components</h2>
68
+ <a class="display:none" href="#api-dependencies"><i class="fas fa-link"></i></a>
69
+ </div>
69
70
 
70
- <p class="padding:10px_0px line-height:1.5">
71
- <strong>CoCreate.js</strong>,
72
- <strong>CoCreate-action.js</strong>,
73
- <strong>CoCreate-render.js</strong>,
74
- </p>
71
+ <p class="padding:10px_0px line-height:1.5">
72
+ <strong>CoCreate.js</strong>,
73
+ <strong>CoCreate-action.js</strong>,
74
+ <strong>CoCreate-render.js</strong>,
75
+ </p>
75
76
 
76
77
 
77
- <div id="api-usage" class="margin-top:80px border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#api-usage-section">
78
- <span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#api-usage"]'>
78
+ <div id="api-usage" class="margin-top:80px border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#api-usage-section">
79
+ <span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#api-usage"]'>
79
80
  <h2 class="padding:5px_0px">Usage</h2>
80
81
  <a class="margin-left:10px display:none" href="#api-usage"><i class="fas fa-link"></i></a>
81
82
  </span>
82
- </div>
83
+ </div>
83
84
 
84
- <h4 class="margin-top:20px padding:5px_0px">Install package</h4>
85
- <p class="padding:10px_0px line-height:1.5">
86
- <pre><code class="language-bash">npm i @cocreate/api</code></pre>
87
- </p>
88
- <p class="padding:10px_0px line-height:1.5">Or you can use cdn link:</p>
89
- <pre><code class="language-html">&lt;script&gt;https://cdn.cocreate.app/api/latest/CoCreate-api.min.js&lt;/script&gt;</code></pre>
85
+ <h4 class="margin-top:20px padding:5px_0px">Install package</h4>
86
+ <p class="padding:10px_0px line-height:1.5">
87
+ <pre><code class="language-bash">npm i @cocreate/api</code></pre>
88
+ </p>
89
+ <p class="padding:10px_0px line-height:1.5">Or you can use cdn link:</p>
90
+ <pre><code class="language-html">&lt;script&gt;https://cdn.cocreate.app/api/latest/CoCreate-api.min.js&lt;/script&gt;</code></pre>
90
91
 
91
- <div>
92
- <h2 id="api-server-run" hover="display:block" data-target="" class="border-bottom:1px_solid_lightgrey padding:5px_0px">Server run</h2>
93
- <a class="display:none" href="#api-server-run"><i class="fas fa-link"></i></a>
94
- </div>
92
+ <div>
93
+ <h2 id="api-server-run" hover="display:block" data-target="" class="border-bottom:1px_solid_lightgrey padding:5px_0px">Server run</h2>
94
+ <a class="display:none" href="#api-server-run"><i class="fas fa-link"></i></a>
95
+ </div>
95
96
 
96
- <p class="padding:10px_0px line-height:1.5">
97
- <pre><code class="language-javascript">npm run start</code></pre>
98
- <p>Server's default port is 8081.</p>
99
- </p>
97
+ <p class="padding:10px_0px line-height:1.5">
98
+ <pre><code class="language-javascript">npm run start</code></pre>
99
+ <p>Server's default port is 8081.</p>
100
+ </p>
100
101
 
101
- <h4 class="margin-top:20px padding:5px_0px">Client side</h4>
102
- <p class="padding:10px_0px line-height:1.5">
103
- In order to the client to use the local server, it should be set as follows.
104
- <pre><code class="language-javascript">
102
+ <h4 class="margin-top:20px padding:5px_0px">Client side</h4>
103
+ <p class="padding:10px_0px line-height:1.5">
104
+ In order to the client to use the local server, it should be set as follows.
105
+ <pre><code class="language-javascript">
105
106
  var config = {
106
107
  apiKey: 'c2b08663-06e3-440c-ef6f-13978b42883a',
107
108
  organization_Id: '5de0387b12e200ea63204d6c',
108
109
  host: 'localhost:8081'
109
110
  }
110
111
  </code></pre>
111
- </p>
112
-
113
- <div>
114
- <h2 id="api-functions" hover="display:block" data-target="" class="border-bottom:1px_solid_lightgrey padding:5px_0px">CoCreate-api functions</h2>
115
- <a class="display:none" href="#api-functions"><i class="fas fa-link"></i></a>
116
- </div>
117
-
118
- <ul class="list-style-type:none ">
119
- <li class="padding:15px_0px border-bottom:1px_solid_lightgrey">
120
- <h4><span>register(module_name, instance)</span><span class="cocreate-badge success">string</span> <span class="cocreate-badge danger">required</span></h4>
121
- <p>The function that register cocreate-api module.</p>
122
- <p class="padding:10px_0px line-height:1.5">
123
- <pre><code class="language-javascript">CoCreateApi.register('stripe', CoCreateStripe)</code></pre>
124
112
  </p>
125
113
 
126
- </li>
127
- <li class="padding:15px_0px border-bottom:1px_solid_lightgrey">
128
- <h4><span>send(module_name, action_name, data)</span> <span class="cocreate-badge success">string</span> <span class="cocreate-badge danger">required</span></h4>
129
- <p>The function that send the data into server by module_name and action</p>
130
- <p class="padding:10px_0px line-height:1.5">
131
- <pre><code class="language-javascript">CoCreateApi.send('stripe', 'createCustomer', {
114
+ <div>
115
+ <h2 id="api-functions" hover="display:block" data-target="" class="border-bottom:1px_solid_lightgrey padding:5px_0px">CoCreate-api functions</h2>
116
+ <a class="display:none" href="#api-functions"><i class="fas fa-link"></i></a>
117
+ </div>
118
+
119
+ <ul class="list-style-type:none ">
120
+ <li class="padding:15px_0px border-bottom:1px_solid_lightgrey">
121
+ <h4><span>register(module_name, instance)</span><span class="cocreate-badge success">string</span> <span class="cocreate-badge danger">required</span></h4>
122
+ <p>The function that register cocreate-api module.</p>
123
+ <p class="padding:10px_0px line-height:1.5">
124
+ <pre><code class="language-javascript">CoCreateApi.register('stripe', CoCreateStripe)</code></pre>
125
+ </p>
126
+
127
+ </li>
128
+ <li class="padding:15px_0px border-bottom:1px_solid_lightgrey">
129
+ <h4><span>send(module_name, action_name, data)</span> <span class="cocreate-badge success">string</span> <span class="cocreate-badge danger">required</span></h4>
130
+ <p>The function that send the data into server by module_name and action</p>
131
+ <p class="padding:10px_0px line-height:1.5">
132
+ <pre><code class="language-javascript">CoCreateApi.send('stripe', 'createCustomer', {
132
133
  name: 'Name',
133
134
  email: 'test@gmail.com',
134
135
  ...
135
136
  })</code></pre>
136
- </p>
137
- </li>
138
- <li class="padding:15px_0px border-bottom:1px_solid_lightgrey">
139
- <h4><span>render(module_name, action_name, data)</span> <span class="cocreate-badge success">string</span> <span class="cocreate-badge warning">optional</span></h4>
140
- <p>The function to render data into template</p>
141
- <p class="padding:10px_0px line-height:1.5">
142
- <pre><code class="language-javascript">CoCreate.api.render('stripe', 'createCustomer', {name: 'Name', email: 'test@gmail.com', ...})</code></pre>
143
- </p>
144
- </li>
145
- <li class="padding:15px_0px border-bottom:1px_solid_lightgrey">
146
- <h4><span>getFormData(moudle_name, action_name, container)</span> <span class="cocreate-badge success">string</span> <span class="cocreate-badge warning">optional</span></h4>
147
- <p>The function is that get module data from form</p>
148
- <p class="padding:10px_0px line-height:1.5">
149
- <pre><code class="language-javascript">
137
+ </p>
138
+ </li>
139
+ <li class="padding:15px_0px border-bottom:1px_solid_lightgrey">
140
+ <h4><span>render(module_name, action_name, data)</span> <span class="cocreate-badge success">string</span> <span class="cocreate-badge warning">optional</span></h4>
141
+ <p>The function to render data into template</p>
142
+ <p class="padding:10px_0px line-height:1.5">
143
+ <pre><code class="language-javascript">CoCreate.api.render('stripe', 'createCustomer', {name: 'Name', email: 'test@gmail.com', ...})</code></pre>
144
+ </p>
145
+ </li>
146
+ <li class="padding:15px_0px border-bottom:1px_solid_lightgrey">
147
+ <h4><span>getFormData(moudle_name, action_name, container)</span> <span class="cocreate-badge success">string</span> <span class="cocreate-badge warning">optional</span></h4>
148
+ <p>The function is that get module data from form</p>
149
+ <p class="padding:10px_0px line-height:1.5">
150
+ <pre><code class="language-javascript">
150
151
  let container = btn.closest("form") || document;
151
152
  let data = CoCreateApi.getFormData('stripe', 'createCustomer', container);
152
153
  CoCreateApi.send(this.id, 'createCustomer', [data]);
153
154
 
154
155
  </code></pre>
155
- </p>
156
+ </p>
156
157
 
157
- <p>HTML Example</p>
158
- <p class="padding:10px_0px line-height:1.5">
159
- <pre><code class="language-html">
158
+ <p>HTML Example</p>
159
+ <p class="padding:10px_0px line-height:1.5">
160
+ <pre><code class="language-html">
160
161
  &lt;form&gt;
161
162
  &lt;input data-stripe=&quot;createCustomer.name&quot;&gt;
162
163
  &lt;div data-stripe=&quot;createCustomer.address&quot; data-stripe_array=&quot;address&quot;&gt;
@@ -179,65 +180,57 @@
179
180
  &lt;button actions=&#39;createCustomer&#39;&gt;Create Form&lt;/button&gt;
180
181
  &lt;/form&gt;
181
182
  </code></pre>
182
- </p>
183
- </li>
184
- </ul>
183
+ </p>
184
+ </li>
185
+ </ul>
185
186
 
186
- <h2 class="border-bottom:1px_solid_lightgrey margin-top:20px padding:5px_0px">How Does It Works</h2>
187
- <p>CoCreate-fetch works based on cocreate.js and template. </p>
187
+ <h2 class="border-bottom:1px_solid_lightgrey margin-top:20px padding:5px_0px">How Does It Works</h2>
188
+ <p>CoCreate-fetch works based on cocreate.js and template. </p>
188
189
 
189
- <p>To fetch the array data, the template wrapper should define <code class="language-js">fetch-document</code>. <code class="language-js">template_id</code></p>
190
+ <p>To fetch the array data, the template wrapper should define <code class="language-js">fetch-document</code>. <code class="language-js">template_id</code></p>
190
191
 
191
- <h2 class="border-bottom:1px_solid_lightgrey margin-top:20px padding:5px_0px">Effects and Styles</h2>
192
+ <h2 class="border-bottom:1px_solid_lightgrey margin-top:20px padding:5px_0px">Effects and Styles</h2>
192
193
 
193
- <h2 class="border-bottom:1px_solid_lightgrey margin-top:20px padding:5px_0px">Events</h2>
194
- <h4><span></span><span class="cocreate-badge success"></span></h4>
194
+ <h2 class="border-bottom:1px_solid_lightgrey margin-top:20px padding:5px_0px">Events</h2>
195
+ <h4><span></span><span class="cocreate-badge success"></span></h4>
195
196
 
196
- </div>
197
+ </div>
197
198
 
198
- <div class="flex-grow:1 width:300px padding:0px_10px margin-top:60px border-bottom:1px_solid_lightgrey">
199
+ <div class="flex-grow:1 width:300px padding:0px_10px margin-top:60px border-bottom:1px_solid_lightgrey">
199
200
 
200
- <!-- SandBox -->
201
- <div id="api-demo" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#api-demo-section">
202
- <span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#api-demo"]'>
201
+ <!-- SandBox -->
202
+ <div id="api-demo" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#api-demo-section">
203
+ <span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#api-demo"]'>
203
204
  <h2 class="padding:5px_0px">Demo</h2>
204
205
  <a class="margin-left:10px display:none" href="#api-demo"><i class="fas fa-link"></i></a>
205
206
  </span>
206
- </div>
207
- <div class="position:sticky top:0 padding:15px_0px height:100vh">
208
- <div class="container svColumn overflow:hidden card border-radius:2px width:auto height:100%" id="sandbox">
209
- <div class="font-size:20px position:absolute top:10px right:10px opacity:0.6 z-index:7"> <a class="margin-right:10px" id="preview" show="preview" hide="code"><i class="far fa-eye"></i></a> <a class="margin-right:10px hidden" id="code" show="code" hide="preview"><i class="fas fa-code"></i></a>
210
- <!--<a class="margin-right:10px"><i class="far fa-window-maximize"></i></a>--><a target="modal" href="module_activity_datatable.html" pass-collection="modules" pass-document_id="" pass-fetch_value="" pass-prefix="" pass_to="render" modal-width="600px" modal-height="400px" modal-color="#229954"
211
- modal-header="false" class="margin-right:10px">
207
+ </div>
208
+ <div class="position:sticky top:0 padding:15px_0px height:100vh">
209
+ <div class="container svColumn overflow:hidden card border-radius:2px width:auto height:100%" id="sandbox">
210
+ <div class="font-size:20px position:absolute top:10px right:10px opacity:0.6 z-index:7"> <a class="margin-right:10px" id="preview" show="preview" hide="code"><i class="far fa-eye"></i></a> <a class="margin-right:10px hidden" id="code" show="code" hide="preview"><i class="fas fa-code"></i></a>
211
+ <!--<a class="margin-right:10px"><i class="far fa-window-maximize"></i></a>--><a target="modal" href="module_activity_datatable.html" pass-collection="modules" pass-document_id="" pass-fetch_value="" pass-prefix="" pass_to="render" modal-width="600px" modal-height="400px" modal-color="#229954" modal-header="false" class="margin-right:10px">
212
212
  <i class="fas fa-external-link-alt"></i>
213
213
  </a> <a class="margin-right:5px" fullscreen target="#sandbox"><i class="fas fa-expand"></i></a> </div>
214
- <div class="svRow">
215
- <div class="svColumn">
216
- <div class="svPanel">
217
- <div realtime="false" collection="modules" document_id="5eefe30952c6e94c75fb5e3f" name="html" id="7" class="codemirror height:100% min-width:300px"> </div>
214
+ <div class="svRow">
215
+ <div class="svColumn">
216
+ <div class="svPanel">
217
+ <div realtime="false" collection="modules" document_id="5eefe30952c6e94c75fb5e3f" name="html" id="7" class="codemirror height:100% min-width:300px"> </div>
218
+ </div>
219
+ <div class="svSplitter svHorizontal"> </div>
220
+ <div class="svPanel"> <iframe get-value="7" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe> </div>
221
+ </div>
218
222
  </div>
219
- <div class="svSplitter svHorizontal"> </div>
220
- <div class="svPanel"> <iframe get-value="7" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe> </div>
221
223
  </div>
224
+ <!-- End SandBox -->
222
225
  </div>
223
226
  </div>
224
- <!-- End SandBox -->
225
227
  </div>
226
- </div>
227
- </div>
228
- <button href="https://github.com/CoCreate-app/CoCreate-api/tree/master/docs/index.html?message=docs%3A%20describe%20your%20change..." target="_blank" class="position:fixed bottom:15px right:15px padding:15px background:dodgerblue grow-hover border-radius:50%">
228
+ <button href="https://github.com/CoCreate-app/CoCreate-api/tree/master/docs/index.html?message=docs%3A%20describe%20your%20change..." target="_blank" class="position:fixed bottom:15px right:15px padding:15px background:dodgerblue grow-hover border-radius:50%">
229
229
  <i class="fas fa-pencil-alt"></i>
230
230
  </button>
231
- </main>
232
- <script>
233
- var config = {
234
- apiKey: 'c2b08663-06e3-440c-ef6f-13978b42883a',
235
- organization_Id: '5de0387b12e200ea63204d6c',
236
- host: 'wss://server.cocreate.app:8088'
237
- }
238
- </script>
239
- <!--CoCreateJS CDN-->
240
- <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
241
- </body>
231
+ </main>
232
+ <script src="/apikey.js"></script>
233
+ <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
234
+ </body>
242
235
 
243
236
  </html>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cocreate/api",
3
- "version": "1.1.17",
3
+ "version": "1.1.18",
4
4
  "description": "A simple api helper component in vanilla javascript used by JavaScript developers to create thirdparty api intergrations. CoCreate-api includes the client component and server side for api processing. Thirdparty apis can be accessible using HTML5 data-attributes and/or JavaScript API. ",
5
5
  "keywords": [
6
6
  "thirdparty-api-intergration",
@@ -62,11 +62,11 @@
62
62
  "webpack-log": "^3.0.1"
63
63
  },
64
64
  "dependencies": {
65
- "@cocreate/action": "^1.2.16",
66
- "@cocreate/crud-client": "^1.2.22",
67
- "@cocreate/docs": "^1.2.19",
68
- "@cocreate/hosting": "^1.2.16",
69
- "@cocreate/render": "^1.1.15",
70
- "@cocreate/socket-client": "^1.2.17"
65
+ "@cocreate/action": "^1.2.18",
66
+ "@cocreate/crud-client": "^1.2.24",
67
+ "@cocreate/docs": "^1.2.21",
68
+ "@cocreate/hosting": "^1.2.18",
69
+ "@cocreate/render": "^1.1.17",
70
+ "@cocreate/socket-client": "^1.2.20"
71
71
  }
72
72
  }