@measured/puck-plugin-heading-analyzer 0.14.0-canary.70cf177 → 0.14.0-canary.924c85a

package/dist/index.js

@@ -43102,7 +43102,8 @@ var require_dist = __commonJS({
     };
     var CopyHostStyles = ({
       children,
-      debug = false
+      debug = false,
+      onStylesLoaded = () => null
     }) => {
       const { document: doc, window: win } = (0, import_react_frame_component.useFrame)();
       (0, import_react22.useLayoutEffect)(() => {
@@ -43112,7 +43113,8 @@ var require_dist = __commonJS({
         }
         const elements = [];
         const lookupEl = (el) => elements.findIndex((elementMap) => elementMap.original === el);
-        const addEl = (el) => {
+        const addEl = (el, onLoad = () => {
+        }) => {
           const index = lookupEl(el);
           if (index > -1) {
             if (debug)
@@ -43120,6 +43122,7 @@ var require_dist = __commonJS({
                 `Tried to add an element that was already mirrored. Updating instead...`
               );
             elements[index].mirror.innerText = el.innerText;
+            onLoad();
             return;
           }
           const elHash = (0, import_object_hash.default)(el.outerHTML);
@@ -43131,9 +43134,11 @@ var require_dist = __commonJS({
               console.log(
                 `iframe already contains element that is being mirrored. Skipping...`
               );
+            onLoad();
             return;
           }
           const mirror = el.cloneNode(true);
+          mirror.onload = onLoad;
           doc.head.append(mirror);
           elements.push({ original: el, mirror });
           if (debug)
@@ -43176,8 +43181,15 @@ var require_dist = __commonJS({
         });
         const parentDocument = win.parent.document;
         const collectedStyles = collectStyles(parentDocument);
+        let mountedCounter = 0;
         collectedStyles.forEach((styleNode) => {
-          addEl(styleNode);
+          addEl(styleNode, () => {
+            console.log("load style");
+            mountedCounter += 1;
+            if (mountedCounter === collectedStyles.length) {
+              onStylesLoaded();
+            }
+          });
         });
         observer.observe(parentDocument.head, { childList: true, subtree: true });
         return () => {
@@ -43187,8 +43199,8 @@ var require_dist = __commonJS({
       return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children });
     };
     var AutoFrameComponent_default = import_react22.default.forwardRef(function(_a, ref2) {
-      var _b = _a, { children, debug } = _b, props = __objRest2(_b, ["children", "debug"]);
-      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, children }) }));
+      var _b = _a, { 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 }) }));
     });
   }
 });
@@ -51737,7 +51749,7 @@ var require_dist2 = __commonJS({
             var HostPortal = 4;
             var HostComponent = 5;
             var HostText = 6;
-            var Fragment14 = 7;
+            var Fragment16 = 7;
             var Mode = 8;
             var ContextConsumer = 9;
             var ContextProvider = 10;
@@ -52893,7 +52905,7 @@ var require_dist2 = __commonJS({
                   return "DehydratedFragment";
                 case ForwardRef:
                   return getWrappedName$1(type, type.render, "ForwardRef");
-                case Fragment14:
+                case Fragment16:
                   return "Fragment";
                 case HostComponent:
                   return type;
@@ -62564,7 +62576,7 @@ var require_dist2 = __commonJS({
                 }
               }
               function updateFragment2(returnFiber, current2, fragment, lanes, key) {
-                if (current2 === null || current2.tag !== Fragment14) {
+                if (current2 === null || current2.tag !== Fragment16) {
                   var created = createFiberFromFragment(fragment, returnFiber.mode, lanes, key);
                   created.return = returnFiber;
                   return created;
@@ -62967,7 +62979,7 @@ var require_dist2 = __commonJS({
                   if (child.key === key) {
                     var elementType = element.type;
                     if (elementType === REACT_FRAGMENT_TYPE) {
-                      if (child.tag === Fragment14) {
+                      if (child.tag === Fragment16) {
                         deleteRemainingChildren(returnFiber, child.sibling);
                         var existing = useFiber(child, element.props.children);
                         existing.return = returnFiber;
@@ -67142,7 +67154,7 @@ var require_dist2 = __commonJS({
                   var _resolvedProps2 = workInProgress2.elementType === type ? _unresolvedProps2 : resolveDefaultProps(type, _unresolvedProps2);
                   return updateForwardRef(current2, workInProgress2, type, _resolvedProps2, renderLanes2);
                 }
-                case Fragment14:
+                case Fragment16:
                   return updateFragment(current2, workInProgress2, renderLanes2);
                 case Mode:
                   return updateMode(current2, workInProgress2, renderLanes2);
@@ -67415,7 +67427,7 @@ var require_dist2 = __commonJS({
                 case SimpleMemoComponent:
                 case FunctionComponent:
                 case ForwardRef:
-                case Fragment14:
+                case Fragment16:
                 case Mode:
                 case Profiler:
                 case ContextConsumer:
@@ -71674,7 +71686,7 @@ var require_dist2 = __commonJS({
               return fiber;
             }
             function createFiberFromFragment(elements, mode, lanes, key) {
-              var fiber = createFiber(Fragment14, elements, key, mode);
+              var fiber = createFiber(Fragment16, elements, key, mode);
               fiber.lanes = lanes;
               return fiber;
             }
@@ -73017,7 +73029,7 @@ var require_dist2 = __commonJS({
       draggingFromThisWith: null,
       isUsingPlaceholder: false
     };
-    var DefaultDroppable = ({ children }) => children(defaultProvided, defaultSnapshot);
+    var DefaultDroppable = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children: children(defaultProvided, defaultSnapshot) });
     var Droppable2 = (props) => {
       const { status } = useAppContext2();
       const El = status === "READY" ? import_dnd.Droppable : DefaultDroppable;
@@ -73051,7 +73063,7 @@ var require_dist2 = __commonJS({
       type: "",
       source: { droppableId: "", index: 0 }
     };
-    var DefaultDraggable = ({ children }) => children(defaultProvided2, defaultSnapshot2, defaultRubric);
+    var DefaultDraggable = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_jsx_runtime42.Fragment, { children: children(defaultProvided2, defaultSnapshot2, defaultRubric) });
     var Draggable2 = ({
       className,
       children,
@@ -73178,7 +73190,7 @@ var require_dist2 = __commonJS({
     var import_react72 = require("react");
     var import_dnd3 = (init_dnd_esm(), __toCommonJS(dnd_esm_exports));
     init_react_import2();
-    var styles_module_default32 = { "DraggableComponent": "_DraggableComponent_175tf_1", "DraggableComponent--isDragging": "_DraggableComponent--isDragging_175tf_11", "DraggableComponent-contents": "_DraggableComponent-contents_175tf_16", "DraggableComponent-overlay": "_DraggableComponent-overlay_175tf_29", "DraggableComponent-loadingOverlay": "_DraggableComponent-loadingOverlay_175tf_49", "DraggableComponent--isLocked": "_DraggableComponent--isLocked_175tf_65", "DraggableComponent--forceHover": "_DraggableComponent--forceHover_175tf_71", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_175tf_76", "DraggableComponent--indicativeHover": "_DraggableComponent--indicativeHover_175tf_81", "DraggableComponent-actionsOverlay": "_DraggableComponent-actionsOverlay_175tf_97", "DraggableComponent-actions": "_DraggableComponent-actions_175tf_97", "DraggableComponent-actionsLabel": "_DraggableComponent-actionsLabel_175tf_127", "DraggableComponent-action": "_DraggableComponent-action_175tf_97" };
+    var styles_module_default32 = { "DraggableComponent": "_DraggableComponent_17mte_1", "DraggableComponent--isDragging": "_DraggableComponent--isDragging_17mte_11", "DraggableComponent-contents": "_DraggableComponent-contents_17mte_16", "DraggableComponent-overlay": "_DraggableComponent-overlay_17mte_29", "DraggableComponent-loadingOverlay": "_DraggableComponent-loadingOverlay_17mte_49", "DraggableComponent--isLocked": "_DraggableComponent--isLocked_17mte_65", "DraggableComponent--forceHover": "_DraggableComponent--forceHover_17mte_71", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_17mte_76", "DraggableComponent--indicativeHover": "_DraggableComponent--indicativeHover_17mte_81", "DraggableComponent-actionsOverlay": "_DraggableComponent-actionsOverlay_17mte_97", "DraggableComponent-actions": "_DraggableComponent-actions_17mte_97", "DraggableComponent-actionsLabel": "_DraggableComponent-actionsLabel_17mte_127", "DraggableComponent-action": "_DraggableComponent-action_17mte_97" };
     init_react_import2();
     init_react_import2();
     var import_react52 = require("react");
@@ -74762,7 +74774,7 @@ var require_dist2 = __commonJS({
     init_react_import2();
     var import_dnd4 = (init_dnd_esm(), __toCommonJS(dnd_esm_exports));
     var import_jsx_runtime14 = require("react/jsx-runtime");
-    var DefaultDragDropContext = ({ children }) => children;
+    var DefaultDragDropContext = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children });
     var DragDropContext2 = (props) => {
       const { status } = useAppContext2();
       const El = status === "READY" ? import_dnd4.DragDropContext : DefaultDragDropContext;
@@ -75923,7 +75935,7 @@ var require_dist2 = __commonJS({
     var import_react222 = require("react");
     var import_auto_frame_component = __toESM2(require_dist());
     init_react_import2();
-    var styles_module_default16 = { "PuckPreview": "_PuckPreview_29rm6_1", "PuckPreview-iframe": "_PuckPreview-iframe_29rm6_5" };
+    var styles_module_default16 = { "PuckPreview": "_PuckPreview_379hm_1", "PuckPreview-iframe": "_PuckPreview-iframe_379hm_5", "PuckPreview-content": "_PuckPreview-content_379hm_11", "PuckPreview--stylesLoaded": "_PuckPreview--stylesLoaded_379hm_18" };
     var import_jsx_runtime29 = require("react/jsx-runtime");
     var getClassName21 = get_class_name_factory_default2("PuckPreview", styles_module_default16);
     var Preview = ({ id = "puck-preview" }) => {
@@ -75937,24 +75949,30 @@ var require_dist2 = __commonJS({
       );
       const rootProps = state.data.root.props || state.data.root;
       const ref2 = (0, import_react222.useRef)(null);
+      const [stylesLoaded, setStylesLoaded] = (0, import_react222.useState)(false);
       return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         "div",
         {
-          className: getClassName21(),
+          className: getClassName21({ stylesLoaded }),
           id,
           onClick: () => {
             dispatch({ type: "setUi", ui: __spreadProps2(__spreadValues2({}, state.ui), { itemSelector: null }) });
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: getClassName21("content"), children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             import_auto_frame_component.default,
             {
               id: "preview-iframe",
               className: getClassName21("iframe"),
               "data-rfd-iframe": true,
               ref: ref2,
+              debug: true,
+              onStylesLoaded: () => {
+                console.log("callback");
+                setStylesLoaded(true);
+              },
               children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Page, __spreadProps2(__spreadValues2({ dispatch, state }, rootProps), { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DropZone, { zone: rootDroppableId2 }) }))
             }
-          )
+          ) })
         }
       );
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck-plugin-heading-analyzer",
-  "version": "0.14.0-canary.70cf177",
+  "version": "0.14.0-canary.924c85a",
   "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.0-canary.70cf177",
+    "@measured/puck": "^0.14.0-canary.924c85a",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "eslint": "^7.32.0",