@focus-reactive/payload-plugin-seo 1.1.0 → 1.2.0

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingTree/HeadingTreeGroup.js

@@ -0,0 +1,50 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { HeadingTreeRow } from "./HeadingTreeRow";
+import { useHeadingRails } from "./useHeadingRails";
+function HeadingTreeNode({ node, depth, globalFirst, collapsed, onToggle, onBadgeMount }) {
+  const hasKids = node.children.length > 0;
+  const isOpen = hasKids && !collapsed.has(node.id);
+  const { containerRef, setBadgeRef, registerChildBadge, rails } = useHeadingRails({
+    node,
+    isOpen,
+    collapsed,
+    onBadgeMount
+  });
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "relative", children: [
+    rails ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "absolute w-[1.1px] bg-neutral-150",
+          style: {
+            left: rails.vertical.left,
+            top: rails.vertical.top,
+            height: rails.vertical.height
+          }
+        }
+      ),
+      rails.elbows.map((elbow) => /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "absolute h-[1.1px] bg-neutral-150",
+          style: {
+            left: elbow.left,
+            top: elbow.top,
+            width: elbow.width
+          }
+        },
+        elbow.id
+      ))
+    ] }) : null,
+    /* @__PURE__ */ jsx(HeadingTreeRow, { node, depth, hasKids, isOpen, globalFirst, onToggle, badgeRef: setBadgeRef }),
+    isOpen ? /* @__PURE__ */ jsx("div", { children: node.children.map((child) => /* @__PURE__ */ jsx(HeadingTreeNode, { node: child, depth: depth + 1, globalFirst: false, collapsed, onToggle, onBadgeMount: registerChildBadge(child.id) }, child.id)) }) : null
+  ] });
+}
+function HeadingTreeGroup({ nodes, depth, collapsed, onToggle }) {
+  return /* @__PURE__ */ jsx(Fragment, { children: nodes.map((node, i) => /* @__PURE__ */ jsx(HeadingTreeNode, { node, depth, globalFirst: depth === 0 && i === 0, collapsed, onToggle }, node.id)) });
+}
+export {
+  HeadingTreeGroup
+};
+//# sourceMappingURL=HeadingTreeGroup.js.map

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingTree/HeadingTreeGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/SeoDrawer/components/HeadingsSection/HeadingTree/HeadingTreeGroup.tsx"],"sourcesContent":["\"use client\";\n\nimport type { HeadingNode } from \"../../../../../engine/types/analysis\";\nimport { HeadingTreeRow } from \"./HeadingTreeRow\";\nimport { useHeadingRails } from \"./useHeadingRails\";\n\ninterface HeadingTreeNodeProps {\n  node: HeadingNode;\n  depth: number;\n  globalFirst: boolean;\n  collapsed: ReadonlySet<string>;\n  onToggle: (id: string) => void;\n  onBadgeMount?: (el: HTMLSpanElement | null) => void;\n}\n\nfunction HeadingTreeNode({ node, depth, globalFirst, collapsed, onToggle, onBadgeMount }: HeadingTreeNodeProps) {\n  const hasKids = node.children.length > 0;\n  const isOpen = hasKids && !collapsed.has(node.id);\n\n  const { containerRef, setBadgeRef, registerChildBadge, rails } = useHeadingRails({\n    node,\n    isOpen,\n    collapsed,\n    onBadgeMount,\n  });\n\n  return (\n    <div ref={containerRef} className=\"relative\">\n      {rails ? (\n        <>\n          <span\n            className=\"absolute w-[1.1px] bg-neutral-150\"\n            style={{\n              left: rails.vertical.left,\n              top: rails.vertical.top,\n              height: rails.vertical.height,\n            }}\n          />\n\n          {rails.elbows.map((elbow) => (\n            <span\n              key={elbow.id}\n              className=\"absolute h-[1.1px] bg-neutral-150\"\n              style={{\n                left: elbow.left,\n                top: elbow.top,\n                width: elbow.width,\n              }}\n            />\n          ))}\n        </>\n      ) : null}\n\n      <HeadingTreeRow node={node} depth={depth} hasKids={hasKids} isOpen={isOpen} globalFirst={globalFirst} onToggle={onToggle} badgeRef={setBadgeRef} />\n\n      {isOpen ? (\n        <div>\n          {node.children.map((child) => (\n            <HeadingTreeNode key={child.id} node={child} depth={depth + 1} globalFirst={false} collapsed={collapsed} onToggle={onToggle} onBadgeMount={registerChildBadge(child.id)} />\n          ))}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\ninterface HeadingTreeGroupProps {\n  nodes: HeadingNode[];\n  depth: number;\n  collapsed: ReadonlySet<string>;\n  onToggle: (id: string) => void;\n}\n\nexport function HeadingTreeGroup({ nodes, depth, collapsed, onToggle }: HeadingTreeGroupProps) {\n  return (\n    <>\n      {nodes.map((node, i) => (\n        <HeadingTreeNode key={node.id} node={node} depth={depth} globalFirst={depth === 0 && i === 0} collapsed={collapsed} onToggle={onToggle} />\n      ))}\n    </>\n  );\n}\n"],"mappings":";AA6BQ,mBACE,KADF;AA1BR,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAWhC,SAAS,gBAAgB,EAAE,MAAM,OAAO,aAAa,WAAW,UAAU,aAAa,GAAyB;AAC9G,QAAM,UAAU,KAAK,SAAS,SAAS;AACvC,QAAM,SAAS,WAAW,CAAC,UAAU,IAAI,KAAK,EAAE;AAEhD,QAAM,EAAE,cAAc,aAAa,oBAAoB,MAAM,IAAI,gBAAgB;AAAA,IAC/E;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,qBAAC,SAAI,KAAK,cAAc,WAAU,YAC/B;AAAA,YACC,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO;AAAA,YACL,MAAM,MAAM,SAAS;AAAA,YACrB,KAAK,MAAM,SAAS;AAAA,YACpB,QAAQ,MAAM,SAAS;AAAA,UACzB;AAAA;AAAA,MACF;AAAA,MAEC,MAAM,OAAO,IAAI,CAAC,UACjB;AAAA,QAAC;AAAA;AAAA,UAEC,WAAU;AAAA,UACV,OAAO;AAAA,YACL,MAAM,MAAM;AAAA,YACZ,KAAK,MAAM;AAAA,YACX,OAAO,MAAM;AAAA,UACf;AAAA;AAAA,QANK,MAAM;AAAA,MAOb,CACD;AAAA,OACH,IACE;AAAA,IAEJ,oBAAC,kBAAe,MAAY,OAAc,SAAkB,QAAgB,aAA0B,UAAoB,UAAU,aAAa;AAAA,IAEhJ,SACC,oBAAC,SACE,eAAK,SAAS,IAAI,CAAC,UAClB,oBAAC,mBAA+B,MAAM,OAAO,OAAO,QAAQ,GAAG,aAAa,OAAO,WAAsB,UAAoB,cAAc,mBAAmB,MAAM,EAAE,KAAhJ,MAAM,EAA6I,CAC1K,GACH,IACE;AAAA,KACN;AAEJ;AASO,SAAS,iBAAiB,EAAE,OAAO,OAAO,WAAW,SAAS,GAA0B;AAC7F,SACE,gCACG,gBAAM,IAAI,CAAC,MAAM,MAChB,oBAAC,mBAA8B,MAAY,OAAc,aAAa,UAAU,KAAK,MAAM,GAAG,WAAsB,YAA9F,KAAK,EAA6G,CACzI,GACH;AAEJ;","names":[]}

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingTree/HeadingTreeRow.d.ts

@@ -0,0 +1,15 @@
+import type { Ref } from "react";
+import type { HeadingNode } from "../../../../../engine/types/analysis";
+interface HeadingTreeRowProps {
+    node: HeadingNode;
+    depth: number;
+    hasKids: boolean;
+    isOpen: boolean;
+    globalFirst: boolean;
+    onToggle: (id: string) => void;
+    rowRef?: Ref<HTMLDivElement>;
+    badgeRef?: Ref<HTMLSpanElement>;
+}
+export declare function HeadingTreeRow({ node, depth, hasKids, isOpen, globalFirst, onToggle, rowRef, badgeRef }: HeadingTreeRowProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=HeadingTreeRow.d.ts.map

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingTree/HeadingTreeRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingTreeRow.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SeoDrawer/components/HeadingsSection/HeadingTree/HeadingTreeRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAIxE,UAAU,mBAAmB;IAC3B,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;CACjC;AAED,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAuC5H"}

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingTree/HeadingTreeRow.js

@@ -0,0 +1,38 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../../../../utils/style";
+import { Chevron } from "./Chevron";
+function HeadingTreeRow({ node, depth, hasKids, isOpen, globalFirst, onToggle, rowRef, badgeRef }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: rowRef,
+      className: cn("relative flex items-center gap-[9px] h-[34px] box-border", hasKids && "cursor-pointer focus-visible:outline-2 focus-visible:outline-neutral-400 focus-visible:-outline-offset-2"),
+      style: { paddingLeft: depth * 20 },
+      role: hasKids ? "button" : void 0,
+      tabIndex: hasKids ? 0 : void 0,
+      "aria-expanded": hasKids ? isOpen : void 0,
+      onClick: hasKids ? () => onToggle(node.id) : void 0,
+      onKeyDown: hasKids ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onToggle(node.id);
+        }
+      } : void 0,
+      title: hasKids ? isOpen ? "Collapse" : "Expand" : void 0,
+      children: [
+        /* @__PURE__ */ jsxs("span", { ref: badgeRef, className: "flex-none font-mono text-[9px] font-bold leading-[100%] text-neutral-1000 bg-neutral-150 rounded-rs px-[6px] py-[3px] min-w-[22px] text-center", children: [
+          "H",
+          node.level
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: cn("flex-1 min-w-0 flex items-center gap-[9px] h-full", !globalFirst && "border-t border-neutral-150"), children: [
+          node.text ? /* @__PURE__ */ jsx("span", { className: "flex-1 min-w-0 truncate text-[12px] font-medium text-neutral-800", title: node.text, children: node.text }) : /* @__PURE__ */ jsx("span", { className: "flex-1 min-w-0 truncate text-[12px] font-medium italic text-neutral-400", children: "(empty heading)" }),
+          hasKids ? /* @__PURE__ */ jsx(Chevron, { open: isOpen }) : null
+        ] })
+      ]
+    }
+  );
+}
+export {
+  HeadingTreeRow
+};
+//# sourceMappingURL=HeadingTreeRow.js.map

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingTree/HeadingTreeRow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/SeoDrawer/components/HeadingsSection/HeadingTree/HeadingTreeRow.tsx"],"sourcesContent":["import type { Ref } from \"react\";\nimport type { HeadingNode } from \"../../../../../engine/types/analysis\";\nimport { cn } from \"../../../../../utils/style\";\nimport { Chevron } from \"./Chevron\";\n\ninterface HeadingTreeRowProps {\n  node: HeadingNode;\n  depth: number;\n  hasKids: boolean;\n  isOpen: boolean;\n  globalFirst: boolean;\n  onToggle: (id: string) => void;\n  rowRef?: Ref<HTMLDivElement>;\n  badgeRef?: Ref<HTMLSpanElement>;\n}\n\nexport function HeadingTreeRow({ node, depth, hasKids, isOpen, globalFirst, onToggle, rowRef, badgeRef }: HeadingTreeRowProps) {\n  return (\n    <div\n      ref={rowRef}\n      className={cn(\"relative flex items-center gap-[9px] h-[34px] box-border\", hasKids && \"cursor-pointer focus-visible:outline-2 focus-visible:outline-neutral-400 focus-visible:-outline-offset-2\")}\n      style={{ paddingLeft: depth * 20 }}\n      role={hasKids ? \"button\" : undefined}\n      tabIndex={hasKids ? 0 : undefined}\n      aria-expanded={hasKids ? isOpen : undefined}\n      onClick={hasKids ? () => onToggle(node.id) : undefined}\n      onKeyDown={\n        hasKids\n          ? (e) => {\n              if (e.key === \"Enter\" || e.key === \" \") {\n                e.preventDefault();\n                onToggle(node.id);\n              }\n            }\n          : undefined\n      }\n      title={hasKids ? (isOpen ? \"Collapse\" : \"Expand\") : undefined}\n    >\n      <span ref={badgeRef} className=\"flex-none font-mono text-[9px] font-bold leading-[100%] text-neutral-1000 bg-neutral-150 rounded-rs px-[6px] py-[3px] min-w-[22px] text-center\">\n        H{node.level}\n      </span>\n\n      <div className={cn(\"flex-1 min-w-0 flex items-center gap-[9px] h-full\", !globalFirst && \"border-t border-neutral-150\")}>\n        {node.text ? (\n          <span className=\"flex-1 min-w-0 truncate text-[12px] font-medium text-neutral-800\" title={node.text}>\n            {node.text}\n          </span>\n        ) : (\n          <span className=\"flex-1 min-w-0 truncate text-[12px] font-medium italic text-neutral-400\">(empty heading)</span>\n        )}\n\n        {hasKids ? <Chevron open={isOpen} /> : null}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AAsCM,SAMI,KANJ;AApCN,SAAS,UAAU;AACnB,SAAS,eAAe;AAajB,SAAS,eAAe,EAAE,MAAM,OAAO,SAAS,QAAQ,aAAa,UAAU,QAAQ,SAAS,GAAwB;AAC7H,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW,GAAG,4DAA4D,WAAW,0GAA0G;AAAA,MAC/L,OAAO,EAAE,aAAa,QAAQ,GAAG;AAAA,MACjC,MAAM,UAAU,WAAW;AAAA,MAC3B,UAAU,UAAU,IAAI;AAAA,MACxB,iBAAe,UAAU,SAAS;AAAA,MAClC,SAAS,UAAU,MAAM,SAAS,KAAK,EAAE,IAAI;AAAA,MAC7C,WACE,UACI,CAAC,MAAM;AACL,YAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,YAAE,eAAe;AACjB,mBAAS,KAAK,EAAE;AAAA,QAClB;AAAA,MACF,IACA;AAAA,MAEN,OAAO,UAAW,SAAS,aAAa,WAAY;AAAA,MAEpD;AAAA,6BAAC,UAAK,KAAK,UAAU,WAAU,kJAAiJ;AAAA;AAAA,UAC5K,KAAK;AAAA,WACT;AAAA,QAEA,qBAAC,SAAI,WAAW,GAAG,qDAAqD,CAAC,eAAe,6BAA6B,GAClH;AAAA,eAAK,OACJ,oBAAC,UAAK,WAAU,oEAAmE,OAAO,KAAK,MAC5F,eAAK,MACR,IAEA,oBAAC,UAAK,WAAU,2EAA0E,6BAAe;AAAA,UAG1G,UAAU,oBAAC,WAAQ,MAAM,QAAQ,IAAK;AAAA,WACzC;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingTree/headingTreeView.d.ts

@@ -0,0 +1,3 @@
+import type { HeadingNode } from "../../../../../engine/types/analysis";
+export declare function collectParentIds(nodes: HeadingNode[]): string[];
+//# sourceMappingURL=headingTreeView.d.ts.map

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingTree/headingTreeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"headingTreeView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SeoDrawer/components/HeadingsSection/HeadingTree/headingTreeView.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAExE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,WAAW,EAAE,GAAG,MAAM,EAAE,CAe/D"}

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingTree/headingTreeView.js

@@ -0,0 +1,17 @@
+function collectParentIds(nodes) {
+  const ids = [];
+  const walk = (ns) => {
+    for (const n of ns) {
+      if (n.children.length > 0) {
+        ids.push(n.id);
+        walk(n.children);
+      }
+    }
+  };
+  walk(nodes);
+  return ids;
+}
+export {
+  collectParentIds
+};
+//# sourceMappingURL=headingTreeView.js.map

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingTree/headingTreeView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/SeoDrawer/components/HeadingsSection/HeadingTree/headingTreeView.ts"],"sourcesContent":["import type { HeadingNode } from \"../../../../../engine/types/analysis\";\n\nexport function collectParentIds(nodes: HeadingNode[]): string[] {\n  const ids: string[] = [];\n\n  const walk = (ns: HeadingNode[]) => {\n    for (const n of ns) {\n      if (n.children.length > 0) {\n        ids.push(n.id);\n        walk(n.children);\n      }\n    }\n  };\n\n  walk(nodes);\n\n  return ids;\n}\n"],"mappings":"AAEO,SAAS,iBAAiB,OAAgC;AAC/D,QAAM,MAAgB,CAAC;AAEvB,QAAM,OAAO,CAAC,OAAsB;AAClC,eAAW,KAAK,IAAI;AAClB,UAAI,EAAE,SAAS,SAAS,GAAG;AACzB,YAAI,KAAK,EAAE,EAAE;AACb,aAAK,EAAE,QAAQ;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AAEA,OAAK,KAAK;AAEV,SAAO;AACT;","names":[]}

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingTree/index.d.ts

@@ -0,0 +1,6 @@
+import type { HeadingNode } from "../../../../../engine/types/analysis";
+export interface HeadingTreeProps {
+    tree: HeadingNode[];
+}
+export declare function HeadingTree({ tree }: HeadingTreeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingTree/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SeoDrawer/components/HeadingsSection/HeadingTree/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAKxE,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,WAAW,EAAE,CAAC;CACrB;AAID,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,gBAAgB,2CAwCrD"}

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingTree/index.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { cn } from "../../../../../utils/style";
+import { collectParentIds } from "./headingTreeView";
+import { HeadingTreeGroup } from "./HeadingTreeGroup";
+const SUB_LABEL = "text-[9.5px] font-semibold uppercase tracking-[0.05em] text-neutral-500";
+function HeadingTree({ tree }) {
+  const parentIds = useMemo(() => collectParentIds(tree), [tree]);
+  const [collapsed, setCollapsed] = useState(() => /* @__PURE__ */ new Set());
+  const empty = tree.length === 0;
+  const allCollapsed = parentIds.length > 0 && parentIds.every((id) => collapsed.has(id));
+  const toggleAll = () => setCollapsed(allCollapsed ? /* @__PURE__ */ new Set() : new Set(parentIds));
+  const toggle = (id) => setCollapsed((prev) => {
+    const next = new Set(prev);
+    if (next.has(id))
+      next.delete(id);
+    else
+      next.add(id);
+    return next;
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "px-[15px] pt-[11px] border-t border-neutral-150", children: [
+    /* @__PURE__ */ jsxs("div", { className: cn(SUB_LABEL, "flex items-center justify-between"), children: [
+      /* @__PURE__ */ jsx("span", { children: "Structure" }),
+      !empty && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: toggleAll,
+          className: "text-[11px] font-medium normal-case tracking-normal text-neutral-600 hover:text-neutral-1000 hover:underline underline-offset-2 bg-transparent border-0 p-0 cursor-pointer",
+          children: allCollapsed ? "Expand all" : "Collapse all"
+        }
+      )
+    ] }),
+    empty ? /* @__PURE__ */ jsx("div", { className: "px-[15px] pt-[20px] pb-[24px] text-center text-[12px] text-neutral-500", children: "No headings found in this content." }) : /* @__PURE__ */ jsx("div", { className: "relative pt-[5px] pb-[7px]", children: /* @__PURE__ */ jsx(HeadingTreeGroup, { nodes: tree, depth: 0, collapsed, onToggle: toggle }) })
+  ] });
+}
+export {
+  HeadingTree
+};
+//# sourceMappingURL=index.js.map

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingTree/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/SeoDrawer/components/HeadingsSection/HeadingTree/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo, useState } from \"react\";\nimport type { HeadingNode } from \"../../../../../engine/types/analysis\";\nimport { cn } from \"../../../../../utils/style\";\nimport { collectParentIds } from \"./headingTreeView\";\nimport { HeadingTreeGroup } from \"./HeadingTreeGroup\";\n\nexport interface HeadingTreeProps {\n  tree: HeadingNode[];\n}\n\nconst SUB_LABEL = \"text-[9.5px] font-semibold uppercase tracking-[0.05em] text-neutral-500\";\n\nexport function HeadingTree({ tree }: HeadingTreeProps) {\n  const parentIds = useMemo(() => collectParentIds(tree), [tree]);\n  const [collapsed, setCollapsed] = useState<Set<string>>(() => new Set());\n\n  const empty = tree.length === 0;\n  const allCollapsed = parentIds.length > 0 && parentIds.every((id) => collapsed.has(id));\n\n  const toggleAll = () => setCollapsed(allCollapsed ? new Set() : new Set(parentIds));\n  const toggle = (id: string) =>\n    setCollapsed((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) next.delete(id);\n      else next.add(id);\n      return next;\n    });\n\n  return (\n    <div className=\"px-[15px] pt-[11px] border-t border-neutral-150\">\n      <div className={cn(SUB_LABEL, \"flex items-center justify-between\")}>\n        <span>Structure</span>\n\n        {!empty && (\n          <button\n            type=\"button\"\n            onClick={toggleAll}\n            className=\"text-[11px] font-medium normal-case tracking-normal text-neutral-600 hover:text-neutral-1000 hover:underline underline-offset-2 bg-transparent border-0 p-0 cursor-pointer\"\n          >\n            {allCollapsed ? \"Expand all\" : \"Collapse all\"}\n          </button>\n        )}\n      </div>\n      {empty ? (\n        <div className=\"px-[15px] pt-[20px] pb-[24px] text-center text-[12px] text-neutral-500\">No headings found in this content.</div>\n      ) : (\n        <div className=\"relative pt-[5px] pb-[7px]\">\n          <HeadingTreeGroup nodes={tree} depth={0} collapsed={collapsed} onToggle={toggle} />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAgCM,SACE,KADF;AA9BN,SAAS,SAAS,gBAAgB;AAElC,SAAS,UAAU;AACnB,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAMjC,MAAM,YAAY;AAEX,SAAS,YAAY,EAAE,KAAK,GAAqB;AACtD,QAAM,YAAY,QAAQ,MAAM,iBAAiB,IAAI,GAAG,CAAC,IAAI,CAAC;AAC9D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAsB,MAAM,oBAAI,IAAI,CAAC;AAEvE,QAAM,QAAQ,KAAK,WAAW;AAC9B,QAAM,eAAe,UAAU,SAAS,KAAK,UAAU,MAAM,CAAC,OAAO,UAAU,IAAI,EAAE,CAAC;AAEtF,QAAM,YAAY,MAAM,aAAa,eAAe,oBAAI,IAAI,IAAI,IAAI,IAAI,SAAS,CAAC;AAClF,QAAM,SAAS,CAAC,OACd,aAAa,CAAC,SAAS;AACrB,UAAM,OAAO,IAAI,IAAI,IAAI;AACzB,QAAI,KAAK,IAAI,EAAE;AAAG,WAAK,OAAO,EAAE;AAAA;AAC3B,WAAK,IAAI,EAAE;AAChB,WAAO;AAAA,EACT,CAAC;AAEH,SACE,qBAAC,SAAI,WAAU,mDACb;AAAA,yBAAC,SAAI,WAAW,GAAG,WAAW,mCAAmC,GAC/D;AAAA,0BAAC,UAAK,uBAAS;AAAA,MAEd,CAAC,SACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAU;AAAA,UAET,yBAAe,eAAe;AAAA;AAAA,MACjC;AAAA,OAEJ;AAAA,IACC,QACC,oBAAC,SAAI,WAAU,0EAAyE,gDAAkC,IAE1H,oBAAC,SAAI,WAAU,8BACb,8BAAC,oBAAiB,OAAO,MAAM,OAAO,GAAG,WAAsB,UAAU,QAAQ,GACnF;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingTree/useHeadingRails.d.ts

@@ -0,0 +1,32 @@
+import type { RefObject } from "react";
+import type { HeadingNode } from "../../../../../engine/types/analysis";
+interface VerticalRail {
+    left: number;
+    top: number;
+    height: number;
+}
+interface Elbow {
+    id: string;
+    left: number;
+    top: number;
+    width: number;
+}
+export interface RailGeometry {
+    vertical: VerticalRail;
+    elbows: Elbow[];
+}
+interface UseHeadingRailsParams {
+    node: HeadingNode;
+    isOpen: boolean;
+    collapsed: ReadonlySet<string>;
+    onBadgeMount?: (el: HTMLSpanElement | null) => void;
+}
+interface UseHeadingRailsResult {
+    containerRef: RefObject<HTMLDivElement | null>;
+    setBadgeRef: (el: HTMLSpanElement | null) => void;
+    registerChildBadge: (childId: string) => (el: HTMLSpanElement | null) => void;
+    rails: RailGeometry | null;
+}
+export declare function useHeadingRails({ node, isOpen, collapsed, onBadgeMount }: UseHeadingRailsParams): UseHeadingRailsResult;
+export {};
+//# sourceMappingURL=useHeadingRails.d.ts.map

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingTree/useHeadingRails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeadingRails.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SeoDrawer/components/HeadingsSection/HeadingTree/useHeadingRails.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAExE,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,KAAK;IACb,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,YAAY,CAAC;IACvB,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB;AAED,UAAU,qBAAqB;IAC7B,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,eAAe,GAAG,IAAI,KAAK,IAAI,CAAC;CACrD;AAED,UAAU,qBAAqB;IAC7B,YAAY,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC/C,WAAW,EAAE,CAAC,EAAE,EAAE,eAAe,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,CAAC,EAAE,EAAE,eAAe,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9E,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;CAC5B;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,qBAAqB,GAAG,qBAAqB,CA6FvH"}

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingTree/useHeadingRails.js

@@ -0,0 +1,84 @@
+"use client";
+import { useLayoutEffect, useRef, useState } from "react";
+function useHeadingRails({ node, isOpen, collapsed, onBadgeMount }) {
+  const containerRef = useRef(null);
+  const badgeRef = useRef(null);
+  const childBadges = useRef(/* @__PURE__ */ new Map());
+  const childSetters = useRef(/* @__PURE__ */ new Map());
+  const [rails, setRails] = useState(null);
+  const setBadgeRef = (el) => {
+    badgeRef.current = el;
+    onBadgeMount?.(el);
+  };
+  const registerChildBadge = (childId) => {
+    let setter = childSetters.current.get(childId);
+    if (!setter) {
+      setter = (el) => {
+        if (el)
+          childBadges.current.set(childId, el);
+        else
+          childBadges.current.delete(childId);
+      };
+      childSetters.current.set(childId, setter);
+    }
+    return setter;
+  };
+  useLayoutEffect(() => {
+    if (!isOpen) {
+      setRails(null);
+      return;
+    }
+    const container = containerRef.current;
+    const parentBadge = badgeRef.current;
+    if (!container || !parentBadge)
+      return;
+    const measure = () => {
+      const containerRect = container.getBoundingClientRect();
+      const parentBadgeRect = parentBadge.getBoundingClientRect();
+      const railCenterX = parentBadgeRect.left + parentBadgeRect.width / 2 - containerRect.left;
+      const railStartY = parentBadgeRect.bottom - containerRect.top;
+      const elbows = [];
+      for (const child of node.children) {
+        const childBadge = childBadges.current.get(child.id);
+        if (!childBadge)
+          continue;
+        const childBadgeRect = childBadge.getBoundingClientRect();
+        const childCenterX = childBadgeRect.left + childBadgeRect.width / 2 - containerRect.left;
+        const childCenterY = childBadgeRect.top + childBadgeRect.height / 2 - containerRect.top;
+        elbows.push({
+          id: child.id,
+          left: railCenterX,
+          top: childCenterY,
+          width: Math.max(0, childCenterX - railCenterX)
+        });
+      }
+      if (elbows.length === 0) {
+        setRails(null);
+        return;
+      }
+      const lastChildCenterY = elbows.at(-1)?.top ?? railStartY;
+      setRails({
+        vertical: {
+          left: railCenterX,
+          top: railStartY,
+          height: Math.max(0, lastChildCenterY - railStartY)
+        },
+        elbows
+      });
+    };
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(container);
+    return () => observer.disconnect();
+  }, [isOpen, collapsed, node]);
+  return {
+    containerRef,
+    setBadgeRef,
+    registerChildBadge,
+    rails
+  };
+}
+export {
+  useHeadingRails
+};
+//# sourceMappingURL=useHeadingRails.js.map

package/dist/components/SeoDrawer/components/HeadingsSection/HeadingTree/useHeadingRails.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/SeoDrawer/components/HeadingsSection/HeadingTree/useHeadingRails.ts"],"sourcesContent":["\"use client\";\n\nimport type { RefObject } from \"react\";\nimport { useLayoutEffect, useRef, useState } from \"react\";\nimport type { HeadingNode } from \"../../../../../engine/types/analysis\";\n\ninterface VerticalRail {\n  left: number;\n  top: number;\n  height: number;\n}\n\ninterface Elbow {\n  id: string;\n  left: number;\n  top: number;\n  width: number;\n}\n\nexport interface RailGeometry {\n  vertical: VerticalRail;\n  elbows: Elbow[];\n}\n\ninterface UseHeadingRailsParams {\n  node: HeadingNode;\n  isOpen: boolean;\n  collapsed: ReadonlySet<string>;\n  onBadgeMount?: (el: HTMLSpanElement | null) => void;\n}\n\ninterface UseHeadingRailsResult {\n  containerRef: RefObject<HTMLDivElement | null>;\n  setBadgeRef: (el: HTMLSpanElement | null) => void;\n  registerChildBadge: (childId: string) => (el: HTMLSpanElement | null) => void;\n  rails: RailGeometry | null;\n}\n\nexport function useHeadingRails({ node, isOpen, collapsed, onBadgeMount }: UseHeadingRailsParams): UseHeadingRailsResult {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const badgeRef = useRef<HTMLSpanElement | null>(null);\n  const childBadges = useRef(new Map<string, HTMLSpanElement>());\n  const childSetters = useRef(new Map<string, (el: HTMLSpanElement | null) => void>());\n  const [rails, setRails] = useState<RailGeometry | null>(null);\n\n  const setBadgeRef = (el: HTMLSpanElement | null) => {\n    badgeRef.current = el;\n    onBadgeMount?.(el);\n  };\n\n  const registerChildBadge = (childId: string) => {\n    let setter = childSetters.current.get(childId);\n\n    if (!setter) {\n      setter = (el: HTMLSpanElement | null) => {\n        if (el) childBadges.current.set(childId, el);\n        else childBadges.current.delete(childId);\n      };\n\n      childSetters.current.set(childId, setter);\n    }\n\n    return setter;\n  };\n\n  useLayoutEffect(() => {\n    if (!isOpen) {\n      setRails(null);\n      return;\n    }\n\n    const container = containerRef.current;\n    const parentBadge = badgeRef.current;\n    if (!container || !parentBadge) return;\n\n    const measure = () => {\n      const containerRect = container.getBoundingClientRect();\n      const parentBadgeRect = parentBadge.getBoundingClientRect();\n\n      const railCenterX = parentBadgeRect.left + parentBadgeRect.width / 2 - containerRect.left;\n      const railStartY = parentBadgeRect.bottom - containerRect.top;\n\n      const elbows: Elbow[] = [];\n      for (const child of node.children) {\n        const childBadge = childBadges.current.get(child.id);\n        if (!childBadge) continue;\n\n        const childBadgeRect = childBadge.getBoundingClientRect();\n\n        const childCenterX = childBadgeRect.left + childBadgeRect.width / 2 - containerRect.left;\n        const childCenterY = childBadgeRect.top + childBadgeRect.height / 2 - containerRect.top;\n\n        elbows.push({\n          id: child.id,\n          left: railCenterX,\n          top: childCenterY,\n          width: Math.max(0, childCenterX - railCenterX),\n        });\n      }\n\n      if (elbows.length === 0) {\n        setRails(null);\n        return;\n      }\n\n      const lastChildCenterY = elbows.at(-1)?.top ?? railStartY;\n      setRails({\n        vertical: {\n          left: railCenterX,\n          top: railStartY,\n          height: Math.max(0, lastChildCenterY - railStartY),\n        },\n        elbows,\n      });\n    };\n\n    measure();\n\n    const observer = new ResizeObserver(measure);\n\n    observer.observe(container);\n\n    return () => observer.disconnect();\n  }, [isOpen, collapsed, node]);\n\n  return {\n    containerRef,\n    setBadgeRef,\n    registerChildBadge,\n    rails,\n  };\n}\n"],"mappings":";AAGA,SAAS,iBAAiB,QAAQ,gBAAgB;AAmC3C,SAAS,gBAAgB,EAAE,MAAM,QAAQ,WAAW,aAAa,GAAiD;AACvH,QAAM,eAAe,OAAuB,IAAI;AAChD,QAAM,WAAW,OAA+B,IAAI;AACpD,QAAM,cAAc,OAAO,oBAAI,IAA6B,CAAC;AAC7D,QAAM,eAAe,OAAO,oBAAI,IAAkD,CAAC;AACnF,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA8B,IAAI;AAE5D,QAAM,cAAc,CAAC,OAA+B;AAClD,aAAS,UAAU;AACnB,mBAAe,EAAE;AAAA,EACnB;AAEA,QAAM,qBAAqB,CAAC,YAAoB;AAC9C,QAAI,SAAS,aAAa,QAAQ,IAAI,OAAO;AAE7C,QAAI,CAAC,QAAQ;AACX,eAAS,CAAC,OAA+B;AACvC,YAAI;AAAI,sBAAY,QAAQ,IAAI,SAAS,EAAE;AAAA;AACtC,sBAAY,QAAQ,OAAO,OAAO;AAAA,MACzC;AAEA,mBAAa,QAAQ,IAAI,SAAS,MAAM;AAAA,IAC1C;AAEA,WAAO;AAAA,EACT;AAEA,kBAAgB,MAAM;AACpB,QAAI,CAAC,QAAQ;AACX,eAAS,IAAI;AACb;AAAA,IACF;AAEA,UAAM,YAAY,aAAa;AAC/B,UAAM,cAAc,SAAS;AAC7B,QAAI,CAAC,aAAa,CAAC;AAAa;AAEhC,UAAM,UAAU,MAAM;AACpB,YAAM,gBAAgB,UAAU,sBAAsB;AACtD,YAAM,kBAAkB,YAAY,sBAAsB;AAE1D,YAAM,cAAc,gBAAgB,OAAO,gBAAgB,QAAQ,IAAI,cAAc;AACrF,YAAM,aAAa,gBAAgB,SAAS,cAAc;AAE1D,YAAM,SAAkB,CAAC;AACzB,iBAAW,SAAS,KAAK,UAAU;AACjC,cAAM,aAAa,YAAY,QAAQ,IAAI,MAAM,EAAE;AACnD,YAAI,CAAC;AAAY;AAEjB,cAAM,iBAAiB,WAAW,sBAAsB;AAExD,cAAM,eAAe,eAAe,OAAO,eAAe,QAAQ,IAAI,cAAc;AACpF,cAAM,eAAe,eAAe,MAAM,eAAe,SAAS,IAAI,cAAc;AAEpF,eAAO,KAAK;AAAA,UACV,IAAI,MAAM;AAAA,UACV,MAAM;AAAA,UACN,KAAK;AAAA,UACL,OAAO,KAAK,IAAI,GAAG,eAAe,WAAW;AAAA,QAC/C,CAAC;AAAA,MACH;AAEA,UAAI,OAAO,WAAW,GAAG;AACvB,iBAAS,IAAI;AACb;AAAA,MACF;AAEA,YAAM,mBAAmB,OAAO,GAAG,EAAE,GAAG,OAAO;AAC/C,eAAS;AAAA,QACP,UAAU;AAAA,UACR,MAAM;AAAA,UACN,KAAK;AAAA,UACL,QAAQ,KAAK,IAAI,GAAG,mBAAmB,UAAU;AAAA,QACnD;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAEA,YAAQ;AAER,UAAM,WAAW,IAAI,eAAe,OAAO;AAE3C,aAAS,QAAQ,SAAS;AAE1B,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,QAAQ,WAAW,IAAI,CAAC;AAE5B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/components/SeoDrawer/components/HeadingsSection/index.d.ts

@@ -0,0 +1,7 @@
+import type { HeadingStructure } from "../../../../engine/types/analysis";
+interface HeadingsSectionProps {
+    data: HeadingStructure;
+}
+export declare function HeadingsSection({ data }: HeadingsSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SeoDrawer/components/HeadingsSection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeoDrawer/components/HeadingsSection/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAM1E,UAAU,oBAAoB;IAC5B,IAAI,EAAE,gBAAgB,CAAC;CACxB;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE,oBAAoB,2CAQ7D"}

package/dist/components/SeoDrawer/components/HeadingsSection/index.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SectionCard } from "../../../../ui/SectionCard";
+import { Pill } from "../../../../ui/Pill";
+import { HeadingLevelTiles } from "./HeadingLevelTiles";
+import { HeadingTree } from "./HeadingTree";
+function HeadingsSection({ data }) {
+  return /* @__PURE__ */ jsxs(SectionCard, { title: "Headings", widget: /* @__PURE__ */ jsx(Pill, { variant: "neutral", children: data.total }), children: [
+    /* @__PURE__ */ jsx("div", { className: "text-[9.5px] font-semibold uppercase tracking-[0.05em] text-neutral-500 px-[15px] pt-[11px]", children: "Levels" }),
+    /* @__PURE__ */ jsx(HeadingLevelTiles, { levels: data.levels }),
+    /* @__PURE__ */ jsx(HeadingTree, { tree: data.tree })
+  ] });
+}
+export {
+  HeadingsSection
+};
+//# sourceMappingURL=index.js.map

package/dist/components/SeoDrawer/components/HeadingsSection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/SeoDrawer/components/HeadingsSection/index.tsx"],"sourcesContent":["\"use client\";\n\nimport type { HeadingStructure } from \"../../../../engine/types/analysis\";\nimport { SectionCard } from \"../../../../ui/SectionCard\";\nimport { Pill } from \"../../../../ui/Pill\";\nimport { HeadingLevelTiles } from \"./HeadingLevelTiles\";\nimport { HeadingTree } from \"./HeadingTree\";\n\ninterface HeadingsSectionProps {\n  data: HeadingStructure;\n}\n\nexport function HeadingsSection({ data }: HeadingsSectionProps) {\n  return (\n    <SectionCard title=\"Headings\" widget={<Pill variant=\"neutral\">{data.total}</Pill>}>\n      <div className=\"text-[9.5px] font-semibold uppercase tracking-[0.05em] text-neutral-500 px-[15px] pt-[11px]\">Levels</div>\n      <HeadingLevelTiles levels={data.levels} />\n      <HeadingTree tree={data.tree} />\n    </SectionCard>\n  );\n}\n"],"mappings":";AAcI,SAAsC,KAAtC;AAXJ,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAMrB,SAAS,gBAAgB,EAAE,KAAK,GAAyB;AAC9D,SACE,qBAAC,eAAY,OAAM,YAAW,QAAQ,oBAAC,QAAK,SAAQ,WAAW,eAAK,OAAM,GACxE;AAAA,wBAAC,SAAI,WAAU,+FAA8F,oBAAM;AAAA,IACnH,oBAAC,qBAAkB,QAAQ,KAAK,QAAQ;AAAA,IACxC,oBAAC,eAAY,MAAM,KAAK,MAAM;AAAA,KAChC;AAEJ;","names":[]}

package/dist/components/SeoDrawer/tabs/VitalsTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VitalsTab.d.ts","sourceRoot":"","sources":["../../../../src/components/SeoDrawer/tabs/VitalsTab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAMnE,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,YAAY,CAAC;IACnB,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,EAAE,cAAc,2CAwCrE"}
+{"version":3,"file":"VitalsTab.d.ts","sourceRoot":"","sources":["../../../../src/components/SeoDrawer/tabs/VitalsTab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAOnE,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,YAAY,CAAC;IACnB,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,EAAE,cAAc,2CA0CrE"}

package/dist/components/SeoDrawer/tabs/VitalsTab.js

@@ -4,6 +4,7 @@ import { cn, ROW_SEPARATOR } from "../../../utils/style";
 import { KpiCard } from "../../../ui/KpiCard";
 import { SectionCard } from "../../../ui/SectionCard";
 import { Pill } from "../../../ui/Pill";
+import { HeadingsSection } from "../components/HeadingsSection";
 function VitalsTab({ data, onRequestKeyphrase }) {
   const max = Math.max(1, ...data.prominentWords.map((w) => w.count));
   const noKeyphraseMatch = data.prominentWords.every((w) => !w.isKeyphrase);
@@ -16,6 +17,7 @@ function VitalsTab({ data, onRequestKeyphrase }) {
       /* @__PURE__ */ jsx(KpiCard, { label: "Videos", value: data.videos }),
       /* @__PURE__ */ jsx(KpiCard, { label: "Reading time", value: data.readingTimeMinutes, suffix: "min" })
     ] }),
+    /* @__PURE__ */ jsx(HeadingsSection, { data: data.headings }),
     /* @__PURE__ */ jsx(SectionCard, { title: "Prominent words", widget: /* @__PURE__ */ jsx(Pill, { variant: "neutral", children: data.prominentWords.length }), children: data.prominentWords.map((w) => /* @__PURE__ */ jsxs("div", { className: cn("relative flex items-center gap-[12px] px-[15px] py-[9px]", ROW_SEPARATOR), children: [
       /* @__PURE__ */ jsxs("div", { className: "w-[120px] flex-none text-[12px] font-medium flex items-center gap-[6px]", children: [
         w.word,

package/dist/components/SeoDrawer/tabs/VitalsTab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SeoDrawer/tabs/VitalsTab.tsx"],"sourcesContent":["\"use client\";\n\nimport type { VitalsResult } from \"../../../engine/types/analysis\";\nimport { cn, ROW_SEPARATOR } from \"../../../utils/style\";\nimport { KpiCard } from \"../../../ui/KpiCard\";\nimport { SectionCard } from \"../../../ui/SectionCard\";\nimport { Pill } from \"../../../ui/Pill\";\n\nexport interface VitalsTabProps {\n  data: VitalsResult;\n  onRequestKeyphrase: () => void;\n}\n\nexport function VitalsTab({ data, onRequestKeyphrase }: VitalsTabProps) {\n  const max = Math.max(1, ...data.prominentWords.map((w) => w.count));\n  const noKeyphraseMatch = data.prominentWords.every((w) => !w.isKeyphrase);\n\n  return (\n    <section className=\"flex flex-col gap-[13px]\">\n      <div className=\"grid grid-cols-3 gap-[9px]\">\n        <KpiCard label=\"Words\" value={data.words.toLocaleString()} />\n        <KpiCard label=\"Sentences\" value={data.sentences} />\n        <KpiCard label=\"Paragraphs\" value={data.paragraphs} />\n        <KpiCard label=\"Images\" value={data.images} />\n        <KpiCard label=\"Videos\" value={data.videos} />\n        <KpiCard label=\"Reading time\" value={data.readingTimeMinutes} suffix=\"min\" />\n      </div>\n\n      <SectionCard title=\"Prominent words\" widget={<Pill variant=\"neutral\">{data.prominentWords.length}</Pill>}>\n        {data.prominentWords.map((w) => (\n          <div className={cn(\"relative flex items-center gap-[12px] px-[15px] py-[9px]\", ROW_SEPARATOR)} key={w.word}>\n            <div className=\"w-[120px] flex-none text-[12px] font-medium flex items-center gap-[6px]\">\n              {w.word} {w.isKeyphrase && <span className=\"text-[9px] font-bold uppercase tracking-[0.04em] text-neutral-1000 bg-neutral-150 rounded-[3px] px-[5px] py-[1px]\">Key</span>}\n            </div>\n            <div className=\"flex-1 h-[6px] rounded-[3px] bg-neutral-100 overflow-hidden\">\n              <i className={cn(\"block h-full\", w.isKeyphrase ? \"bg-neutral-1000\" : \"bg-neutral-400\")} style={{ width: `${(w.count / max) * 100}%` }} />\n            </div>\n            <div className=\"w-[30px] text-right font-mono text-[11px] font-semibold text-neutral-700\">{w.count}</div>\n          </div>\n        ))}\n      </SectionCard>\n\n      {noKeyphraseMatch && (\n        <button\n          type=\"button\"\n          onClick={onRequestKeyphrase}\n          className=\"self-start text-[12px] text-neutral-600 underline underline-offset-2 hover:text-neutral-800 cursor-pointer bg-transparent border-0 p-0\"\n        >\n          Set a focus keyphrase to see which prominent words match it\n        </button>\n      )}\n    </section>\n  );\n}\n"],"mappings":";AAmBM,SACE,KADF;AAhBN,SAAS,IAAI,qBAAqB;AAClC,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AAOd,SAAS,UAAU,EAAE,MAAM,mBAAmB,GAAmB;AACtE,QAAM,MAAM,KAAK,IAAI,GAAG,GAAG,KAAK,eAAe,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC;AAClE,QAAM,mBAAmB,KAAK,eAAe,MAAM,CAAC,MAAM,CAAC,EAAE,WAAW;AAExE,SACE,qBAAC,aAAQ,WAAU,4BACjB;AAAA,yBAAC,SAAI,WAAU,8BACb;AAAA,0BAAC,WAAQ,OAAM,SAAQ,OAAO,KAAK,MAAM,eAAe,GAAG;AAAA,MAC3D,oBAAC,WAAQ,OAAM,aAAY,OAAO,KAAK,WAAW;AAAA,MAClD,oBAAC,WAAQ,OAAM,cAAa,OAAO,KAAK,YAAY;AAAA,MACpD,oBAAC,WAAQ,OAAM,UAAS,OAAO,KAAK,QAAQ;AAAA,MAC5C,oBAAC,WAAQ,OAAM,UAAS,OAAO,KAAK,QAAQ;AAAA,MAC5C,oBAAC,WAAQ,OAAM,gBAAe,OAAO,KAAK,oBAAoB,QAAO,OAAM;AAAA,OAC7E;AAAA,IAEA,oBAAC,eAAY,OAAM,mBAAkB,QAAQ,oBAAC,QAAK,SAAQ,WAAW,eAAK,eAAe,QAAO,GAC9F,eAAK,eAAe,IAAI,CAAC,MACxB,qBAAC,SAAI,WAAW,GAAG,4DAA4D,aAAa,GAC1F;AAAA,2BAAC,SAAI,WAAU,2EACZ;AAAA,UAAE;AAAA,QAAK;AAAA,QAAE,EAAE,eAAe,oBAAC,UAAK,WAAU,qHAAoH,iBAAG;AAAA,SACpK;AAAA,MACA,oBAAC,SAAI,WAAU,+DACb,8BAAC,OAAE,WAAW,GAAG,gBAAgB,EAAE,cAAc,oBAAoB,gBAAgB,GAAG,OAAO,EAAE,OAAO,GAAI,EAAE,QAAQ,MAAO,GAAG,IAAI,GAAG,GACzI;AAAA,MACA,oBAAC,SAAI,WAAU,4EAA4E,YAAE,OAAM;AAAA,SAPD,EAAE,IAQtG,CACD,GACH;AAAA,IAEC,oBACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,WAAU;AAAA,QACX;AAAA;AAAA,IAED;AAAA,KAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/SeoDrawer/tabs/VitalsTab.tsx"],"sourcesContent":["\"use client\";\n\nimport type { VitalsResult } from \"../../../engine/types/analysis\";\nimport { cn, ROW_SEPARATOR } from \"../../../utils/style\";\nimport { KpiCard } from \"../../../ui/KpiCard\";\nimport { SectionCard } from \"../../../ui/SectionCard\";\nimport { Pill } from \"../../../ui/Pill\";\nimport { HeadingsSection } from \"../components/HeadingsSection\";\n\nexport interface VitalsTabProps {\n  data: VitalsResult;\n  onRequestKeyphrase: () => void;\n}\n\nexport function VitalsTab({ data, onRequestKeyphrase }: VitalsTabProps) {\n  const max = Math.max(1, ...data.prominentWords.map((w) => w.count));\n  const noKeyphraseMatch = data.prominentWords.every((w) => !w.isKeyphrase);\n\n  return (\n    <section className=\"flex flex-col gap-[13px]\">\n      <div className=\"grid grid-cols-3 gap-[9px]\">\n        <KpiCard label=\"Words\" value={data.words.toLocaleString()} />\n        <KpiCard label=\"Sentences\" value={data.sentences} />\n        <KpiCard label=\"Paragraphs\" value={data.paragraphs} />\n        <KpiCard label=\"Images\" value={data.images} />\n        <KpiCard label=\"Videos\" value={data.videos} />\n        <KpiCard label=\"Reading time\" value={data.readingTimeMinutes} suffix=\"min\" />\n      </div>\n\n      <HeadingsSection data={data.headings} />\n\n      <SectionCard title=\"Prominent words\" widget={<Pill variant=\"neutral\">{data.prominentWords.length}</Pill>}>\n        {data.prominentWords.map((w) => (\n          <div className={cn(\"relative flex items-center gap-[12px] px-[15px] py-[9px]\", ROW_SEPARATOR)} key={w.word}>\n            <div className=\"w-[120px] flex-none text-[12px] font-medium flex items-center gap-[6px]\">\n              {w.word} {w.isKeyphrase && <span className=\"text-[9px] font-bold uppercase tracking-[0.04em] text-neutral-1000 bg-neutral-150 rounded-[3px] px-[5px] py-[1px]\">Key</span>}\n            </div>\n            <div className=\"flex-1 h-[6px] rounded-[3px] bg-neutral-100 overflow-hidden\">\n              <i className={cn(\"block h-full\", w.isKeyphrase ? \"bg-neutral-1000\" : \"bg-neutral-400\")} style={{ width: `${(w.count / max) * 100}%` }} />\n            </div>\n            <div className=\"w-[30px] text-right font-mono text-[11px] font-semibold text-neutral-700\">{w.count}</div>\n          </div>\n        ))}\n      </SectionCard>\n\n      {noKeyphraseMatch && (\n        <button\n          type=\"button\"\n          onClick={onRequestKeyphrase}\n          className=\"self-start text-[12px] text-neutral-600 underline underline-offset-2 hover:text-neutral-800 cursor-pointer bg-transparent border-0 p-0\"\n        >\n          Set a focus keyphrase to see which prominent words match it\n        </button>\n      )}\n    </section>\n  );\n}\n"],"mappings":";AAoBM,SACE,KADF;AAjBN,SAAS,IAAI,qBAAqB;AAClC,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAOzB,SAAS,UAAU,EAAE,MAAM,mBAAmB,GAAmB;AACtE,QAAM,MAAM,KAAK,IAAI,GAAG,GAAG,KAAK,eAAe,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC;AAClE,QAAM,mBAAmB,KAAK,eAAe,MAAM,CAAC,MAAM,CAAC,EAAE,WAAW;AAExE,SACE,qBAAC,aAAQ,WAAU,4BACjB;AAAA,yBAAC,SAAI,WAAU,8BACb;AAAA,0BAAC,WAAQ,OAAM,SAAQ,OAAO,KAAK,MAAM,eAAe,GAAG;AAAA,MAC3D,oBAAC,WAAQ,OAAM,aAAY,OAAO,KAAK,WAAW;AAAA,MAClD,oBAAC,WAAQ,OAAM,cAAa,OAAO,KAAK,YAAY;AAAA,MACpD,oBAAC,WAAQ,OAAM,UAAS,OAAO,KAAK,QAAQ;AAAA,MAC5C,oBAAC,WAAQ,OAAM,UAAS,OAAO,KAAK,QAAQ;AAAA,MAC5C,oBAAC,WAAQ,OAAM,gBAAe,OAAO,KAAK,oBAAoB,QAAO,OAAM;AAAA,OAC7E;AAAA,IAEA,oBAAC,mBAAgB,MAAM,KAAK,UAAU;AAAA,IAEtC,oBAAC,eAAY,OAAM,mBAAkB,QAAQ,oBAAC,QAAK,SAAQ,WAAW,eAAK,eAAe,QAAO,GAC9F,eAAK,eAAe,IAAI,CAAC,MACxB,qBAAC,SAAI,WAAW,GAAG,4DAA4D,aAAa,GAC1F;AAAA,2BAAC,SAAI,WAAU,2EACZ;AAAA,UAAE;AAAA,QAAK;AAAA,QAAE,EAAE,eAAe,oBAAC,UAAK,WAAU,qHAAoH,iBAAG;AAAA,SACpK;AAAA,MACA,oBAAC,SAAI,WAAU,+DACb,8BAAC,OAAE,WAAW,GAAG,gBAAgB,EAAE,cAAc,oBAAoB,gBAAgB,GAAG,OAAO,EAAE,OAAO,GAAI,EAAE,QAAQ,MAAO,GAAG,IAAI,GAAG,GACzI;AAAA,MACA,oBAAC,SAAI,WAAU,4EAA4E,YAAE,OAAM;AAAA,SAPD,EAAE,IAQtG,CACD,GACH;AAAA,IAEC,oBACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,WAAU;AAAA,QACX;AAAA;AAAA,IAED;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/engine/runAnalysis/services/derive-vitals/heading-tree.d.ts

@@ -0,0 +1,7 @@
+import type { HeadingLevel, HeadingStructure } from "../../../types/analysis";
+export interface FlatHeading {
+    level: HeadingLevel;
+    text: string;
+}
+export declare function buildHeadingTree(flat: FlatHeading[]): HeadingStructure;
+//# sourceMappingURL=heading-tree.d.ts.map

package/dist/engine/runAnalysis/services/derive-vitals/heading-tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading-tree.d.ts","sourceRoot":"","sources":["../../../../../src/engine/runAnalysis/services/derive-vitals/heading-tree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAkC,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE9G,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACd;AAWD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,gBAAgB,CAkCtE"}

package/dist/engine/runAnalysis/services/derive-vitals/heading-tree.js

@@ -0,0 +1,41 @@
+const LEVELS = [1, 2, 3, 4, 5, 6];
+function countLevels(flat) {
+  return LEVELS.map((level) => ({
+    level,
+    count: flat.filter((h) => h.level === level).length
+  }));
+}
+function buildHeadingTree(flat) {
+  const roots = [];
+  const stack = [];
+  for (const heading of flat) {
+    let top = stack.at(-1);
+    while (top && top.level >= heading.level) {
+      stack.pop();
+      top = stack.at(-1);
+    }
+    const parent = top;
+    const id = parent ? `${parent.id}.${parent.children.length}` : `${roots.length}`;
+    const node = {
+      id,
+      level: heading.level,
+      text: heading.text,
+      children: []
+    };
+    if (parent) {
+      parent.children.push(node);
+    } else {
+      roots.push(node);
+    }
+    stack.push(node);
+  }
+  return {
+    total: flat.length,
+    levels: countLevels(flat),
+    tree: roots
+  };
+}
+export {
+  buildHeadingTree
+};
+//# sourceMappingURL=heading-tree.js.map

package/dist/engine/runAnalysis/services/derive-vitals/heading-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/engine/runAnalysis/services/derive-vitals/heading-tree.ts"],"sourcesContent":["import type { HeadingLevel, HeadingLevelCount, HeadingNode, HeadingStructure } from \"../../../types/analysis\";\n\nexport interface FlatHeading {\n  level: HeadingLevel;\n  text: string;\n}\n\nconst LEVELS: HeadingLevel[] = [1, 2, 3, 4, 5, 6];\n\nfunction countLevels(flat: FlatHeading[]): HeadingLevelCount[] {\n  return LEVELS.map((level) => ({\n    level,\n    count: flat.filter((h) => h.level === level).length,\n  }));\n}\n\nexport function buildHeadingTree(flat: FlatHeading[]): HeadingStructure {\n  const roots: HeadingNode[] = [];\n  const stack: HeadingNode[] = [];\n\n  for (const heading of flat) {\n    let top = stack.at(-1);\n\n    while (top && top.level >= heading.level) {\n      stack.pop();\n      top = stack.at(-1);\n    }\n\n    const parent = top;\n    const id = parent ? `${parent.id}.${parent.children.length}` : `${roots.length}`;\n\n    const node: HeadingNode = {\n      id,\n      level: heading.level,\n      text: heading.text,\n      children: [],\n    };\n    if (parent) {\n      parent.children.push(node);\n    } else {\n      roots.push(node);\n    }\n    stack.push(node);\n  }\n\n  return {\n    total: flat.length,\n    levels: countLevels(flat),\n    tree: roots,\n  };\n}\n"],"mappings":"AAOA,MAAM,SAAyB,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEhD,SAAS,YAAY,MAA0C;AAC7D,SAAO,OAAO,IAAI,CAAC,WAAW;AAAA,IAC5B;AAAA,IACA,OAAO,KAAK,OAAO,CAAC,MAAM,EAAE,UAAU,KAAK,EAAE;AAAA,EAC/C,EAAE;AACJ;AAEO,SAAS,iBAAiB,MAAuC;AACtE,QAAM,QAAuB,CAAC;AAC9B,QAAM,QAAuB,CAAC;AAE9B,aAAW,WAAW,MAAM;AAC1B,QAAI,MAAM,MAAM,GAAG,EAAE;AAErB,WAAO,OAAO,IAAI,SAAS,QAAQ,OAAO;AACxC,YAAM,IAAI;AACV,YAAM,MAAM,GAAG,EAAE;AAAA,IACnB;AAEA,UAAM,SAAS;AACf,UAAM,KAAK,SAAS,GAAG,OAAO,EAAE,IAAI,OAAO,SAAS,MAAM,KAAK,GAAG,MAAM,MAAM;AAE9E,UAAM,OAAoB;AAAA,MACxB;AAAA,MACA,OAAO,QAAQ;AAAA,MACf,MAAM,QAAQ;AAAA,MACd,UAAU,CAAC;AAAA,IACb;AACA,QAAI,QAAQ;AACV,aAAO,SAAS,KAAK,IAAI;AAAA,IAC3B,OAAO;AACL,YAAM,KAAK,IAAI;AAAA,IACjB;AACA,UAAM,KAAK,IAAI;AAAA,EACjB;AAEA,SAAO;AAAA,IACL,OAAO,KAAK;AAAA,IACZ,QAAQ,YAAY,IAAI;AAAA,IACxB,MAAM;AAAA,EACR;AACF;","names":[]}

package/dist/engine/runAnalysis/services/derive-vitals/headings.d.ts

@@ -0,0 +1,8 @@
+import type { YoastResearcher } from "../../../researcherAdapter";
+import type { FlatHeading } from "./heading-tree";
+interface PaperLike {
+    getText?: () => string;
+}
+export declare function extractHeadings(researcher: YoastResearcher, paper: PaperLike): FlatHeading[];
+export {};
+//# sourceMappingURL=headings.d.ts.map

package/dist/engine/runAnalysis/services/derive-vitals/headings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"headings.d.ts","sourceRoot":"","sources":["../../../../../src/engine/runAnalysis/services/derive-vitals/headings.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,MAAM,MAAM,CAAC;CACxB;AAmDD,wBAAgB,eAAe,CAAC,UAAU,EAAE,eAAe,EAAE,KAAK,EAAE,SAAS,GAAG,WAAW,EAAE,CAO5F"}

package/dist/engine/runAnalysis/services/derive-vitals/headings.js

@@ -0,0 +1,50 @@
+import { getResearch } from "../../../researcherAdapter";
+const GLOBAL_HEADING_RE = /<h([1-6])\b[^>]*>([\s\S]*?)<\/h\1>/giu;
+const SINGLE_HEADING_RE = /^<h([1-6])\b[^>]*>([\s\S]*?)<\/h\1>$/iu;
+function toText(inner) {
+  return inner.replace(/<[^>]*>/gu, "").replace(/\s+/gu, " ").trim();
+}
+function parseEntry(html) {
+  const m = SINGLE_HEADING_RE.exec(html.trim());
+  if (!m)
+    return null;
+  return {
+    level: Number(m[1] ?? 0),
+    text: toText(m[2] ?? "")
+  };
+}
+function fromResearch(researcher) {
+  const entries = getResearch(researcher, "getSubheadingTextLengths");
+  if (!Array.isArray(entries))
+    return null;
+  const headings = [];
+  for (const entry of entries) {
+    if (!entry?.subheading)
+      continue;
+    const parsed = parseEntry(entry.subheading);
+    if (parsed)
+      headings.push(parsed);
+  }
+  return headings;
+}
+function fromHtml(html) {
+  const headings = [];
+  for (const m of html.matchAll(GLOBAL_HEADING_RE)) {
+    headings.push({
+      level: Number(m[1] ?? 0),
+      text: toText(m[2] ?? "")
+    });
+  }
+  return headings;
+}
+function extractHeadings(researcher, paper) {
+  const researched = fromResearch(researcher);
+  if (researched && researched.length > 0)
+    return researched;
+  const html = typeof paper.getText === "function" ? paper.getText() : "";
+  return fromHtml(html);
+}
+export {
+  extractHeadings
+};
+//# sourceMappingURL=headings.js.map

package/dist/engine/runAnalysis/services/derive-vitals/headings.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/engine/runAnalysis/services/derive-vitals/headings.ts"],"sourcesContent":["import { getResearch } from \"../../../researcherAdapter\";\nimport type { YoastResearcher } from \"../../../researcherAdapter\";\nimport type { HeadingLevel } from \"../../../types/analysis\";\nimport type { FlatHeading } from \"./heading-tree\";\n\ninterface PaperLike {\n  getText?: () => string;\n}\n\nconst GLOBAL_HEADING_RE = /<h([1-6])\\b[^>]*>([\\s\\S]*?)<\\/h\\1>/giu;\nconst SINGLE_HEADING_RE = /^<h([1-6])\\b[^>]*>([\\s\\S]*?)<\\/h\\1>$/iu;\n\nfunction toText(inner: string): string {\n  return inner\n    .replace(/<[^>]*>/gu, \"\")\n    .replace(/\\s+/gu, \" \")\n    .trim();\n}\n\nfunction parseEntry(html: string): FlatHeading | null {\n  const m = SINGLE_HEADING_RE.exec(html.trim());\n  if (!m) return null;\n\n  return {\n    level: Number(m[1] ?? 0) as HeadingLevel,\n    text: toText(m[2] ?? \"\"),\n  };\n}\n\nfunction fromResearch(researcher: YoastResearcher): FlatHeading[] | null {\n  const entries = getResearch<{ subheading?: string }[]>(researcher, \"getSubheadingTextLengths\");\n  if (!Array.isArray(entries)) return null;\n\n  const headings: FlatHeading[] = [];\n\n  for (const entry of entries) {\n    if (!entry?.subheading) continue;\n\n    const parsed = parseEntry(entry.subheading);\n    if (parsed) headings.push(parsed);\n  }\n\n  return headings;\n}\n\nfunction fromHtml(html: string): FlatHeading[] {\n  const headings: FlatHeading[] = [];\n\n  for (const m of html.matchAll(GLOBAL_HEADING_RE)) {\n    headings.push({\n      level: Number(m[1] ?? 0) as HeadingLevel,\n      text: toText(m[2] ?? \"\"),\n    });\n  }\n\n  return headings;\n}\n\nexport function extractHeadings(researcher: YoastResearcher, paper: PaperLike): FlatHeading[] {\n  const researched = fromResearch(researcher);\n  if (researched && researched.length > 0) return researched;\n\n  const html = typeof paper.getText === \"function\" ? paper.getText() : \"\";\n\n  return fromHtml(html);\n}\n"],"mappings":"AAAA,SAAS,mBAAmB;AAS5B,MAAM,oBAAoB;AAC1B,MAAM,oBAAoB;AAE1B,SAAS,OAAO,OAAuB;AACrC,SAAO,MACJ,QAAQ,aAAa,EAAE,EACvB,QAAQ,SAAS,GAAG,EACpB,KAAK;AACV;AAEA,SAAS,WAAW,MAAkC;AACpD,QAAM,IAAI,kBAAkB,KAAK,KAAK,KAAK,CAAC;AAC5C,MAAI,CAAC;AAAG,WAAO;AAEf,SAAO;AAAA,IACL,OAAO,OAAO,EAAE,CAAC,KAAK,CAAC;AAAA,IACvB,MAAM,OAAO,EAAE,CAAC,KAAK,EAAE;AAAA,EACzB;AACF;AAEA,SAAS,aAAa,YAAmD;AACvE,QAAM,UAAU,YAAuC,YAAY,0BAA0B;AAC7F,MAAI,CAAC,MAAM,QAAQ,OAAO;AAAG,WAAO;AAEpC,QAAM,WAA0B,CAAC;AAEjC,aAAW,SAAS,SAAS;AAC3B,QAAI,CAAC,OAAO;AAAY;AAExB,UAAM,SAAS,WAAW,MAAM,UAAU;AAC1C,QAAI;AAAQ,eAAS,KAAK,MAAM;AAAA,EAClC;AAEA,SAAO;AACT;AAEA,SAAS,SAAS,MAA6B;AAC7C,QAAM,WAA0B,CAAC;AAEjC,aAAW,KAAK,KAAK,SAAS,iBAAiB,GAAG;AAChD,aAAS,KAAK;AAAA,MACZ,OAAO,OAAO,EAAE,CAAC,KAAK,CAAC;AAAA,MACvB,MAAM,OAAO,EAAE,CAAC,KAAK,EAAE;AAAA,IACzB,CAAC;AAAA,EACH;AAEA,SAAO;AACT;AAEO,SAAS,gBAAgB,YAA6B,OAAiC;AAC5F,QAAM,aAAa,aAAa,UAAU;AAC1C,MAAI,cAAc,WAAW,SAAS;AAAG,WAAO;AAEhD,QAAM,OAAO,OAAO,MAAM,YAAY,aAAa,MAAM,QAAQ,IAAI;AAErE,SAAO,SAAS,IAAI;AACtB;","names":[]}

package/dist/engine/runAnalysis/services/derive-vitals/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/engine/runAnalysis/services/derive-vitals/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG5D,wBAAgB,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,OAAO,KAAK,CAAC,EAAE,SAAS,EAAE,MAAM,GAAG,YAAY,CAa/F"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/engine/runAnalysis/services/derive-vitals/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAK5D,wBAAgB,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,OAAO,KAAK,CAAC,EAAE,SAAS,EAAE,MAAM,GAAG,YAAY,CAc/F"}

package/dist/engine/runAnalysis/services/derive-vitals/index.js

@@ -1,4 +1,6 @@
 import { makeResearcher } from "../../../researcherAdapter";
+import { buildHeadingTree } from "./heading-tree";
+import { extractHeadings } from "./headings";
 import { countImages, countParagraphs, countSentences, countVideos, countWords, estimateReadingTime, findProminentWords } from "./researches";
 function deriveVitals(paper, keyphrase) {
   const researcher = makeResearcher(paper);
@@ -10,7 +12,8 @@ function deriveVitals(paper, keyphrase) {
     images: countImages(researcher),
     videos: countVideos(researcher),
     readingTimeMinutes: estimateReadingTime({ researcher, words }),
-    prominentWords: findProminentWords({ researcher, keyphrase })
+    prominentWords: findProminentWords({ researcher, keyphrase }),
+    headings: buildHeadingTree(extractHeadings(researcher, paper))
   };
 }
 export {

package/dist/engine/runAnalysis/services/derive-vitals/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/engine/runAnalysis/services/derive-vitals/index.ts"],"sourcesContent":["import type { Paper } from \"yoastseo\";\nimport { makeResearcher } from \"../../../researcherAdapter\";\nimport type { VitalsResult } from \"../../../types/analysis\";\nimport { countImages, countParagraphs, countSentences, countVideos, countWords, estimateReadingTime, findProminentWords } from \"./researches\";\n\nexport function deriveVitals(paper: InstanceType<typeof Paper>, keyphrase: string): VitalsResult {\n  const researcher = makeResearcher(paper);\n  const words = countWords(researcher);\n\n  return {\n    words,\n    sentences: countSentences(researcher),\n    paragraphs: countParagraphs(researcher),\n    images: countImages(researcher),\n    videos: countVideos(researcher),\n    readingTimeMinutes: estimateReadingTime({ researcher, words }),\n    prominentWords: findProminentWords({ researcher, keyphrase }),\n  };\n}\n"],"mappings":"AACA,SAAS,sBAAsB;AAE/B,SAAS,aAAa,iBAAiB,gBAAgB,aAAa,YAAY,qBAAqB,0BAA0B;AAExH,SAAS,aAAa,OAAmC,WAAiC;AAC/F,QAAM,aAAa,eAAe,KAAK;AACvC,QAAM,QAAQ,WAAW,UAAU;AAEnC,SAAO;AAAA,IACL;AAAA,IACA,WAAW,eAAe,UAAU;AAAA,IACpC,YAAY,gBAAgB,UAAU;AAAA,IACtC,QAAQ,YAAY,UAAU;AAAA,IAC9B,QAAQ,YAAY,UAAU;AAAA,IAC9B,oBAAoB,oBAAoB,EAAE,YAAY,MAAM,CAAC;AAAA,IAC7D,gBAAgB,mBAAmB,EAAE,YAAY,UAAU,CAAC;AAAA,EAC9D;AACF;","names":[]}
+{"version":3,"sources":["../../../../../src/engine/runAnalysis/services/derive-vitals/index.ts"],"sourcesContent":["import type { Paper } from \"yoastseo\";\nimport { makeResearcher } from \"../../../researcherAdapter\";\nimport type { VitalsResult } from \"../../../types/analysis\";\nimport { buildHeadingTree } from \"./heading-tree\";\nimport { extractHeadings } from \"./headings\";\nimport { countImages, countParagraphs, countSentences, countVideos, countWords, estimateReadingTime, findProminentWords } from \"./researches\";\n\nexport function deriveVitals(paper: InstanceType<typeof Paper>, keyphrase: string): VitalsResult {\n  const researcher = makeResearcher(paper);\n  const words = countWords(researcher);\n\n  return {\n    words,\n    sentences: countSentences(researcher),\n    paragraphs: countParagraphs(researcher),\n    images: countImages(researcher),\n    videos: countVideos(researcher),\n    readingTimeMinutes: estimateReadingTime({ researcher, words }),\n    prominentWords: findProminentWords({ researcher, keyphrase }),\n    headings: buildHeadingTree(extractHeadings(researcher, paper)),\n  };\n}\n"],"mappings":"AACA,SAAS,sBAAsB;AAE/B,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,aAAa,iBAAiB,gBAAgB,aAAa,YAAY,qBAAqB,0BAA0B;AAExH,SAAS,aAAa,OAAmC,WAAiC;AAC/F,QAAM,aAAa,eAAe,KAAK;AACvC,QAAM,QAAQ,WAAW,UAAU;AAEnC,SAAO;AAAA,IACL;AAAA,IACA,WAAW,eAAe,UAAU;AAAA,IACpC,YAAY,gBAAgB,UAAU;AAAA,IACtC,QAAQ,YAAY,UAAU;AAAA,IAC9B,QAAQ,YAAY,UAAU;AAAA,IAC9B,oBAAoB,oBAAoB,EAAE,YAAY,MAAM,CAAC;AAAA,IAC7D,gBAAgB,mBAAmB,EAAE,YAAY,UAAU,CAAC;AAAA,IAC5D,UAAU,iBAAiB,gBAAgB,YAAY,KAAK,CAAC;AAAA,EAC/D;AACF;","names":[]}