@measured/puck-plugin-heading-analyzer 0.19.0-canary.896a6279 → 0.19.0-canary.91cb9cee

package/README.md

@@ -31,4 +31,4 @@ export function Page() {
 
 ## License
 
-MIT © [Measured Corporation Ltd](https://measured.co)
+MIT © [The Puck Contributors](https://github.com/measuredco/puck/graphs/contributors)

package/dist/index.d.mts

@@ -13,6 +13,7 @@ type FieldOptions = Array<FieldOption> | ReadonlyArray<FieldOption>;
 type BaseField = {
     label?: string;
     labelIcon?: ReactElement;
+    metadata?: Metadata;
 };
 type TextField = BaseField & {
     type: "text";
@@ -99,19 +100,22 @@ 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";
+    allow?: string[];
+    disallow?: string[];
 };
 type Field<Props extends any = any> = TextField | NumberField | TextareaField | SelectField | RadioField | ArrayField<Props extends {
     [key: string]: any;
@@ -130,6 +134,10 @@ type FieldProps<F = Field<any>, ValueType = any> = {
     readOnly?: boolean;
 };
 
+type Metadata = {
+    [key: string]: any;
+};
+
 type ItemWithId = {
     _arrayId: string;
     _originalIndex: number;

package/dist/index.d.ts

@@ -13,6 +13,7 @@ type FieldOptions = Array<FieldOption> | ReadonlyArray<FieldOption>;
 type BaseField = {
     label?: string;
     labelIcon?: ReactElement;
+    metadata?: Metadata;
 };
 type TextField = BaseField & {
     type: "text";
@@ -99,19 +100,22 @@ 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";
+    allow?: string[];
+    disallow?: string[];
 };
 type Field<Props extends any = any> = TextField | NumberField | TextareaField | SelectField | RadioField | ArrayField<Props extends {
     [key: string]: any;
@@ -130,6 +134,10 @@ type FieldProps<F = Field<any>, ValueType = any> = {
     readOnly?: boolean;
 };
 
+type Metadata = {
+    [key: string]: any;
+};
+
 type ItemWithId = {
     _arrayId: string;
     _originalIndex: number;

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) => {
@@ -910,7 +1009,6 @@ var reorderAction = (state, action, appStore) => {
 init_react_import();
 var removeAction = (state, action, appStore) => {
   const item = getItem({ index: action.index, zone: action.zone }, state);
-  const [parentId] = action.zone.split(":");
   const nodesToDelete = Object.entries(state.indexes.nodes).reduce(
     (acc, [nodeId, nodeData]) => {
       const pathIds = nodeData.path.map((p) => p.split(":")[0]);
@@ -921,7 +1019,7 @@ var removeAction = (state, action, appStore) => {
     },
     [item.props.id]
   );
-  const newState = walkTree(
+  const newState = walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
@@ -929,24 +1027,17 @@ var removeAction = (state, action, appStore) => {
         return remove(content, action.index);
       }
       return content;
-    },
-    (childItem, path) => {
-      const parentIds = path.map((p) => p.split(":")[0]);
-      if (childItem.props.id === parentId || childItem.props.id === item.props.id || parentIds.indexOf(item.props.id) > -1) {
-        return childItem;
-      }
-      return null;
     }
   );
   Object.keys(newState.data.zones || {}).forEach((zoneCompound) => {
-    const parentId2 = zoneCompound.split(":")[0];
-    if (nodesToDelete.includes(parentId2) && newState.data.zones) {
+    const parentId = zoneCompound.split(":")[0];
+    if (nodesToDelete.includes(parentId) && newState.data.zones) {
       delete newState.data.zones[zoneCompound];
     }
   });
   Object.keys(newState.indexes.zones).forEach((zoneCompound) => {
-    const parentId2 = zoneCompound.split(":")[0];
-    if (nodesToDelete.includes(parentId2)) {
+    const parentId = zoneCompound.split(":")[0];
+    if (nodesToDelete.includes(parentId)) {
       delete newState.indexes.zones[zoneCompound];
     }
   });
@@ -1019,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))
     }),
@@ -1313,7 +1404,7 @@ var createHistorySlice = (set, get) => {
       const { dispatch, history } = get();
       dispatch({
         type: "set",
-        state: ((_a = history.histories[history.index]) == null ? void 0 : _a.state) || history.initialAppState
+        state: ((_a = history.histories[index]) == null ? void 0 : _a.state) || history.initialAppState
       });
       set({ history: __spreadProps(__spreadValues({}, history), { index }) });
     },
@@ -1329,7 +1420,11 @@ var createNodesSlice = (set, get) => ({
     const s = get().nodes;
     const emptyNode = {
       id,
-      methods: { sync: () => null },
+      methods: {
+        sync: () => null,
+        hideOverlay: () => null,
+        showOverlay: () => null
+      },
       element: null
     };
     const existingNode = s.nodes[id];
@@ -1366,7 +1461,7 @@ var import_react7 = require("react");
 init_react_import();
 var flattenData = (state, config) => {
   const data = [];
-  walkTree(
+  walkAppState(
     state,
     config,
     (content) => content,
@@ -1503,37 +1598,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 mapSlots(_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 mapSlots(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) {
@@ -1551,14 +1622,14 @@ var resolveComponentData = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], f
     const { props: resolvedProps, readOnly = {} } = yield configForItem.resolveData(item, {
       changed,
       lastData: oldItem,
-      metadata,
+      metadata: __spreadValues(__spreadValues({}, metadata), configForItem.metadata),
       trigger
     });
     let resolvedItem = __spreadProps(__spreadValues({}, item), {
       props: __spreadValues(__spreadValues({}, item.props), resolvedProps)
     });
     if (recursive) {
-      resolvedItem = yield mapSlots(
+      resolvedItem = yield mapSlotsAsync(
         resolvedItem,
         (content) => __async(void 0, null, function* () {
           return Promise.all(
@@ -1613,7 +1684,8 @@ var toRoot = (item) => {
   return { props: {}, readOnly };
 };
 
-// ../core/store/index.ts
+// ../core/store/default-app-state.ts
+init_react_import();
 var defaultAppState = {
   data: { content: [], root: {}, zones: {} },
   ui: {
@@ -1639,6 +1711,8 @@ var defaultAppState = {
     zones: {}
   }
 };
+
+// ../core/store/index.ts
 var defaultPageFields = {
   title: { type: "text" }
 };
@@ -1778,7 +1852,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) => {
@@ -898,7 +997,6 @@ var reorderAction = (state, action, appStore) => {
 init_react_import();
 var removeAction = (state, action, appStore) => {
   const item = getItem({ index: action.index, zone: action.zone }, state);
-  const [parentId] = action.zone.split(":");
   const nodesToDelete = Object.entries(state.indexes.nodes).reduce(
     (acc, [nodeId, nodeData]) => {
       const pathIds = nodeData.path.map((p) => p.split(":")[0]);
@@ -909,7 +1007,7 @@ var removeAction = (state, action, appStore) => {
     },
     [item.props.id]
   );
-  const newState = walkTree(
+  const newState = walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
@@ -917,24 +1015,17 @@ var removeAction = (state, action, appStore) => {
         return remove(content, action.index);
       }
       return content;
-    },
-    (childItem, path) => {
-      const parentIds = path.map((p) => p.split(":")[0]);
-      if (childItem.props.id === parentId || childItem.props.id === item.props.id || parentIds.indexOf(item.props.id) > -1) {
-        return childItem;
-      }
-      return null;
     }
   );
   Object.keys(newState.data.zones || {}).forEach((zoneCompound) => {
-    const parentId2 = zoneCompound.split(":")[0];
-    if (nodesToDelete.includes(parentId2) && newState.data.zones) {
+    const parentId = zoneCompound.split(":")[0];
+    if (nodesToDelete.includes(parentId) && newState.data.zones) {
       delete newState.data.zones[zoneCompound];
     }
   });
   Object.keys(newState.indexes.zones).forEach((zoneCompound) => {
-    const parentId2 = zoneCompound.split(":")[0];
-    if (nodesToDelete.includes(parentId2)) {
+    const parentId = zoneCompound.split(":")[0];
+    if (nodesToDelete.includes(parentId)) {
       delete newState.indexes.zones[zoneCompound];
     }
   });
@@ -1007,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))
     }),
@@ -1301,7 +1392,7 @@ var createHistorySlice = (set, get) => {
       const { dispatch, history } = get();
       dispatch({
         type: "set",
-        state: ((_a = history.histories[history.index]) == null ? void 0 : _a.state) || history.initialAppState
+        state: ((_a = history.histories[index]) == null ? void 0 : _a.state) || history.initialAppState
       });
       set({ history: __spreadProps(__spreadValues({}, history), { index }) });
     },
@@ -1317,7 +1408,11 @@ var createNodesSlice = (set, get) => ({
     const s = get().nodes;
     const emptyNode = {
       id,
-      methods: { sync: () => null },
+      methods: {
+        sync: () => null,
+        hideOverlay: () => null,
+        showOverlay: () => null
+      },
       element: null
     };
     const existingNode = s.nodes[id];
@@ -1354,7 +1449,7 @@ import { useEffect as useEffect3 } from "react";
 init_react_import();
 var flattenData = (state, config) => {
   const data = [];
-  walkTree(
+  walkAppState(
     state,
     config,
     (content) => content,
@@ -1491,37 +1586,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 mapSlots(_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 mapSlots(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) {
@@ -1539,14 +1610,14 @@ var resolveComponentData = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], f
     const { props: resolvedProps, readOnly = {} } = yield configForItem.resolveData(item, {
       changed,
       lastData: oldItem,
-      metadata,
+      metadata: __spreadValues(__spreadValues({}, metadata), configForItem.metadata),
       trigger
     });
     let resolvedItem = __spreadProps(__spreadValues({}, item), {
       props: __spreadValues(__spreadValues({}, item.props), resolvedProps)
     });
     if (recursive) {
-      resolvedItem = yield mapSlots(
+      resolvedItem = yield mapSlotsAsync(
         resolvedItem,
         (content) => __async(void 0, null, function* () {
           return Promise.all(
@@ -1601,7 +1672,8 @@ var toRoot = (item) => {
   return { props: {}, readOnly };
 };
 
-// ../core/store/index.ts
+// ../core/store/default-app-state.ts
+init_react_import();
 var defaultAppState = {
   data: { content: [], root: {}, zones: {} },
   ui: {
@@ -1627,6 +1699,8 @@ var defaultAppState = {
     zones: {}
   }
 };
+
+// ../core/store/index.ts
 var defaultPageFields = {
   title: { type: "text" }
 };
@@ -1766,7 +1840,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,7 +1,7 @@
 {
   "name": "@measured/puck-plugin-heading-analyzer",
-  "version": "0.19.0-canary.896a6279",
-  "author": "Measured Corporation Ltd <hello@measured.co>",
+  "version": "0.19.0-canary.91cb9cee",
+  "author": "Chris Villa <chris@puckeditor.com>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",
   "homepage": "https://puckeditor.com",
@@ -25,7 +25,7 @@
     "dist"
   ],
   "devDependencies": {
-    "@measured/puck": "^0.19.0-canary.896a6279",
+    "@measured/puck": "^0.19.0-canary.91cb9cee",
     "@types/react": "^19.0.1",
     "@types/react-dom": "^19.0.2",
     "eslint": "^7.32.0",