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

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,6 +45906,23 @@ 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,
@@ -45898,7 +45937,7 @@ var require_dist = __commonJS({
         const elements = [];
         const lookupEl = (el) => elements.findIndex((elementMap) => elementMap.original === el);
         const addEl = (el, onLoad = () => {
-        }) => {
+        }) => __async2(void 0, null, function* () {
           const index = lookupEl(el);
           if (index > -1) {
             if (debug)
@@ -45909,10 +45948,34 @@ var require_dist = __commonJS({
             onLoad();
             return;
           }
-          const elHash = (0, import_object_hash.default)(el.outerHTML);
+          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...`
+                );
+              }
+              onLoad();
+              return;
+            }
+            mirror.innerHTML = styles;
+            mirror.setAttribute("data-href", el.getAttribute("href"));
+          } else {
+            mirror = el.cloneNode(true);
+          }
+          const elHash = (0, import_object_hash.default)(mirror.outerHTML);
           const existingHashes = collectStyles(doc).map(
-            (existingStyle) => (0, import_object_hash.default)(existingStyle.outerHTML)
-          );
+            (existingStyle) => existingStyle !== mirror && (0, import_object_hash.default)(existingStyle.outerHTML)
+          ).filter(Boolean);
           if (existingHashes.indexOf(elHash) > -1) {
             if (debug)
               console.log(
@@ -45921,13 +45984,12 @@ var require_dist = __commonJS({
             onLoad();
             return;
           }
-          const mirror = el.cloneNode(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) => {
           const index = lookupEl(el);
           if (index === -1) {
@@ -45948,7 +46010,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 +46018,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));
                   }
                 }
               });
@@ -45967,12 +46029,14 @@ var require_dist = __commonJS({
         const collectedStyles = collectStyles(parentDocument);
         let mountedCounter = 0;
         collectedStyles.forEach((styleNode) => {
-          addEl(styleNode, () => {
-            mountedCounter += 1;
-            if (mountedCounter === collectedStyles.length) {
-              onStylesLoaded();
-            }
-          });
+          defer(
+            () => addEl(styleNode, () => {
+              mountedCounter += 1;
+              if (mountedCounter === collectedStyles.length) {
+                onStylesLoaded();
+              }
+            })
+          );
         });
         observer.observe(parentDocument.head, { childList: true, subtree: true });
         return () => {
@@ -45981,10 +46045,14 @@ var require_dist = __commonJS({
       }, []);
       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;
   }
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck-plugin-heading-analyzer",
-  "version": "0.14.2-canary.78047de",
+  "version": "0.14.2-canary.ba01fb0",
   "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.ba01fb0",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "eslint": "^7.32.0",