@puckeditor/plugin-heading-analyzer 0.24.1-canary.609983db → 0.24.1-canary.87f4b195

package/dist/index.js

@@ -794,36 +794,47 @@ var HeadingAnalyzer = () => {
   const data = usePuck((s) => s.appState.data);
   const [hierarchy, setHierarchy] = (0, import_react10.useState)([]);
   (0, import_react10.useEffect)(() => {
-    const frame = getFrame();
-    let entry = frame == null ? void 0 : frame.querySelector(`[data-puck-entry]`);
+    let frame;
+    let entry = null;
     const createHierarchy = () => {
-      setHierarchy(buildHierarchy(entry));
+      setHierarchy(entry ? buildHierarchy(entry) : []);
     };
     const entryObserver = new MutationObserver(() => {
       createHierarchy();
     });
     const frameObserver = new MutationObserver(() => {
-      entry = frame == null ? void 0 : frame.querySelector(`[data-puck-entry]`);
+      connect();
+    });
+    const connect = () => {
+      var _a;
+      const nextFrame = getFrame();
+      const nextEntry = (_a = nextFrame == null ? void 0 : nextFrame.querySelector(`[data-puck-entry]`)) != null ? _a : null;
+      if (nextFrame === frame && nextEntry === entry) return;
+      frame = nextFrame;
+      entry = nextEntry;
+      entryObserver.disconnect();
+      frameObserver.disconnect();
+      createHierarchy();
       if (entry) {
-        registerEntryObserver();
-        frameObserver.disconnect();
+        entryObserver.observe(entry, {
+          subtree: true,
+          childList: true,
+          characterData: true
+        });
+      } else if (frame) {
+        frameObserver.observe(frame, { subtree: true, childList: true });
       }
-    });
-    const registerEntryObserver = () => {
-      if (!entry) return;
-      entryObserver.observe(entry, { subtree: true, childList: true });
     };
-    const registerFrameObserver = () => {
-      if (!frame) return;
-      frameObserver.observe(frame, { subtree: true, childList: true });
+    const onLoad = (e) => {
+      var _a;
+      if (((_a = e.target) == null ? void 0 : _a.id) === "preview-frame") {
+        connect();
+      }
     };
-    if (entry) {
-      createHierarchy();
-      registerEntryObserver();
-    } else {
-      registerFrameObserver();
-    }
+    document.addEventListener("load", onLoad, true);
+    connect();
     return () => {
+      document.removeEventListener("load", onLoad, true);
       entryObserver.disconnect();
       frameObserver.disconnect();
     };

package/dist/index.mjs

@@ -782,36 +782,47 @@ var HeadingAnalyzer = () => {
   const data = usePuck((s) => s.appState.data);
   const [hierarchy, setHierarchy] = useState([]);
   useEffect5(() => {
-    const frame = getFrame();
-    let entry = frame == null ? void 0 : frame.querySelector(`[data-puck-entry]`);
+    let frame;
+    let entry = null;
     const createHierarchy = () => {
-      setHierarchy(buildHierarchy(entry));
+      setHierarchy(entry ? buildHierarchy(entry) : []);
     };
     const entryObserver = new MutationObserver(() => {
       createHierarchy();
     });
     const frameObserver = new MutationObserver(() => {
-      entry = frame == null ? void 0 : frame.querySelector(`[data-puck-entry]`);
+      connect();
+    });
+    const connect = () => {
+      var _a;
+      const nextFrame = getFrame();
+      const nextEntry = (_a = nextFrame == null ? void 0 : nextFrame.querySelector(`[data-puck-entry]`)) != null ? _a : null;
+      if (nextFrame === frame && nextEntry === entry) return;
+      frame = nextFrame;
+      entry = nextEntry;
+      entryObserver.disconnect();
+      frameObserver.disconnect();
+      createHierarchy();
       if (entry) {
-        registerEntryObserver();
-        frameObserver.disconnect();
+        entryObserver.observe(entry, {
+          subtree: true,
+          childList: true,
+          characterData: true
+        });
+      } else if (frame) {
+        frameObserver.observe(frame, { subtree: true, childList: true });
       }
-    });
-    const registerEntryObserver = () => {
-      if (!entry) return;
-      entryObserver.observe(entry, { subtree: true, childList: true });
     };
-    const registerFrameObserver = () => {
-      if (!frame) return;
-      frameObserver.observe(frame, { subtree: true, childList: true });
+    const onLoad = (e) => {
+      var _a;
+      if (((_a = e.target) == null ? void 0 : _a.id) === "preview-frame") {
+        connect();
+      }
     };
-    if (entry) {
-      createHierarchy();
-      registerEntryObserver();
-    } else {
-      registerFrameObserver();
-    }
+    document.addEventListener("load", onLoad, true);
+    connect();
     return () => {
+      document.removeEventListener("load", onLoad, true);
       entryObserver.disconnect();
       frameObserver.disconnect();
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@puckeditor/plugin-heading-analyzer",
-  "version": "0.24.1-canary.609983db",
+  "version": "0.24.1-canary.87f4b195",
   "author": "Chris Villa <chris@puckeditor.com>",
   "repository": {
     "type": "git",
@@ -23,12 +23,21 @@
     "dist"
   ],
   "devDependencies": {
-    "@puckeditor/core": "^0.24.1-canary.609983db",
+    "@puckeditor/core": "^0.24.1-canary.87f4b195",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/react": "^16.1.0",
+    "@types/jest": "^29.5.14",
     "@types/minimatch": "3.0.5",
     "@types/react": "^19.0.1",
     "@types/react-dom": "^19.0.2",
     "eslint": "^9.0.0",
     "eslint-config-custom": "0.0.0",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^30.0.0-beta.3",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "ts-jest": "^29.3.4",
     "tsconfig": "0.0.0",
     "tsup": "^8.2.4",
     "tsup-config": "0.0.0",
@@ -42,6 +51,7 @@
   },
   "scripts": {
     "lint": "eslint \"**/*.ts*\"",
-    "build": "rm -rf dist && tsup index.ts"
+    "build": "rm -rf dist && tsup index.ts",
+    "test": "jest"
   }
 }