@measured/puck-plugin-heading-analyzer 0.18.3 → 0.19.0-canary.01a27f78

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/dist/index.js CHANGED
@@ -61,6 +61,26 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
61
61
  mod
62
62
  ));
63
63
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
64
+ var __async = (__this, __arguments, generator) => {
65
+ return new Promise((resolve, reject) => {
66
+ var fulfilled = (value) => {
67
+ try {
68
+ step(generator.next(value));
69
+ } catch (e) {
70
+ reject(e);
71
+ }
72
+ };
73
+ var rejected = (value) => {
74
+ try {
75
+ step(generator.throw(value));
76
+ } catch (e) {
77
+ reject(e);
78
+ }
79
+ };
80
+ var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
81
+ step((generator = generator.apply(__this, __arguments)).next());
82
+ });
83
+ };
64
84
 
65
85
  // ../tsup-config/react-import.js
66
86
  var import_react;
@@ -133,6 +153,156 @@ var require_classnames = __commonJS({
133
153
  }
134
154
  });
135
155
 
156
+ // ../../node_modules/flat/index.js
157
+ var require_flat = __commonJS({
158
+ "../../node_modules/flat/index.js"(exports2, module2) {
159
+ "use strict";
160
+ init_react_import();
161
+ module2.exports = flatten3;
162
+ flatten3.flatten = flatten3;
163
+ flatten3.unflatten = unflatten2;
164
+ function isBuffer(obj) {
165
+ return obj && obj.constructor && typeof obj.constructor.isBuffer === "function" && obj.constructor.isBuffer(obj);
166
+ }
167
+ function keyIdentity(key) {
168
+ return key;
169
+ }
170
+ function flatten3(target, opts) {
171
+ opts = opts || {};
172
+ const delimiter = opts.delimiter || ".";
173
+ const maxDepth = opts.maxDepth;
174
+ const transformKey = opts.transformKey || keyIdentity;
175
+ const output = {};
176
+ function step(object, prev, currentDepth) {
177
+ currentDepth = currentDepth || 1;
178
+ Object.keys(object).forEach(function(key) {
179
+ const value = object[key];
180
+ const isarray = opts.safe && Array.isArray(value);
181
+ const type = Object.prototype.toString.call(value);
182
+ const isbuffer = isBuffer(value);
183
+ const isobject = type === "[object Object]" || type === "[object Array]";
184
+ const newKey = prev ? prev + delimiter + transformKey(key) : transformKey(key);
185
+ if (!isarray && !isbuffer && isobject && Object.keys(value).length && (!opts.maxDepth || currentDepth < maxDepth)) {
186
+ return step(value, newKey, currentDepth + 1);
187
+ }
188
+ output[newKey] = value;
189
+ });
190
+ }
191
+ step(target);
192
+ return output;
193
+ }
194
+ function unflatten2(target, opts) {
195
+ opts = opts || {};
196
+ const delimiter = opts.delimiter || ".";
197
+ const overwrite = opts.overwrite || false;
198
+ const transformKey = opts.transformKey || keyIdentity;
199
+ const result = {};
200
+ const isbuffer = isBuffer(target);
201
+ if (isbuffer || Object.prototype.toString.call(target) !== "[object Object]") {
202
+ return target;
203
+ }
204
+ function getkey(key) {
205
+ const parsedKey = Number(key);
206
+ return isNaN(parsedKey) || key.indexOf(".") !== -1 || opts.object ? key : parsedKey;
207
+ }
208
+ function addKeys(keyPrefix, recipient, target2) {
209
+ return Object.keys(target2).reduce(function(result2, key) {
210
+ result2[keyPrefix + delimiter + key] = target2[key];
211
+ return result2;
212
+ }, recipient);
213
+ }
214
+ function isEmpty(val) {
215
+ const type = Object.prototype.toString.call(val);
216
+ const isArray = type === "[object Array]";
217
+ const isObject = type === "[object Object]";
218
+ if (!val) {
219
+ return true;
220
+ } else if (isArray) {
221
+ return !val.length;
222
+ } else if (isObject) {
223
+ return !Object.keys(val).length;
224
+ }
225
+ }
226
+ target = Object.keys(target).reduce(function(result2, key) {
227
+ const type = Object.prototype.toString.call(target[key]);
228
+ const isObject = type === "[object Object]" || type === "[object Array]";
229
+ if (!isObject || isEmpty(target[key])) {
230
+ result2[key] = target[key];
231
+ return result2;
232
+ } else {
233
+ return addKeys(
234
+ key,
235
+ result2,
236
+ flatten3(target[key], opts)
237
+ );
238
+ }
239
+ }, {});
240
+ Object.keys(target).forEach(function(key) {
241
+ const split = key.split(delimiter).map(transformKey);
242
+ let key1 = getkey(split.shift());
243
+ let key2 = getkey(split[0]);
244
+ let recipient = result;
245
+ while (key2 !== void 0) {
246
+ if (key1 === "__proto__") {
247
+ return;
248
+ }
249
+ const type = Object.prototype.toString.call(recipient[key1]);
250
+ const isobject = type === "[object Object]" || type === "[object Array]";
251
+ if (!overwrite && !isobject && typeof recipient[key1] !== "undefined") {
252
+ return;
253
+ }
254
+ if (overwrite && !isobject || !overwrite && recipient[key1] == null) {
255
+ recipient[key1] = typeof key2 === "number" && !opts.object ? [] : {};
256
+ }
257
+ recipient = recipient[key1];
258
+ if (split.length > 0) {
259
+ key1 = getkey(split.shift());
260
+ key2 = getkey(split[0]);
261
+ }
262
+ }
263
+ recipient[key1] = unflatten2(target[key], opts);
264
+ });
265
+ return result;
266
+ }
267
+ }
268
+ });
269
+
270
+ // ../../node_modules/fast-deep-equal/index.js
271
+ var require_fast_deep_equal = __commonJS({
272
+ "../../node_modules/fast-deep-equal/index.js"(exports2, module2) {
273
+ "use strict";
274
+ init_react_import();
275
+ module2.exports = function equal(a, b) {
276
+ if (a === b) return true;
277
+ if (a && b && typeof a == "object" && typeof b == "object") {
278
+ if (a.constructor !== b.constructor) return false;
279
+ var length, i, keys;
280
+ if (Array.isArray(a)) {
281
+ length = a.length;
282
+ if (length != b.length) return false;
283
+ for (i = length; i-- !== 0; )
284
+ if (!equal(a[i], b[i])) return false;
285
+ return true;
286
+ }
287
+ if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;
288
+ if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();
289
+ if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();
290
+ keys = Object.keys(a);
291
+ length = keys.length;
292
+ if (length !== Object.keys(b).length) return false;
293
+ for (i = length; i-- !== 0; )
294
+ if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
295
+ for (i = length; i-- !== 0; ) {
296
+ var key = keys[i];
297
+ if (!equal(a[key], b[key])) return false;
298
+ }
299
+ return true;
300
+ }
301
+ return a !== a && b !== b;
302
+ };
303
+ }
304
+ });
305
+
136
306
  // index.ts
137
307
  var plugin_heading_analyzer_exports = {};
138
308
  __export(plugin_heading_analyzer_exports, {
@@ -143,7 +313,7 @@ init_react_import();
143
313
 
144
314
  // src/HeadingAnalyzer.tsx
145
315
  init_react_import();
146
- var import_react9 = require("react");
316
+ var import_react11 = require("react");
147
317
 
148
318
  // css-module:/home/runner/work/puck/puck/packages/plugin-heading-analyzer/src/HeadingAnalyzer.module.css#css-module
149
319
  init_react_import();
@@ -304,121 +474,929 @@ var ChevronRight = createLucideIcon("ChevronRight", [
304
474
 
305
475
  // ../core/lib/use-breadcrumbs.ts
306
476
  init_react_import();
307
- var import_react8 = require("react");
477
+ var import_react10 = require("react");
308
478
 
309
- // ../core/components/DropZone/context.tsx
479
+ // ../core/store/index.ts
310
480
  init_react_import();
311
- var import_react7 = require("react");
312
481
 
313
- // ../core/components/Puck/context.tsx
482
+ // ../core/reducer/index.ts
483
+ init_react_import();
484
+
485
+ // ../core/reducer/actions/set.ts
486
+ init_react_import();
487
+
488
+ // ../core/lib/data/walk-app-state.ts
314
489
  init_react_import();
315
- var import_react6 = require("react");
316
490
 
317
- // ../core/lib/get-item.ts
491
+ // ../core/lib/data/for-related-zones.ts
492
+ init_react_import();
493
+
494
+ // ../core/lib/get-zone-id.ts
318
495
  init_react_import();
319
496
 
320
497
  // ../core/lib/root-droppable-id.ts
321
498
  init_react_import();
322
- var rootDroppableId = "default-zone";
499
+ var rootAreaId = "root";
500
+ var rootZone = "default-zone";
501
+ var rootDroppableId = `${rootAreaId}:${rootZone}`;
502
+
503
+ // ../core/lib/get-zone-id.ts
504
+ var getZoneId = (zoneCompound) => {
505
+ if (!zoneCompound) {
506
+ return [];
507
+ }
508
+ if (zoneCompound && zoneCompound.indexOf(":") > -1) {
509
+ return zoneCompound.split(":");
510
+ }
511
+ return [rootDroppableId, zoneCompound];
512
+ };
513
+
514
+ // ../core/lib/data/for-related-zones.ts
515
+ function forRelatedZones(item, data, cb, path = []) {
516
+ Object.entries(data.zones || {}).forEach(([zoneCompound, content]) => {
517
+ const [parentId] = getZoneId(zoneCompound);
518
+ if (parentId === item.props.id) {
519
+ cb(path, zoneCompound, content);
520
+ }
521
+ });
522
+ }
323
523
 
324
- // ../core/lib/setup-zone.ts
524
+ // ../core/lib/data/map-slots.ts
325
525
  init_react_import();
526
+ var isPromise = (v) => !!v && typeof v.then === "function";
527
+ var flatten = (values) => values.reduce((acc, item) => __spreadValues(__spreadValues({}, acc), item), {});
528
+ var containsPromise = (arr) => arr.some(isPromise);
529
+ var walkField = ({
530
+ value,
531
+ fields,
532
+ map,
533
+ propKey = "",
534
+ propPath = "",
535
+ id = "",
536
+ config,
537
+ recurseSlots = false
538
+ }) => {
539
+ var _a, _b, _c;
540
+ if (((_a = fields[propKey]) == null ? void 0 : _a.type) === "slot") {
541
+ const content = value || [];
542
+ const mappedContent = recurseSlots ? content.map((el) => {
543
+ var _a2;
544
+ const componentConfig = config.components[el.type];
545
+ if (!componentConfig) {
546
+ throw new Error(`Could not find component config for ${el.type}`);
547
+ }
548
+ const fields2 = (_a2 = componentConfig.fields) != null ? _a2 : {};
549
+ return walkField({
550
+ value: el,
551
+ fields: fields2,
552
+ map,
553
+ id: el.props.id,
554
+ config,
555
+ recurseSlots
556
+ });
557
+ }) : content;
558
+ if (containsPromise(mappedContent)) {
559
+ return Promise.all(mappedContent);
560
+ }
561
+ return map(mappedContent, id, propPath, fields[propKey], propPath);
562
+ }
563
+ if (value && typeof value === "object") {
564
+ if (Array.isArray(value)) {
565
+ const arrayFields = ((_b = fields[propKey]) == null ? void 0 : _b.type) === "array" ? fields[propKey].arrayFields : null;
566
+ if (!arrayFields) return value;
567
+ const newValue = value.map(
568
+ (el, idx) => walkField({
569
+ value: el,
570
+ fields: arrayFields,
571
+ map,
572
+ propKey,
573
+ propPath: `${propPath}[${idx}]`,
574
+ id,
575
+ config,
576
+ recurseSlots
577
+ })
578
+ );
579
+ if (containsPromise(newValue)) {
580
+ return Promise.all(newValue);
581
+ }
582
+ return newValue;
583
+ } else if ("$$typeof" in value) {
584
+ return value;
585
+ } else {
586
+ const objectFields = ((_c = fields[propKey]) == null ? void 0 : _c.type) === "object" ? fields[propKey].objectFields : fields;
587
+ return walkObject({
588
+ value,
589
+ fields: objectFields,
590
+ map,
591
+ id,
592
+ getPropPath: (k) => `${propPath}.${k}`,
593
+ config,
594
+ recurseSlots
595
+ });
596
+ }
597
+ }
598
+ return value;
599
+ };
600
+ var walkObject = ({
601
+ value,
602
+ fields,
603
+ map,
604
+ id,
605
+ getPropPath,
606
+ config,
607
+ recurseSlots
608
+ }) => {
609
+ const newProps = Object.entries(value).map(([k, v]) => {
610
+ const opts = {
611
+ value: v,
612
+ fields,
613
+ map,
614
+ propKey: k,
615
+ propPath: getPropPath(k),
616
+ id,
617
+ config,
618
+ recurseSlots
619
+ };
620
+ const newValue = walkField(opts);
621
+ if (isPromise(newValue)) {
622
+ return newValue.then((resolvedValue) => ({
623
+ [k]: resolvedValue
624
+ }));
625
+ }
626
+ return {
627
+ [k]: newValue
628
+ };
629
+ }, {});
630
+ if (containsPromise(newProps)) {
631
+ return Promise.all(newProps).then(flatten);
632
+ }
633
+ return flatten(newProps);
634
+ };
635
+ function mapSlots(item, map, config, recurseSlots = false) {
636
+ var _a, _b, _c, _d;
637
+ const itemType = "type" in item ? item.type : "root";
638
+ const componentConfig = itemType === "root" ? config.root : (_a = config.components) == null ? void 0 : _a[itemType];
639
+ const newProps = walkObject({
640
+ value: (_b = item.props) != null ? _b : {},
641
+ fields: (_c = componentConfig == null ? void 0 : componentConfig.fields) != null ? _c : {},
642
+ map,
643
+ id: item.props ? (_d = item.props.id) != null ? _d : "root" : "root",
644
+ getPropPath: (k) => k,
645
+ config,
646
+ recurseSlots
647
+ });
648
+ if (isPromise(newProps)) {
649
+ return newProps.then((resolvedProps) => __spreadProps(__spreadValues({}, item), {
650
+ props: resolvedProps
651
+ }));
652
+ }
653
+ return __spreadProps(__spreadValues({}, item), {
654
+ props: newProps
655
+ });
656
+ }
326
657
 
327
- // ../core/components/ViewportControls/default-viewports.ts
658
+ // ../core/lib/data/flatten-node.ts
328
659
  init_react_import();
329
- var defaultViewports = [
330
- { width: 360, height: "auto", icon: "Smartphone", label: "Small" },
331
- { width: 768, height: "auto", icon: "Tablet", label: "Medium" },
332
- { width: 1280, height: "auto", icon: "Monitor", label: "Large" }
333
- ];
660
+ var import_flat = __toESM(require_flat());
334
661
 
335
- // ../core/lib/use-resolved-permissions.ts
662
+ // ../core/lib/data/strip-slots.ts
336
663
  init_react_import();
337
- var import_react4 = require("react");
664
+ var stripSlots = (data, config) => {
665
+ return mapSlots(data, () => null, config);
666
+ };
338
667
 
339
- // ../core/lib/flatten-data.ts
668
+ // ../core/lib/data/flatten-node.ts
669
+ var flattenNode = (node, config) => {
670
+ return __spreadProps(__spreadValues({}, node), {
671
+ props: (0, import_flat.flatten)(stripSlots(node, config).props)
672
+ });
673
+ };
674
+
675
+ // ../core/lib/data/walk-app-state.ts
676
+ function walkAppState(state, config, mapContent = (content) => content, mapNodeOrSkip = (item) => item) {
677
+ var _a;
678
+ let newZones = {};
679
+ const newZoneIndex = {};
680
+ const newNodeIndex = {};
681
+ const processContent = (path, zoneCompound, content, zoneType, newId) => {
682
+ var _a2;
683
+ const [parentId] = zoneCompound.split(":");
684
+ const mappedContent = ((_a2 = mapContent(content, zoneCompound, zoneType)) != null ? _a2 : content) || [];
685
+ const [_2, zone] = zoneCompound.split(":");
686
+ const newZoneCompound = `${newId || parentId}:${zone}`;
687
+ const newContent2 = mappedContent.map(
688
+ (zoneChild, index) => processItem(zoneChild, [...path, newZoneCompound], index)
689
+ );
690
+ newZoneIndex[newZoneCompound] = {
691
+ contentIds: newContent2.map((item) => item.props.id),
692
+ type: zoneType
693
+ };
694
+ return [newZoneCompound, newContent2];
695
+ };
696
+ const processRelatedZones = (item, newId, initialPath) => {
697
+ forRelatedZones(
698
+ item,
699
+ state.data,
700
+ (relatedPath, relatedZoneCompound, relatedContent) => {
701
+ const [zoneCompound, newContent2] = processContent(
702
+ relatedPath,
703
+ relatedZoneCompound,
704
+ relatedContent,
705
+ "dropzone",
706
+ newId
707
+ );
708
+ newZones[zoneCompound] = newContent2;
709
+ },
710
+ initialPath
711
+ );
712
+ };
713
+ const processItem = (item, path, index) => {
714
+ const mappedItem = mapNodeOrSkip(item, path, index);
715
+ if (!mappedItem) return item;
716
+ const id = mappedItem.props.id;
717
+ const newProps = __spreadProps(__spreadValues({}, mapSlots(
718
+ mappedItem,
719
+ (content, parentId2, slotId) => {
720
+ const zoneCompound = `${parentId2}:${slotId}`;
721
+ const [_2, newContent2] = processContent(
722
+ path,
723
+ zoneCompound,
724
+ content,
725
+ "slot",
726
+ parentId2
727
+ );
728
+ return newContent2;
729
+ },
730
+ config
731
+ ).props), {
732
+ id
733
+ });
734
+ processRelatedZones(item, id, path);
735
+ const newItem = __spreadProps(__spreadValues({}, item), { props: newProps });
736
+ const thisZoneCompound = path[path.length - 1];
737
+ const [parentId, zone] = thisZoneCompound ? thisZoneCompound.split(":") : [null, ""];
738
+ newNodeIndex[id] = {
739
+ data: newItem,
740
+ flatData: flattenNode(newItem, config),
741
+ path,
742
+ parentId,
743
+ zone
744
+ };
745
+ const finalData = __spreadProps(__spreadValues({}, newItem), { props: __spreadValues({}, newItem.props) });
746
+ if (newProps.id === "root") {
747
+ delete finalData["type"];
748
+ delete finalData.props["id"];
749
+ }
750
+ return finalData;
751
+ };
752
+ const zones = state.data.zones || {};
753
+ const [_, newContent] = processContent(
754
+ [],
755
+ rootDroppableId,
756
+ state.data.content,
757
+ "root"
758
+ );
759
+ const processedContent = newContent;
760
+ const zonesAlreadyProcessed = Object.keys(newZones);
761
+ Object.keys(zones || {}).forEach((zoneCompound) => {
762
+ const [parentId] = zoneCompound.split(":");
763
+ if (zonesAlreadyProcessed.includes(zoneCompound)) {
764
+ return;
765
+ }
766
+ const [_2, newContent2] = processContent(
767
+ [rootDroppableId],
768
+ zoneCompound,
769
+ zones[zoneCompound],
770
+ "dropzone",
771
+ parentId
772
+ );
773
+ newZones[zoneCompound] = newContent2;
774
+ }, newZones);
775
+ const processedRoot = processItem(
776
+ {
777
+ type: "root",
778
+ props: __spreadProps(__spreadValues({}, (_a = state.data.root.props) != null ? _a : state.data.root), { id: "root" })
779
+ },
780
+ [],
781
+ -1
782
+ );
783
+ const root = __spreadProps(__spreadValues({}, state.data.root), {
784
+ props: processedRoot.props
785
+ });
786
+ return __spreadProps(__spreadValues({}, state), {
787
+ data: {
788
+ root,
789
+ content: processedContent,
790
+ zones: __spreadValues(__spreadValues({}, state.data.zones), newZones)
791
+ },
792
+ indexes: {
793
+ nodes: __spreadValues(__spreadValues({}, state.indexes.nodes), newNodeIndex),
794
+ zones: __spreadValues(__spreadValues({}, state.indexes.zones), newZoneIndex)
795
+ }
796
+ });
797
+ }
798
+
799
+ // ../core/reducer/actions/set.ts
800
+ var setAction = (state, action, appStore) => {
801
+ if (typeof action.state === "object") {
802
+ const newState = __spreadValues(__spreadValues({}, state), action.state);
803
+ if (action.state.indexes) {
804
+ return newState;
805
+ }
806
+ console.warn(
807
+ "`set` is expensive and may cause unnecessary re-renders. Consider using a more atomic action instead."
808
+ );
809
+ return walkAppState(newState, appStore.config);
810
+ }
811
+ return __spreadValues(__spreadValues({}, state), action.state(state));
812
+ };
813
+
814
+ // ../core/reducer/actions/insert.ts
340
815
  init_react_import();
341
816
 
342
- // ../core/lib/get-changed.ts
817
+ // ../core/lib/data/insert.ts
343
818
  init_react_import();
819
+ var insert = (list, index, item) => {
820
+ const result = Array.from(list || []);
821
+ result.splice(index, 0, item);
822
+ return result;
823
+ };
344
824
 
345
- // ../core/lib/use-resolved-data.ts
825
+ // ../core/lib/generate-id.ts
346
826
  init_react_import();
347
- var import_react5 = require("react");
348
827
 
349
- // ../core/lib/resolve-component-data.ts
828
+ // ../../node_modules/uuid/dist/esm-node/index.js
350
829
  init_react_import();
351
830
 
352
- // ../core/lib/apply-dynamic-props.ts
831
+ // ../../node_modules/uuid/dist/esm-node/rng.js
353
832
  init_react_import();
833
+ var import_crypto = __toESM(require("crypto"));
834
+ var rnds8Pool = new Uint8Array(256);
835
+ var poolPtr = rnds8Pool.length;
836
+ function rng() {
837
+ if (poolPtr > rnds8Pool.length - 16) {
838
+ import_crypto.default.randomFillSync(rnds8Pool);
839
+ poolPtr = 0;
840
+ }
841
+ return rnds8Pool.slice(poolPtr, poolPtr += 16);
842
+ }
354
843
 
355
- // ../core/lib/resolve-root-data.ts
844
+ // ../../node_modules/uuid/dist/esm-node/stringify.js
356
845
  init_react_import();
846
+ var byteToHex = [];
847
+ for (let i = 0; i < 256; ++i) {
848
+ byteToHex.push((i + 256).toString(16).slice(1));
849
+ }
850
+ function unsafeStringify(arr, offset = 0) {
851
+ return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
852
+ }
357
853
 
358
- // ../core/components/Puck/context.tsx
359
- var import_jsx_runtime2 = require("react/jsx-runtime");
360
- var defaultAppState = {
361
- data: { content: [], root: {} },
362
- ui: {
363
- leftSideBarVisible: true,
364
- rightSideBarVisible: true,
365
- arrayState: {},
366
- itemSelector: null,
367
- componentList: {},
368
- isDragging: false,
369
- previewMode: "edit",
370
- viewports: {
371
- current: {
372
- width: defaultViewports[0].width,
373
- height: defaultViewports[0].height || "auto"
854
+ // ../../node_modules/uuid/dist/esm-node/v4.js
855
+ init_react_import();
856
+
857
+ // ../../node_modules/uuid/dist/esm-node/native.js
858
+ init_react_import();
859
+ var import_crypto2 = __toESM(require("crypto"));
860
+ var native_default = {
861
+ randomUUID: import_crypto2.default.randomUUID
862
+ };
863
+
864
+ // ../../node_modules/uuid/dist/esm-node/v4.js
865
+ function v4(options, buf, offset) {
866
+ if (native_default.randomUUID && !buf && !options) {
867
+ return native_default.randomUUID();
868
+ }
869
+ options = options || {};
870
+ const rnds = options.random || (options.rng || rng)();
871
+ rnds[6] = rnds[6] & 15 | 64;
872
+ rnds[8] = rnds[8] & 63 | 128;
873
+ if (buf) {
874
+ offset = offset || 0;
875
+ for (let i = 0; i < 16; ++i) {
876
+ buf[offset + i] = rnds[i];
877
+ }
878
+ return buf;
879
+ }
880
+ return unsafeStringify(rnds);
881
+ }
882
+ var v4_default = v4;
883
+
884
+ // ../core/lib/generate-id.ts
885
+ var generateId = (type) => type ? `${type}-${v4_default()}` : v4_default();
886
+
887
+ // ../core/lib/data/get-ids-for-parent.ts
888
+ init_react_import();
889
+ var getIdsForParent = (zoneCompound, state) => {
890
+ const [parentId] = zoneCompound.split(":");
891
+ const node = state.indexes.nodes[parentId];
892
+ return ((node == null ? void 0 : node.path) || []).map((p) => p.split(":")[0]);
893
+ };
894
+
895
+ // ../core/lib/data/populate-ids.ts
896
+ init_react_import();
897
+
898
+ // ../core/lib/data/walk-tree.ts
899
+ init_react_import();
900
+ function walkTree(data, config, callbackFn) {
901
+ var _a, _b;
902
+ const walkItem = (item) => {
903
+ return mapSlots(
904
+ item,
905
+ (content, parentId, propName) => {
906
+ var _a2;
907
+ return (_a2 = callbackFn(content, { parentId, propName })) != null ? _a2 : content;
374
908
  },
375
- options: [],
376
- controlsVisible: true
909
+ config,
910
+ true
911
+ );
912
+ };
913
+ if ("props" in data) {
914
+ return walkItem(data);
915
+ }
916
+ const _data = data;
917
+ const zones = (_a = _data.zones) != null ? _a : {};
918
+ const mappedContent = _data.content.map(walkItem);
919
+ return {
920
+ root: walkItem(_data.root),
921
+ content: (_b = callbackFn(mappedContent, {
922
+ parentId: "root",
923
+ propName: "default-zone"
924
+ })) != null ? _b : mappedContent,
925
+ zones: Object.keys(zones).reduce(
926
+ (acc, zoneCompound) => __spreadProps(__spreadValues({}, acc), {
927
+ [zoneCompound]: zones[zoneCompound].map(walkItem)
928
+ }),
929
+ {}
930
+ )
931
+ };
932
+ }
933
+
934
+ // ../core/lib/data/populate-ids.ts
935
+ var populateIds = (data, config, override = false) => {
936
+ const id = generateId(data.type);
937
+ return walkTree(
938
+ __spreadProps(__spreadValues({}, data), {
939
+ props: override ? __spreadProps(__spreadValues({}, data.props), { id }) : __spreadValues({}, data.props)
940
+ }),
941
+ config,
942
+ (contents) => contents.map((item) => {
943
+ const id2 = generateId(item.type);
944
+ return __spreadProps(__spreadValues({}, item), {
945
+ props: override ? __spreadProps(__spreadValues({}, item.props), { id: id2 }) : __spreadValues({ id: id2 }, item.props)
946
+ });
947
+ })
948
+ );
949
+ };
950
+
951
+ // ../core/reducer/actions/insert.ts
952
+ function insertAction(state, action, appStore) {
953
+ const id = action.id || generateId(action.componentType);
954
+ const emptyComponentData = populateIds(
955
+ {
956
+ type: action.componentType,
957
+ props: __spreadProps(__spreadValues({}, appStore.config.components[action.componentType].defaultProps || {}), {
958
+ id
959
+ })
377
960
  },
378
- field: { focus: null }
961
+ appStore.config
962
+ );
963
+ const [parentId] = action.destinationZone.split(":");
964
+ const idsInPath = getIdsForParent(action.destinationZone, state);
965
+ return walkAppState(
966
+ state,
967
+ appStore.config,
968
+ (content, zoneCompound) => {
969
+ if (zoneCompound === action.destinationZone) {
970
+ return insert(
971
+ content || [],
972
+ action.destinationIndex,
973
+ emptyComponentData
974
+ );
975
+ }
976
+ return content;
977
+ },
978
+ (childItem, path) => {
979
+ if (childItem.props.id === id || childItem.props.id === parentId) {
980
+ return childItem;
981
+ } else if (idsInPath.includes(childItem.props.id)) {
982
+ return childItem;
983
+ } else if (path.includes(action.destinationZone)) {
984
+ return childItem;
985
+ }
986
+ return null;
987
+ }
988
+ );
989
+ }
990
+
991
+ // ../core/reducer/actions/replace.ts
992
+ init_react_import();
993
+ var replaceAction = (state, action, appStore) => {
994
+ const [parentId] = action.destinationZone.split(":");
995
+ const idsInPath = getIdsForParent(action.destinationZone, state);
996
+ const originalId = state.indexes.zones[action.destinationZone].contentIds[action.destinationIndex];
997
+ const idChanged = originalId !== action.data.props.id;
998
+ if (idChanged) {
999
+ throw new Error(
1000
+ `Can't change the id during a replace action. Please us "remove" and "insert" to define a new node.`
1001
+ );
379
1002
  }
1003
+ const data = populateIds(action.data, appStore.config);
1004
+ return walkAppState(
1005
+ state,
1006
+ appStore.config,
1007
+ (content, zoneCompound) => {
1008
+ const newContent = [...content];
1009
+ if (zoneCompound === action.destinationZone) {
1010
+ newContent[action.destinationIndex] = data;
1011
+ }
1012
+ return newContent;
1013
+ },
1014
+ (childItem, path) => {
1015
+ const pathIds = path.map((p) => p.split(":")[0]);
1016
+ if (childItem.props.id === data.props.id) {
1017
+ return data;
1018
+ } else if (childItem.props.id === parentId) {
1019
+ return childItem;
1020
+ } else if (idsInPath.indexOf(childItem.props.id) > -1) {
1021
+ return childItem;
1022
+ } else if (pathIds.indexOf(data.props.id) > -1) {
1023
+ return childItem;
1024
+ }
1025
+ return null;
1026
+ }
1027
+ );
380
1028
  };
381
- var defaultContext = {
382
- state: defaultAppState,
383
- dispatch: () => null,
384
- config: { components: {} },
385
- componentState: {},
386
- setComponentState: () => {
387
- },
388
- resolveData: () => {
389
- },
390
- plugins: [],
391
- overrides: {},
392
- history: {},
393
- viewports: defaultViewports,
394
- zoomConfig: {
395
- autoZoom: 1,
396
- rootHeight: 0,
397
- zoom: 1
398
- },
399
- setZoomConfig: () => null,
400
- status: "LOADING",
401
- setStatus: () => null,
402
- iframe: {},
403
- globalPermissions: {},
404
- getPermissions: () => ({}),
405
- refreshPermissions: () => null
406
- };
407
- var appContext = (0, import_react6.createContext)(defaultContext);
408
- function useAppContext() {
409
- const mainContext = (0, import_react6.useContext)(appContext);
410
- return __spreadProps(__spreadValues({}, mainContext), {
411
- // Helpers
412
- setUi: (ui, recordHistory) => {
413
- return mainContext.dispatch({
414
- type: "setUi",
415
- ui,
416
- recordHistory
417
- });
1029
+
1030
+ // ../core/reducer/actions/replace-root.ts
1031
+ init_react_import();
1032
+ var replaceRootAction = (state, action, appStore) => {
1033
+ return walkAppState(
1034
+ state,
1035
+ appStore.config,
1036
+ (content) => content,
1037
+ (childItem) => {
1038
+ if (childItem.props.id === "root") {
1039
+ return __spreadProps(__spreadValues({}, childItem), {
1040
+ props: __spreadValues(__spreadValues({}, childItem.props), action.root.props),
1041
+ readOnly: action.root.readOnly
1042
+ });
1043
+ }
1044
+ return childItem;
1045
+ }
1046
+ );
1047
+ };
1048
+
1049
+ // ../core/reducer/actions/duplicate.ts
1050
+ init_react_import();
1051
+
1052
+ // ../core/lib/data/get-item.ts
1053
+ init_react_import();
1054
+ function getItem(selector, state) {
1055
+ var _a, _b;
1056
+ const zone = (_a = state.indexes.zones) == null ? void 0 : _a[selector.zone || rootDroppableId];
1057
+ return zone ? (_b = state.indexes.nodes[zone.contentIds[selector.index]]) == null ? void 0 : _b.data : void 0;
1058
+ }
1059
+
1060
+ // ../core/reducer/actions/duplicate.ts
1061
+ function duplicateAction(state, action, appStore) {
1062
+ const item = getItem(
1063
+ { index: action.sourceIndex, zone: action.sourceZone },
1064
+ state
1065
+ );
1066
+ const idsInPath = getIdsForParent(action.sourceZone, state);
1067
+ const newItem = __spreadProps(__spreadValues({}, item), {
1068
+ props: __spreadProps(__spreadValues({}, item.props), {
1069
+ id: generateId(item.type)
1070
+ })
1071
+ });
1072
+ const modified = walkAppState(
1073
+ state,
1074
+ appStore.config,
1075
+ (content, zoneCompound) => {
1076
+ if (zoneCompound === action.sourceZone) {
1077
+ return insert(content, action.sourceIndex + 1, item);
1078
+ }
1079
+ return content;
1080
+ },
1081
+ (childItem, path, index) => {
1082
+ const zoneCompound = path[path.length - 1];
1083
+ const parents = path.map((p) => p.split(":")[0]);
1084
+ if (parents.indexOf(newItem.props.id) > -1) {
1085
+ return __spreadProps(__spreadValues({}, childItem), {
1086
+ props: __spreadProps(__spreadValues({}, childItem.props), {
1087
+ id: generateId(childItem.type)
1088
+ })
1089
+ });
1090
+ }
1091
+ if (zoneCompound === action.sourceZone && index === action.sourceIndex + 1) {
1092
+ return newItem;
1093
+ }
1094
+ const [sourceZoneParent] = action.sourceZone.split(":");
1095
+ if (sourceZoneParent === childItem.props.id || idsInPath.indexOf(childItem.props.id) > -1) {
1096
+ return childItem;
1097
+ }
1098
+ return null;
1099
+ }
1100
+ );
1101
+ return __spreadProps(__spreadValues({}, modified), {
1102
+ ui: __spreadProps(__spreadValues({}, modified.ui), {
1103
+ itemSelector: {
1104
+ index: action.sourceIndex + 1,
1105
+ zone: action.sourceZone
1106
+ }
1107
+ })
1108
+ });
1109
+ }
1110
+
1111
+ // ../core/reducer/actions/reorder.ts
1112
+ init_react_import();
1113
+
1114
+ // ../core/reducer/actions/move.ts
1115
+ init_react_import();
1116
+
1117
+ // ../core/lib/data/remove.ts
1118
+ init_react_import();
1119
+ var remove = (list, index) => {
1120
+ const result = Array.from(list);
1121
+ result.splice(index, 1);
1122
+ return result;
1123
+ };
1124
+
1125
+ // ../core/reducer/actions/move.ts
1126
+ var moveAction = (state, action, appStore) => {
1127
+ if (action.sourceZone === action.destinationZone && action.sourceIndex === action.destinationIndex) {
1128
+ return state;
1129
+ }
1130
+ const item = getItem(
1131
+ { zone: action.sourceZone, index: action.sourceIndex },
1132
+ state
1133
+ );
1134
+ if (!item) return state;
1135
+ const idsInSourcePath = getIdsForParent(action.sourceZone, state);
1136
+ const idsInDestinationPath = getIdsForParent(action.destinationZone, state);
1137
+ return walkAppState(
1138
+ state,
1139
+ appStore.config,
1140
+ (content, zoneCompound) => {
1141
+ if (zoneCompound === action.sourceZone && zoneCompound === action.destinationZone) {
1142
+ return insert(
1143
+ remove(content, action.sourceIndex),
1144
+ action.destinationIndex,
1145
+ item
1146
+ );
1147
+ } else if (zoneCompound === action.sourceZone) {
1148
+ return remove(content, action.sourceIndex);
1149
+ } else if (zoneCompound === action.destinationZone) {
1150
+ return insert(content, action.destinationIndex, item);
1151
+ }
1152
+ return content;
1153
+ },
1154
+ (childItem, path) => {
1155
+ const [sourceZoneParent] = action.sourceZone.split(":");
1156
+ const [destinationZoneParent] = action.destinationZone.split(":");
1157
+ const childId = childItem.props.id;
1158
+ if (sourceZoneParent === childId || destinationZoneParent === childId || item.props.id === childId || idsInSourcePath.indexOf(childId) > -1 || idsInDestinationPath.indexOf(childId) > -1 || path.includes(action.destinationZone)) {
1159
+ return childItem;
1160
+ }
1161
+ return null;
1162
+ }
1163
+ );
1164
+ };
1165
+
1166
+ // ../core/reducer/actions/reorder.ts
1167
+ var reorderAction = (state, action, appStore) => {
1168
+ return moveAction(
1169
+ state,
1170
+ {
1171
+ type: "move",
1172
+ sourceIndex: action.sourceIndex,
1173
+ sourceZone: action.destinationZone,
1174
+ destinationIndex: action.destinationIndex,
1175
+ destinationZone: action.destinationZone
1176
+ },
1177
+ appStore
1178
+ );
1179
+ };
1180
+
1181
+ // ../core/reducer/actions/remove.ts
1182
+ init_react_import();
1183
+ var removeAction = (state, action, appStore) => {
1184
+ const item = getItem({ index: action.index, zone: action.zone }, state);
1185
+ const nodesToDelete = Object.entries(state.indexes.nodes).reduce(
1186
+ (acc, [nodeId, nodeData]) => {
1187
+ const pathIds = nodeData.path.map((p) => p.split(":")[0]);
1188
+ if (pathIds.includes(item.props.id)) {
1189
+ return [...acc, nodeId];
1190
+ }
1191
+ return acc;
1192
+ },
1193
+ [item.props.id]
1194
+ );
1195
+ const newState = walkAppState(
1196
+ state,
1197
+ appStore.config,
1198
+ (content, zoneCompound) => {
1199
+ if (zoneCompound === action.zone) {
1200
+ return remove(content, action.index);
1201
+ }
1202
+ return content;
1203
+ }
1204
+ );
1205
+ Object.keys(newState.data.zones || {}).forEach((zoneCompound) => {
1206
+ const parentId = zoneCompound.split(":")[0];
1207
+ if (nodesToDelete.includes(parentId) && newState.data.zones) {
1208
+ delete newState.data.zones[zoneCompound];
1209
+ }
1210
+ });
1211
+ Object.keys(newState.indexes.zones).forEach((zoneCompound) => {
1212
+ const parentId = zoneCompound.split(":")[0];
1213
+ if (nodesToDelete.includes(parentId)) {
1214
+ delete newState.indexes.zones[zoneCompound];
418
1215
  }
419
1216
  });
1217
+ nodesToDelete.forEach((id) => {
1218
+ delete newState.indexes.nodes[id];
1219
+ });
1220
+ return newState;
1221
+ };
1222
+
1223
+ // ../core/reducer/actions/register-zone.ts
1224
+ init_react_import();
1225
+
1226
+ // ../core/lib/data/setup-zone.ts
1227
+ init_react_import();
1228
+ var setupZone = (data, zoneKey) => {
1229
+ if (zoneKey === rootDroppableId) {
1230
+ return data;
1231
+ }
1232
+ const newData = __spreadProps(__spreadValues({}, data), {
1233
+ zones: data.zones ? __spreadValues({}, data.zones) : {}
1234
+ });
1235
+ newData.zones[zoneKey] = newData.zones[zoneKey] || [];
1236
+ return newData;
1237
+ };
1238
+
1239
+ // ../core/reducer/actions/register-zone.ts
1240
+ var zoneCache = {};
1241
+ function registerZoneAction(state, action) {
1242
+ if (zoneCache[action.zone]) {
1243
+ return __spreadProps(__spreadValues({}, state), {
1244
+ data: __spreadProps(__spreadValues({}, state.data), {
1245
+ zones: __spreadProps(__spreadValues({}, state.data.zones), {
1246
+ [action.zone]: zoneCache[action.zone]
1247
+ })
1248
+ }),
1249
+ indexes: __spreadProps(__spreadValues({}, state.indexes), {
1250
+ zones: __spreadProps(__spreadValues({}, state.indexes.zones), {
1251
+ [action.zone]: __spreadProps(__spreadValues({}, state.indexes.zones[action.zone]), {
1252
+ contentIds: zoneCache[action.zone].map((item) => item.props.id),
1253
+ type: "dropzone"
1254
+ })
1255
+ })
1256
+ })
1257
+ });
1258
+ }
1259
+ return __spreadProps(__spreadValues({}, state), { data: setupZone(state.data, action.zone) });
1260
+ }
1261
+ function unregisterZoneAction(state, action) {
1262
+ const _zones = __spreadValues({}, state.data.zones || {});
1263
+ const zoneIndex = __spreadValues({}, state.indexes.zones || {});
1264
+ if (_zones[action.zone]) {
1265
+ zoneCache[action.zone] = _zones[action.zone];
1266
+ delete _zones[action.zone];
1267
+ }
1268
+ delete zoneIndex[action.zone];
1269
+ return __spreadProps(__spreadValues({}, state), {
1270
+ data: __spreadProps(__spreadValues({}, state.data), {
1271
+ zones: _zones
1272
+ }),
1273
+ indexes: __spreadProps(__spreadValues({}, state.indexes), {
1274
+ zones: zoneIndex
1275
+ })
1276
+ });
420
1277
  }
421
1278
 
1279
+ // ../core/reducer/actions/set-data.ts
1280
+ init_react_import();
1281
+ var setDataAction = (state, action, appStore) => {
1282
+ if (typeof action.data === "object") {
1283
+ console.warn(
1284
+ "`setData` is expensive and may cause unnecessary re-renders. Consider using a more atomic action instead."
1285
+ );
1286
+ return walkAppState(
1287
+ __spreadProps(__spreadValues({}, state), {
1288
+ data: __spreadValues(__spreadValues({}, state.data), action.data)
1289
+ }),
1290
+ appStore.config
1291
+ );
1292
+ }
1293
+ return walkAppState(
1294
+ __spreadProps(__spreadValues({}, state), {
1295
+ data: __spreadValues(__spreadValues({}, state.data), action.data(state.data))
1296
+ }),
1297
+ appStore.config
1298
+ );
1299
+ };
1300
+
1301
+ // ../core/reducer/actions/set-ui.ts
1302
+ init_react_import();
1303
+ var setUiAction = (state, action) => {
1304
+ if (typeof action.ui === "object") {
1305
+ return __spreadProps(__spreadValues({}, state), {
1306
+ ui: __spreadValues(__spreadValues({}, state.ui), action.ui)
1307
+ });
1308
+ }
1309
+ return __spreadProps(__spreadValues({}, state), {
1310
+ ui: __spreadValues(__spreadValues({}, state.ui), action.ui(state.ui))
1311
+ });
1312
+ };
1313
+
1314
+ // ../core/lib/data/make-state-public.ts
1315
+ init_react_import();
1316
+ var makeStatePublic = (state) => {
1317
+ const { data, ui } = state;
1318
+ return { data, ui };
1319
+ };
1320
+
1321
+ // ../core/reducer/actions.tsx
1322
+ init_react_import();
1323
+
1324
+ // ../core/reducer/index.ts
1325
+ function storeInterceptor(reducer, record, onAction) {
1326
+ return (state, action) => {
1327
+ const newAppState = reducer(state, action);
1328
+ const isValidType = ![
1329
+ "registerZone",
1330
+ "unregisterZone",
1331
+ "setData",
1332
+ "setUi",
1333
+ "set"
1334
+ ].includes(action.type);
1335
+ if (typeof action.recordHistory !== "undefined" ? action.recordHistory : isValidType) {
1336
+ if (record) record(newAppState);
1337
+ }
1338
+ onAction == null ? void 0 : onAction(action, makeStatePublic(newAppState), makeStatePublic(state));
1339
+ return newAppState;
1340
+ };
1341
+ }
1342
+ function createReducer({
1343
+ record,
1344
+ onAction,
1345
+ appStore
1346
+ }) {
1347
+ return storeInterceptor(
1348
+ (state, action) => {
1349
+ if (action.type === "set") {
1350
+ return setAction(state, action, appStore);
1351
+ }
1352
+ if (action.type === "insert") {
1353
+ return insertAction(state, action, appStore);
1354
+ }
1355
+ if (action.type === "replace") {
1356
+ return replaceAction(state, action, appStore);
1357
+ }
1358
+ if (action.type === "replaceRoot") {
1359
+ return replaceRootAction(state, action, appStore);
1360
+ }
1361
+ if (action.type === "duplicate") {
1362
+ return duplicateAction(state, action, appStore);
1363
+ }
1364
+ if (action.type === "reorder") {
1365
+ return reorderAction(state, action, appStore);
1366
+ }
1367
+ if (action.type === "move") {
1368
+ return moveAction(state, action, appStore);
1369
+ }
1370
+ if (action.type === "remove") {
1371
+ return removeAction(state, action, appStore);
1372
+ }
1373
+ if (action.type === "registerZone") {
1374
+ return registerZoneAction(state, action);
1375
+ }
1376
+ if (action.type === "unregisterZone") {
1377
+ return unregisterZoneAction(state, action);
1378
+ }
1379
+ if (action.type === "setData") {
1380
+ return setDataAction(state, action, appStore);
1381
+ }
1382
+ if (action.type === "setUi") {
1383
+ return setUiAction(state, action);
1384
+ }
1385
+ return state;
1386
+ },
1387
+ record,
1388
+ onAction
1389
+ );
1390
+ }
1391
+
1392
+ // ../core/components/ViewportControls/default-viewports.ts
1393
+ init_react_import();
1394
+ var defaultViewports = [
1395
+ { width: 360, height: "auto", icon: "Smartphone", label: "Small" },
1396
+ { width: 768, height: "auto", icon: "Tablet", label: "Medium" },
1397
+ { width: 1280, height: "auto", icon: "Monitor", label: "Large" }
1398
+ ];
1399
+
422
1400
  // ../../node_modules/zustand/esm/vanilla.mjs
423
1401
  init_react_import();
424
1402
  var createStoreImpl = (createState) => {
@@ -444,94 +1422,693 @@ var createStoreImpl = (createState) => {
444
1422
  };
445
1423
  var createStore = (createState) => createState ? createStoreImpl(createState) : createStoreImpl;
446
1424
 
447
- // ../core/components/DropZone/context.tsx
448
- var import_jsx_runtime3 = require("react/jsx-runtime");
449
- var dropZoneContext = (0, import_react7.createContext)(null);
450
- var ZoneStoreContext = (0, import_react7.createContext)(
451
- createStore(() => ({
452
- zoneDepthIndex: {},
453
- nextZoneDepthIndex: {},
454
- areaDepthIndex: {},
455
- nextAreaDepthIndex: {},
456
- draggedItem: null,
457
- previewIndex: {}
1425
+ // ../../node_modules/zustand/esm/react.mjs
1426
+ init_react_import();
1427
+ var import_react4 = __toESM(require("react"), 1);
1428
+ var identity = (arg) => arg;
1429
+ function useStore(api, selector = identity) {
1430
+ const slice = import_react4.default.useSyncExternalStore(
1431
+ api.subscribe,
1432
+ () => selector(api.getState()),
1433
+ () => selector(api.getInitialState())
1434
+ );
1435
+ import_react4.default.useDebugValue(slice);
1436
+ return slice;
1437
+ }
1438
+ var createImpl = (createState) => {
1439
+ const api = createStore(createState);
1440
+ const useBoundStore = (selector) => useStore(api, selector);
1441
+ Object.assign(useBoundStore, api);
1442
+ return useBoundStore;
1443
+ };
1444
+ var create = (createState) => createState ? createImpl(createState) : createImpl;
1445
+
1446
+ // ../../node_modules/zustand/esm/middleware.mjs
1447
+ init_react_import();
1448
+ var subscribeWithSelectorImpl = (fn) => (set, get, api) => {
1449
+ const origSubscribe = api.subscribe;
1450
+ api.subscribe = (selector, optListener, options) => {
1451
+ let listener = selector;
1452
+ if (optListener) {
1453
+ const equalityFn = (options == null ? void 0 : options.equalityFn) || Object.is;
1454
+ let currentSlice = selector(api.getState());
1455
+ listener = (state) => {
1456
+ const nextSlice = selector(state);
1457
+ if (!equalityFn(currentSlice, nextSlice)) {
1458
+ const previousSlice = currentSlice;
1459
+ optListener(currentSlice = nextSlice, previousSlice);
1460
+ }
1461
+ };
1462
+ if (options == null ? void 0 : options.fireImmediately) {
1463
+ optListener(currentSlice, currentSlice);
1464
+ }
1465
+ }
1466
+ return origSubscribe(listener);
1467
+ };
1468
+ const initialState = fn(set, get, api);
1469
+ return initialState;
1470
+ };
1471
+ var subscribeWithSelector = subscribeWithSelectorImpl;
1472
+
1473
+ // ../core/store/index.ts
1474
+ var import_react9 = require("react");
1475
+
1476
+ // ../core/store/slices/history.ts
1477
+ init_react_import();
1478
+ var import_react6 = require("react");
1479
+
1480
+ // ../core/lib/use-hotkey.ts
1481
+ init_react_import();
1482
+ var import_react5 = require("react");
1483
+ var useHotkeyStore = create()(
1484
+ subscribeWithSelector((set) => ({
1485
+ held: {},
1486
+ hold: (key) => set((s) => s.held[key] ? s : { held: __spreadProps(__spreadValues({}, s.held), { [key]: true }) }),
1487
+ release: (key) => set((s) => s.held[key] ? { held: __spreadProps(__spreadValues({}, s.held), { [key]: false }) } : s),
1488
+ reset: (held = {}) => set(() => ({ held })),
1489
+ triggers: {}
458
1490
  }))
459
1491
  );
460
1492
 
461
- // ../core/lib/get-zone-id.ts
1493
+ // ../core/store/slices/history.ts
1494
+ var EMPTY_HISTORY_INDEX = 0;
1495
+ function debounce(func, timeout = 300) {
1496
+ let timer;
1497
+ return (...args) => {
1498
+ clearTimeout(timer);
1499
+ timer = setTimeout(() => {
1500
+ func(...args);
1501
+ }, timeout);
1502
+ };
1503
+ }
1504
+ var tidyState = (state) => {
1505
+ return __spreadProps(__spreadValues({}, state), {
1506
+ ui: __spreadProps(__spreadValues({}, state.ui), {
1507
+ field: {
1508
+ focus: null
1509
+ }
1510
+ })
1511
+ });
1512
+ };
1513
+ var createHistorySlice = (set, get) => {
1514
+ const record = debounce((state) => {
1515
+ const { histories, index } = get().history;
1516
+ const history = {
1517
+ state,
1518
+ id: generateId("history")
1519
+ };
1520
+ const newHistories = [...histories.slice(0, index + 1), history];
1521
+ set({
1522
+ history: __spreadProps(__spreadValues({}, get().history), {
1523
+ histories: newHistories,
1524
+ index: newHistories.length - 1
1525
+ })
1526
+ });
1527
+ }, 250);
1528
+ return {
1529
+ initialAppState: {},
1530
+ index: EMPTY_HISTORY_INDEX,
1531
+ histories: [],
1532
+ hasPast: () => get().history.index > EMPTY_HISTORY_INDEX,
1533
+ hasFuture: () => get().history.index < get().history.histories.length - 1,
1534
+ prevHistory: () => {
1535
+ const { history } = get();
1536
+ return history.hasPast() ? history.histories[history.index - 1] : null;
1537
+ },
1538
+ nextHistory: () => {
1539
+ const s = get().history;
1540
+ return s.hasFuture() ? s.histories[s.index + 1] : null;
1541
+ },
1542
+ currentHistory: () => get().history.histories[get().history.index],
1543
+ back: () => {
1544
+ var _a;
1545
+ const { history, dispatch } = get();
1546
+ if (history.hasPast()) {
1547
+ const state = tidyState(
1548
+ ((_a = history.prevHistory()) == null ? void 0 : _a.state) || history.initialAppState
1549
+ );
1550
+ dispatch({
1551
+ type: "set",
1552
+ state
1553
+ });
1554
+ set({ history: __spreadProps(__spreadValues({}, history), { index: history.index - 1 }) });
1555
+ }
1556
+ },
1557
+ forward: () => {
1558
+ var _a;
1559
+ const { history, dispatch } = get();
1560
+ if (history.hasFuture()) {
1561
+ const state = (_a = history.nextHistory()) == null ? void 0 : _a.state;
1562
+ dispatch({ type: "set", state: state ? tidyState(state) : {} });
1563
+ set({ history: __spreadProps(__spreadValues({}, history), { index: history.index + 1 }) });
1564
+ }
1565
+ },
1566
+ setHistories: (histories) => {
1567
+ var _a;
1568
+ const { dispatch, history } = get();
1569
+ dispatch({
1570
+ type: "set",
1571
+ state: ((_a = history.histories[history.histories.length - 1]) == null ? void 0 : _a.state) || history.initialAppState
1572
+ });
1573
+ set({ history: __spreadProps(__spreadValues({}, history), { histories, index: histories.length - 1 }) });
1574
+ },
1575
+ setHistoryIndex: (index) => {
1576
+ var _a;
1577
+ const { dispatch, history } = get();
1578
+ dispatch({
1579
+ type: "set",
1580
+ state: ((_a = history.histories[index]) == null ? void 0 : _a.state) || history.initialAppState
1581
+ });
1582
+ set({ history: __spreadProps(__spreadValues({}, history), { index }) });
1583
+ },
1584
+ record
1585
+ };
1586
+ };
1587
+
1588
+ // ../core/store/slices/nodes.ts
462
1589
  init_react_import();
463
- var getZoneId = (zoneCompound) => {
464
- if (!zoneCompound) {
465
- return [];
466
- }
467
- if (zoneCompound && zoneCompound.indexOf(":") > -1) {
468
- return zoneCompound.split(":");
1590
+ var createNodesSlice = (set, get) => ({
1591
+ nodes: {},
1592
+ registerNode: (id, node) => {
1593
+ const s = get().nodes;
1594
+ const emptyNode = {
1595
+ id,
1596
+ methods: {
1597
+ sync: () => null,
1598
+ hideOverlay: () => null,
1599
+ showOverlay: () => null
1600
+ },
1601
+ element: null
1602
+ };
1603
+ const existingNode = s.nodes[id];
1604
+ set({
1605
+ nodes: __spreadProps(__spreadValues({}, s), {
1606
+ nodes: __spreadProps(__spreadValues({}, s.nodes), {
1607
+ [id]: __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, emptyNode), existingNode), node), {
1608
+ id
1609
+ })
1610
+ })
1611
+ })
1612
+ });
1613
+ },
1614
+ unregisterNode: (id) => {
1615
+ const s = get().nodes;
1616
+ const existingNode = s.nodes[id];
1617
+ if (existingNode) {
1618
+ const newNodes = __spreadValues({}, s.nodes);
1619
+ delete newNodes[id];
1620
+ set({
1621
+ nodes: __spreadProps(__spreadValues({}, s), {
1622
+ nodes: newNodes
1623
+ })
1624
+ });
1625
+ }
469
1626
  }
470
- return [rootDroppableId, zoneCompound];
1627
+ });
1628
+
1629
+ // ../core/store/slices/permissions.ts
1630
+ init_react_import();
1631
+ var import_react7 = require("react");
1632
+
1633
+ // ../core/lib/data/flatten-data.ts
1634
+ init_react_import();
1635
+ var flattenData = (state, config) => {
1636
+ const data = [];
1637
+ walkAppState(
1638
+ state,
1639
+ config,
1640
+ (content) => content,
1641
+ (item) => {
1642
+ data.push(item);
1643
+ return null;
1644
+ }
1645
+ );
1646
+ return data;
471
1647
  };
472
1648
 
473
- // ../core/lib/use-breadcrumbs.ts
474
- var convertPathDataToBreadcrumbs = (selectedItem, pathData, data) => {
475
- const id = selectedItem ? selectedItem == null ? void 0 : selectedItem.props.id : "";
476
- const currentPathData = pathData && id && pathData[id] ? __spreadValues({}, pathData[id]) : { label: "Page", path: [] };
477
- if (!id) {
478
- return [];
479
- }
480
- return currentPathData == null ? void 0 : currentPathData.path.reduce((acc, zoneCompound) => {
481
- const [area] = getZoneId(zoneCompound);
482
- if (area === rootDroppableId) {
483
- return [
484
- {
485
- label: "Page",
486
- selector: null
1649
+ // ../core/lib/get-changed.ts
1650
+ init_react_import();
1651
+ var import_fast_deep_equal = __toESM(require_fast_deep_equal());
1652
+ var getChanged = (newItem, oldItem) => {
1653
+ return newItem ? Object.keys(newItem.props || {}).reduce((acc, item) => {
1654
+ const newItemProps = (newItem == null ? void 0 : newItem.props) || {};
1655
+ const oldItemProps = (oldItem == null ? void 0 : oldItem.props) || {};
1656
+ return __spreadProps(__spreadValues({}, acc), {
1657
+ [item]: !(0, import_fast_deep_equal.default)(oldItemProps[item], newItemProps[item])
1658
+ });
1659
+ }, {}) : {};
1660
+ };
1661
+
1662
+ // ../core/store/slices/permissions.ts
1663
+ var createPermissionsSlice = (set, get) => {
1664
+ const resolvePermissions = (..._0) => __async(void 0, [..._0], function* (params = {}, force) {
1665
+ const { state, permissions, config } = get();
1666
+ const { cache: cache2, globalPermissions } = permissions;
1667
+ const resolveDataForItem = (item2, force2 = false) => __async(void 0, null, function* () {
1668
+ var _a, _b, _c;
1669
+ const { config: config2, state: appState, setComponentLoading } = get();
1670
+ const componentConfig = item2.type === "root" ? config2.root : config2.components[item2.type];
1671
+ if (!componentConfig) {
1672
+ return;
1673
+ }
1674
+ const initialPermissions = __spreadValues(__spreadValues({}, globalPermissions), componentConfig.permissions);
1675
+ if (componentConfig.resolvePermissions) {
1676
+ const changed = getChanged(item2, (_a = cache2[item2.props.id]) == null ? void 0 : _a.lastData);
1677
+ if (Object.values(changed).some((el) => el === true) || force2) {
1678
+ const clearTimeout2 = setComponentLoading(item2.props.id, true, 50);
1679
+ const resolvedPermissions = yield componentConfig.resolvePermissions(
1680
+ item2,
1681
+ {
1682
+ changed,
1683
+ lastPermissions: ((_b = cache2[item2.props.id]) == null ? void 0 : _b.lastPermissions) || null,
1684
+ permissions: initialPermissions,
1685
+ appState: makeStatePublic(appState),
1686
+ lastData: ((_c = cache2[item2.props.id]) == null ? void 0 : _c.lastData) || null
1687
+ }
1688
+ );
1689
+ const latest = get().permissions;
1690
+ set({
1691
+ permissions: __spreadProps(__spreadValues({}, latest), {
1692
+ cache: __spreadProps(__spreadValues({}, latest.cache), {
1693
+ [item2.props.id]: {
1694
+ lastData: item2,
1695
+ lastPermissions: resolvedPermissions
1696
+ }
1697
+ }),
1698
+ resolvedPermissions: __spreadProps(__spreadValues({}, latest.resolvedPermissions), {
1699
+ [item2.props.id]: resolvedPermissions
1700
+ })
1701
+ })
1702
+ });
1703
+ clearTimeout2();
487
1704
  }
488
- ];
1705
+ }
1706
+ });
1707
+ const resolveDataForRoot = (force2 = false) => {
1708
+ const { state: appState } = get();
1709
+ resolveDataForItem(
1710
+ // Shim the root data in by conforming to component data shape
1711
+ {
1712
+ type: "root",
1713
+ props: __spreadProps(__spreadValues({}, appState.data.root.props), { id: "root" })
1714
+ },
1715
+ force2
1716
+ );
1717
+ };
1718
+ const { item, type, root } = params;
1719
+ if (item) {
1720
+ yield resolveDataForItem(item, force);
1721
+ } else if (type) {
1722
+ flattenData(state, config).filter((item2) => item2.type === type).map((item2) => __async(void 0, null, function* () {
1723
+ yield resolveDataForItem(item2, force);
1724
+ }));
1725
+ } else if (root) {
1726
+ resolveDataForRoot(force);
1727
+ } else {
1728
+ flattenData(state, config).map((item2) => __async(void 0, null, function* () {
1729
+ yield resolveDataForItem(item2, force);
1730
+ }));
489
1731
  }
490
- const parentZoneCompound = acc.length > 0 ? acc[acc.length - 1].zoneCompound : rootDroppableId;
491
- let parentZone = data.content;
492
- if (parentZoneCompound && parentZoneCompound !== rootDroppableId) {
493
- parentZone = data.zones[parentZoneCompound];
1732
+ });
1733
+ const refreshPermissions = (params) => resolvePermissions(params, true);
1734
+ return {
1735
+ cache: {},
1736
+ globalPermissions: {
1737
+ drag: true,
1738
+ edit: true,
1739
+ delete: true,
1740
+ duplicate: true,
1741
+ insert: true
1742
+ },
1743
+ resolvedPermissions: {},
1744
+ getPermissions: ({ item, type, root } = {}) => {
1745
+ const { config, permissions } = get();
1746
+ const { globalPermissions, resolvedPermissions } = permissions;
1747
+ if (item) {
1748
+ const componentConfig = config.components[item.type];
1749
+ const initialPermissions = __spreadValues(__spreadValues({}, globalPermissions), componentConfig == null ? void 0 : componentConfig.permissions);
1750
+ const resolvedForItem = resolvedPermissions[item.props.id];
1751
+ return resolvedForItem ? __spreadValues(__spreadValues({}, globalPermissions), resolvedForItem) : initialPermissions;
1752
+ } else if (type) {
1753
+ const componentConfig = config.components[type];
1754
+ return __spreadValues(__spreadValues({}, globalPermissions), componentConfig == null ? void 0 : componentConfig.permissions);
1755
+ } else if (root) {
1756
+ const rootConfig = config.root;
1757
+ const initialPermissions = __spreadValues(__spreadValues({}, globalPermissions), rootConfig == null ? void 0 : rootConfig.permissions);
1758
+ const resolvedForItem = resolvedPermissions["root"];
1759
+ return resolvedForItem ? __spreadValues(__spreadValues({}, globalPermissions), resolvedForItem) : initialPermissions;
1760
+ }
1761
+ return globalPermissions;
1762
+ },
1763
+ resolvePermissions,
1764
+ refreshPermissions
1765
+ };
1766
+ };
1767
+
1768
+ // ../core/store/slices/fields.ts
1769
+ init_react_import();
1770
+ var import_react8 = require("react");
1771
+ var createFieldsSlice = (_set, _get) => {
1772
+ return {
1773
+ fields: {},
1774
+ loading: false,
1775
+ lastResolvedData: {},
1776
+ id: void 0
1777
+ };
1778
+ };
1779
+
1780
+ // ../core/lib/resolve-component-data.ts
1781
+ init_react_import();
1782
+ var import_fast_deep_equal2 = __toESM(require_fast_deep_equal());
1783
+ var cache = { lastChange: {} };
1784
+ var resolveComponentData = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], function* (item, config, metadata = {}, onResolveStart, onResolveEnd, trigger = "replace") {
1785
+ const configForItem = "type" in item && item.type !== "root" ? config.components[item.type] : config.root;
1786
+ const resolvedItem = __spreadValues({}, item);
1787
+ const shouldRunResolver = (configForItem == null ? void 0 : configForItem.resolveData) && item.props;
1788
+ const id = "id" in item.props ? item.props.id : "root";
1789
+ if (shouldRunResolver) {
1790
+ const { item: oldItem = null, resolved = {} } = cache.lastChange[id] || {};
1791
+ if (item && (0, import_fast_deep_equal2.default)(item, oldItem)) {
1792
+ return { node: resolved, didChange: false };
494
1793
  }
495
- if (!parentZone) {
496
- return acc;
1794
+ const changed = getChanged(item, oldItem);
1795
+ if (onResolveStart) {
1796
+ onResolveStart(item);
497
1797
  }
498
- const itemIndex = parentZone.findIndex(
499
- (queryItem) => queryItem.props.id === area
500
- );
501
- const item = parentZone[itemIndex];
502
- if (!item) {
503
- return acc;
1798
+ const { props: resolvedProps, readOnly = {} } = yield configForItem.resolveData(item, {
1799
+ changed,
1800
+ lastData: oldItem,
1801
+ metadata: __spreadValues(__spreadValues({}, metadata), configForItem.metadata),
1802
+ trigger
1803
+ });
1804
+ resolvedItem.props = __spreadValues(__spreadValues({}, item.props), resolvedProps);
1805
+ if (Object.keys(readOnly).length) {
1806
+ resolvedItem.readOnly = readOnly;
504
1807
  }
505
- return [
506
- ...acc,
507
- {
508
- label: item.type.toString(),
509
- selector: {
510
- index: itemIndex,
511
- zone: parentZoneCompound
512
- },
513
- zoneCompound
514
- }
515
- ];
516
- }, []);
1808
+ }
1809
+ let itemWithResolvedChildren = yield mapSlots(
1810
+ resolvedItem,
1811
+ (content) => __async(void 0, null, function* () {
1812
+ return yield Promise.all(
1813
+ content.map(
1814
+ (childItem) => __async(void 0, null, function* () {
1815
+ return (yield resolveComponentData(
1816
+ childItem,
1817
+ config,
1818
+ metadata,
1819
+ onResolveStart,
1820
+ onResolveEnd,
1821
+ trigger
1822
+ )).node;
1823
+ })
1824
+ )
1825
+ );
1826
+ }),
1827
+ config
1828
+ );
1829
+ if (shouldRunResolver && onResolveEnd) {
1830
+ onResolveEnd(resolvedItem);
1831
+ }
1832
+ cache.lastChange[id] = {
1833
+ item,
1834
+ resolved: itemWithResolvedChildren
1835
+ };
1836
+ return {
1837
+ node: itemWithResolvedChildren,
1838
+ didChange: !(0, import_fast_deep_equal2.default)(item, itemWithResolvedChildren)
1839
+ };
1840
+ });
1841
+
1842
+ // ../core/lib/data/to-root.ts
1843
+ init_react_import();
1844
+ var toRoot = (item) => {
1845
+ if ("type" in item && item.type !== "root") {
1846
+ throw new Error("Converting non-root item to root.");
1847
+ }
1848
+ const { readOnly } = item;
1849
+ if (item.props) {
1850
+ if ("id" in item.props) {
1851
+ const _a = item.props, { id } = _a, props = __objRest(_a, ["id"]);
1852
+ return { props, readOnly };
1853
+ }
1854
+ return { props: item.props, readOnly };
1855
+ }
1856
+ return { props: {}, readOnly };
517
1857
  };
1858
+
1859
+ // ../core/store/default-app-state.ts
1860
+ init_react_import();
1861
+ var defaultAppState = {
1862
+ data: { content: [], root: {}, zones: {} },
1863
+ ui: {
1864
+ leftSideBarVisible: true,
1865
+ rightSideBarVisible: true,
1866
+ arrayState: {},
1867
+ itemSelector: null,
1868
+ componentList: {},
1869
+ isDragging: false,
1870
+ previewMode: "edit",
1871
+ viewports: {
1872
+ current: {
1873
+ width: defaultViewports[0].width,
1874
+ height: defaultViewports[0].height || "auto"
1875
+ },
1876
+ options: [],
1877
+ controlsVisible: true
1878
+ },
1879
+ field: { focus: null }
1880
+ },
1881
+ indexes: {
1882
+ nodes: {},
1883
+ zones: {}
1884
+ }
1885
+ };
1886
+
1887
+ // ../core/store/index.ts
1888
+ var defaultPageFields = {
1889
+ title: { type: "text" }
1890
+ };
1891
+ var createAppStore = (initialAppStore) => create()(
1892
+ subscribeWithSelector((set, get) => {
1893
+ var _a, _b;
1894
+ return __spreadProps(__spreadValues({
1895
+ state: defaultAppState,
1896
+ config: { components: {} },
1897
+ componentState: {},
1898
+ plugins: [],
1899
+ overrides: {},
1900
+ viewports: defaultViewports,
1901
+ zoomConfig: {
1902
+ autoZoom: 1,
1903
+ rootHeight: 0,
1904
+ zoom: 1
1905
+ },
1906
+ status: "LOADING",
1907
+ iframe: {},
1908
+ metadata: {}
1909
+ }, initialAppStore), {
1910
+ fields: createFieldsSlice(set, get),
1911
+ history: createHistorySlice(set, get),
1912
+ nodes: createNodesSlice(set, get),
1913
+ permissions: createPermissionsSlice(set, get),
1914
+ getComponentConfig: (type) => {
1915
+ var _a2;
1916
+ const { config, selectedItem } = get();
1917
+ const rootFields = ((_a2 = config.root) == null ? void 0 : _a2.fields) || defaultPageFields;
1918
+ return type && type !== "root" ? config.components[type] : selectedItem ? config.components[selectedItem.type] : __spreadProps(__spreadValues({}, config.root), { fields: rootFields });
1919
+ },
1920
+ selectedItem: ((_a = initialAppStore == null ? void 0 : initialAppStore.state) == null ? void 0 : _a.ui.itemSelector) ? getItem(
1921
+ (_b = initialAppStore == null ? void 0 : initialAppStore.state) == null ? void 0 : _b.ui.itemSelector,
1922
+ initialAppStore.state
1923
+ ) : null,
1924
+ dispatch: (action) => set((s) => {
1925
+ var _a2, _b2;
1926
+ const { record } = get().history;
1927
+ const dispatch = createReducer({
1928
+ record,
1929
+ appStore: s
1930
+ });
1931
+ const state = dispatch(s.state, action);
1932
+ const selectedItem = state.ui.itemSelector ? getItem(state.ui.itemSelector, state) : null;
1933
+ (_b2 = (_a2 = get()).onAction) == null ? void 0 : _b2.call(_a2, action, state, get().state);
1934
+ return __spreadProps(__spreadValues({}, s), { state, selectedItem });
1935
+ }),
1936
+ setZoomConfig: (zoomConfig) => set({ zoomConfig }),
1937
+ setStatus: (status) => set({ status }),
1938
+ setComponentState: (componentState) => set({ componentState }),
1939
+ pendingLoadTimeouts: {},
1940
+ setComponentLoading: (id, loading = true, defer = 0) => {
1941
+ const { setComponentState, pendingLoadTimeouts } = get();
1942
+ const loadId = generateId();
1943
+ const setLoading = () => {
1944
+ var _a2;
1945
+ const { componentState } = get();
1946
+ setComponentState(__spreadProps(__spreadValues({}, componentState), {
1947
+ [id]: __spreadProps(__spreadValues({}, componentState[id]), {
1948
+ loadingCount: (((_a2 = componentState[id]) == null ? void 0 : _a2.loadingCount) || 0) + 1
1949
+ })
1950
+ }));
1951
+ };
1952
+ const unsetLoading = () => {
1953
+ var _a2;
1954
+ const { componentState } = get();
1955
+ clearTimeout(timeout);
1956
+ delete pendingLoadTimeouts[loadId];
1957
+ set({ pendingLoadTimeouts });
1958
+ setComponentState(__spreadProps(__spreadValues({}, componentState), {
1959
+ [id]: __spreadProps(__spreadValues({}, componentState[id]), {
1960
+ loadingCount: Math.max(
1961
+ (((_a2 = componentState[id]) == null ? void 0 : _a2.loadingCount) || 0) - 1,
1962
+ 0
1963
+ )
1964
+ })
1965
+ }));
1966
+ };
1967
+ const timeout = setTimeout(() => {
1968
+ if (loading) {
1969
+ setLoading();
1970
+ } else {
1971
+ unsetLoading();
1972
+ }
1973
+ delete pendingLoadTimeouts[loadId];
1974
+ set({ pendingLoadTimeouts });
1975
+ }, defer);
1976
+ set({
1977
+ pendingLoadTimeouts: __spreadProps(__spreadValues({}, pendingLoadTimeouts), {
1978
+ [id]: timeout
1979
+ })
1980
+ });
1981
+ return unsetLoading;
1982
+ },
1983
+ unsetComponentLoading: (id) => {
1984
+ const { setComponentLoading } = get();
1985
+ setComponentLoading(id, false);
1986
+ },
1987
+ // Helper
1988
+ setUi: (ui, recordHistory) => set((s) => {
1989
+ const dispatch = createReducer({
1990
+ record: () => {
1991
+ },
1992
+ appStore: s
1993
+ });
1994
+ const state = dispatch(s.state, {
1995
+ type: "setUi",
1996
+ ui,
1997
+ recordHistory
1998
+ });
1999
+ const selectedItem = state.ui.itemSelector ? getItem(state.ui.itemSelector, state) : null;
2000
+ return __spreadProps(__spreadValues({}, s), { state, selectedItem });
2001
+ }),
2002
+ resolveComponentData: (componentData, trigger) => __async(void 0, null, function* () {
2003
+ const { config, metadata, setComponentLoading, permissions } = get();
2004
+ const timeouts = {};
2005
+ return yield resolveComponentData(
2006
+ componentData,
2007
+ config,
2008
+ metadata,
2009
+ (item) => {
2010
+ const id = "id" in item.props ? item.props.id : "root";
2011
+ timeouts[id] = setComponentLoading(id, true, 50);
2012
+ },
2013
+ (item) => __async(void 0, null, function* () {
2014
+ const id = "id" in item.props ? item.props.id : "root";
2015
+ if ("type" in item) {
2016
+ yield permissions.refreshPermissions({ item });
2017
+ } else {
2018
+ yield permissions.refreshPermissions({ root: true });
2019
+ }
2020
+ timeouts[id]();
2021
+ }),
2022
+ trigger
2023
+ );
2024
+ }),
2025
+ resolveAndCommitData: () => __async(void 0, null, function* () {
2026
+ const { config, state, dispatch, resolveComponentData: resolveComponentData2 } = get();
2027
+ walkAppState(
2028
+ state,
2029
+ config,
2030
+ (content) => content,
2031
+ (childItem) => {
2032
+ resolveComponentData2(childItem, "load").then((resolved) => {
2033
+ const { state: state2 } = get();
2034
+ const node = state2.indexes.nodes[resolved.node.props.id];
2035
+ if (node && resolved.didChange) {
2036
+ if (resolved.node.props.id === "root") {
2037
+ dispatch({
2038
+ type: "replaceRoot",
2039
+ root: toRoot(resolved.node)
2040
+ });
2041
+ } else {
2042
+ const zoneCompound = `${node.parentId}:${node.zone}`;
2043
+ const parentZone = state2.indexes.zones[zoneCompound];
2044
+ const index = parentZone.contentIds.indexOf(
2045
+ resolved.node.props.id
2046
+ );
2047
+ dispatch({
2048
+ type: "replace",
2049
+ data: resolved.node,
2050
+ destinationIndex: index,
2051
+ destinationZone: zoneCompound
2052
+ });
2053
+ }
2054
+ }
2055
+ });
2056
+ return childItem;
2057
+ }
2058
+ );
2059
+ })
2060
+ });
2061
+ })
2062
+ );
2063
+ var appStoreContext = (0, import_react9.createContext)(createAppStore());
2064
+ function useAppStore(selector) {
2065
+ const context = (0, import_react9.useContext)(appStoreContext);
2066
+ return useStore(context, selector);
2067
+ }
2068
+ function useAppStoreApi() {
2069
+ return (0, import_react9.useContext)(appStoreContext);
2070
+ }
2071
+
2072
+ // ../core/lib/use-breadcrumbs.ts
518
2073
  var useBreadcrumbs = (renderCount) => {
519
- const {
520
- state: { data },
521
- selectedItem
522
- } = useAppContext();
523
- const dzContext = (0, import_react8.useContext)(dropZoneContext);
524
- return (0, import_react8.useMemo)(() => {
525
- const breadcrumbs = convertPathDataToBreadcrumbs(
526
- selectedItem,
527
- dzContext == null ? void 0 : dzContext.pathData,
528
- data
529
- );
2074
+ const selectedId = useAppStore((s) => {
2075
+ var _a;
2076
+ return (_a = s.selectedItem) == null ? void 0 : _a.props.id;
2077
+ });
2078
+ const config = useAppStore((s) => s.config);
2079
+ const path = useAppStore((s) => {
2080
+ var _a;
2081
+ return (_a = s.state.indexes.nodes[selectedId]) == null ? void 0 : _a.path;
2082
+ });
2083
+ const appStore = useAppStoreApi();
2084
+ return (0, import_react10.useMemo)(() => {
2085
+ const breadcrumbs = (path == null ? void 0 : path.map((zoneCompound) => {
2086
+ var _a, _b, _c;
2087
+ const [componentId] = zoneCompound.split(":");
2088
+ if (componentId === "root") {
2089
+ return {
2090
+ label: "Page",
2091
+ selector: null
2092
+ };
2093
+ }
2094
+ const node = appStore.getState().state.indexes.nodes[componentId];
2095
+ const parentId = node.path[node.path.length - 1];
2096
+ const contentIds = ((_a = appStore.getState().state.indexes.zones[parentId]) == null ? void 0 : _a.contentIds) || [];
2097
+ const index = contentIds.indexOf(componentId);
2098
+ const label = node ? (_c = (_b = config.components[node.data.type]) == null ? void 0 : _b.label) != null ? _c : node.data.type : "Component";
2099
+ return {
2100
+ label,
2101
+ selector: node ? {
2102
+ index,
2103
+ zone: node.path[node.path.length - 1]
2104
+ } : null
2105
+ };
2106
+ })) || [];
530
2107
  if (renderCount) {
531
2108
  return breadcrumbs.slice(breadcrumbs.length - renderCount);
532
2109
  }
533
2110
  return breadcrumbs;
534
- }, [selectedItem, dzContext == null ? void 0 : dzContext.pathData, renderCount]);
2111
+ }, [path, renderCount]);
535
2112
  };
536
2113
 
537
2114
  // ../core/components/Loader/index.tsx
@@ -543,10 +2120,10 @@ init_react_import();
543
2120
  // ../core/lib/filter.ts
544
2121
  init_react_import();
545
2122
 
546
- // ../core/lib/reorder.ts
2123
+ // ../core/lib/data/reorder.ts
547
2124
  init_react_import();
548
2125
 
549
- // ../core/lib/replace.ts
2126
+ // ../core/lib/data/replace.ts
550
2127
  init_react_import();
551
2128
 
552
2129
  // css-module:/home/runner/work/puck/puck/packages/core/components/Loader/styles.module.css#css-module
@@ -554,7 +2131,7 @@ init_react_import();
554
2131
  var styles_module_default3 = { "Loader": "_Loader_nacdm_13", "loader-animation": "_loader-animation_nacdm_1" };
555
2132
 
556
2133
  // ../core/components/Loader/index.tsx
557
- var import_jsx_runtime4 = require("react/jsx-runtime");
2134
+ var import_jsx_runtime2 = require("react/jsx-runtime");
558
2135
  var getClassName2 = get_class_name_factory_default("Loader", styles_module_default3);
559
2136
  var Loader = (_a) => {
560
2137
  var _b = _a, {
@@ -564,7 +2141,7 @@ var Loader = (_a) => {
564
2141
  "color",
565
2142
  "size"
566
2143
  ]);
567
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
2144
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
568
2145
  "span",
569
2146
  __spreadValues({
570
2147
  className: getClassName2(),
@@ -579,7 +2156,7 @@ var Loader = (_a) => {
579
2156
  };
580
2157
 
581
2158
  // ../core/components/SidebarSection/index.tsx
582
- var import_jsx_runtime5 = require("react/jsx-runtime");
2159
+ var import_jsx_runtime3 = require("react/jsx-runtime");
583
2160
  var getClassName3 = get_class_name_factory_default("SidebarSection", styles_module_default);
584
2161
  var SidebarSection = ({
585
2162
  children,
@@ -590,17 +2167,17 @@ var SidebarSection = ({
590
2167
  noPadding,
591
2168
  isLoading
592
2169
  }) => {
593
- const { setUi } = useAppContext();
2170
+ const setUi = useAppStore((s) => s.setUi);
594
2171
  const breadcrumbs = useBreadcrumbs(1);
595
- return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
2172
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
596
2173
  "div",
597
2174
  {
598
2175
  className: getClassName3({ noBorderTop, noPadding }),
599
2176
  style: { background },
600
2177
  children: [
601
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: getClassName3("title"), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: getClassName3("breadcrumbs"), children: [
602
- showBreadcrumbs ? breadcrumbs.map((breadcrumb, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: getClassName3("breadcrumb"), children: [
603
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
2178
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: getClassName3("title"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: getClassName3("breadcrumbs"), children: [
2179
+ showBreadcrumbs ? breadcrumbs.map((breadcrumb, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: getClassName3("breadcrumb"), children: [
2180
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
604
2181
  "button",
605
2182
  {
606
2183
  type: "button",
@@ -609,12 +2186,12 @@ var SidebarSection = ({
609
2186
  children: breadcrumb.label
610
2187
  }
611
2188
  ),
612
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ChevronRight, { size: 16 })
2189
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ChevronRight, { size: 16 })
613
2190
  ] }, i)) : null,
614
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: getClassName3("heading"), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Heading, { rank: "2", size: "xs", children: title }) })
2191
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: getClassName3("heading"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Heading, { rank: "2", size: "xs", children: title }) })
615
2192
  ] }) }),
616
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: getClassName3("content"), children }),
617
- isLoading && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: getClassName3("loadingOverlay"), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Loader, { size: 32 }) })
2193
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: getClassName3("content"), children }),
2194
+ isLoading && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: getClassName3("loadingOverlay"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: 32 }) })
618
2195
  ]
619
2196
  }
620
2197
  );
@@ -628,18 +2205,18 @@ init_react_import();
628
2205
  var styles_module_default4 = { "OutlineList": "_OutlineList_w4lzv_1", "OutlineListItem": "_OutlineListItem_w4lzv_25", "OutlineListItem--clickable": "_OutlineListItem--clickable_w4lzv_45" };
629
2206
 
630
2207
  // ../core/components/OutlineList/index.tsx
631
- var import_jsx_runtime6 = require("react/jsx-runtime");
2208
+ var import_jsx_runtime4 = require("react/jsx-runtime");
632
2209
  var getClassName4 = get_class_name_factory_default("OutlineList", styles_module_default4);
633
2210
  var getClassNameItem = get_class_name_factory_default("OutlineListItem", styles_module_default4);
634
2211
  var OutlineList = ({ children }) => {
635
- return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ul", { className: getClassName4(), children });
2212
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: getClassName4(), children });
636
2213
  };
637
- OutlineList.Clickable = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: getClassNameItem({ clickable: true }), children });
2214
+ OutlineList.Clickable = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: getClassNameItem({ clickable: true }), children });
638
2215
  OutlineList.Item = ({
639
2216
  children,
640
2217
  onClick
641
2218
  }) => {
642
- return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
2219
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
643
2220
  "li",
644
2221
  {
645
2222
  className: getClassNameItem({ clickable: !!onClick }),
@@ -673,7 +2250,7 @@ var getFrame = () => {
673
2250
 
674
2251
  // src/HeadingAnalyzer.tsx
675
2252
  var import_react_from_json = __toESM(require("react-from-json"));
676
- var import_jsx_runtime7 = require("react/jsx-runtime");
2253
+ var import_jsx_runtime5 = require("react/jsx-runtime");
677
2254
  var getClassName5 = get_class_name_factory_default("HeadingAnalyzer", HeadingAnalyzer_module_default);
678
2255
  var getClassNameItem2 = get_class_name_factory_default("HeadingAnalyzerItem", HeadingAnalyzer_module_default);
679
2256
  var ReactFromJSON = import_react_from_json.default.default || import_react_from_json.default;
@@ -726,24 +2303,47 @@ function buildHierarchy(frame) {
726
2303
  }
727
2304
  return root.children;
728
2305
  }
2306
+ var usePuck = (0, import_puck.createUsePuck)();
729
2307
  var HeadingAnalyzer = () => {
730
- const { appState } = (0, import_puck.usePuck)();
731
- const [hierarchy, setHierarchy] = (0, import_react9.useState)([]);
732
- (0, import_react9.useEffect)(() => {
2308
+ const data = usePuck((s) => s.appState.data);
2309
+ const [hierarchy, setHierarchy] = (0, import_react11.useState)([]);
2310
+ (0, import_react11.useEffect)(() => {
733
2311
  const frame = getFrame();
734
- const entry = frame == null ? void 0 : frame.querySelector(`[data-puck-entry]`);
735
- if (!entry) return;
736
- setHierarchy(buildHierarchy(entry));
737
- const observer = new MutationObserver(() => {
2312
+ let entry = frame == null ? void 0 : frame.querySelector(`[data-puck-entry]`);
2313
+ const createHierarchy = () => {
738
2314
  setHierarchy(buildHierarchy(entry));
2315
+ };
2316
+ const entryObserver = new MutationObserver(() => {
2317
+ createHierarchy();
2318
+ });
2319
+ const frameObserver = new MutationObserver(() => {
2320
+ entry = frame == null ? void 0 : frame.querySelector(`[data-puck-entry]`);
2321
+ if (entry) {
2322
+ registerEntryObserver();
2323
+ frameObserver.disconnect();
2324
+ }
739
2325
  });
740
- observer.observe(entry, { subtree: true, childList: true });
2326
+ const registerEntryObserver = () => {
2327
+ if (!entry) return;
2328
+ entryObserver.observe(entry, { subtree: true, childList: true });
2329
+ };
2330
+ const registerFrameObserver = () => {
2331
+ if (!frame) return;
2332
+ frameObserver.observe(frame, { subtree: true, childList: true });
2333
+ };
2334
+ if (entry) {
2335
+ createHierarchy();
2336
+ registerEntryObserver();
2337
+ } else {
2338
+ registerFrameObserver();
2339
+ }
741
2340
  return () => {
742
- observer.disconnect();
2341
+ entryObserver.disconnect();
2342
+ frameObserver.disconnect();
743
2343
  };
744
- }, [appState.data]);
745
- return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: getClassName5(), children: [
746
- /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
2344
+ }, [data]);
2345
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: getClassName5(), children: [
2346
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
747
2347
  "small",
748
2348
  {
749
2349
  className: getClassName5("cssWarning"),
@@ -755,19 +2355,19 @@ var HeadingAnalyzer = () => {
755
2355
  children: [
756
2356
  "Heading analyzer styles not loaded. Please review the",
757
2357
  " ",
758
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("a", { href: "https://github.com/measuredco/puck/blob/main/packages/plugin-heading-analyzer/README.md", children: "README" }),
2358
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("a", { href: "https://github.com/measuredco/puck/blob/main/packages/plugin-heading-analyzer/README.md", children: "README" }),
759
2359
  "."
760
2360
  ]
761
2361
  }
762
2362
  ),
763
- hierarchy.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: "No headings." }),
764
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(OutlineList, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2363
+ hierarchy.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: "No headings." }),
2364
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(OutlineList, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
765
2365
  ReactFromJSON,
766
2366
  {
767
2367
  mapping: {
768
- Root: (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: props.children }),
769
- OutlineListItem: (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(OutlineList.Item, { children: [
770
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(OutlineList.Clickable, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2368
+ Root: (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: props.children }),
2369
+ OutlineListItem: (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(OutlineList.Item, { children: [
2370
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(OutlineList.Clickable, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
771
2371
  "small",
772
2372
  {
773
2373
  className: getClassNameItem2({ missing: props.missing }),
@@ -785,14 +2385,14 @@ var HeadingAnalyzer = () => {
785
2385
  }, 2e3);
786
2386
  }
787
2387
  },
788
- children: props.missing ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
789
- /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("b", { children: [
2388
+ children: props.missing ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
2389
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("b", { children: [
790
2390
  "H",
791
2391
  props.rank
792
2392
  ] }),
793
2393
  ": Missing"
794
- ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
795
- /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("b", { children: [
2394
+ ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
2395
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("b", { children: [
796
2396
  "H",
797
2397
  props.rank
798
2398
  ] }),
@@ -801,7 +2401,7 @@ var HeadingAnalyzer = () => {
801
2401
  ] })
802
2402
  }
803
2403
  ) }),
804
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(OutlineList, { children: props.children })
2404
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(OutlineList, { children: props.children })
805
2405
  ] })
806
2406
  },
807
2407
  entry: {
@@ -823,9 +2423,9 @@ var HeadingAnalyzer = () => {
823
2423
  };
824
2424
  var headingAnalyzer = {
825
2425
  overrides: {
826
- fields: ({ children, itemSelector }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
2426
+ fields: ({ children, itemSelector }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
827
2427
  children,
828
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { display: itemSelector ? "none" : "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SidebarSection, { title: "Heading Outline", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(HeadingAnalyzer, {}) }) })
2428
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { display: itemSelector ? "none" : "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SidebarSection, { title: "Heading Outline", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(HeadingAnalyzer, {}) }) })
829
2429
  ] })
830
2430
  }
831
2431
  };