@cocreate/resize 1.5.29 → 1.7.0

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.
Files changed (5) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/CoCreate.config.js +2 -2
  3. package/demo/dashboard.html +91 -95
  4. package/docs/index.html +28 -28
  5. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,3 +1,27 @@
1
+ # [1.7.0](https://github.com/CoCreate-app/CoCreate-resize/compare/v1.6.0...v1.7.0) (2023-08-17)
2
+
3
+
4
+ ### Features
5
+
6
+ * bump cocreate dependencies for the latest updates and features ([2bd3015](https://github.com/CoCreate-app/CoCreate-resize/commit/2bd30152d2f5769c0c03dfea1ee477387b841507))
7
+
8
+ # [1.6.0](https://github.com/CoCreate-app/CoCreate-resize/compare/v1.5.29...v1.6.0) (2023-08-16)
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * crud attributes renamed ([9c36081](https://github.com/CoCreate-app/CoCreate-resize/commit/9c360816d85e2968d7cc176c1347f6793aedcbad))
14
+ * replace -target -selector ([90be48d](https://github.com/CoCreate-app/CoCreate-resize/commit/90be48d49e3c6ad3462877c63bf3e75359444929))
15
+ * updated fetch-limit to filter-limit ([aebe4ca](https://github.com/CoCreate-app/CoCreate-resize/commit/aebe4ca94e42815a1a8b48dc5900b81ab7bcc8ac))
16
+ * webpack.config and package.json make use of mode=production instead of process.env ([68d2fa6](https://github.com/CoCreate-app/CoCreate-resize/commit/68d2fa60c6865775ce2157f051cc351e89d5eaa1))
17
+
18
+
19
+ ### Features
20
+
21
+ * name attribute and variable renamed to key ([2cd04d0](https://github.com/CoCreate-app/CoCreate-resize/commit/2cd04d01384c4073c52a1cb86752440c263bc6d0))
22
+ * renamed CRUD attributes and params ([bed55be](https://github.com/CoCreate-app/CoCreate-resize/commit/bed55bec7c1f10eed4a5242f4c837ca5ee3b9e69))
23
+ * update template_id to render-selector attribute. update filter attributes to filter selector-attributes ([6df6cea](https://github.com/CoCreate-app/CoCreate-resize/commit/6df6ceab240b56ce3ea7c61f27412769bef33582))
24
+
1
25
  ## [1.5.29](https://github.com/CoCreate-app/CoCreate-resize/compare/v1.5.28...v1.5.29) (2023-06-14)
2
26
 
3
27
 
package/CoCreate.config.js CHANGED
@@ -4,8 +4,8 @@ module.exports = {
4
4
  "host": "",
5
5
  "sources": [
6
6
  {
7
- "collection": "files",
8
- "document": {
7
+ "array": "files",
8
+ "object": {
9
9
  "_id": "605cfda762701d3ec9de8ff8",
10
10
  "name": "index.html",
11
11
  "path": "/docs/resize/index.html",
package/demo/dashboard.html CHANGED
@@ -13,9 +13,9 @@
13
13
  <link
14
14
  rel="stylesheet"
15
15
  href="../index.css"
16
- collection="files"
17
- document_id="637bc8fe91249e639db315d9"
18
- name="src"
16
+ array="files"
17
+ object="637bc8fe91249e639db315d9"
18
+ key="src"
19
19
  type="text/css" />
20
20
  <link rel="manifest" href="/manifest.webmanifest" />
21
21
  </head>
@@ -117,8 +117,8 @@
117
117
  src="/assets/svg/cog.svg"></i>
118
118
  <div
119
119
  pass_id="module-form"
120
- pass-collection="modules"
121
- pass-document_id=""
120
+ pass-array="modules"
121
+ pass-object=""
122
122
  pass_to="form-fields"></div>
123
123
  <div
124
124
  pass_id="datatable"
@@ -137,9 +137,9 @@
137
137
  src="/assets/svg/code.svg"></i>
138
138
  <div
139
139
  pass_id="render"
140
- pass-collection=""
141
- pass-document_id=""
142
- pass-name=""
140
+ pass-array=""
141
+ pass-object=""
142
+ pass-key=""
143
143
  pass_to="code-editor"></div>
144
144
  </a>
145
145
  </li>
@@ -154,9 +154,9 @@
154
154
  src="/assets/svg/palette.svg"></i>
155
155
  <div
156
156
  pass_id="render"
157
- pass-collection=""
158
- pass-document_id=""
159
- pass-name=""
157
+ pass-array=""
158
+ pass-object=""
159
+ pass-key=""
160
160
  pass_to="builder"></div>
161
161
  </a>
162
162
  </li>
@@ -165,8 +165,8 @@
165
165
  <li class="margin-right:15px">
166
166
  <a
167
167
  actions="deleteDocument, closeModal"
168
- collection=""
169
- document_id=""
168
+ array=""
169
+ object=""
170
170
  pass_id="form-fields">
171
171
  <i
172
172
  class="height:18px fill:#505050"
@@ -181,7 +181,7 @@
181
181
  id="menuL"
182
182
  class="position:fixed top:0px left:0px overflow:hidden background:whitesmoke height:100vh width:50px width:275px:hover width:0px@xs"
183
183
  resizable
184
- resize-target="[content_id='content']"
184
+ resize-selector="[content_id='content']"
185
185
  resize-property="margin-left"
186
186
  resize-value="width">
187
187
  <!-- Search -->
@@ -192,9 +192,9 @@
192
192
  <a
193
193
  actions="pass, openModal"
194
194
  pass_to="render"
195
- collection="website-pages"
196
- document_id=""
197
- pass-name="src"
195
+ array="website-pages"
196
+ object=""
197
+ pass-key="src"
198
198
  modal-width="900px"
199
199
  modal-color="#229954">
200
200
  <i
@@ -204,107 +204,105 @@
204
204
  </span>
205
205
  </form>
206
206
 
207
- <!--<input type="hidden" template_id="main-menu" filter-name="menu-position" filter-value="3,4" filter-value-type="number" filter-operator="nin">-->
208
- <!--<div template_id="main-menu" filter-name="menu-position" filter-value="0" filter-value-type="number" filter-operator="ne"></div>-->
209
207
  <div class="padding-right:5px padding-bottom:5px">
210
208
  <!-- Fetch and Render-->
211
209
  <ul
212
210
  class="overflow:auto display:flex flex-direction:column width:100% height:calc(100vh_-_160px) bottom:10px margin-right:5px">
213
211
  <div
214
- fetch-collection="modules"
215
- filter-sort-name="main-menu-position"
212
+ array="modules"
213
+ filter-sort-key="main-menu-position"
216
214
  filter-sort-direction="asc"
217
- filter-name="main-menu-position"
215
+ filter-key="main-menu-position"
218
216
  filter-value="0"
219
217
  filter-value-type="number"
220
218
  filter-operator="$ne"
221
- template_id="main-menu">
219
+ render-selector="[template]">
222
220
  <!-- Template -->
223
221
  <li
224
- class="template line-height:40px height:40px overflow:hidden background:dodgerblue:hover"
225
- template_id="main-menu"
226
- document_id="{{document._id}}">
222
+ template
223
+ class="line-height:40px height:40px overflow:hidden background:dodgerblue:hover"
224
+ object="{{object._id}}">
227
225
  <input
228
226
  type="hidden"
229
- collection="files"
230
- document_id="{{document.main-menu-primary}}"
231
- name="path"
232
- input-target="#a{{document._id}}"
227
+ array="files"
228
+ object="{{object.main-menu-primary}}"
229
+ key="path"
230
+ input-selector="#a{{object._id}}"
233
231
  input-key="primary-url" />
234
232
  <a
235
233
  actions="pass, openModal"
236
- id="a{{document._id}}"
234
+ id="a{{object._id}}"
237
235
  href="..{{primary-url}}"
238
- modal-width="{{document.main-modal-primary-width}}"
239
- modal-color="{{document.main-modal-color}}"
236
+ modal-width="{{object.main-modal-primary-width}}"
237
+ modal-color="{{object.main-modal-color}}"
240
238
  class="display:inline-block">
241
239
  <span
242
240
  class="display:inline-block width:50px text-align:center"
243
- document_id="{{document._id}}"
244
- collection="modules"
245
- name="icon"
241
+ object="{{object._id}}"
242
+ array="modules"
243
+ key="icon"
246
244
  value="icon"></span>
247
245
  <span
248
- collection="modules"
249
- document_id="{{document._id}}"
250
- name="name"></span>
246
+ array="modules"
247
+ object="{{object._id}}"
248
+ key="name"></span>
251
249
  <div
252
- pass-collection="module_activities"
253
- pass-filter-name="module_id"
254
- pass-filter-value="{{document._id}}"
250
+ pass-array="module_activities"
251
+ pass-filter-key="module_id"
252
+ pass-filter-value="{{object._id}}"
255
253
  pass_to="datatable"></div>
256
254
  <div
257
- pass-collection="module_activities"
258
- pass-value="{{document._id}}"
255
+ pass-array="module_activities"
256
+ pass-value="{{object._id}}"
259
257
  pass_to="module_id"></div>
260
258
  <div
261
- pass-collection="files"
262
- pass-document_id="{{document.main-menu-secondary}}"
263
- pass-name="src"
259
+ pass-array="files"
260
+ pass-object="{{object.main-menu-secondary}}"
261
+ pass-key="src"
264
262
  pass_to="form"></div>
265
263
  <div
266
- pass-collection="files"
267
- pass-document_id="{{document.main-menu-primary}}"
268
- pass-name="src"
264
+ pass-array="files"
265
+ pass-object="{{object.main-menu-primary}}"
266
+ pass-key="src"
269
267
  pass_to="render"></div>
270
268
  <div
271
- pass-value="{{document._id}}"
272
- pass-filter-value="{{document._id}}"
269
+ pass-value="{{object._id}}"
270
+ pass-filter-value="{{object._id}}"
273
271
  pass_to="module-form"></div>
274
272
  </a>
275
273
  <div
276
274
  class="float:right width:50px text-align:center">
277
275
  <input
278
276
  type="hidden"
279
- collection="files"
280
- document_id="{{document.main-menu-secondary}}"
281
- name="path"
282
- input-target="#a{{document._id}}"
277
+ array="files"
278
+ object="{{object.main-menu-secondary}}"
279
+ key="path"
280
+ input-selector="#a{{object._id}}"
283
281
  input-key="secondary-url" />
284
282
  <a
285
283
  actions="pass, openModal"
286
- id="a1{{document._id}}"
284
+ id="a1{{object._id}}"
287
285
  href="..{{secondary-url}}"
288
- modal-width="{{document.main-menu-secondary-width}}"
289
- modal-color="{{document.main-menu-secondary-color}}">
286
+ modal-width="{{object.main-menu-secondary-width}}"
287
+ modal-color="{{object.main-menu-secondary-color}}">
290
288
  <i
291
289
  class="height:16px fill:#505050"
292
290
  src="/assets/svg/plus.svg"></i>
293
291
  <div
294
- pass-value="{{document._id}}"
295
- pass-filter-value="{{document._id}}"
292
+ pass-value="{{object._id}}"
293
+ pass-filter-value="{{object._id}}"
296
294
  pass_to="module_id"></div>
297
295
  <div
298
- pass-collection="files"
299
- pass-document_id="{{document.main-menu-secondary}}"
300
- pass-name="src"
296
+ pass-array="files"
297
+ pass-object="{{object.main-menu-secondary}}"
298
+ pass-key="src"
301
299
  pass_to="render"></div>
302
300
  <div
303
- pass-document_id="{{document._id}}"
301
+ pass-object="{{object._id}}"
304
302
  pass_to="module-form"></div>
305
303
  <div
306
304
  pass_to="form-fields"
307
- pass-document_id=""></div>
305
+ pass-object=""></div>
308
306
  </a>
309
307
  </div>
310
308
  </li>
@@ -328,9 +326,9 @@
328
326
  src="/assets/svg/cogs.svg"></i
329
327
  ></span>
330
328
  <div
331
- pass-collection="files"
332
- pass-document_id="60ddfdc014b5ab0c2dd2fe18"
333
- pass-name="src"
329
+ pass-array="files"
330
+ pass-object="60ddfdc014b5ab0c2dd2fe18"
331
+ pass-key="src"
334
332
  pass_to="render"></div>
335
333
  </a>
336
334
  <a
@@ -345,9 +343,9 @@
345
343
  src="/assets/svg/project-diagram.svg"></i
346
344
  ></span>
347
345
  <div
348
- pass-collection="files"
349
- pass-document_id="60ddfdbf14b5ab0c2dd2fe08"
350
- pass-name="src"
346
+ pass-array="files"
347
+ pass-object="60ddfdbf14b5ab0c2dd2fe08"
348
+ pass-key="src"
351
349
  pass_to="render"></div>
352
350
  </a>
353
351
  <a
@@ -362,9 +360,9 @@
362
360
  src="/assets/svg/shapes.svg"></i
363
361
  ></span>
364
362
  <div
365
- pass-collection="files"
366
- pass-document_id="60ddfdc014b5ab0c2dd2fe0b"
367
- pass-name="src"
363
+ pass-array="files"
364
+ pass-object="60ddfdc014b5ab0c2dd2fe0b"
365
+ pass-key="src"
368
366
  pass_to="render"></div>
369
367
  </a>
370
368
  <a
@@ -379,9 +377,9 @@
379
377
  src="/assets/svg/folder.svg"></i
380
378
  ></span>
381
379
  <div
382
- pass-collection="files"
383
- pass-document_id="60ddfdc014b5ab0c2dd2fe15"
384
- pass-name="src"
380
+ pass-array="files"
381
+ pass-object="60ddfdc014b5ab0c2dd2fe15"
382
+ pass-key="src"
385
383
  pass_to="render"></div>
386
384
  </a>
387
385
  <a
@@ -402,37 +400,35 @@
402
400
 
403
401
  <!-- Main Content -->
404
402
  <main class="padding:10px" content_id="content">
405
- <!--<div class="domEditor main-height" name="cards1" collection="test" pass_id="me1234">-->
406
-
407
403
  <div
408
404
  class="display:grid grid-auto-rows:50px gap:10px grid-template-columns:repeat(auto-fill,minmax(50px,1fr))"
409
- dnd-group-name="dashboard"
410
- fetch-collection="files"
411
- fetch-limit="20"
412
- template_id="card"
405
+ dnd-group-key="dashboard"
406
+ array="files"
407
+ filter-limit="20"
408
+ render-selector="[template]"
413
409
  droppable="true">
414
410
  <div
415
- template_id="card"
411
+ template
416
412
  class="card position:relative template display:flex padding:20px align-items:center grid-column-end:span_6 grid-row-end:span_2"
417
413
  eid="id1"
418
414
  draggable="tru"
419
415
  resizable>
420
416
  <!-- dashboard template-->
421
417
  <div class="flex-grow:1 padding-right:20px">
422
- <h2 name="name">Visits</h2>
423
- <p name="description">Total visits today</p>
418
+ <h2 key="name">Visits</h2>
419
+ <p key="description">Total visits today</p>
424
420
  <div class="display:flex align-items:center">
425
421
  <h2>
426
422
  $<span
427
- fetch-collection=""
428
- fetch-document
429
- filter-name="total"
423
+ array=""
424
+ object
425
+ filter-key="total"
430
426
  chart-operator="sum"
431
427
  >4000</span
432
428
  >
433
429
  </h2>
434
430
  <div
435
- filter-name="status"
431
+ filter-key="status"
436
432
  filter-value="completed"></div>
437
433
  <!--<i class="fas fa-chart-line color:green font-size:16px padding:0px_15px"></i>-->
438
434
  <span
@@ -466,7 +462,7 @@
466
462
  <i
467
463
  class="height:20px fill:#505050"
468
464
  src="/assets/svg/plus.svg"></i>
469
- <div pass_to="form-fields" pass-document_id=""></div>
465
+ <div pass_to="form-fields" pass-object=""></div>
470
466
  <div
471
467
  pass_id="module-form"
472
468
  pass-value=""
@@ -474,9 +470,9 @@
474
470
  pass_to="module_id"></div>
475
471
  <div
476
472
  pass_id="form"
477
- pass-collection=""
478
- pass-document_id=""
479
- pass-name=""
473
+ pass-array=""
474
+ pass-object=""
475
+ pass-key=""
480
476
  pass_to="render"></div>
481
477
  </a>
482
478
  </button>
package/docs/index.html CHANGED
@@ -11,10 +11,10 @@
11
11
  sizes="32x32"
12
12
  href="https://cocreate.app/images/favicon.ico" />
13
13
  <meta
14
- name="description"
14
+ key="description"
15
15
  content="A light weight resize handler make any element resizable by adding data attributes or usinng init object. Great for Customized text box or text area." />
16
16
  <meta
17
- name="keywords"
17
+ key="keywords"
18
18
  content="helper classes, utility classes, css framework, css library, inline style classes" />
19
19
  <meta name="robots" content="index,follow" />
20
20
  <meta
@@ -24,9 +24,9 @@
24
24
  <link
25
25
  rel="stylesheet"
26
26
  href="/docs/index.css"
27
- collection="files"
28
- document_id="60888216117c640e7596303f"
29
- name="src"
27
+ array="files"
28
+ object="60888216117c640e7596303f"
29
+ key="src"
30
30
  type="text/css"
31
31
  save="true" />
32
32
  <link rel="manifest" href="/manifest.webmanifest" />
@@ -39,20 +39,20 @@
39
39
  scroll="sticky-nav,hide-nav"
40
40
  scroll-up="10"
41
41
  scroll-down="10"
42
- collection="files"
43
- document_id="60395ef42b3ac232657040fd"
44
- name="src"></nav>
42
+ array="files"
43
+ object="60395ef42b3ac232657040fd"
44
+ key="src"></nav>
45
45
  <sidenav
46
46
  id="menuL"
47
47
  class="position:fixed top:0px left:0px overflow:hidden background:whitesmoke height:100vh width:0px width:300px@xl"
48
48
  resizable
49
- resize-target="[content_id='content']"
49
+ resize-selector="[content_id='content']"
50
50
  resize-property="margin-left"
51
51
  resize-value="width">
52
52
  <menu
53
- collection="files"
54
- document_id="603717b07de7fb350ae9fec8"
55
- name="src"></menu>
53
+ array="files"
54
+ object="603717b07de7fb350ae9fec8"
55
+ key="src"></menu>
56
56
  <div resize="right"></div>
57
57
  </sidenav>
58
58
  <main
@@ -75,7 +75,7 @@
75
75
  share-width="700"
76
76
  share-media="https://cdn.cocreate.app/docs/resize.png"
77
77
  hover="display:block!important"
78
- hover-target=".social-networks">
78
+ hover-selector=".social-networks">
79
79
  <div class="display:none social-networks">
80
80
  <a
81
81
  class="margin-right:15px"
@@ -135,11 +135,11 @@
135
135
  class="border-bottom:1px_solid_lightgrey"
136
136
  scroll
137
137
  scroll-intersect="color:dodgerblue"
138
- scroll-target="#resize-install-section">
138
+ scroll-selector="#resize-install-section">
139
139
  <span
140
140
  class="display:flex align-items:center width:fit-content"
141
141
  hover="display:block!important"
142
- hover-target="[href='#resize-install']">
142
+ hover-selector="[href='#resize-install']">
143
143
  <h2 class="padding:5px_0px">Install</h2>
144
144
  <a
145
145
  class="margin-left:10px display:none"
@@ -167,11 +167,11 @@
167
167
  class="margin-top:80px border-bottom:1px_solid_lightgrey"
168
168
  scroll
169
169
  scroll-intersect="color:dodgerblue"
170
- scroll-target="#resize-usage-section">
170
+ scroll-selector="#resize-usage-section">
171
171
  <span
172
172
  class="display:flex align-items:center width:fit-content"
173
173
  hover="display:block!important"
174
- hover-target="[href='#resize-usage']">
174
+ hover-selector="[href='#resize-usage']">
175
175
  <h2 class="padding:5px_0px">Usage</h2>
176
176
  <a
177
177
  class="margin-left:10px display:none"
@@ -195,11 +195,11 @@
195
195
  class="margin-top:80px border-bottom:1px_solid_lightgrey"
196
196
  scroll
197
197
  scroll-intersect="color:dodgerblue"
198
- scroll-target="#resize-attributes-section">
198
+ scroll-selector="#resize-attributes-section">
199
199
  <span
200
200
  class="display:flex align-items:center width:fit-content"
201
201
  hover="display:block!important"
202
- hover-target="[href='#resize-attributes']">
202
+ hover-selector="[href='#resize-attributes']">
203
203
  <h2 class="padding:5px_0px">Attributes</h2>
204
204
  <a
205
205
  class="margin-left:10px display:none"
@@ -248,11 +248,11 @@
248
248
  class="border-bottom:1px_solid_lightgrey"
249
249
  scroll
250
250
  scroll-intersect="color:dodgerblue"
251
- scroll-target="#resize-demo-section">
251
+ scroll-selector="#resize-demo-section">
252
252
  <span
253
253
  class="display:flex align-items:center width:fit-content"
254
254
  hover="display:block!important"
255
- hover-target="[href='#resize-demo']">
255
+ hover-selector="[href='#resize-demo']">
256
256
  <h2 class="padding:5px_0px">Demo</h2>
257
257
  <a
258
258
  class="margin-left:10px display:none"
@@ -276,12 +276,12 @@
276
276
  <textarea
277
277
  type="code"
278
278
  lang="html"
279
- collection="demos"
280
- document_id=""
281
- name="demo"
279
+ array="demos"
280
+ object=""
281
+ key="demo"
282
282
  save="false"
283
283
  id="demo"
284
- input-target=".demopreview"
284
+ input-selector=".demopreview"
285
285
  input-attribute="value"
286
286
  input-events="input, onload"
287
287
  class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
@@ -304,7 +304,7 @@
304
304
  show="#eye-slash"
305
305
  hide="#eye, #demo-preview"
306
306
  toggle="code-height"
307
- toggle-target="#demo-code"
307
+ toggle-selector="#demo-code"
308
308
  ><i
309
309
  class="height:18px fill:#505050"
310
310
  src="/assets/svg/eye.svg"></i
@@ -316,7 +316,7 @@
316
316
  show="#eye, #demo-preview"
317
317
  hide="#eye-slash"
318
318
  toggle="code-height"
319
- toggle-target="#demo-code"
319
+ toggle-selector="#demo-code"
320
320
  ><i
321
321
  class="height:20px fill:#505050"
322
322
  src="/assets/svg/eye-slash.svg"></i
@@ -343,7 +343,7 @@
343
343
  <a
344
344
  class="margin-right:5px"
345
345
  fullscreen
346
- fullscreen-target="#playground"></a>
346
+ fullscreen-selector="#playground"></a>
347
347
  </div>
348
348
  </div>
349
349
  <!-- End SandBox -->
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cocreate/resize",
3
- "version": "1.5.29",
3
+ "version": "1.7.0",
4
4
  "description": "A light weight resize handler make any element resizable by adding data attributes or usinng init object. Great for Customized text box or text area.",
5
5
  "keywords": [
6
6
  "resize",
@@ -25,7 +25,7 @@
25
25
  },
26
26
  "scripts": {
27
27
  "start": "npx webpack --config webpack.config.js",
28
- "build": "NODE_ENV=production npx webpack --config webpack.config.js",
28
+ "build": "npx webpack --mode=production --config webpack.config.js",
29
29
  "dev": "npx webpack --config webpack.config.js --watch",
30
30
  "postinstall": "node -e \"const { execSync } = require('child_process'); try { execSync('coc --version', { stdio: 'ignore' }); } catch (error) { try { execSync('npm install -g @cocreate/cli', { stdio: 'inherit' }); console.log('Installed \"@cocreate/cli\" globally.'); } catch (error) { console.error('Failed to install \"@cocreate/cli\" globally:', error); } }\""
31
31
  },
@@ -58,6 +58,6 @@
58
58
  "webpack-log": "^3.0.1"
59
59
  },
60
60
  "dependencies": {
61
- "@cocreate/observer": "^1.8.18"
61
+ "@cocreate/observer": "^1.9.0"
62
62
  }
63
63
  }