@measured/puck-plugin-heading-analyzer 0.19.0-canary.e829bea0 → 0.19.0-canary.eda38b34

package/dist/index.d.mts

@@ -100,16 +100,17 @@ type ExternalField<Props extends {
     filterFields?: Record<string, Field>;
     initialFilters?: Record<string, any>;
 };
-type CustomField<Props extends any = {}> = BaseField & {
+type CustomFieldRender<Value extends any> = (props: {
+    field: CustomField<Value>;
+    name: string;
+    id: string;
+    value: Value;
+    onChange: (value: Value) => void;
+    readOnly?: boolean;
+}) => ReactElement;
+type CustomField<Value extends any> = BaseField & {
     type: "custom";
-    render: (props: {
-        field: CustomField<Props>;
-        name: string;
-        id: string;
-        value: Props;
-        onChange: (value: Props) => void;
-        readOnly?: boolean;
-    }) => ReactElement;
+    render: CustomFieldRender<Value>;
 };
 type SlotField = BaseField & {
     type: "slot";

package/dist/index.d.ts

@@ -100,16 +100,17 @@ type ExternalField<Props extends {
     filterFields?: Record<string, Field>;
     initialFilters?: Record<string, any>;
 };
-type CustomField<Props extends any = {}> = BaseField & {
+type CustomFieldRender<Value extends any> = (props: {
+    field: CustomField<Value>;
+    name: string;
+    id: string;
+    value: Value;
+    onChange: (value: Value) => void;
+    readOnly?: boolean;
+}) => ReactElement;
+type CustomField<Value extends any> = BaseField & {
     type: "custom";
-    render: (props: {
-        field: CustomField<Props>;
-        name: string;
-        id: string;
-        value: Props;
-        onChange: (value: Props) => void;
-        readOnly?: boolean;
-    }) => ReactElement;
+    render: CustomFieldRender<Value>;
 };
 type SlotField = BaseField & {
     type: "slot";

package/dist/index.js

@@ -371,7 +371,7 @@ init_react_import();
 // ../core/reducer/actions/set.ts
 init_react_import();
 
-// ../core/lib/data/walk-tree.ts
+// ../core/lib/data/walk-app-state.ts
 init_react_import();
 
 // ../core/lib/data/for-each-slot.ts
@@ -460,8 +460,8 @@ var stripSlots = (data) => {
   });
 };
 
-// ../core/lib/data/walk-tree.ts
-function walkTree(state, config, mapContent = (content) => content, mapNodeOrSkip = (item) => item) {
+// ../core/lib/data/walk-app-state.ts
+function walkAppState(state, config, mapContent = (content) => content, mapNodeOrSkip = (item) => item) {
   var _a;
   let newZones = {};
   const newZoneIndex = {};
@@ -594,7 +594,7 @@ var setAction = (state, action, appStore) => {
     console.warn(
       "`set` is expensive and may cause unnecessary re-renders. Consider using a more atomic action instead."
     );
-    return walkTree(newState, appStore.config);
+    return walkAppState(newState, appStore.config);
   }
   return __spreadValues(__spreadValues({}, state), action.state(state));
 };
@@ -680,18 +680,116 @@ var getIdsForParent = (zoneCompound, state) => {
   return ((node == null ? void 0 : node.path) || []).map((p) => p.split(":")[0]);
 };
 
+// ../core/lib/data/populate-ids.ts
+init_react_import();
+
+// ../core/lib/data/walk-tree.ts
+init_react_import();
+
+// ../core/lib/data/map-slots.ts
+init_react_import();
+function mapSlotsAsync(_0, _1) {
+  return __async(this, arguments, function* (item, map, recursive = true, isSlot2 = isSlot) {
+    const props = __spreadValues({}, item.props);
+    const propKeys = Object.keys(props);
+    for (let i = 0; i < propKeys.length; i++) {
+      const propKey = propKeys[i];
+      const itemType = "type" in item ? item.type : "root";
+      if (isSlot2(itemType, propKey, props[propKey])) {
+        const content = props[propKey];
+        const mappedContent = recursive ? yield Promise.all(
+          content.map((item2) => __async(this, null, function* () {
+            return yield mapSlotsAsync(item2, map, recursive, isSlot2);
+          }))
+        ) : content;
+        props[propKey] = yield map(mappedContent, propKey);
+      }
+    }
+    return __spreadProps(__spreadValues({}, item), { props });
+  });
+}
+function mapSlotsSync(item, map, isSlot2 = isSlot) {
+  var _a, _b;
+  const props = __spreadValues({}, item.props);
+  const propKeys = Object.keys(props);
+  for (let i = 0; i < propKeys.length; i++) {
+    const propKey = propKeys[i];
+    const itemType = "type" in item ? item.type : "root";
+    if (isSlot2(itemType, propKey, props[propKey])) {
+      const content = props[propKey];
+      const mappedContent = content.map((item2) => {
+        return mapSlotsSync(item2, map, isSlot2);
+      });
+      props[propKey] = (_b = map(mappedContent, (_a = props.id) != null ? _a : "root", propKey)) != null ? _b : mappedContent;
+    }
+  }
+  return __spreadProps(__spreadValues({}, item), { props });
+}
+
+// ../core/lib/data/walk-tree.ts
+function walkTree(data, config, callbackFn) {
+  var _a, _b;
+  const isSlot2 = createIsSlotConfig(config);
+  const walkItem = (item) => {
+    return mapSlotsSync(
+      item,
+      (content, parentId, propName) => callbackFn(content, { parentId, propName }),
+      isSlot2
+    );
+  };
+  if ("props" in data) {
+    return walkItem(data);
+  }
+  const _data = data;
+  const zones = (_a = _data.zones) != null ? _a : {};
+  const mappedContent = _data.content.map(walkItem);
+  return {
+    root: walkItem(_data.root),
+    content: (_b = callbackFn(mappedContent, {
+      parentId: "root",
+      propName: "default-zone"
+    })) != null ? _b : mappedContent,
+    zones: Object.keys(zones).reduce(
+      (acc, zoneCompound) => __spreadProps(__spreadValues({}, acc), {
+        [zoneCompound]: zones[zoneCompound].map(walkItem)
+      }),
+      {}
+    )
+  };
+}
+
+// ../core/lib/data/populate-ids.ts
+var populateIds = (data, config, override = false) => {
+  const id = generateId(data.type);
+  return walkTree(
+    __spreadProps(__spreadValues({}, data), {
+      props: override ? __spreadProps(__spreadValues({}, data.props), { id }) : __spreadValues({ id }, data.props)
+    }),
+    config,
+    (contents) => contents.map((item) => {
+      const id2 = generateId(item.type);
+      return __spreadProps(__spreadValues({}, item), {
+        props: override ? __spreadProps(__spreadValues({}, item.props), { id: id2 }) : __spreadValues({ id: id2 }, item.props)
+      });
+    })
+  );
+};
+
 // ../core/reducer/actions/insert.ts
 function insertAction(state, action, appStore) {
   const id = action.id || generateId(action.componentType);
-  const emptyComponentData = {
-    type: action.componentType,
-    props: __spreadProps(__spreadValues({}, appStore.config.components[action.componentType].defaultProps || {}), {
-      id
-    })
-  };
+  const emptyComponentData = populateIds(
+    {
+      type: action.componentType,
+      props: __spreadProps(__spreadValues({}, appStore.config.components[action.componentType].defaultProps || {}), {
+        id
+      })
+    },
+    appStore.config
+  );
   const [parentId] = action.destinationZone.split(":");
   const idsInPath = getIdsForParent(action.destinationZone, state);
-  return walkTree(
+  return walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
@@ -729,25 +827,26 @@ var replaceAction = (state, action, appStore) => {
       `Can't change the id during a replace action. Please us "remove" and "insert" to define a new node.`
     );
   }
-  return walkTree(
+  const data = populateIds(action.data, appStore.config);
+  return walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
       const newContent = [...content];
       if (zoneCompound === action.destinationZone) {
-        newContent[action.destinationIndex] = action.data;
+        newContent[action.destinationIndex] = data;
       }
       return newContent;
     },
     (childItem, path) => {
       const pathIds = path.map((p) => p.split(":")[0]);
-      if (childItem.props.id === action.data.props.id) {
-        return action.data;
+      if (childItem.props.id === data.props.id) {
+        return data;
       } else if (childItem.props.id === parentId) {
         return childItem;
       } else if (idsInPath.indexOf(childItem.props.id) > -1) {
         return childItem;
-      } else if (pathIds.indexOf(action.data.props.id) > -1) {
+      } else if (pathIds.indexOf(data.props.id) > -1) {
         return childItem;
       }
       return null;
@@ -758,7 +857,7 @@ var replaceAction = (state, action, appStore) => {
 // ../core/reducer/actions/replace-root.ts
 init_react_import();
 var replaceRootAction = (state, action, appStore) => {
-  return walkTree(
+  return walkAppState(
     state,
     appStore.config,
     (content) => content,
@@ -797,7 +896,7 @@ function duplicateAction(state, action, appStore) {
       id: generateId(item.type)
     })
   });
-  const modified = walkTree(
+  const modified = walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
@@ -862,7 +961,7 @@ var moveAction = (state, action, appStore) => {
   if (!item) return state;
   const idsInSourcePath = getIdsForParent(action.sourceZone, state);
   const idsInDestinationPath = getIdsForParent(action.destinationZone, state);
-  return walkTree(
+  return walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
@@ -920,7 +1019,7 @@ var removeAction = (state, action, appStore) => {
     },
     [item.props.id]
   );
-  const newState = walkTree(
+  const newState = walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
@@ -1011,14 +1110,14 @@ var setDataAction = (state, action, appStore) => {
     console.warn(
       "`setData` is expensive and may cause unnecessary re-renders. Consider using a more atomic action instead."
     );
-    return walkTree(
+    return walkAppState(
       __spreadProps(__spreadValues({}, state), {
         data: __spreadValues(__spreadValues({}, state.data), action.data)
       }),
       appStore.config
     );
   }
-  return walkTree(
+  return walkAppState(
     __spreadProps(__spreadValues({}, state), {
       data: __spreadValues(__spreadValues({}, state.data), action.data(state.data))
     }),
@@ -1358,7 +1457,7 @@ var import_react7 = require("react");
 init_react_import();
 var flattenData = (state, config) => {
   const data = [];
-  walkTree(
+  walkAppState(
     state,
     config,
     (content) => content,
@@ -1495,37 +1594,13 @@ var createFieldsSlice = (_set, _get) => {
   return {
     fields: {},
     loading: false,
-    lastResolvedData: {}
+    lastResolvedData: {},
+    id: void 0
   };
 };
 
 // ../core/lib/resolve-component-data.ts
 init_react_import();
-
-// ../core/lib/data/map-slots.ts
-init_react_import();
-function mapSlotsAsync(_0, _1) {
-  return __async(this, arguments, function* (item, map, recursive = true, isSlot2 = isSlot) {
-    const props = __spreadValues({}, item.props);
-    const propKeys = Object.keys(props);
-    for (let i = 0; i < propKeys.length; i++) {
-      const propKey = propKeys[i];
-      const itemType = "type" in item ? item.type : "root";
-      if (isSlot2(itemType, propKey, props[propKey])) {
-        const content = props[propKey];
-        const mappedContent = recursive ? yield Promise.all(
-          content.map((item2) => __async(this, null, function* () {
-            return yield mapSlotsAsync(item2, map, recursive, isSlot2);
-          }))
-        ) : content;
-        props[propKey] = yield map(mappedContent, propKey);
-      }
-    }
-    return __spreadProps(__spreadValues({}, item), { props });
-  });
-}
-
-// ../core/lib/resolve-component-data.ts
 var import_fast_deep_equal = __toESM(require_fast_deep_equal());
 var cache = { lastChange: {} };
 var resolveComponentData = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], function* (item, config, metadata = {}, onResolveStart, onResolveEnd, trigger = "replace", recursive = true) {
@@ -1770,7 +1845,7 @@ var createAppStore = (initialAppStore) => create()(
       }),
       resolveAndCommitData: () => __async(void 0, null, function* () {
         const { config, state, dispatch, resolveComponentData: resolveComponentData2 } = get();
-        walkTree(
+        walkAppState(
           state,
           config,
           (content) => content,

package/dist/index.mjs

@@ -359,7 +359,7 @@ init_react_import();
 // ../core/reducer/actions/set.ts
 init_react_import();
 
-// ../core/lib/data/walk-tree.ts
+// ../core/lib/data/walk-app-state.ts
 init_react_import();
 
 // ../core/lib/data/for-each-slot.ts
@@ -448,8 +448,8 @@ var stripSlots = (data) => {
   });
 };
 
-// ../core/lib/data/walk-tree.ts
-function walkTree(state, config, mapContent = (content) => content, mapNodeOrSkip = (item) => item) {
+// ../core/lib/data/walk-app-state.ts
+function walkAppState(state, config, mapContent = (content) => content, mapNodeOrSkip = (item) => item) {
   var _a;
   let newZones = {};
   const newZoneIndex = {};
@@ -582,7 +582,7 @@ var setAction = (state, action, appStore) => {
     console.warn(
       "`set` is expensive and may cause unnecessary re-renders. Consider using a more atomic action instead."
     );
-    return walkTree(newState, appStore.config);
+    return walkAppState(newState, appStore.config);
   }
   return __spreadValues(__spreadValues({}, state), action.state(state));
 };
@@ -668,18 +668,116 @@ var getIdsForParent = (zoneCompound, state) => {
   return ((node == null ? void 0 : node.path) || []).map((p) => p.split(":")[0]);
 };
 
+// ../core/lib/data/populate-ids.ts
+init_react_import();
+
+// ../core/lib/data/walk-tree.ts
+init_react_import();
+
+// ../core/lib/data/map-slots.ts
+init_react_import();
+function mapSlotsAsync(_0, _1) {
+  return __async(this, arguments, function* (item, map, recursive = true, isSlot2 = isSlot) {
+    const props = __spreadValues({}, item.props);
+    const propKeys = Object.keys(props);
+    for (let i = 0; i < propKeys.length; i++) {
+      const propKey = propKeys[i];
+      const itemType = "type" in item ? item.type : "root";
+      if (isSlot2(itemType, propKey, props[propKey])) {
+        const content = props[propKey];
+        const mappedContent = recursive ? yield Promise.all(
+          content.map((item2) => __async(this, null, function* () {
+            return yield mapSlotsAsync(item2, map, recursive, isSlot2);
+          }))
+        ) : content;
+        props[propKey] = yield map(mappedContent, propKey);
+      }
+    }
+    return __spreadProps(__spreadValues({}, item), { props });
+  });
+}
+function mapSlotsSync(item, map, isSlot2 = isSlot) {
+  var _a, _b;
+  const props = __spreadValues({}, item.props);
+  const propKeys = Object.keys(props);
+  for (let i = 0; i < propKeys.length; i++) {
+    const propKey = propKeys[i];
+    const itemType = "type" in item ? item.type : "root";
+    if (isSlot2(itemType, propKey, props[propKey])) {
+      const content = props[propKey];
+      const mappedContent = content.map((item2) => {
+        return mapSlotsSync(item2, map, isSlot2);
+      });
+      props[propKey] = (_b = map(mappedContent, (_a = props.id) != null ? _a : "root", propKey)) != null ? _b : mappedContent;
+    }
+  }
+  return __spreadProps(__spreadValues({}, item), { props });
+}
+
+// ../core/lib/data/walk-tree.ts
+function walkTree(data, config, callbackFn) {
+  var _a, _b;
+  const isSlot2 = createIsSlotConfig(config);
+  const walkItem = (item) => {
+    return mapSlotsSync(
+      item,
+      (content, parentId, propName) => callbackFn(content, { parentId, propName }),
+      isSlot2
+    );
+  };
+  if ("props" in data) {
+    return walkItem(data);
+  }
+  const _data = data;
+  const zones = (_a = _data.zones) != null ? _a : {};
+  const mappedContent = _data.content.map(walkItem);
+  return {
+    root: walkItem(_data.root),
+    content: (_b = callbackFn(mappedContent, {
+      parentId: "root",
+      propName: "default-zone"
+    })) != null ? _b : mappedContent,
+    zones: Object.keys(zones).reduce(
+      (acc, zoneCompound) => __spreadProps(__spreadValues({}, acc), {
+        [zoneCompound]: zones[zoneCompound].map(walkItem)
+      }),
+      {}
+    )
+  };
+}
+
+// ../core/lib/data/populate-ids.ts
+var populateIds = (data, config, override = false) => {
+  const id = generateId(data.type);
+  return walkTree(
+    __spreadProps(__spreadValues({}, data), {
+      props: override ? __spreadProps(__spreadValues({}, data.props), { id }) : __spreadValues({ id }, data.props)
+    }),
+    config,
+    (contents) => contents.map((item) => {
+      const id2 = generateId(item.type);
+      return __spreadProps(__spreadValues({}, item), {
+        props: override ? __spreadProps(__spreadValues({}, item.props), { id: id2 }) : __spreadValues({ id: id2 }, item.props)
+      });
+    })
+  );
+};
+
 // ../core/reducer/actions/insert.ts
 function insertAction(state, action, appStore) {
   const id = action.id || generateId(action.componentType);
-  const emptyComponentData = {
-    type: action.componentType,
-    props: __spreadProps(__spreadValues({}, appStore.config.components[action.componentType].defaultProps || {}), {
-      id
-    })
-  };
+  const emptyComponentData = populateIds(
+    {
+      type: action.componentType,
+      props: __spreadProps(__spreadValues({}, appStore.config.components[action.componentType].defaultProps || {}), {
+        id
+      })
+    },
+    appStore.config
+  );
   const [parentId] = action.destinationZone.split(":");
   const idsInPath = getIdsForParent(action.destinationZone, state);
-  return walkTree(
+  return walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
@@ -717,25 +815,26 @@ var replaceAction = (state, action, appStore) => {
       `Can't change the id during a replace action. Please us "remove" and "insert" to define a new node.`
     );
   }
-  return walkTree(
+  const data = populateIds(action.data, appStore.config);
+  return walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
       const newContent = [...content];
       if (zoneCompound === action.destinationZone) {
-        newContent[action.destinationIndex] = action.data;
+        newContent[action.destinationIndex] = data;
       }
       return newContent;
     },
     (childItem, path) => {
       const pathIds = path.map((p) => p.split(":")[0]);
-      if (childItem.props.id === action.data.props.id) {
-        return action.data;
+      if (childItem.props.id === data.props.id) {
+        return data;
       } else if (childItem.props.id === parentId) {
         return childItem;
       } else if (idsInPath.indexOf(childItem.props.id) > -1) {
         return childItem;
-      } else if (pathIds.indexOf(action.data.props.id) > -1) {
+      } else if (pathIds.indexOf(data.props.id) > -1) {
         return childItem;
       }
       return null;
@@ -746,7 +845,7 @@ var replaceAction = (state, action, appStore) => {
 // ../core/reducer/actions/replace-root.ts
 init_react_import();
 var replaceRootAction = (state, action, appStore) => {
-  return walkTree(
+  return walkAppState(
     state,
     appStore.config,
     (content) => content,
@@ -785,7 +884,7 @@ function duplicateAction(state, action, appStore) {
       id: generateId(item.type)
     })
   });
-  const modified = walkTree(
+  const modified = walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
@@ -850,7 +949,7 @@ var moveAction = (state, action, appStore) => {
   if (!item) return state;
   const idsInSourcePath = getIdsForParent(action.sourceZone, state);
   const idsInDestinationPath = getIdsForParent(action.destinationZone, state);
-  return walkTree(
+  return walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
@@ -908,7 +1007,7 @@ var removeAction = (state, action, appStore) => {
     },
     [item.props.id]
   );
-  const newState = walkTree(
+  const newState = walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
@@ -999,14 +1098,14 @@ var setDataAction = (state, action, appStore) => {
     console.warn(
       "`setData` is expensive and may cause unnecessary re-renders. Consider using a more atomic action instead."
     );
-    return walkTree(
+    return walkAppState(
       __spreadProps(__spreadValues({}, state), {
         data: __spreadValues(__spreadValues({}, state.data), action.data)
       }),
       appStore.config
     );
   }
-  return walkTree(
+  return walkAppState(
     __spreadProps(__spreadValues({}, state), {
       data: __spreadValues(__spreadValues({}, state.data), action.data(state.data))
     }),
@@ -1346,7 +1445,7 @@ import { useEffect as useEffect3 } from "react";
 init_react_import();
 var flattenData = (state, config) => {
   const data = [];
-  walkTree(
+  walkAppState(
     state,
     config,
     (content) => content,
@@ -1483,37 +1582,13 @@ var createFieldsSlice = (_set, _get) => {
   return {
     fields: {},
     loading: false,
-    lastResolvedData: {}
+    lastResolvedData: {},
+    id: void 0
   };
 };
 
 // ../core/lib/resolve-component-data.ts
 init_react_import();
-
-// ../core/lib/data/map-slots.ts
-init_react_import();
-function mapSlotsAsync(_0, _1) {
-  return __async(this, arguments, function* (item, map, recursive = true, isSlot2 = isSlot) {
-    const props = __spreadValues({}, item.props);
-    const propKeys = Object.keys(props);
-    for (let i = 0; i < propKeys.length; i++) {
-      const propKey = propKeys[i];
-      const itemType = "type" in item ? item.type : "root";
-      if (isSlot2(itemType, propKey, props[propKey])) {
-        const content = props[propKey];
-        const mappedContent = recursive ? yield Promise.all(
-          content.map((item2) => __async(this, null, function* () {
-            return yield mapSlotsAsync(item2, map, recursive, isSlot2);
-          }))
-        ) : content;
-        props[propKey] = yield map(mappedContent, propKey);
-      }
-    }
-    return __spreadProps(__spreadValues({}, item), { props });
-  });
-}
-
-// ../core/lib/resolve-component-data.ts
 var import_fast_deep_equal = __toESM(require_fast_deep_equal());
 var cache = { lastChange: {} };
 var resolveComponentData = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], function* (item, config, metadata = {}, onResolveStart, onResolveEnd, trigger = "replace", recursive = true) {
@@ -1758,7 +1833,7 @@ var createAppStore = (initialAppStore) => create()(
       }),
       resolveAndCommitData: () => __async(void 0, null, function* () {
         const { config, state, dispatch, resolveComponentData: resolveComponentData2 } = get();
-        walkTree(
+        walkAppState(
           state,
           config,
           (content) => content,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck-plugin-heading-analyzer",
-  "version": "0.19.0-canary.e829bea0",
+  "version": "0.19.0-canary.eda38b34",
   "author": "Chris Villa <chris@puckeditor.com>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",
@@ -25,7 +25,7 @@
     "dist"
   ],
   "devDependencies": {
-    "@measured/puck": "^0.19.0-canary.e829bea0",
+    "@measured/puck": "^0.19.0-canary.eda38b34",
     "@types/react": "^19.0.1",
     "@types/react-dom": "^19.0.2",
     "eslint": "^7.32.0",