@dfosco/storyboard-core 4.0.0-beta.2 → 4.0.0-beta.21

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 (73) hide show
  1. package/dist/storyboard-ui.css +1 -1
  2. package/dist/storyboard-ui.js +11882 -11126
  3. package/dist/storyboard-ui.js.map +1 -1
  4. package/dist/tailwind.css +1 -1
  5. package/package.json +11 -3
  6. package/paste.config.json +54 -0
  7. package/scaffold/deploy.yml +101 -0
  8. package/scaffold/githooks/pre-push +114 -0
  9. package/scaffold/manifest.json +11 -0
  10. package/scaffold/storyboard.config.json +4 -1
  11. package/src/ActionMenuButton.svelte +12 -2
  12. package/src/CanvasCreateMenu.svelte +228 -10
  13. package/src/CanvasSnap.svelte +2 -0
  14. package/src/CoreUIBar.svelte +152 -3
  15. package/src/CreateMenuButton.svelte +4 -1
  16. package/src/InspectorPanel.svelte +2 -0
  17. package/src/PwaInstallBanner.svelte +124 -0
  18. package/src/autosync/server.js +99 -111
  19. package/src/autosync/server.test.js +0 -7
  20. package/src/canvas/collision.js +206 -0
  21. package/src/canvas/collision.test.js +271 -0
  22. package/src/canvas/deriveCanvasId.test.js +40 -0
  23. package/src/canvas/identity.js +107 -0
  24. package/src/canvas/identity.test.js +100 -0
  25. package/src/canvas/server.js +285 -31
  26. package/src/canvasConfig.js +56 -0
  27. package/src/canvasConfig.test.js +42 -0
  28. package/src/cli/canvasAdd.js +185 -0
  29. package/src/cli/canvasRead.js +208 -0
  30. package/src/cli/code.js +67 -0
  31. package/src/cli/create.js +339 -72
  32. package/src/cli/dev-helpers.js +53 -0
  33. package/src/cli/dev-helpers.test.js +53 -0
  34. package/src/cli/dev.js +245 -26
  35. package/src/cli/flags.js +174 -0
  36. package/src/cli/flags.test.js +155 -0
  37. package/src/cli/index.js +84 -13
  38. package/src/cli/intro.js +37 -0
  39. package/src/cli/proxy.js +127 -6
  40. package/src/cli/proxy.test.js +63 -0
  41. package/src/cli/schemas.js +200 -0
  42. package/src/cli/serverUrl.js +56 -0
  43. package/src/cli/setup.js +130 -20
  44. package/src/cli/snapshots.js +335 -0
  45. package/src/cli/updateVersion.js +54 -3
  46. package/src/configSchema.js +125 -0
  47. package/src/configSchema.test.js +68 -0
  48. package/src/index.js +5 -0
  49. package/src/inspector/highlighter.js +10 -2
  50. package/src/lib/components/ui/trigger-button/trigger-button.svelte +1 -1
  51. package/src/loader.js +21 -2
  52. package/src/loader.test.js +63 -1
  53. package/src/mobileViewport.js +57 -0
  54. package/src/mobileViewport.test.js +68 -0
  55. package/src/mountStoryboardCore.js +61 -7
  56. package/src/rename-watcher/config.json +23 -0
  57. package/src/rename-watcher/watcher.js +538 -0
  58. package/src/svelte-plugin-ui/components/Viewfinder.svelte +6 -17
  59. package/src/tools/handlers/flows.js +6 -7
  60. package/src/viewfinder.js +21 -9
  61. package/src/viewfinder.test.js +2 -2
  62. package/src/vite/server-plugin.js +150 -7
  63. package/src/workshop/features/createCanvas/CreateCanvasForm.svelte +8 -2
  64. package/src/workshop/features/createFlow/CreateFlowForm.svelte +1 -1
  65. package/src/workshop/features/createPage/CreatePageForm.svelte +1 -1
  66. package/src/workshop/features/createPrototype/CreatePrototypeForm.svelte +2 -2
  67. package/src/workshop/features/createStory/CreateStoryForm.svelte +160 -0
  68. package/src/workshop/features/createStory/index.js +14 -0
  69. package/src/workshop/features/registry.js +2 -0
  70. package/src/worktree/port.js +57 -1
  71. package/src/worktree/port.test.js +91 -1
  72. package/toolbar.config.json +3 -3
  73. package/widgets.config.json +132 -27
package/widgets.config.json CHANGED
@@ -1,17 +1,17 @@
1
1
  {
2
2
  "variables": {
3
3
  "label:duplicate": "Duplicate",
4
- "label:copy-link": "Copy link to widget",
4
+ "label:copy-link": "Copy widget link",
5
5
  "label:delete": "Delete",
6
6
  "label:open-ext": "Open in new tab",
7
- "label:zoom-in": "Zoom in",
8
- "label:zoom-out": "Zoom out",
7
+
9
8
  "label:edit": "Edit",
10
9
  "label:download": "Download image",
11
- "label:copy-png": "Copy as PNG",
10
+ "label:copy-png": "Copy as image",
12
11
  "label:copy-path": "Copy file path",
13
12
  "label:expand": "Expand",
14
- "label:copy-id": "Copy widget ID"
13
+ "label:copy-id": "Copy widget ID",
14
+ "label:copy-text": "Copy text"
15
15
  },
16
16
  "widgets": {
17
17
  "sticky-note": {
@@ -70,6 +70,15 @@
70
70
  "label": "$label:duplicate",
71
71
  "icon": "copy"
72
72
  },
73
+ {
74
+ "id": "copy-text",
75
+ "type": "action",
76
+ "action": "copy-text",
77
+ "label": "$label:copy-text",
78
+ "icon": "unwrap",
79
+ "menu": true,
80
+ "prod": true
81
+ },
73
82
  {
74
83
  "id": "copy-link",
75
84
  "type": "action",
@@ -97,7 +106,7 @@
97
106
  "label": "Markdown",
98
107
  "icon": "📄",
99
108
  "resize": {
100
- "enabled": false,
109
+ "enabled": true,
101
110
  "prod": false
102
111
  },
103
112
  "props": {
@@ -114,6 +123,12 @@
114
123
  "default": 530,
115
124
  "min": 200,
116
125
  "max": 1200
126
+ },
127
+ "height": {
128
+ "type": "number",
129
+ "label": "Height",
130
+ "category": "size",
131
+ "min": 60
117
132
  }
118
133
  },
119
134
  "features": [
@@ -124,6 +139,15 @@
124
139
  "label": "$label:duplicate",
125
140
  "icon": "copy"
126
141
  },
142
+ {
143
+ "id": "copy-text",
144
+ "type": "action",
145
+ "action": "copy-text",
146
+ "label": "$label:copy-text",
147
+ "icon": "unwrap",
148
+ "menu": true,
149
+ "prod": true
150
+ },
127
151
  {
128
152
  "id": "copy-link",
129
153
  "type": "action",
@@ -207,20 +231,7 @@
207
231
  "icon": "open-external",
208
232
  "prod": true
209
233
  },
210
- {
211
- "id": "zoom-in",
212
- "type": "action",
213
- "action": "zoom-in",
214
- "label": "$label:zoom-in",
215
- "icon": "zoom-in"
216
- },
217
- {
218
- "id": "zoom-out",
219
- "type": "action",
220
- "action": "zoom-out",
221
- "label": "$label:zoom-out",
222
- "icon": "zoom-out"
223
- },
234
+
224
235
  {
225
236
  "id": "edit-url",
226
237
  "type": "action",
@@ -433,6 +444,101 @@
433
444
  }
434
445
  ]
435
446
  },
447
+ "story": {
448
+ "label": "Story",
449
+ "icon": "📖",
450
+ "resize": {
451
+ "enabled": true,
452
+ "prod": false
453
+ },
454
+ "props": {
455
+ "storyId": {
456
+ "type": "text",
457
+ "label": "Story",
458
+ "category": "content",
459
+ "default": ""
460
+ },
461
+ "exportName": {
462
+ "type": "text",
463
+ "label": "Export",
464
+ "category": "content",
465
+ "default": ""
466
+ },
467
+ "width": {
468
+ "type": "number",
469
+ "label": "Width",
470
+ "category": "size",
471
+ "min": 100
472
+ },
473
+ "height": {
474
+ "type": "number",
475
+ "label": "Height",
476
+ "category": "size",
477
+ "min": 60
478
+ },
479
+ "showCode": {
480
+ "type": "boolean",
481
+ "label": "Show code",
482
+ "category": "settings",
483
+ "default": false
484
+ }
485
+ },
486
+ "features": [
487
+ {
488
+ "id": "show-code",
489
+ "type": "action",
490
+ "action": "show-code",
491
+ "label": "Show code",
492
+ "icon": "code",
493
+ "prod": true
494
+ },
495
+ {
496
+ "id": "copy",
497
+ "type": "action",
498
+ "action": "copy",
499
+ "label": "$label:duplicate",
500
+ "icon": "copy"
501
+ },
502
+ {
503
+ "id": "open-external",
504
+ "type": "action",
505
+ "action": "open-external",
506
+ "label": "$label:open-ext",
507
+ "icon": "open-external",
508
+ "prod": true
509
+ },
510
+ {
511
+ "id": "copy-code",
512
+ "type": "action",
513
+ "action": "copy-code",
514
+ "label": "Copy code",
515
+ "icon": "code",
516
+ "menu": true,
517
+ "prod": true
518
+ },
519
+ {
520
+ "id": "copy-link",
521
+ "type": "action",
522
+ "action": "copy-link",
523
+ "label": "$label:copy-link",
524
+ "icon": "link",
525
+ "menu": true,
526
+ "prod": true,
527
+ "alt": {
528
+ "label": "$label:copy-id",
529
+ "action": "copy-widget-id"
530
+ }
531
+ },
532
+ {
533
+ "id": "delete",
534
+ "type": "action",
535
+ "action": "delete",
536
+ "label": "$label:delete",
537
+ "icon": "trash",
538
+ "menu": true
539
+ }
540
+ ]
541
+ },
436
542
  "image": {
437
543
  "label": "Image",
438
544
  "icon": "🖼️",
@@ -484,7 +590,7 @@
484
590
  {
485
591
  "id": "image-actions",
486
592
  "type": "dropdown",
487
- "icon": "chevron-down",
593
+ "icon": "image",
488
594
  "label": "Image actions",
489
595
  "items": [
490
596
  {
@@ -495,12 +601,11 @@
495
601
  {
496
602
  "action": "copy-as-png",
497
603
  "label": "$label:copy-png",
498
- "icon": "copy"
499
- },
500
- {
501
- "action": "copy-file-path",
502
- "label": "$label:copy-path",
503
- "icon": "link"
604
+ "icon": "copy",
605
+ "alt": {
606
+ "label": "$label:copy-path",
607
+ "action": "copy-file-path"
608
+ }
504
609
  }
505
610
  ]
506
611
  },