@measured/puck-plugin-heading-analyzer 0.15.1-canary.9b20506 → 0.16.0-canary.0c7fc83

package/dist/index.css

@@ -1,3 +1,17 @@
+/* css-module:/home/runner/work/puck/puck/packages/plugin-heading-analyzer/src/HeadingAnalyzer.module.css/#css-module-data */
+._HeadingAnalyzer_116v6_1 {
+  display: block;
+}
+._HeadingAnalyzer-cssWarning_116v6_5 {
+  display: none !important;
+}
+._HeadingAnalyzerItem_116v6_9 {
+  display: inline;
+}
+._HeadingAnalyzerItem--missing_116v6_13 {
+  color: var(--puck-color-red-04);
+}
+
 /* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
 ._SidebarSection_125qe_1 {
   display: flex;

package/dist/index.js

@@ -42996,7 +42996,7 @@ var require_factoryWithTypeCheckers = __commonJS({
         function validate2(props, propName, componentName, location, propFullName) {
           if (!(props[propName] instanceof expectedClass)) {
             var expectedClassName = expectedClass.name || ANONYMOUS;
-            var actualClassName = getClassName5(props[propName]);
+            var actualClassName = getClassName6(props[propName]);
             return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + actualClassName + "` supplied to `" + componentName + "`, expected ") + ("instance of `" + expectedClassName + "`."));
           }
           return null;
@@ -43248,7 +43248,7 @@ var require_factoryWithTypeCheckers = __commonJS({
             return type;
         }
       }
-      function getClassName5(propValue) {
+      function getClassName6(propValue) {
         if (!propValue.constructor || !propValue.constructor.name) {
           return ANONYMOUS;
         }
@@ -73976,7 +73976,7 @@ var require_dist = __commonJS({
     init_react_import2();
     var styles_module_default32 = { "Loader": "_Loader_nacdm_13", "loader-animation": "_loader-animation_nacdm_1" };
     var import_jsx_runtime9 = require("react/jsx-runtime");
-    var getClassName5 = get_class_name_factory_default2("Loader", styles_module_default32);
+    var getClassName6 = get_class_name_factory_default2("Loader", styles_module_default32);
     var Loader2 = (_a3) => {
       var _b = _a3, {
         color,
@@ -73988,7 +73988,7 @@ var require_dist = __commonJS({
       return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         "span",
         __spreadValues2({
-          className: getClassName5(),
+          className: getClassName6(),
           style: {
             width: size,
             height: size,
@@ -74284,7 +74284,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
     };
     var import_jsx_runtime82 = require("react/jsx-runtime");
     var getClassName42 = get_class_name_factory_default2("ArrayField", styles_module_default22);
-    var getClassNameItem2 = get_class_name_factory_default2("ArrayFieldItem", styles_module_default22);
+    var getClassNameItem3 = get_class_name_factory_default2("ArrayFieldItem", styles_module_default22);
     var ArrayField = ({
       field,
       onChange,
@@ -74417,7 +74417,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
                           {
                             id: _arrayId,
                             index: i2,
-                            className: (_, snapshot2) => getClassNameItem2({
+                            className: (_, snapshot2) => getClassNameItem3({
                               isExpanded: arrayState.openId === _arrayId,
                               isDragging: snapshot2 == null ? void 0 : snapshot2.isDragging,
                               readOnly
@@ -74442,11 +74442,11 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
                                       );
                                     }
                                   },
-                                  className: getClassNameItem2("summary"),
+                                  className: getClassNameItem3("summary"),
                                   children: [
                                     field.getItemSummary ? field.getItemSummary(data, i2) : `Item #${_originalIndex}`,
-                                    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: getClassNameItem2("rhs"), children: [
-                                      !readOnly && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: getClassNameItem2("actions"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: getClassNameItem2("action"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: getClassNameItem3("rhs"), children: [
+                                      !readOnly && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: getClassNameItem3("actions"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: getClassNameItem3("action"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                                         IconButton,
                                         {
                                           type: "button",
@@ -74477,7 +74477,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
                                   ]
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: getClassNameItem2("body"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("fieldset", { className: getClassNameItem2("fieldset"), children: Object.keys(field.arrayFields).map(
+                              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: getClassNameItem3("body"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("fieldset", { className: getClassNameItem3("fieldset"), children: Object.keys(field.arrayFields).map(
                                 (fieldName) => {
                                   const subField = field.arrayFields[fieldName];
                                   const subFieldName = `${name}[${i2}].${fieldName}`;
@@ -74595,7 +74595,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
     var styles_module_default6 = { "Modal": "_Modal_ikbaj_1", "Modal--isOpen": "_Modal--isOpen_ikbaj_15", "Modal-inner": "_Modal-inner_ikbaj_19" };
     var import_react_dom3 = __toESM2(require_react_dom2());
     var import_jsx_runtime10 = require("react/jsx-runtime");
-    var getClassName6 = get_class_name_factory_default2("Modal", styles_module_default6);
+    var getClassName62 = get_class_name_factory_default2("Modal", styles_module_default6);
     var Modal = ({
       children,
       onClose,
@@ -74609,10 +74609,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
         return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", {});
       }
       return (0, import_react_dom3.createPortal)(
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: getClassName6({ isOpen }), onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: getClassName62({ isOpen }), onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           "div",
           {
-            className: getClassName6("inner"),
+            className: getClassName62("inner"),
             onClick: (e2) => e2.stopPropagation(),
             children
           }
@@ -75732,6 +75732,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
                           "No configuration for ",
                           item.type
                         ] });
+                        const componentConfig = config.components[item.type];
+                        const label = (_b = componentConfig == null ? void 0 : componentConfig["label"]) != null ? _b : item.type.toString();
                         return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
                           "div",
                           {
@@ -75747,7 +75749,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
                                   children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                                     DraggableComponent,
                                     {
-                                      label: (_b = config.components[item.type]["label"]) != null ? _b : item.type.toString(),
+                                      label,
                                       id: `draggable-${componentId}`,
                                       index: i2,
                                       isSelected,
@@ -77298,6 +77300,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
             const selectedItem = itemSelector && data ? getItem2(itemSelector, data) : null;
             const isHovering = hoveringComponent === item.props.id;
             const childIsSelected = isChildOfZone(item, selectedItem, ctx);
+            const componentConfig = config.components[item.type];
+            const label2 = (_a3 = componentConfig == null ? void 0 : componentConfig["label"]) != null ? _a3 : item.type.toString();
             return /* @__PURE__ */ (0, import_jsx_runtime322.jsxs)(
               "li",
               {
@@ -77350,7 +77354,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime322.jsxs)("div", { className: getClassNameLayer("title"), children: [
                           /* @__PURE__ */ (0, import_jsx_runtime322.jsx)("div", { className: getClassNameLayer("icon"), children: item.type === "Text" || item.type === "Heading" ? /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(Type, { size: "16" }) : /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(LayoutGrid, { size: "16" }) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime322.jsx)("div", { className: getClassNameLayer("name"), children: (_a3 = config.components[item.type]["label"]) != null ? _a3 : item.type })
+                          /* @__PURE__ */ (0, import_jsx_runtime322.jsx)("div", { className: getClassNameLayer("name"), children: label2 })
                         ] })
                       ]
                     }
@@ -77487,9 +77491,14 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
     var import_react27 = require("react");
     var import_use_debounce3 = (init_index_module(), __toCommonJS(index_module_exports));
     var EMPTY_HISTORY_INDEX = -1;
-    function useHistoryStore() {
-      const [histories, setHistories] = (0, import_react27.useState)([]);
-      const [index, setIndex] = (0, import_react27.useState)(EMPTY_HISTORY_INDEX);
+    function useHistoryStore(initialHistories) {
+      var _a3, _b;
+      const [histories, setHistories] = (0, import_react27.useState)(
+        (_a3 = initialHistories == null ? void 0 : initialHistories.histories) != null ? _a3 : []
+      );
+      const [index, setIndex] = (0, import_react27.useState)(
+        (_b = initialHistories == null ? void 0 : initialHistories.index) != null ? _b : EMPTY_HISTORY_INDEX
+      );
       const hasPast = index > EMPTY_HISTORY_INDEX;
       const hasFuture = index < histories.length - 1;
       const currentHistory = histories[index];
@@ -77942,10 +77951,11 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
       iframe = {
         enabled: true
       },
-      dnd
+      dnd,
+      initialHistories
     }) {
       var _a3;
-      const historyStore = useHistoryStore();
+      const historyStore = useHistoryStore(initialHistories);
       const [reducer2] = (0, import_react30.useState)(
         () => createReducer({ config, record: historyStore.record })
       );
@@ -78127,6 +78137,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
       (0, import_react30.useEffect)(() => {
         setMounted(true);
       }, []);
+      const selectedComponentConfig = selectedItem && config.components[selectedItem.type];
+      const selectedComponentLabel = selectedItem ? (_a3 = selectedComponentConfig == null ? void 0 : selectedComponentConfig["label"]) != null ? _a3 : selectedItem.type.toString() : "";
       return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: `Puck ${getClassName26()}`, children: [
         /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
           AppProvider,
@@ -78335,7 +78347,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
                               noPadding: true,
                               noBorderTop: true,
                               showBreadcrumbs: true,
-                              title: selectedItem ? (_a3 = config.components[selectedItem.type]["label"]) != null ? _a3 : selectedItem.type : "Page",
+                              title: selectedItem ? selectedComponentLabel : "Page",
                               children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Fields, {})
                             }
                           ) })
@@ -78555,6 +78567,12 @@ init_react_import();
 // src/HeadingAnalyzer.tsx
 init_react_import();
 var import_react12 = require("react");
+
+// css-module:/home/runner/work/puck/puck/packages/plugin-heading-analyzer/src/HeadingAnalyzer.module.css#css-module
+init_react_import();
+var HeadingAnalyzer_module_default = { "HeadingAnalyzer": "_HeadingAnalyzer_116v6_1", "HeadingAnalyzer-cssWarning": "_HeadingAnalyzer-cssWarning_116v6_5", "HeadingAnalyzerItem": "_HeadingAnalyzerItem_116v6_9", "HeadingAnalyzerItem--missing": "_HeadingAnalyzerItem--missing_116v6_13" };
+
+// src/HeadingAnalyzer.tsx
 var import_puck = __toESM(require_dist());
 
 // ../core/components/SidebarSection/index.tsx
@@ -79002,6 +79020,8 @@ var getFrame2 = () => {
 // src/HeadingAnalyzer.tsx
 var import_react_from_json = __toESM(require("react-from-json"));
 var import_jsx_runtime8 = require("react/jsx-runtime");
+var getClassName5 = get_class_name_factory_default("HeadingAnalyzer", HeadingAnalyzer_module_default);
+var getClassNameItem2 = get_class_name_factory_default("HeadingAnalyzerItem", HeadingAnalyzer_module_default);
 var dataAttr = "data-puck-heading-analyzer-id";
 var getOutline = ({
   addDataAttr = false,
@@ -79072,7 +79092,24 @@ var HeadingAnalyzer = () => {
       setHierarchy(buildHierarchy(frame));
     }
   }, [appState.data]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: getClassName5(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+      "small",
+      {
+        className: getClassName5("cssWarning"),
+        style: {
+          color: "var(--puck-color-red-04)",
+          display: "block",
+          marginBottom: 16
+        },
+        children: [
+          "Heading analyzer styles not loaded. Please review the",
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("a", { href: "https://github.com/measuredco/puck/blob/main/packages/plugin-heading-analyzer/README.md", children: "README" }),
+          "."
+        ]
+      }
+    ),
     hierarchy.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { children: "No headings." }),
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(OutlineList, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       import_react_from_json.default,
@@ -79083,6 +79120,7 @@ var HeadingAnalyzer = () => {
             /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(OutlineList.Clickable, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               "small",
               {
+                className: getClassNameItem2({ missing: props.missing }),
                 onClick: typeof props.analyzeId == "undefined" ? void 0 : (e2) => {
                   e2.stopPropagation();
                   const frame = getFrame2();
@@ -79100,13 +79138,13 @@ var HeadingAnalyzer = () => {
                     }, 2e3);
                   }
                 },
-                children: props.missing ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { style: { color: "var(--puck-color-red-04)" }, children: [
+                children: props.missing ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
                   /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("b", { children: [
                     "H",
                     props.rank
                   ] }),
                   ": Missing"
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { children: [
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
                   /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("b", { children: [
                     "H",
                     props.rank

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck-plugin-heading-analyzer",
-  "version": "0.15.1-canary.9b20506",
+  "version": "0.16.0-canary.0c7fc83",
   "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.15.1-canary.9b20506",
+    "@measured/puck": "^0.16.0-canary.0c7fc83",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "eslint": "^7.32.0",