@measured/puck-plugin-heading-analyzer 0.14.2-canary.78047de → 0.14.2-canary.9a7066f

package/dist/index.js

@@ -35956,20 +35956,22 @@ function offsetPoint(x, y, win) {
   let offsetY = 0;
   if (win.parent !== win.self) {
     const iframe = win.frameElement;
-    const rect = iframe.getBoundingClientRect();
-    const transform = getTransform(iframe);
-    offsetX = rect.left;
-    offsetY = rect.top;
-    if (transform) {
-      const {
-        x: transformedX,
-        y: transformedY
-      } = applyTransformPoint(x, y, transform.matrix, transform.origin);
-      const point2 = {
-        x: transformedX + offsetX,
-        y: transformedY + offsetY
-      };
-      return point2;
+    if (iframe) {
+      const rect = iframe.getBoundingClientRect();
+      const transform = getTransform(iframe);
+      offsetX = rect.left;
+      offsetY = rect.top;
+      if (transform) {
+        const {
+          x: transformedX,
+          y: transformedY
+        } = applyTransformPoint(x, y, transform.matrix, transform.origin);
+        const point2 = {
+          x: transformedX + offsetX,
+          y: transformedY + offsetY
+        };
+        return point2;
+      }
     }
   }
   const point = {
@@ -41050,7 +41052,7 @@ var init_dnd_esm = __esm({
       }
       if (!el.parentElement) {
         const refWindow = el.ownerDocument.defaultView;
-        if (refWindow && refWindow.self !== refWindow.parent) {
+        if (refWindow && refWindow.self !== refWindow.parent && refWindow.frameElement) {
           const iframe = refWindow.frameElement;
           return findNearestTransform(iframe);
         }
@@ -41172,7 +41174,7 @@ var init_dnd_esm = __esm({
     }) => {
       const el = querySelectorAllIframe(`[data-rfd-draggable-id="${state.critical.draggable.id}"]`)[0];
       const win = (el == null ? void 0 : el.ownerDocument.defaultView) || window;
-      const isInIframe = win !== window;
+      const isInIframe = win !== window && win.frameElement;
       if (isInIframe) {
         const iframe = win.frameElement;
         const viewportBox = getBox(iframe);
@@ -45866,6 +45868,26 @@ var require_dist = __commonJS({
       mod
     ));
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var __async2 = (__this, __arguments, generator) => {
+      return new Promise((resolve, reject) => {
+        var fulfilled = (value) => {
+          try {
+            step(generator.next(value));
+          } catch (e2) {
+            reject(e2);
+          }
+        };
+        var rejected = (value) => {
+          try {
+            step(generator.throw(value));
+          } catch (e2) {
+            reject(e2);
+          }
+        };
+        var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+        step((generator = generator.apply(__this, __arguments)).next());
+      });
+    };
     var auto_frame_component_exports = {};
     __export2(auto_frame_component_exports, {
       default: () => AutoFrameComponent_default
@@ -45884,21 +45906,67 @@ var require_dist = __commonJS({
       });
       return collected;
     };
+    var getStyleSheet = (el) => {
+      return Array.from(document.styleSheets).find((ss) => ss.ownerNode === el);
+    };
+    var getStyles2 = (styleSheet) => {
+      if (styleSheet) {
+        try {
+          return [...styleSheet.cssRules].map((rule) => rule.cssText).join("");
+        } catch (e2) {
+          console.warn(
+            "Access to stylesheet %s is denied. Ignoring\u2026",
+            styleSheet.href
+          );
+        }
+      }
+      return "";
+    };
+    var defer = (fn) => setTimeout(fn, 0);
     var CopyHostStyles = ({
       children,
       debug = false,
       onStylesLoaded = () => null
     }) => {
       const { document: doc, window: win } = (0, import_react_frame_component.useFrame)();
-      (0, import_react22.useLayoutEffect)(() => {
+      (0, import_react22.useEffect)(() => {
         if (!win || !doc) {
           return () => {
           };
         }
-        const elements = [];
+        let elements = [];
+        const hashes = {};
         const lookupEl = (el) => elements.findIndex((elementMap) => elementMap.original === el);
+        const mirrorEl = (el, onLoad = () => {
+        }) => __async2(void 0, null, function* () {
+          let mirror;
+          if (el.nodeName === "LINK") {
+            mirror = document.createElement("style");
+            mirror.type = "text/css";
+            let styleSheet = getStyleSheet(el);
+            if (!styleSheet) {
+              yield new Promise((resolve) => el.onload = resolve);
+              styleSheet = getStyleSheet(el);
+            }
+            const styles = getStyles2(styleSheet);
+            if (!styles) {
+              if (debug) {
+                console.warn(
+                  `Tried to load styles for link element, but couldn't find them. Skipping...`
+                );
+              }
+              return;
+            }
+            mirror.innerHTML = styles;
+            mirror.setAttribute("data-href", el.getAttribute("href"));
+          } else {
+            mirror = el.cloneNode(true);
+          }
+          mirror.onload = onLoad;
+          return mirror;
+        });
         const addEl = (el, onLoad = () => {
-        }) => {
+        }) => __async2(void 0, null, function* () {
           const index = lookupEl(el);
           if (index > -1) {
             if (debug)
@@ -45909,11 +45977,13 @@ var require_dist = __commonJS({
             onLoad();
             return;
           }
-          const elHash = (0, import_object_hash.default)(el.outerHTML);
-          const existingHashes = collectStyles(doc).map(
-            (existingStyle) => (0, import_object_hash.default)(existingStyle.outerHTML)
-          );
-          if (existingHashes.indexOf(elHash) > -1) {
+          const mirror = yield mirrorEl(el, onLoad);
+          if (!mirror) {
+            onLoad();
+            return;
+          }
+          const elHash = (0, import_object_hash.default)(mirror.outerHTML);
+          if (hashes[elHash]) {
             if (debug)
               console.log(
                 `iframe already contains element that is being mirrored. Skipping...`
@@ -45921,14 +45991,15 @@ var require_dist = __commonJS({
             onLoad();
             return;
           }
-          const mirror = el.cloneNode(true);
+          hashes[elHash] = true;
           mirror.onload = onLoad;
           doc.head.append(mirror);
           elements.push({ original: el, mirror });
           if (debug)
             console.log(`Added style node ${el.outerHTML}`);
-        };
+        });
         const removeEl = (el) => {
+          var _a3, _b;
           const index = lookupEl(el);
           if (index === -1) {
             if (debug)
@@ -45937,7 +46008,9 @@ var require_dist = __commonJS({
               );
             return;
           }
-          elements[index].mirror.remove();
+          const elHash = (0, import_object_hash.default)(el.outerHTML);
+          (_b = (_a3 = elements[index]) == null ? void 0 : _a3.mirror) == null ? void 0 : _b.remove();
+          delete hashes[elHash];
           if (debug)
             console.log(`Removed style node ${el.outerHTML}`);
         };
@@ -45948,7 +46021,7 @@ var require_dist = __commonJS({
                 if (node.nodeType === Node.TEXT_NODE || node.nodeType === Node.ELEMENT_NODE) {
                   const el = node.nodeType === Node.TEXT_NODE ? node.parentElement : node;
                   if (el && el.matches(styleSelector)) {
-                    addEl(el);
+                    defer(() => addEl(el));
                   }
                 }
               });
@@ -45956,7 +46029,7 @@ var require_dist = __commonJS({
                 if (node.nodeType === Node.TEXT_NODE || node.nodeType === Node.ELEMENT_NODE) {
                   const el = node.nodeType === Node.TEXT_NODE ? node.parentElement : node;
                   if (el && el.matches(styleSelector)) {
-                    removeEl(el);
+                    defer(() => removeEl(el));
                   }
                 }
               });
@@ -45966,25 +46039,45 @@ var require_dist = __commonJS({
         const parentDocument = win.parent.document;
         const collectedStyles = collectStyles(parentDocument);
         let mountedCounter = 0;
-        collectedStyles.forEach((styleNode) => {
-          addEl(styleNode, () => {
-            mountedCounter += 1;
-            if (mountedCounter === collectedStyles.length) {
-              onStylesLoaded();
-            }
+        Promise.all(
+          collectedStyles.map((styleNode) => __async2(void 0, null, function* () {
+            const mirror = yield mirrorEl(styleNode, () => {
+              mountedCounter += 1;
+              if (mountedCounter === collectedStyles.length) {
+                onStylesLoaded();
+              }
+            });
+            if (!mirror)
+              return;
+            elements.push({ original: styleNode, mirror });
+            return mirror;
+          }))
+        ).then((mirrorStyles) => {
+          const filtered = mirrorStyles.filter(
+            (el) => typeof el !== "undefined"
+          );
+          doc.head.innerHTML = "";
+          doc.head.append(...filtered);
+          observer.observe(parentDocument.head, { childList: true, subtree: true });
+          filtered.forEach((el) => {
+            const elHash = (0, import_object_hash.default)(el.outerHTML);
+            hashes[elHash] = true;
           });
         });
-        observer.observe(parentDocument.head, { childList: true, subtree: true });
         return () => {
           observer.disconnect();
         };
       }, []);
       return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children });
     };
-    var AutoFrameComponent_default = import_react22.default.forwardRef(function(_a3, ref2) {
-      var _b = _a3, { children, debug, onStylesLoaded } = _b, props = __objRest2(_b, ["children", "debug", "onStylesLoaded"]);
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_frame_component.default, __spreadProps2(__spreadValues2({}, props), { ref: ref2, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CopyHostStyles, { debug, onStylesLoaded, children }) }));
-    });
+    var AutoFrameComponent = import_react22.default.forwardRef(
+      function(_a3, ref2) {
+        var _b = _a3, { children, debug, onStylesLoaded } = _b, props = __objRest2(_b, ["children", "debug", "onStylesLoaded"]);
+        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_frame_component.default, __spreadProps2(__spreadValues2({}, props), { ref: ref2, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CopyHostStyles, { debug, onStylesLoaded, children }) }));
+      }
+    );
+    AutoFrameComponent.displayName = "AutoFrameComponent";
+    var AutoFrameComponent_default = AutoFrameComponent;
   }
 });
 
@@ -78257,7 +78350,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
                       onChange(e2.currentTarget.value);
                     },
                     disabled: readOnly,
-                    defaultChecked: value === option.value
+                    checked: value === option.value
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: getClassName14("radioInner"), children: option.label || option.value })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck-plugin-heading-analyzer",
-  "version": "0.14.2-canary.78047de",
+  "version": "0.14.2-canary.9a7066f",
   "author": "Measured Corporation Ltd <hello@measured.co>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",
@@ -18,7 +18,7 @@
     "dist"
   ],
   "devDependencies": {
-    "@measured/puck": "^0.14.2-canary.78047de",
+    "@measured/puck": "^0.14.2-canary.9a7066f",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "eslint": "^7.32.0",