@measured/puck-plugin-heading-analyzer 0.12.0-canary.e38b98f → 0.12.0-canary.f882878

package/dist/index.css

@@ -1,53 +1,56 @@
 /* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
-._SidebarSection_r7dv3_1 {
+._SidebarSection_1uyg2_1 {
   display: flex;
   position: relative;
   flex-direction: column;
   color: black;
 }
-._SidebarSection_r7dv3_1:last-of-type {
+._SidebarSection_1uyg2_1:last-of-type {
   flex-grow: 1;
 }
-._SidebarSection-title_r7dv3_12 {
+._SidebarSection-title_1uyg2_12 {
   background: white;
   padding: 16px;
   border-bottom: 1px solid var(--puck-color-grey-8);
   overflow-x: auto;
 }
-._SidebarSection-content_r7dv3_19 {
+._SidebarSection-content_1uyg2_19 {
   border-bottom: 1px solid var(--puck-color-grey-8);
   padding: 16px;
 }
-._SidebarSection--noPadding_r7dv3_24 ._SidebarSection-content_r7dv3_19 {
+._SidebarSection--noPadding_1uyg2_24 ._SidebarSection-content_1uyg2_19 {
   padding: 0px;
 }
-._SidebarSection_r7dv3_1:last-of-type ._SidebarSection-content_r7dv3_19 {
+._SidebarSection--noPadding_1uyg2_24 ._SidebarSection-content_1uyg2_19:last-child {
+  padding-bottom: 4px;
+}
+._SidebarSection_1uyg2_1:last-of-type ._SidebarSection-content_1uyg2_19 {
   border-bottom: none;
   flex-grow: 1;
 }
-._SidebarSection-breadcrumbLabel_r7dv3_33 {
+._SidebarSection-breadcrumbLabel_1uyg2_37 {
   color: var(--puck-color-azure-3);
   flex-shrink: 0;
 }
-._SidebarSection-breadcrumbLabel_r7dv3_33:hover {
+._SidebarSection-breadcrumbLabel_1uyg2_37:hover {
   color: var(--puck-color-azure-4);
   cursor: pointer;
   text-decoration: underline;
 }
-._SidebarSection-breadcrumbs_r7dv3_44 {
+._SidebarSection-breadcrumbs_1uyg2_48 {
   align-items: center;
   display: flex;
   gap: 4px;
 }
-._SidebarSection-breadcrumb_r7dv3_33 {
+._SidebarSection-breadcrumb_1uyg2_37 {
   align-items: center;
   display: flex;
   gap: 4px;
 }
-._SidebarSection-heading_r7dv3_56 {
+._SidebarSection-heading_1uyg2_60 {
   padding-right: 16px;
 }
-._SidebarSection-loadingOverlay_r7dv3_60 {
+._SidebarSection-loadingOverlay_1uyg2_64 {
   background: white;
   display: flex;
   justify-content: center;
@@ -101,16 +104,15 @@
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/OutlineList/styles.module.css/#css-module-data */
-._OutlineList_pnv2s_1 {
+._OutlineList_1nwoz_1 {
   color: var(--puck-color-grey-2);
   font-family: var(--puck-font-stack);
   margin: 0;
-  margin-left: 16px;
   padding-left: 16px;
   position: relative;
   list-style: none;
 }
-._OutlineList_pnv2s_1::before {
+._OutlineList_1nwoz_1::before {
   background: var(--puck-color-grey-7);
   position: absolute;
   left: -1px;
@@ -119,11 +121,11 @@
   height: calc(100% - 9px);
   content: "";
 }
-._OutlineListItem_pnv2s_21 {
+._OutlineListItem_1nwoz_20 {
   position: relative;
   margin-bottom: 4px;
 }
-._OutlineListItem_pnv2s_21::before {
+._OutlineListItem_1nwoz_20::before {
   background: var(--puck-color-grey-7);
   position: absolute;
   left: -17px;
@@ -132,10 +134,10 @@
   height: 1px;
   content: "";
 }
-._OutlineListItem--clickable_pnv2s_36:hover {
+._OutlineListItem--clickable_1nwoz_35:hover {
   color: var(--puck-color-blue);
   cursor: pointer;
 }
-._OutlineListItem_pnv2s_21 > ._OutlineList_pnv2s_1 {
-  margin: 8px;
+._OutlineListItem_1nwoz_20 > ._OutlineList_1nwoz_1 {
+  margin: 8px 0;
 }

package/dist/index.d.ts

@@ -1,4 +1,148 @@
-import { Plugin } from '@measured/puck/types/Plugin';
+import { ReactNode, ReactElement } from 'react';
+
+type ItemSelector = {
+    index: number;
+    zone?: string;
+};
+
+type InsertAction = {
+    type: "insert";
+    componentType: string;
+    destinationIndex: number;
+    destinationZone: string;
+};
+type DuplicateAction = {
+    type: "duplicate";
+    sourceIndex: number;
+    sourceZone: string;
+};
+type ReplaceAction = {
+    type: "replace";
+    destinationIndex: number;
+    destinationZone: string;
+    data: any;
+};
+type ReorderAction = {
+    type: "reorder";
+    sourceIndex: number;
+    destinationIndex: number;
+    destinationZone: string;
+};
+type MoveAction = {
+    type: "move";
+    sourceIndex: number;
+    sourceZone: string;
+    destinationIndex: number;
+    destinationZone: string;
+};
+type RemoveAction = {
+    type: "remove";
+    index: number;
+    zone: string;
+};
+type SetUiAction = {
+    type: "setUi";
+    ui: Partial<UiState> | ((previous: UiState) => Partial<UiState>);
+};
+type SetDataAction = {
+    type: "setData";
+    data: Partial<Data> | ((previous: Data) => Partial<Data>);
+};
+type SetAction = {
+    type: "set";
+    state: Partial<AppState> | ((previous: AppState) => Partial<AppState>);
+};
+type RegisterZoneAction = {
+    type: "registerZone";
+    zone: string;
+};
+type UnregisterZoneAction = {
+    type: "unregisterZone";
+    zone: string;
+};
+type PuckAction = {
+    recordHistory?: boolean;
+} & (ReorderAction | InsertAction | MoveAction | ReplaceAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
+
+type WithPuckProps<Props> = Props & {
+    id: string;
+};
+type DefaultRootProps = {
+    title?: string;
+    [key: string]: any;
+};
+type DefaultComponentProps = {
+    [key: string]: any;
+    editMode?: boolean;
+};
+type Content<Props extends {
+    [key: string]: any;
+} = {
+    [key: string]: any;
+}> = ComponentData<Props>[];
+type BaseData<Props extends {
+    [key: string]: any;
+} = {
+    [key: string]: any;
+}> = {
+    readOnly?: Partial<Record<keyof Props, boolean>>;
+};
+type ComponentData<Props extends DefaultComponentProps = DefaultComponentProps> = {
+    type: keyof Props;
+    props: WithPuckProps<Props>;
+} & BaseData<Props>;
+type RootDataWithProps<Props extends DefaultRootProps = DefaultRootProps> = {
+    props: Props;
+};
+type RootDataWithoutProps<Props extends DefaultRootProps = DefaultRootProps> = Props;
+type RootData<Props extends DefaultRootProps = DefaultRootProps> = BaseData<Props> & Partial<RootDataWithProps<Props>> & Partial<RootDataWithoutProps<Props>>;
+type Data<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends DefaultRootProps = DefaultRootProps> = {
+    root: RootData<RootProps>;
+    content: Content<WithPuckProps<Props>>;
+    zones?: Record<string, Content<WithPuckProps<Props>>>;
+};
+type ItemWithId = {
+    _arrayId: string;
+    _originalIndex: number;
+};
+type ArrayState = {
+    items: ItemWithId[];
+    openId: string;
+};
+type UiState = {
+    leftSideBarVisible: boolean;
+    rightSideBarVisible: boolean;
+    itemSelector: ItemSelector | null;
+    arrayState: Record<string, ArrayState | undefined>;
+    componentList: Record<string, {
+        components?: string[];
+        title?: string;
+        visible?: boolean;
+        expanded?: boolean;
+    }>;
+};
+type AppState = {
+    data: Data;
+    ui: UiState;
+};
+
+type Plugin = {
+    renderRootFields?: (props: {
+        children: ReactNode;
+        dispatch: (action: PuckAction) => void;
+        state: AppState;
+    }) => ReactElement<any>;
+    renderRoot?: (props: {
+        children: ReactNode;
+        dispatch: (action: PuckAction) => void;
+        state: AppState;
+    }) => ReactElement<any>;
+    renderFields?: (props: {
+        children: ReactNode;
+        dispatch: (action: PuckAction) => void;
+        state: AppState;
+    }) => ReactElement<any>;
+};
 
 declare const HeadingAnalyzer: Plugin;
 

package/dist/index.js

@@ -1084,7 +1084,7 @@ init_react_import();
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css#css-module
 init_react_import();
-var styles_module_default = { "SidebarSection": "_SidebarSection_r7dv3_1", "SidebarSection-title": "_SidebarSection-title_r7dv3_12", "SidebarSection-content": "_SidebarSection-content_r7dv3_19", "SidebarSection--noPadding": "_SidebarSection--noPadding_r7dv3_24", "SidebarSection-breadcrumbLabel": "_SidebarSection-breadcrumbLabel_r7dv3_33", "SidebarSection-breadcrumbs": "_SidebarSection-breadcrumbs_r7dv3_44", "SidebarSection-breadcrumb": "_SidebarSection-breadcrumb_r7dv3_33", "SidebarSection-heading": "_SidebarSection-heading_r7dv3_56", "SidebarSection-loadingOverlay": "_SidebarSection-loadingOverlay_r7dv3_60" };
+var styles_module_default = { "SidebarSection": "_SidebarSection_1uyg2_1", "SidebarSection-title": "_SidebarSection-title_1uyg2_12", "SidebarSection-content": "_SidebarSection-content_1uyg2_19", "SidebarSection--noPadding": "_SidebarSection--noPadding_1uyg2_24", "SidebarSection-breadcrumbLabel": "_SidebarSection-breadcrumbLabel_1uyg2_37", "SidebarSection-breadcrumbs": "_SidebarSection-breadcrumbs_1uyg2_48", "SidebarSection-breadcrumb": "_SidebarSection-breadcrumb_1uyg2_37", "SidebarSection-heading": "_SidebarSection-heading_1uyg2_60", "SidebarSection-loadingOverlay": "_SidebarSection-loadingOverlay_1uyg2_64" };
 
 // ../core/lib/get-class-name-factory.ts
 init_react_import();
@@ -1274,6 +1274,7 @@ var defaultAppState = {
   data: { content: [], root: { title: "" } },
   ui: {
     leftSideBarVisible: true,
+    rightSideBarVisible: true,
     arrayState: {},
     itemSelector: null,
     componentList: {}
@@ -1476,6 +1477,7 @@ function ClipLoader(_a) {
 var ClipLoader_default = ClipLoader;
 
 // ../core/components/SidebarSection/index.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var getClassName2 = get_class_name_factory_default("SidebarSection", styles_module_default);
 var SidebarSection = ({
   children,
@@ -1487,14 +1489,24 @@ var SidebarSection = ({
 }) => {
   const { setUi } = useAppContext();
   const breadcrumbs = useBreadcrumbs(1);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: getClassName2({ noPadding }), style: { background } }, /* @__PURE__ */ import_react.default.createElement("div", { className: getClassName2("title") }, /* @__PURE__ */ import_react.default.createElement("div", { className: getClassName2("breadcrumbs") }, showBreadcrumbs ? breadcrumbs.map((breadcrumb, i) => /* @__PURE__ */ import_react.default.createElement("div", { key: i, className: getClassName2("breadcrumb") }, /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: getClassName2("breadcrumbLabel"),
-      onClick: () => setUi({ itemSelector: breadcrumb.selector })
-    },
-    breadcrumb.label
-  ), /* @__PURE__ */ import_react.default.createElement(chevron_right_default, { size: 16 }))) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: getClassName2("heading") }, /* @__PURE__ */ import_react.default.createElement(Heading, { rank: 2, size: "xs" }, title)))), /* @__PURE__ */ import_react.default.createElement("div", { className: getClassName2("content") }, children), isLoading && /* @__PURE__ */ import_react.default.createElement("div", { className: getClassName2("loadingOverlay") }, /* @__PURE__ */ import_react.default.createElement(ClipLoader_default, null)));
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: getClassName2({ noPadding }), style: { background }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: getClassName2("title"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: getClassName2("breadcrumbs"), children: [
+      showBreadcrumbs ? breadcrumbs.map((breadcrumb, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: getClassName2("breadcrumb"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "div",
+          {
+            className: getClassName2("breadcrumbLabel"),
+            onClick: () => setUi({ itemSelector: breadcrumb.selector }),
+            children: breadcrumb.label
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(chevron_right_default, { size: 16 })
+      ] }, i)) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: getClassName2("heading"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Heading, { rank: 2, size: "xs", children: title }) })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: getClassName2("content"), children }),
+    isLoading && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: getClassName2("loadingOverlay"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ClipLoader_default, {}) })
+  ] });
 };
 
 // ../core/components/OutlineList/index.tsx
@@ -1502,26 +1514,27 @@ init_react_import();
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/OutlineList/styles.module.css#css-module
 init_react_import();
-var styles_module_default3 = { "OutlineList": "_OutlineList_pnv2s_1", "OutlineListItem": "_OutlineListItem_pnv2s_21", "OutlineListItem--clickable": "_OutlineListItem--clickable_pnv2s_36" };
+var styles_module_default3 = { "OutlineList": "_OutlineList_1nwoz_1", "OutlineListItem": "_OutlineListItem_1nwoz_20", "OutlineListItem--clickable": "_OutlineListItem--clickable_1nwoz_35" };
 
 // ../core/components/OutlineList/index.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var getClassName3 = get_class_name_factory_default("OutlineList", styles_module_default3);
 var getClassNameItem = get_class_name_factory_default("OutlineListItem", styles_module_default3);
 var OutlineList = ({ children }) => {
-  return /* @__PURE__ */ import_react.default.createElement("ul", { className: getClassName3() }, children);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: getClassName3(), children });
 };
-OutlineList.Clickable = ({ children }) => /* @__PURE__ */ import_react.default.createElement("div", { className: getClassNameItem({ clickable: true }) }, children);
+OutlineList.Clickable = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: getClassNameItem({ clickable: true }), children });
 OutlineList.Item = ({
   children,
   onClick
 }) => {
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "li",
     {
       className: getClassNameItem({ clickable: !!onClick }),
-      onClick
-    },
-    children
+      onClick,
+      children
+    }
   );
 };
 
@@ -1538,12 +1551,12 @@ var scrollIntoView = (el) => {
 
 // src/HeadingAnalyzer.tsx
 var import_react_from_json = __toESM(require("react-from-json"));
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var dataAttr = "data-puck-heading-analyzer-id";
 var getOutline = ({
   addDataAttr = false
 } = {}) => {
-  const headings = window.document.querySelector(".puck-root").querySelectorAll("h1,h2,h3,h4,h5,h6");
+  const headings = window.document.querySelector("#puck-frame").querySelectorAll("h1,h2,h3,h4,h5,h6");
   const _outline = [];
   headings.forEach((item, i) => {
     if (addDataAttr) {
@@ -1608,17 +1621,17 @@ var HeadingOutlineAnalyer = ({
       setHierarchy(buildHierarchy());
     }
   }, [data.content]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(SidebarSection, { title: "Heading Outline", children: [
-      hierarchy.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: "No headings." }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(OutlineList, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(SidebarSection, { title: "Heading Outline", children: [
+      hierarchy.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: "No headings." }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(OutlineList, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         import_react_from_json.default,
         {
           mapping: {
-            Root: (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: props.children }),
-            OutlineListItem: (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(OutlineList.Item, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(OutlineList.Clickable, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            Root: (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: props.children }),
+            OutlineListItem: (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(OutlineList.Item, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(OutlineList.Clickable, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 "small",
                 {
                   onClick: typeof props.analyzeId == "undefined" ? void 0 : (e) => {
@@ -1637,14 +1650,14 @@ var HeadingOutlineAnalyer = ({
                       }, 2e3);
                     }
                   },
-                  children: props.missing ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { style: { color: "var(--puck-color-red)" }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("b", { children: [
+                  children: props.missing ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { style: { color: "var(--puck-color-red)" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("b", { children: [
                       "H",
                       props.rank
                     ] }),
                     ": Missing"
-                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("b", { children: [
+                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("b", { children: [
                       "H",
                       props.rank
                     ] }),
@@ -1653,7 +1666,7 @@ var HeadingOutlineAnalyer = ({
                   ] })
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(OutlineList, { children: props.children })
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(OutlineList, { children: props.children })
             ] })
           },
           entry: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck-plugin-heading-analyzer",
-  "version": "0.12.0-canary.e38b98f",
+  "version": "0.12.0-canary.f882878",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -14,7 +14,7 @@
     "dist"
   ],
   "devDependencies": {
-    "@measured/puck": "^0.12.0-canary.e38b98f",
+    "@measured/puck": "^0.12.0-canary.f882878",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "eslint": "^7.32.0",