@puckeditor/plugin-heading-analyzer 0.22.0-canary.d4985bc0 → 0.22.0-canary.f4f83ac1

package/dist/index.d.mts

@@ -308,7 +308,7 @@ type CustomFieldRender<Value extends any> = (props: {
     name: string;
     id: string;
     value: Value;
-    onChange: (value: Value) => void;
+    onChange: (value: Value, uiState?: Partial<UiState>) => void;
     readOnly?: boolean;
 }) => ReactElement;
 interface CustomField<Value extends any> extends BaseField {
@@ -428,6 +428,7 @@ UserField extends BaseField = {}> = {
         metadata: ComponentMetadata;
         trigger: ResolveDataTrigger;
         parent: ComponentData | null;
+        root: ComponentData | null;
     }) => Promise<WithPartialProps<DataShape, FieldProps>> | WithPartialProps<DataShape, FieldProps>;
     resolvePermissions?: (data: DataShape, params: {
         changed: Partial<Record<keyof FieldProps, boolean> & {

package/dist/index.d.ts

@@ -308,7 +308,7 @@ type CustomFieldRender<Value extends any> = (props: {
     name: string;
     id: string;
     value: Value;
-    onChange: (value: Value) => void;
+    onChange: (value: Value, uiState?: Partial<UiState>) => void;
     readOnly?: boolean;
 }) => ReactElement;
 interface CustomField<Value extends any> extends BaseField {
@@ -428,6 +428,7 @@ UserField extends BaseField = {}> = {
         metadata: ComponentMetadata;
         trigger: ResolveDataTrigger;
         parent: ComponentData | null;
+        root: ComponentData | null;
     }) => Promise<WithPartialProps<DataShape, FieldProps>> | WithPartialProps<DataShape, FieldProps>;
     resolvePermissions?: (data: DataShape, params: {
         changed: Partial<Record<keyof FieldProps, boolean> & {

package/dist/index.js

@@ -715,6 +715,15 @@ var flattenNode = (node, config) => {
   });
 };
 
+// ../core/lib/data/to-component.ts
+init_react_import();
+var toComponent = (item) => {
+  return "type" in item ? item : __spreadProps(__spreadValues({}, item), {
+    props: __spreadProps(__spreadValues({}, item.props), { id: "root" }),
+    type: "root"
+  });
+};
+
 // ../core/lib/data/walk-app-state.ts
 function walkAppState(state, config, mapContent = (content) => content, mapNodeOrSkip = (item) => item) {
   var _a;
@@ -778,7 +787,7 @@ function walkAppState(state, config, mapContent = (content) => content, mapNodeO
       id
     });
     processRelatedZones(item, id, path);
-    const newItem = __spreadProps(__spreadValues({}, item), { props: newProps });
+    const newItem = __spreadProps(__spreadValues({}, mappedItem), { props: newProps });
     const thisZoneCompound = path[path.length - 1];
     const [parentId, zone] = thisZoneCompound ? thisZoneCompound.split(":") : [null, ""];
     newNodeIndex[id] = {
@@ -818,17 +827,14 @@ function walkAppState(state, config, mapContent = (content) => content, mapNodeO
     );
     newZones[zoneCompound] = newContent2;
   }, newZones);
-  const processedRoot = processItem(
-    {
-      type: "root",
-      props: __spreadProps(__spreadValues({}, (_a = state.data.root.props) != null ? _a : state.data.root), { id: "root" })
-    },
-    [],
-    -1
-  );
-  const root = __spreadProps(__spreadValues({}, state.data.root), {
-    props: processedRoot.props
+  let rootAsComponent = toComponent({
+    props: __spreadValues({}, (_a = state.data.root.props) != null ? _a : state.data.root)
   });
+  if (state.data.root.readOnly) {
+    rootAsComponent.readOnly = state.data.root.readOnly;
+  }
+  const processedRoot = processItem(rootAsComponent, [], -1);
+  const root = __spreadValues(__spreadValues({}, state.data.root), processedRoot);
   return __spreadProps(__spreadValues({}, state), {
     data: {
       root,
@@ -1657,44 +1663,39 @@ var createHistorySlice = (set, get) => {
 
 // ../core/store/slices/nodes.ts
 init_react_import();
-var createNodesSlice = (set, get) => ({
-  nodes: {},
-  registerNode: (id, node) => {
-    const s = get().nodes;
-    const emptyNode = {
-      id,
-      methods: {
-        sync: () => null,
-        hideOverlay: () => null,
-        showOverlay: () => null
-      },
-      element: null
-    };
-    const existingNode = s.nodes[id];
-    set({
-      nodes: __spreadProps(__spreadValues({}, s), {
-        nodes: __spreadProps(__spreadValues({}, s.nodes), {
-          [id]: __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, emptyNode), existingNode), node), {
-            id
-          })
-        })
-      })
-    });
-  },
-  unregisterNode: (id) => {
-    const s = get().nodes;
-    const existingNode = s.nodes[id];
-    if (existingNode) {
-      const newNodes = __spreadValues({}, s.nodes);
-      delete newNodes[id];
-      set({
-        nodes: __spreadProps(__spreadValues({}, s), {
-          nodes: newNodes
-        })
+var createNodesSlice = (_set, _get) => {
+  const registry = /* @__PURE__ */ new Map();
+  return {
+    registerNode: (id, handle) => {
+      registry.set(id, handle);
+    },
+    unregisterNode: (id) => {
+      registry.delete(id);
+    },
+    syncNode: (id) => {
+      var _a;
+      if (!id) return;
+      (_a = registry.get(id)) == null ? void 0 : _a.sync();
+    },
+    syncNodes: (ids) => {
+      ids.forEach((id) => {
+        var _a;
+        if (!id) return;
+        (_a = registry.get(id)) == null ? void 0 : _a.sync();
       });
+    },
+    setOverlayVisible: (id, visible) => {
+      if (!id) return;
+      const node = registry.get(id);
+      if (!node) return;
+      if (visible) {
+        node.showOverlay();
+        return;
+      }
+      node.hideOverlay();
     }
-  }
-});
+  };
+};
 
 // ../core/store/slices/permissions.ts
 init_react_import();
@@ -2270,23 +2271,13 @@ var createFieldsSlice = (_set, _get) => {
 
 // ../core/lib/resolve-component-data.ts
 init_react_import();
-
-// ../core/lib/data/to-component.ts
-init_react_import();
-var toComponent = (item) => {
-  return "type" in item ? item : __spreadProps(__spreadValues({}, item), {
-    props: __spreadProps(__spreadValues({}, item.props), { id: "root" }),
-    type: "root"
-  });
-};
-
-// ../core/lib/resolve-component-data.ts
 var cache = { lastChange: {} };
-var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], function* (item, config, metadata = {}, onResolveStart, onResolveEnd, trigger = "replace", parent = null) {
+var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], function* (item, config, metadata = {}, onResolveStart, onResolveEnd, trigger = "replace", parent = null, root = null) {
   const configForItem = "type" in item && item.type !== "root" ? config.components[item.type] : config.root;
   const resolvedItem = __spreadValues({}, item);
   const shouldRunResolver = (configForItem == null ? void 0 : configForItem.resolveData) && item.props;
   const id = "id" in item.props ? item.props.id : "root";
+  const rootForItem = root != null ? root : "type" in item && item.type === "root" ? toComponent(item) : null;
   if (shouldRunResolver) {
     const {
       item: oldItem = null,
@@ -2309,7 +2300,8 @@ var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], fun
       lastData: oldItem,
       metadata: __spreadValues(__spreadValues({}, metadata), configForItem.metadata),
       trigger,
-      parent
+      parent,
+      root: rootForItem
     });
     resolvedItem.props = __spreadValues(__spreadValues({}, item.props), resolvedProps);
     if (Object.keys(readOnly).length) {
@@ -2317,6 +2309,7 @@ var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], fun
     }
   }
   const itemAsComponentData = toComponent(resolvedItem);
+  const rootForChildren = itemAsComponentData.type === "root" ? itemAsComponentData : rootForItem;
   let itemWithResolvedChildren = yield mapFields(
     resolvedItem,
     {
@@ -2332,7 +2325,8 @@ var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], fun
                 onResolveStart,
                 onResolveEnd,
                 trigger,
-                itemAsComponentData
+                itemAsComponentData,
+                rootForChildren
               )).node;
             })
           )
@@ -2423,6 +2417,8 @@ var createAppStore = (initialAppStore) => create()(
       },
       status: "LOADING",
       iframe: {},
+      _experimentalFullScreenCanvas: false,
+      _experimentalVirtualization: false,
       metadata: {},
       fieldTransforms: {}
     }, initialAppStore), {
@@ -2530,6 +2526,7 @@ var createAppStore = (initialAppStore) => create()(
         const parentId = (_a2 = state.indexes.nodes[componentId]) == null ? void 0 : _a2.parentId;
         const parentNode = parentId ? state.indexes.nodes[parentId] : null;
         const parentData = (_b2 = parentNode == null ? void 0 : parentNode.data) != null ? _b2 : null;
+        const rootData = componentId === "root" ? toComponent(componentData) : toComponent(state.data.root);
         const timeouts = {};
         return yield resolveComponentData(
           componentData,
@@ -2549,7 +2546,8 @@ var createAppStore = (initialAppStore) => create()(
             timeouts[id]();
           }),
           trigger,
-          parentData
+          parentData,
+          rootData
         );
       }),
       resolveAndCommitData: () => __async(null, null, function* () {
@@ -2558,7 +2556,8 @@ var createAppStore = (initialAppStore) => create()(
           state,
           config,
           (content) => content,
-          (childItem) => {
+          (childItem, path) => {
+            if (path.length > 1) return childItem;
             resolveComponentData2(childItem, "load").then((resolved) => {
               const { state: state2 } = get();
               const node = state2.indexes.nodes[resolved.node.props.id];

package/dist/index.mjs

@@ -703,6 +703,15 @@ var flattenNode = (node, config) => {
   });
 };
 
+// ../core/lib/data/to-component.ts
+init_react_import();
+var toComponent = (item) => {
+  return "type" in item ? item : __spreadProps(__spreadValues({}, item), {
+    props: __spreadProps(__spreadValues({}, item.props), { id: "root" }),
+    type: "root"
+  });
+};
+
 // ../core/lib/data/walk-app-state.ts
 function walkAppState(state, config, mapContent = (content) => content, mapNodeOrSkip = (item) => item) {
   var _a;
@@ -766,7 +775,7 @@ function walkAppState(state, config, mapContent = (content) => content, mapNodeO
       id
     });
     processRelatedZones(item, id, path);
-    const newItem = __spreadProps(__spreadValues({}, item), { props: newProps });
+    const newItem = __spreadProps(__spreadValues({}, mappedItem), { props: newProps });
     const thisZoneCompound = path[path.length - 1];
     const [parentId, zone] = thisZoneCompound ? thisZoneCompound.split(":") : [null, ""];
     newNodeIndex[id] = {
@@ -806,17 +815,14 @@ function walkAppState(state, config, mapContent = (content) => content, mapNodeO
     );
     newZones[zoneCompound] = newContent2;
   }, newZones);
-  const processedRoot = processItem(
-    {
-      type: "root",
-      props: __spreadProps(__spreadValues({}, (_a = state.data.root.props) != null ? _a : state.data.root), { id: "root" })
-    },
-    [],
-    -1
-  );
-  const root = __spreadProps(__spreadValues({}, state.data.root), {
-    props: processedRoot.props
+  let rootAsComponent = toComponent({
+    props: __spreadValues({}, (_a = state.data.root.props) != null ? _a : state.data.root)
   });
+  if (state.data.root.readOnly) {
+    rootAsComponent.readOnly = state.data.root.readOnly;
+  }
+  const processedRoot = processItem(rootAsComponent, [], -1);
+  const root = __spreadValues(__spreadValues({}, state.data.root), processedRoot);
   return __spreadProps(__spreadValues({}, state), {
     data: {
       root,
@@ -1645,44 +1651,39 @@ var createHistorySlice = (set, get) => {
 
 // ../core/store/slices/nodes.ts
 init_react_import();
-var createNodesSlice = (set, get) => ({
-  nodes: {},
-  registerNode: (id, node) => {
-    const s = get().nodes;
-    const emptyNode = {
-      id,
-      methods: {
-        sync: () => null,
-        hideOverlay: () => null,
-        showOverlay: () => null
-      },
-      element: null
-    };
-    const existingNode = s.nodes[id];
-    set({
-      nodes: __spreadProps(__spreadValues({}, s), {
-        nodes: __spreadProps(__spreadValues({}, s.nodes), {
-          [id]: __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, emptyNode), existingNode), node), {
-            id
-          })
-        })
-      })
-    });
-  },
-  unregisterNode: (id) => {
-    const s = get().nodes;
-    const existingNode = s.nodes[id];
-    if (existingNode) {
-      const newNodes = __spreadValues({}, s.nodes);
-      delete newNodes[id];
-      set({
-        nodes: __spreadProps(__spreadValues({}, s), {
-          nodes: newNodes
-        })
+var createNodesSlice = (_set, _get) => {
+  const registry = /* @__PURE__ */ new Map();
+  return {
+    registerNode: (id, handle) => {
+      registry.set(id, handle);
+    },
+    unregisterNode: (id) => {
+      registry.delete(id);
+    },
+    syncNode: (id) => {
+      var _a;
+      if (!id) return;
+      (_a = registry.get(id)) == null ? void 0 : _a.sync();
+    },
+    syncNodes: (ids) => {
+      ids.forEach((id) => {
+        var _a;
+        if (!id) return;
+        (_a = registry.get(id)) == null ? void 0 : _a.sync();
       });
+    },
+    setOverlayVisible: (id, visible) => {
+      if (!id) return;
+      const node = registry.get(id);
+      if (!node) return;
+      if (visible) {
+        node.showOverlay();
+        return;
+      }
+      node.hideOverlay();
     }
-  }
-});
+  };
+};
 
 // ../core/store/slices/permissions.ts
 init_react_import();
@@ -2258,23 +2259,13 @@ var createFieldsSlice = (_set, _get) => {
 
 // ../core/lib/resolve-component-data.ts
 init_react_import();
-
-// ../core/lib/data/to-component.ts
-init_react_import();
-var toComponent = (item) => {
-  return "type" in item ? item : __spreadProps(__spreadValues({}, item), {
-    props: __spreadProps(__spreadValues({}, item.props), { id: "root" }),
-    type: "root"
-  });
-};
-
-// ../core/lib/resolve-component-data.ts
 var cache = { lastChange: {} };
-var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], function* (item, config, metadata = {}, onResolveStart, onResolveEnd, trigger = "replace", parent = null) {
+var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], function* (item, config, metadata = {}, onResolveStart, onResolveEnd, trigger = "replace", parent = null, root = null) {
   const configForItem = "type" in item && item.type !== "root" ? config.components[item.type] : config.root;
   const resolvedItem = __spreadValues({}, item);
   const shouldRunResolver = (configForItem == null ? void 0 : configForItem.resolveData) && item.props;
   const id = "id" in item.props ? item.props.id : "root";
+  const rootForItem = root != null ? root : "type" in item && item.type === "root" ? toComponent(item) : null;
   if (shouldRunResolver) {
     const {
       item: oldItem = null,
@@ -2297,7 +2288,8 @@ var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], fun
       lastData: oldItem,
       metadata: __spreadValues(__spreadValues({}, metadata), configForItem.metadata),
       trigger,
-      parent
+      parent,
+      root: rootForItem
     });
     resolvedItem.props = __spreadValues(__spreadValues({}, item.props), resolvedProps);
     if (Object.keys(readOnly).length) {
@@ -2305,6 +2297,7 @@ var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], fun
     }
   }
   const itemAsComponentData = toComponent(resolvedItem);
+  const rootForChildren = itemAsComponentData.type === "root" ? itemAsComponentData : rootForItem;
   let itemWithResolvedChildren = yield mapFields(
     resolvedItem,
     {
@@ -2320,7 +2313,8 @@ var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], fun
                 onResolveStart,
                 onResolveEnd,
                 trigger,
-                itemAsComponentData
+                itemAsComponentData,
+                rootForChildren
               )).node;
             })
           )
@@ -2411,6 +2405,8 @@ var createAppStore = (initialAppStore) => create()(
       },
       status: "LOADING",
       iframe: {},
+      _experimentalFullScreenCanvas: false,
+      _experimentalVirtualization: false,
       metadata: {},
       fieldTransforms: {}
     }, initialAppStore), {
@@ -2518,6 +2514,7 @@ var createAppStore = (initialAppStore) => create()(
         const parentId = (_a2 = state.indexes.nodes[componentId]) == null ? void 0 : _a2.parentId;
         const parentNode = parentId ? state.indexes.nodes[parentId] : null;
         const parentData = (_b2 = parentNode == null ? void 0 : parentNode.data) != null ? _b2 : null;
+        const rootData = componentId === "root" ? toComponent(componentData) : toComponent(state.data.root);
         const timeouts = {};
         return yield resolveComponentData(
           componentData,
@@ -2537,7 +2534,8 @@ var createAppStore = (initialAppStore) => create()(
             timeouts[id]();
           }),
           trigger,
-          parentData
+          parentData,
+          rootData
         );
       }),
       resolveAndCommitData: () => __async(null, null, function* () {
@@ -2546,7 +2544,8 @@ var createAppStore = (initialAppStore) => create()(
           state,
           config,
           (content) => content,
-          (childItem) => {
+          (childItem, path) => {
+            if (path.length > 1) return childItem;
             resolveComponentData2(childItem, "load").then((resolved) => {
               const { state: state2 } = get();
               const node = state2.indexes.nodes[resolved.node.props.id];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@puckeditor/plugin-heading-analyzer",
-  "version": "0.22.0-canary.d4985bc0",
+  "version": "0.22.0-canary.f4f83ac1",
   "author": "Chris Villa <chris@puckeditor.com>",
   "repository": "puckeditor/puck",
   "bugs": "https://github.com/puckeditor/puck/issues",
@@ -25,7 +25,7 @@
     "dist"
   ],
   "devDependencies": {
-    "@puckeditor/core": "^0.22.0-canary.d4985bc0",
+    "@puckeditor/core": "^0.22.0-canary.f4f83ac1",
     "@types/minimatch": "3.0.5",
     "@types/react": "^19.0.1",
     "@types/react-dom": "^19.0.2",