@cocreate/api 1.10.4 → 1.10.6

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,19 @@
1
+ ## [1.10.6](https://github.com/CoCreate-app/CoCreate-api/compare/v1.10.5...v1.10.6) (2023-05-01)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * replace fontawesome with svg ([74203e9](https://github.com/CoCreate-app/CoCreate-api/commit/74203e9bad7a5ebd71e1e040fa41e99408ab686d))
7
+
8
+ ## [1.10.5](https://github.com/CoCreate-app/CoCreate-api/compare/v1.10.4...v1.10.5) (2023-04-30)
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * fullscreen target updated to fullscreen fullscreen-target ([9ff098e](https://github.com/CoCreate-app/CoCreate-api/commit/9ff098e31d6a8d9d3bcddb1244ef94064b9db277))
14
+ * package-lock.json and pnpm-lock.yaml added to .gitignore ([9ab6cda](https://github.com/CoCreate-app/CoCreate-api/commit/9ab6cda64a6b4f746542cd11177a011ded095d2e))
15
+ * removed toogle fullscreen icons. now using css content ([ad90954](https://github.com/CoCreate-app/CoCreate-api/commit/ad90954c748c659770c59401cab9201fddfc165c))
16
+
1
17
  ## [1.10.4](https://github.com/CoCreate-app/CoCreate-api/compare/v1.10.3...v1.10.4) (2023-04-24)
2
18
 
3
19
 
package/docs/form.html CHANGED
@@ -34,13 +34,13 @@
34
34
  <div class="display:flex align-items:center transition:0.3s padding-left:10px" share-network="true" share-text="An api helper component in vanilla javascript to setup thirdparty api intergrations. Apis can be accessible using HTML5 attributes and/or JavaScript API"
35
35
  share-title="CoCreate API form" share-height="600" share-width="700" share-media="https://cdn.cocreate.app/docs/api.png" hover="display:block!important" hover-target=".social-networks">
36
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>
37
+ <a class="margin-right:15px" share-network='twitter' title="Share on twitter"><i class="height:20px fill:#505050" src="/assets/svg/twitter.svg"></i></a>
38
+ <a class="margin-right:15px" share-network='facebook' title="Share on Facebook"><i class="height:20px fill:#505050" src="/assets/svg/facebook.svg"></i></a>
39
+ <a class="margin-right:15px" share-network='instagram' title="Share on instagram"><i class="height:20px fill:#505050" src="/assets/svg/instagram.svg"></i></a>
40
40
  </div>
41
- <a class="margin-right:15px" share-network='share' title="Share on share"><i class="fas fa-share-alt"></i></a>
41
+ <a class="margin-right:15px" share-network='share' title="Share on share"><i class="height:20px fill:#505050" src="/assets/svg/share-alt.svg"></i></a>
42
42
  </div>
43
- <a href="https://github.com/CoCreate-app/CoCreate-dnd" target="_blank" class=""><i class="fab fa-github"></i></a>
43
+ <a href="https://github.com/CoCreate-app/CoCreate-dnd" target="_blank" class=""><i class="height:20px fill:#505050" src="/assets/svg/github.svg"></i></a>
44
44
  </div>
45
45
  </div>
46
46
  <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 attributes and/or JavaScript API. CoCreate-api includes the
@@ -52,7 +52,7 @@
52
52
  <div id="api-install" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#api-install-section">
53
53
  <span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#api-install"]'>
54
54
  <h2 class="padding:5px_0px">Install</h2>
55
- <a class="margin-left:10px display:none" href="#api-install"><i class="fas fa-link"></i></a>
55
+ <a class="margin-left:10px display:none" href="#api-install"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
56
56
  </span>
57
57
  </div>
58
58
 
@@ -64,13 +64,13 @@
64
64
 
65
65
  <div>
66
66
  <h2 id="api-server-run" hover="display:block" hover-target="" class="border-bottom:1px_solid_lightgrey padding:5px_0px">Server run</h2>
67
- <a class="display:none" href="#api-server-run"><i class="fas fa-link"></i></a>
67
+ <a class="display:none" href="#api-server-run"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
68
68
  </div>
69
69
  <pre><code class="language-javascript">npm run start</code></pre>
70
70
 
71
71
  <div>
72
72
  <h2 id="api-dependencies" hover="display:block" hover-target="" class="border-bottom:1px_solid_lightgrey margin-top:80px padding:5px_0px">Dependencies components</h2>
73
- <a class="display:none" href="#api-dependencies"><i class="fas fa-link"></i></a>
73
+ <a class="display:none" href="#api-dependencies"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
74
74
  </div>
75
75
  <p class="padding:10px_0px line-height:1.5">
76
76
  <strong>CoCreate.js</strong>,
@@ -80,7 +80,7 @@
80
80
 
81
81
  <div>
82
82
  <h2 id="api-development" hover="display:block" hover-target="" class="border-bottom:1px_solid_lightgrey margin-top:80px padding:5px_0px">Development Guide</h2>
83
- <a class="display:none" href="#api-development"><i class="fas fa-link"></i></a>
83
+ <a class="display:none" href="#api-development"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
84
84
  </div>
85
85
 
86
86
  <h3 class="margin-top:20px padding:5px_0px">1. Directory structure</h3>
@@ -173,7 +173,7 @@
173
173
  <div id="api-demo" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#api-demo-section">
174
174
  <span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#api-demo"]'>
175
175
  <h2 class="padding:5px_0px">Demo</h2>
176
- <a class="margin-left:10px display:none" href="#api-demo"><i class="fas fa-link"></i></a>
176
+ <a class="margin-left:10px display:none" href="#api-demo"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
177
177
  </span>
178
178
  </div>
179
179
 
@@ -191,11 +191,11 @@
191
191
  </div>
192
192
 
193
193
  <div class="font-size:20px position:absolute top:10px right:10px opacity:0.6">
194
- <a class="margin-right:10px" id="eye" show="#eye-slash" hide="#eye, #demo-preview" toggle="code-height" toggle-target="#demo-code"><i class="far fa-eye"></i></a>
195
- <a class="margin-right:10px" hidden id="eye-slash" show="#eye, #demo-preview" hide="#eye-slash" toggle="code-height" toggle-target="#demo-code"><i class="fas fa-eye-slash"></i></a>
196
- <a class="margin-right:10px" id="code" show="#code-slash" hide="#code, #demo-code"><i class="fa fa-code"></i></a>
197
- <a class="margin-right:10px" hidden id="code-slash" show="#code, #demo-code" hide="#code-slash"><i class="fas fa-code"></i></a>
198
- <a class="margin-right:5px" fullscreen target="#playground"><i class="fas fa-expand"></i></a>
194
+ <a class="margin-right:10px" id="eye" show="#eye-slash" hide="#eye, #demo-preview" toggle="code-height" toggle-target="#demo-code"><i class="height:18px fill:#505050" src="/assets/svg/eye.svg"></i></a>
195
+ <a class="margin-right:10px" hidden id="eye-slash" show="#eye, #demo-preview" hide="#eye-slash" toggle="code-height" toggle-target="#demo-code"><i class="height:20px fill:#505050" src="/assets/svg/eye-slash.svg"></i></a>
196
+ <a class="margin-right:10px" id="code" show="#code-slash" hide="#code, #demo-code"><i class="height:20px fill:#505050" src="/assets/svg/code.svg"></i></a>
197
+ <a class="margin-right:10px" hidden id="code-slash" show="#code, #demo-code" hide="#code-slash"><i class="display:flex height:18px fill:#505050" src="/assets/svg/code.svg"></i></a>
198
+ <a class="margin-right:5px" fullscreen fullscreen-target="#playground"></a>
199
199
  </div>
200
200
 
201
201
  </div>
@@ -204,7 +204,7 @@
204
204
  </div>
205
205
  </div>
206
206
  <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 color:#fff font-size:1.5rem grow-hover border-radius:50% border-width:0 box-shadow:0px_2px_10px_0px_rgba(0,_0,_0,_0.4)">
207
- <i class="fas fa-pencil-alt"></i>
207
+ <i class="height:20px fill:#505050" src="/assets/svg/pencil-alt.svg"></i>
208
208
  </button>
209
209
  </main>
210
210
 
package/docs/index.html CHANGED
@@ -36,13 +36,13 @@
36
36
  <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"
37
37
  hover="display:block!important" hover-target=".social-networks">
38
38
  <div class="display:none social-networks">
39
- <a class="margin-right:15px" share-network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>
40
- <a class="margin-right:15px" share-network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a>
41
- <a class="margin-right:15px" share-network='instagram' title="Share on instagram"><i class="fab fa-instagram"></i></a>
39
+ <a class="margin-right:15px" share-network='twitter' title="Share on twitter"><i class="height:20px fill:#505050" src="/assets/svg/twitter.svg"></i></a>
40
+ <a class="margin-right:15px" share-network='facebook' title="Share on Facebook"><i class="height:20px fill:#505050" src="/assets/svg/facebook.svg"></i></a>
41
+ <a class="margin-right:15px" share-network='instagram' title="Share on instagram"><i class="height:20px fill:#505050" src="/assets/svg/instagram.svg"></i></a>
42
42
  </div>
43
- <a class="margin-right:15px" share-network='share' title="Share on share"><i class="fas fa-share-alt"></i></a>
43
+ <a class="margin-right:15px" share-network='share' title="Share on share"><i class="height:20px fill:#505050" src="/assets/svg/share-alt.svg"></i></a>
44
44
  </div>
45
- <a href="https://github.com/CoCreate-app/CoCreate-dnd" target="_blank" class=""><i class="fab fa-github"></i></a>
45
+ <a href="https://github.com/CoCreate-app/CoCreate-dnd" target="_blank" class=""><i class="height:20px fill:#505050" src="/assets/svg/github.svg"></i></a>
46
46
  </div>
47
47
  </div>
48
48
  <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 attributes and/or JavaScript API. CoCreate-api includes the
@@ -53,7 +53,7 @@
53
53
  <div id="api-install" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#api-install-section">
54
54
  <span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#api-install"]'>
55
55
  <h2 class="padding:5px_0px">Install</h2>
56
- <a class="margin-left:10px display:none" href="#api-install"><i class="fas fa-link"></i></a>
56
+ <a class="margin-left:10px display:none" href="#api-install"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
57
57
  </span>
58
58
  </div>
59
59
 
@@ -63,7 +63,7 @@
63
63
 
64
64
  <div>
65
65
  <h2 id="api-dependencies" hover="display:block" hover-target="" class="border-bottom:1px_solid_lightgrey margin-top:80px padding:5px_0px">Dependencies components</h2>
66
- <a class="display:none" href="#api-dependencies"><i class="fas fa-link"></i></a>
66
+ <a class="display:none" href="#api-dependencies"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
67
67
  </div>
68
68
 
69
69
  <p class="padding:10px_0px line-height:1.5">
@@ -76,7 +76,7 @@
76
76
  <div id="api-usage" class="margin-top:80px border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#api-usage-section">
77
77
  <span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#api-usage"]'>
78
78
  <h2 class="padding:5px_0px">Usage</h2>
79
- <a class="margin-left:10px display:none" href="#api-usage"><i class="fas fa-link"></i></a>
79
+ <a class="margin-left:10px display:none" href="#api-usage"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
80
80
  </span>
81
81
  </div>
82
82
 
@@ -89,7 +89,7 @@
89
89
 
90
90
  <div>
91
91
  <h2 id="api-server-run" hover="display:block" hover-target="" class="border-bottom:1px_solid_lightgrey padding:5px_0px">Server run</h2>
92
- <a class="display:none" href="#api-server-run"><i class="fas fa-link"></i></a>
92
+ <a class="display:none" href="#api-server-run"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
93
93
  </div>
94
94
 
95
95
  <p class="padding:10px_0px line-height:1.5">
@@ -111,7 +111,7 @@
111
111
 
112
112
  <div>
113
113
  <h2 id="api-functions" hover="display:block" hover-target="" class="border-bottom:1px_solid_lightgrey padding:5px_0px">CoCreate-api functions</h2>
114
- <a class="display:none" href="#api-functions"><i class="fas fa-link"></i></a>
114
+ <a class="display:none" href="#api-functions"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
115
115
  </div>
116
116
 
117
117
  <ul class="list-style-type:none ">
@@ -200,7 +200,7 @@
200
200
  <div id="api-demo" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#api-demo-section">
201
201
  <span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#api-demo"]'>
202
202
  <h2 class="padding:5px_0px">Demo</h2>
203
- <a class="margin-left:10px display:none" href="#api-demo"><i class="fas fa-link"></i></a>
203
+ <a class="margin-left:10px display:none" href="#api-demo"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
204
204
  </span>
205
205
  </div>
206
206
  <div class="position:sticky top:0 padding:15px_0px height:100vh">
@@ -217,11 +217,11 @@
217
217
  </div>
218
218
 
219
219
  <div class="font-size:20px position:absolute top:10px right:10px opacity:0.6">
220
- <a class="margin-right:10px" id="eye" show="#eye-slash" hide="#eye, #demo-preview" toggle="code-height" toggle-target="#demo-code"><i class="far fa-eye"></i></a>
221
- <a class="margin-right:10px" hidden id="eye-slash" show="#eye, #demo-preview" hide="#eye-slash" toggle="code-height" toggle-target="#demo-code"><i class="fas fa-eye-slash"></i></a>
222
- <a class="margin-right:10px" id="code" show="#code-slash" hide="#code, #demo-code"><i class="fa fa-code"></i></a>
223
- <a class="margin-right:10px" hidden id="code-slash" show="#code, #demo-code" hide="#code-slash"><i class="fas fa-code"></i></a>
224
- <a class="margin-right:5px" fullscreen target="#playground"><i class="fas fa-expand"></i></a>
220
+ <a class="margin-right:10px" id="eye" show="#eye-slash" hide="#eye, #demo-preview" toggle="code-height" toggle-target="#demo-code"><i class="height:18px fill:#505050" src="/assets/svg/eye.svg"></i></a>
221
+ <a class="margin-right:10px" hidden id="eye-slash" show="#eye, #demo-preview" hide="#eye-slash" toggle="code-height" toggle-target="#demo-code"><i class="height:20px fill:#505050" src="/assets/svg/eye-slash.svg"></i></a>
222
+ <a class="margin-right:10px" id="code" show="#code-slash" hide="#code, #demo-code"><i class="height:20px fill:#505050" src="/assets/svg/code.svg"></i></a>
223
+ <a class="margin-right:10px" hidden id="code-slash" show="#code, #demo-code" hide="#code-slash"><i class="display:flex height:18px fill:#505050" src="/assets/svg/code.svg"></i></a>
224
+ <a class="margin-right:5px" fullscreen fullscreen-target="#playground"></a>
225
225
  </div>
226
226
 
227
227
  </div>
@@ -231,7 +231,7 @@
231
231
  </div>
232
232
 
233
233
  <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 color:#fff font-size:1.5rem grow-hover border-radius:50% border-width:0 box-shadow:0px_2px_10px_0px_rgba(0,_0,_0,_0.4)">
234
- <i class="fas fa-pencil-alt"></i>
234
+ <i class="height:20px fill:#505050" src="/assets/svg/pencil-alt.svg"></i>
235
235
  </button>
236
236
  </main>
237
237
  <script src="/apikey.js"></script>
package/docs/module.html CHANGED
@@ -30,7 +30,7 @@
30
30
  <div class="display:flex align-items:center">
31
31
  <h2>CoCreate-api modules</h2>
32
32
  </div>
33
- <a href="https://github.com/CoCreate-app/CoCreate-dnd" target="_blank" class=""><i class="fab fa-github"></i></a>
33
+ <a href="https://github.com/CoCreate-app/CoCreate-dnd" target="_blank" class=""><i class="height:20px fill:#505050" src="/assets/svg/github.svg"></i></a>
34
34
  </div>
35
35
  </div>
36
36
  <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 attributes and/or JavaScript API. CoCreate-api includes the
@@ -41,7 +41,7 @@
41
41
  <div id="api-install" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#api-install-section">
42
42
  <span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#api-install"]'>
43
43
  <h2 class="padding:5px_0px">Install</h2>
44
- <a class="margin-left:10px display:none" href="#api-install"><i class="fas fa-link"></i></a>
44
+ <a class="margin-left:10px display:none" href="#api-install"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
45
45
  </span>
46
46
  </div>
47
47
 
@@ -53,7 +53,7 @@
53
53
 
54
54
  <div>
55
55
  <h2 id="api-dependencies" hover="display:block" hover-target="" class="border-bottom:1px_solid_lightgrey margin-top:80px padding:5px_0px">Dependencies components</h2>
56
- <a class="display:none" href="#api-dependencies"><i class="fas fa-link"></i></a>
56
+ <a class="display:none" href="#api-dependencies"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
57
57
  </div>
58
58
  <p class="padding:10px_0px line-height:1.5">
59
59
  <strong>CoCreate.js</strong>,
@@ -63,7 +63,7 @@
63
63
 
64
64
  <div>
65
65
  <h2 id="api-development" hover="display:block" hover-target="" class="border-bottom:1px_solid_lightgrey margin-top:80px padding:5px_0px">Development Guide</h2>
66
- <a class="display:none" href="#api-development"><i class="fas fa-link"></i></a>
66
+ <a class="display:none" href="#api-development"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
67
67
  </div>
68
68
 
69
69
  <h3 class="margin-top:20px padding:5px_0px">1. Rules</h3>
@@ -162,7 +162,7 @@
162
162
  <div id="api-demo" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#api-demo-section">
163
163
  <span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#api-demo"]'>
164
164
  <h2 class="padding:5px_0px">Demo</h2>
165
- <a class="margin-left:10px display:none" href="#api-demo"><i class="fas fa-link"></i></a>
165
+ <a class="margin-left:10px display:none" href="#api-demo"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
166
166
  </span>
167
167
  </div>
168
168
 
@@ -181,11 +181,11 @@
181
181
  </div>
182
182
 
183
183
  <div class="font-size:20px position:absolute top:10px right:10px opacity:0.6">
184
- <a class="margin-right:10px" id="eye" show="#eye-slash" hide="#eye, #demo-preview" toggle="code-height" toggle-target="#demo-code"><i class="far fa-eye"></i></a>
185
- <a class="margin-right:10px" hidden id="eye-slash" show="#eye, #demo-preview" hide="#eye-slash" toggle="code-height" toggle-target="#demo-code"><i class="fas fa-eye-slash"></i></a>
186
- <a class="margin-right:10px" id="code" show="#code-slash" hide="#code, #demo-code"><i class="fa fa-code"></i></a>
187
- <a class="margin-right:10px" hidden id="code-slash" show="#code, #demo-code" hide="#code-slash"><i class="fas fa-code"></i></a>
188
- <a class="margin-right:5px" fullscreen target="#playground"><i class="fas fa-expand"></i></a>
184
+ <a class="margin-right:10px" id="eye" show="#eye-slash" hide="#eye, #demo-preview" toggle="code-height" toggle-target="#demo-code"><i class="height:18px fill:#505050" src="/assets/svg/eye.svg"></i></a>
185
+ <a class="margin-right:10px" hidden id="eye-slash" show="#eye, #demo-preview" hide="#eye-slash" toggle="code-height" toggle-target="#demo-code"><i class="height:20px fill:#505050" src="/assets/svg/eye-slash.svg"></i></a>
186
+ <a class="margin-right:10px" id="code" show="#code-slash" hide="#code, #demo-code"><i class="height:20px fill:#505050" src="/assets/svg/code.svg"></i></a>
187
+ <a class="margin-right:10px" hidden id="code-slash" show="#code, #demo-code" hide="#code-slash"><i class="display:flex height:18px fill:#505050" src="/assets/svg/code.svg"></i></a>
188
+ <a class="margin-right:5px" fullscreen fullscreen-target="#playground"></a>
189
189
  </div>
190
190
 
191
191
  </div>
@@ -194,7 +194,7 @@
194
194
  </div>
195
195
  </div>
196
196
  <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 color:#fff font-size:1.5rem grow-hover border-radius:50% border-width:0 box-shadow:0px_2px_10px_0px_rgba(0,_0,_0,_0.4)">
197
- <i class="fas fa-pencil-alt"></i>
197
+ <i class="height:20px fill:#505050" src="/assets/svg/pencil-alt.svg"></i>
198
198
  </button>
199
199
  </main>
200
200
 
package/docs/server.html CHANGED
@@ -34,13 +34,13 @@
34
34
  <div class="display:flex align-items:center transition:0.3s padding-left:10px" share-network="true" share-text="An api helper component in vanilla javascript to setup thirdparty api intergrations. Apis can be accessible using HTML5 attributes and/or JavaScript API"
35
35
  share-title="CoCreate API server" share-height="600" share-width="700" share-media="https://cdn.cocreate.app/docs/api.png" hover="display:block!important" hover-target=".social-networks">
36
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>
37
+ <a class="margin-right:15px" share-network='twitter' title="Share on twitter"><i class="height:20px fill:#505050" src="/assets/svg/twitter.svg"></i></a>
38
+ <a class="margin-right:15px" share-network='facebook' title="Share on Facebook"><i class="height:20px fill:#505050" src="/assets/svg/facebook.svg"></i></a>
39
+ <a class="margin-right:15px" share-network='instagram' title="Share on instagram"><i class="height:20px fill:#505050" src="/assets/svg/instagram.svg"></i></a>
40
40
  </div>
41
- <a class="margin-right:15px" share-network='share' title="Share on share"><i class="fas fa-share-alt"></i></a>
41
+ <a class="margin-right:15px" share-network='share' title="Share on share"><i class="height:20px fill:#505050" src="/assets/svg/share-alt.svg"></i></a>
42
42
  </div>
43
- <a href="https://github.com/CoCreate-app/CoCreate-dnd" target="_blank" class=""><i class="fab fa-github"></i></a>
43
+ <a href="https://github.com/CoCreate-app/CoCreate-dnd" target="_blank" class=""><i class="height:20px fill:#505050" src="/assets/svg/github.svg"></i></a>
44
44
  </div>
45
45
  </div>
46
46
  <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 attributes and/or JavaScript API. CoCreate-api includes the
@@ -50,7 +50,7 @@
50
50
  <div id="api-install" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#api-install-section">
51
51
  <span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#api-install"]'>
52
52
  <h2 class="padding:5px_0px">Install</h2>
53
- <a class="margin-left:10px display:none" href="#api-install"><i class="fas fa-link"></i></a>
53
+ <a class="margin-left:10px display:none" href="#api-install"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
54
54
  </span>
55
55
  </div>
56
56
  <p class="padding:10px_0px line-height:1.5">
@@ -61,13 +61,13 @@
61
61
 
62
62
  <div>
63
63
  <h2 id="api-server-run" hover="display:block" hover-target="" class="border-bottom:1px_solid_lightgrey padding:5px_0px">Server run</h2>
64
- <a class="display:none" href="#api-server-run"><i class="fas fa-link"></i></a>
64
+ <a class="display:none" href="#api-server-run"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
65
65
  </div>
66
66
  <pre><code class="language-javascript">npm run start</code></pre>
67
67
 
68
68
  <div>
69
69
  <h2 id="api-dependencies" hover="display:block" hover-target="" class="border-bottom:1px_solid_lightgrey margin-top:80px padding:5px_0px">Dependencies components</h2>
70
- <a class="display:none" href="#api-dependencies"><i class="fas fa-link"></i></a>
70
+ <a class="display:none" href="#api-dependencies"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
71
71
  </div>
72
72
  <p class="padding:10px_0px line-height:1.5">
73
73
  <strong>CoCreate.js</strong>,
@@ -77,7 +77,7 @@
77
77
 
78
78
  <div>
79
79
  <h2 id="api-development" hover="display:block" hover-target="" class="border-bottom:1px_solid_lightgrey margin-top:80px padding:5px_0px">Development Guide</h2>
80
- <a class="display:none" href="#api-development"><i class="fas fa-link"></i></a>
80
+ <a class="display:none" href="#api-development"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
81
81
  </div>
82
82
 
83
83
  <h3 class="margin-top:20px padding:5px_0px">1. Directory structure</h3>
@@ -174,7 +174,7 @@
174
174
  <div id="api-demo" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#api-demo-section">
175
175
  <span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#api-demo"]'>
176
176
  <h2 class="padding:5px_0px">Demo</h2>
177
- <a class="margin-left:10px display:none" href="#api-demo"><i class="fas fa-link"></i></a>
177
+ <a class="margin-left:10px display:none" href="#api-demo"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
178
178
  </span>
179
179
  </div>
180
180
 
@@ -192,11 +192,11 @@
192
192
  </div>
193
193
 
194
194
  <div class="font-size:20px position:absolute top:10px right:10px opacity:0.6">
195
- <a class="margin-right:10px" id="eye" show="#eye-slash" hide="#eye, #demo-preview" toggle="code-height" toggle-target="#demo-code"><i class="far fa-eye"></i></a>
196
- <a class="margin-right:10px" hidden id="eye-slash" show="#eye, #demo-preview" hide="#eye-slash" toggle="code-height" toggle-target="#demo-code"><i class="fas fa-eye-slash"></i></a>
197
- <a class="margin-right:10px" id="code" show="#code-slash" hide="#code, #demo-code"><i class="fa fa-code"></i></a>
198
- <a class="margin-right:10px" hidden id="code-slash" show="#code, #demo-code" hide="#code-slash"><i class="fas fa-code"></i></a>
199
- <a class="margin-right:5px" fullscreen target="#playground"><i class="fas fa-expand"></i></a>
195
+ <a class="margin-right:10px" id="eye" show="#eye-slash" hide="#eye, #demo-preview" toggle="code-height" toggle-target="#demo-code"><i class="height:18px fill:#505050" src="/assets/svg/eye.svg"></i></a>
196
+ <a class="margin-right:10px" hidden id="eye-slash" show="#eye, #demo-preview" hide="#eye-slash" toggle="code-height" toggle-target="#demo-code"><i class="height:20px fill:#505050" src="/assets/svg/eye-slash.svg"></i></a>
197
+ <a class="margin-right:10px" id="code" show="#code-slash" hide="#code, #demo-code"><i class="height:20px fill:#505050" src="/assets/svg/code.svg"></i></a>
198
+ <a class="margin-right:10px" hidden id="code-slash" show="#code, #demo-code" hide="#code-slash"><i class="display:flex height:18px fill:#505050" src="/assets/svg/code.svg"></i></a>
199
+ <a class="margin-right:5px" fullscreen fullscreen-target="#playground"></a>
200
200
  </div>
201
201
 
202
202
  </div>
@@ -205,7 +205,7 @@
205
205
  </div>
206
206
  </div>
207
207
  <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 color:#fff font-size:1.5rem grow-hover border-radius:50% border-width:0 box-shadow:0px_2px_10px_0px_rgba(0,_0,_0,_0.4)">
208
- <i class="fas fa-pencil-alt"></i>
208
+ <i class="height:20px fill:#505050" src="/assets/svg/pencil-alt.svg"></i>
209
209
  </button>
210
210
  </main>
211
211
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cocreate/api",
3
- "version": "1.10.4",
3
+ "version": "1.10.6",
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 attributes and/or JavaScript API. ",
5
5
  "keywords": [
6
6
  "thirdparty-api-intergration",