@focus-reactive/payload-plugin-seo 1.0.0 → 1.0.1

package/dist/components/SeoButton/index.d.ts

@@ -0,0 +1,14 @@
+export interface SeoButtonProps {
+    collectionSlug: string;
+    fields: Record<string, string>;
+    extractContentPath: string | null;
+    site: {
+        name: string;
+        baseUrl: string;
+        faviconUrl: string;
+    };
+    supportedLocales: string[];
+}
+export declare function SeoButton({ collectionSlug, fields, site, supportedLocales }: SeoButtonProps): import("react/jsx-runtime").JSX.Element;
+export default SeoButton;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SeoButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SeoButton/index.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,cAAc;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5D,gBAAgB,EAAE,MAAM,EAAE,CAAC;CAC5B;AAcD,wBAAgB,SAAS,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,cAAc,2CAuD3F;AAED,eAAe,SAAS,CAAC"}

package/dist/components/SeoButton/index.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, useModal } from "@payloadcms/ui";
+import { cva } from "class-variance-authority";
+import { Gauge } from "lucide-react";
+import { useCallback, useState } from "react";
+import { SeoDrawer } from "../SeoDrawer";
+import { isKeyphrasePending } from "../SeoDrawer/keyphrasePending";
+import { useAnalysis } from "../SeoDrawer/useAnalysis";
+import { useLiveDocument } from "../SeoDrawer/useLiveDocument";
+const DRAWER_SLUG = "seo-analytics-drawer";
+const dotVariants = cva("absolute -top-[2px] -right-[2px] w-[8px] h-[8px] rounded-full border-[1.5px] border-[var(--theme-bg)] pointer-events-none", {
+  variants: {
+    status: {
+      good: "bg-seo-good",
+      warn: "bg-seo-warn",
+      bad: "bg-seo-bad"
+    }
+  }
+});
+function SeoButton({ collectionSlug, fields, site, supportedLocales }) {
+  const { openModal } = useModal();
+  const [keyphrase, setKeyphrase] = useState("");
+  const [activated, setActivated] = useState(false);
+  const { signature, getInput, invalidateMedia } = useLiveDocument({
+    collectionSlug,
+    fields,
+    site: { name: site.name, baseUrl: site.baseUrl },
+    keyphrase,
+    enabled: activated
+  });
+  const { result, analyzing, analyzedKeyphrase, analyzeNow } = useAnalysis({ getInput, signature, supportedLocales, enabled: activated });
+  const keyphrasePending = isKeyphrasePending(keyphrase, analyzedKeyphrase);
+  const status = result?.overall.status ?? null;
+  const open = useCallback(() => {
+    invalidateMedia();
+    if (activated) {
+      analyzeNow();
+    } else {
+      setActivated(true);
+    }
+    openModal(DRAWER_SLUG);
+  }, [activated, analyzeNow, invalidateMedia, openModal]);
+  return /* @__PURE__ */ jsxs("span", { className: "relative inline-flex", children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        "aria-label": "SEO Analytics",
+        buttonStyle: "none",
+        className: "seo-doc-btn m-0 w-[calc(var(--base)*1.6)] h-[calc(var(--base)*1.6)] inline-flex items-center justify-center border border-[var(--theme-elevation-100)] rounded-rs bg-transparent text-neutral-800 transition-[border-color,background-color] duration-100 hover:border-neutral-300 hover:bg-neutral-100",
+        extraButtonProps: { title: void 0 },
+        icon: /* @__PURE__ */ jsx(Gauge, {}),
+        iconStyle: "without-border",
+        margin: false,
+        onClick: open,
+        size: "small",
+        tooltip: "SEO Analytics"
+      }
+    ),
+    status ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: dotVariants({ status }) }) : null,
+    /* @__PURE__ */ jsx(
+      SeoDrawer,
+      {
+        analyzeNow,
+        analyzing,
+        drawerSlug: DRAWER_SLUG,
+        keyphrase,
+        keyphrasePending,
+        result,
+        setKeyphrase,
+        site
+      }
+    )
+  ] });
+}
+var SeoButton_default = SeoButton;
+export {
+  SeoButton,
+  SeoButton_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/SeoButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SeoButton/index.tsx"],"sourcesContent":["\"use client\";\nimport { Button, useModal } from \"@payloadcms/ui\";\nimport { cva } from \"class-variance-authority\";\nimport { Gauge } from \"lucide-react\";\nimport { useCallback, useState } from \"react\";\nimport { SeoDrawer } from \"../SeoDrawer\";\nimport { isKeyphrasePending } from \"../SeoDrawer/keyphrasePending\";\nimport { useAnalysis } from \"../SeoDrawer/useAnalysis\";\nimport { useLiveDocument } from \"../SeoDrawer/useLiveDocument\";\n\nexport interface SeoButtonProps {\n  collectionSlug: string;\n  fields: Record<string, string>;\n  extractContentPath: string | null;\n  site: { name: string; baseUrl: string; faviconUrl: string };\n  supportedLocales: string[];\n}\n\nconst DRAWER_SLUG = \"seo-analytics-drawer\";\n\nconst dotVariants = cva(\"absolute -top-[2px] -right-[2px] w-[8px] h-[8px] rounded-full border-[1.5px] border-[var(--theme-bg)] pointer-events-none\", {\n  variants: {\n    status: {\n      good: \"bg-seo-good\",\n      warn: \"bg-seo-warn\",\n      bad: \"bg-seo-bad\",\n    },\n  },\n});\n\nexport function SeoButton({ collectionSlug, fields, site, supportedLocales }: SeoButtonProps) {\n  const { openModal } = useModal();\n  const [keyphrase, setKeyphrase] = useState(\"\");\n  const [activated, setActivated] = useState(false);\n\n  const { signature, getInput, invalidateMedia } = useLiveDocument({\n    collectionSlug,\n    fields,\n    site: { name: site.name, baseUrl: site.baseUrl },\n    keyphrase,\n    enabled: activated,\n  });\n  const { result, analyzing, analyzedKeyphrase, analyzeNow } = useAnalysis({ getInput, signature, supportedLocales, enabled: activated });\n\n  const keyphrasePending = isKeyphrasePending(keyphrase, analyzedKeyphrase);\n\n  const status = result?.overall.status ?? null;\n\n  const open = useCallback(() => {\n    invalidateMedia();\n    if (activated) {\n      analyzeNow();\n    } else {\n      setActivated(true);\n    }\n    openModal(DRAWER_SLUG);\n  }, [activated, analyzeNow, invalidateMedia, openModal]);\n\n  return (\n    <span className=\"relative inline-flex\">\n      <Button\n        aria-label=\"SEO Analytics\"\n        buttonStyle=\"none\"\n        className=\"seo-doc-btn m-0 w-[calc(var(--base)*1.6)] h-[calc(var(--base)*1.6)] inline-flex items-center justify-center border border-[var(--theme-elevation-100)] rounded-rs bg-transparent text-neutral-800 transition-[border-color,background-color] duration-100 hover:border-neutral-300 hover:bg-neutral-100\"\n        extraButtonProps={{ title: undefined }}\n        icon={<Gauge />}\n        iconStyle=\"without-border\"\n        margin={false}\n        onClick={open}\n        size=\"small\"\n        tooltip=\"SEO Analytics\"\n      />\n      {status ? <span aria-hidden=\"true\" className={dotVariants({ status })} /> : null}\n      <SeoDrawer\n        analyzeNow={analyzeNow}\n        analyzing={analyzing}\n        drawerSlug={DRAWER_SLUG}\n        keyphrase={keyphrase}\n        keyphrasePending={keyphrasePending}\n        result={result}\n        setKeyphrase={setKeyphrase}\n        site={site}\n      />\n    </span>\n  );\n}\n\nexport default SeoButton;\n"],"mappings":";AA2DI,SAMU,KANV;AA1DJ,SAAS,QAAQ,gBAAgB;AACjC,SAAS,WAAW;AACpB,SAAS,aAAa;AACtB,SAAS,aAAa,gBAAgB;AACtC,SAAS,iBAAiB;AAC1B,SAAS,0BAA0B;AACnC,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAUhC,MAAM,cAAc;AAEpB,MAAM,cAAc,IAAI,6HAA6H;AAAA,EACnJ,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,MAAM;AAAA,MACN,KAAK;AAAA,IACP;AAAA,EACF;AACF,CAAC;AAEM,SAAS,UAAU,EAAE,gBAAgB,QAAQ,MAAM,iBAAiB,GAAmB;AAC5F,QAAM,EAAE,UAAU,IAAI,SAAS;AAC/B,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE;AAC7C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,QAAM,EAAE,WAAW,UAAU,gBAAgB,IAAI,gBAAgB;AAAA,IAC/D;AAAA,IACA;AAAA,IACA,MAAM,EAAE,MAAM,KAAK,MAAM,SAAS,KAAK,QAAQ;AAAA,IAC/C;AAAA,IACA,SAAS;AAAA,EACX,CAAC;AACD,QAAM,EAAE,QAAQ,WAAW,mBAAmB,WAAW,IAAI,YAAY,EAAE,UAAU,WAAW,kBAAkB,SAAS,UAAU,CAAC;AAEtI,QAAM,mBAAmB,mBAAmB,WAAW,iBAAiB;AAExE,QAAM,SAAS,QAAQ,QAAQ,UAAU;AAEzC,QAAM,OAAO,YAAY,MAAM;AAC7B,oBAAgB;AAChB,QAAI,WAAW;AACb,iBAAW;AAAA,IACb,OAAO;AACL,mBAAa,IAAI;AAAA,IACnB;AACA,cAAU,WAAW;AAAA,EACvB,GAAG,CAAC,WAAW,YAAY,iBAAiB,SAAS,CAAC;AAEtD,SACE,qBAAC,UAAK,WAAU,wBACd;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,cAAW;AAAA,QACX,aAAY;AAAA,QACZ,WAAU;AAAA,QACV,kBAAkB,EAAE,OAAO,OAAU;AAAA,QACrC,MAAM,oBAAC,SAAM;AAAA,QACb,WAAU;AAAA,QACV,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,MAAK;AAAA,QACL,SAAQ;AAAA;AAAA,IACV;AAAA,IACC,SAAS,oBAAC,UAAK,eAAY,QAAO,WAAW,YAAY,EAAE,OAAO,CAAC,GAAG,IAAK;AAAA,IAC5E;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,IAAO,oBAAQ;","names":[]}

package/dist/components/SeoDrawer/TabsNav/constants.d.ts

@@ -0,0 +1,3 @@
+import type { Tab } from "./types";
+export declare const TABS: Tab[];
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/SeoDrawer/TabsNav/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/SeoDrawer/TabsNav/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAGnC,eAAO,MAAM,IAAI,EAAE,GAAG,EAOrB,CAAC"}

package/dist/components/SeoDrawer/TabsNav/constants.js

@@ -0,0 +1,13 @@
+import { BarChart3, BookOpen, Crosshair, FileText, Search, Users } from "lucide-react";
+const TABS = [
+  { key: "keyphrase", label: "Keyphrase", icon: Crosshair },
+  { key: "onpage", label: "On-page SEO", icon: FileText },
+  { key: "readability", label: "Readability", icon: BookOpen },
+  { key: "inclusive", label: "Inclusive", icon: Users },
+  { key: "vitals", label: "Content vitals", icon: BarChart3 },
+  { key: "serp", label: "Search result preview", icon: Search }
+];
+export {
+  TABS
+};
+//# sourceMappingURL=constants.js.map

package/dist/components/SeoDrawer/TabsNav/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SeoDrawer/TabsNav/constants.ts"],"sourcesContent":["import type { Tab } from \"./types\";\nimport { BarChart3, BookOpen, Crosshair, FileText, Search, Users } from \"lucide-react\";\n\nexport const TABS: Tab[] = [\n  { key: \"keyphrase\", label: \"Keyphrase\", icon: Crosshair },\n  { key: \"onpage\", label: \"On-page SEO\", icon: FileText },\n  { key: \"readability\", label: \"Readability\", icon: BookOpen },\n  { key: \"inclusive\", label: \"Inclusive\", icon: Users },\n  { key: \"vitals\", label: \"Content vitals\", icon: BarChart3 },\n  { key: \"serp\", label: \"Search result preview\", icon: Search },\n];\n"],"mappings":"AACA,SAAS,WAAW,UAAU,WAAW,UAAU,QAAQ,aAAa;AAEjE,MAAM,OAAc;AAAA,EACzB,EAAE,KAAK,aAAa,OAAO,aAAa,MAAM,UAAU;AAAA,EACxD,EAAE,KAAK,UAAU,OAAO,eAAe,MAAM,SAAS;AAAA,EACtD,EAAE,KAAK,eAAe,OAAO,eAAe,MAAM,SAAS;AAAA,EAC3D,EAAE,KAAK,aAAa,OAAO,aAAa,MAAM,MAAM;AAAA,EACpD,EAAE,KAAK,UAAU,OAAO,kBAAkB,MAAM,UAAU;AAAA,EAC1D,EAAE,KAAK,QAAQ,OAAO,yBAAyB,MAAM,OAAO;AAC9D;","names":[]}

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

@@ -0,0 +1,8 @@
+import type { TabKey } from "./types";
+export type { TabKey } from "./types";
+export interface TabsNavProps {
+    active: TabKey;
+    onChange: (next: TabKey) => void;
+}
+export declare function TabsNav({ active, onChange }: TabsNavProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SeoDrawer/TabsNav/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAGtC,YAAY,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEtC,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAWzD"}

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

@@ -0,0 +1,14 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { TABS } from "./constants";
+import { tabVariants } from "./variants";
+function TabsNav({ active, onChange }) {
+  return /* @__PURE__ */ jsx("nav", { role: "tablist", className: "flex gap-[20px] border-b border-neutral-200 overflow-x-auto", children: TABS.map(({ key, label, icon: Icon }) => /* @__PURE__ */ jsxs("button", { type: "button", role: "tab", "aria-selected": active === key, className: tabVariants({ active: active === key }), onClick: () => onChange(key), children: [
+    /* @__PURE__ */ jsx(Icon, { size: 14, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx("span", { children: label })
+  ] }, key)) });
+}
+export {
+  TabsNav
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SeoDrawer/TabsNav/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { TABS } from \"./constants\";\nimport type { TabKey } from \"./types\";\nimport { tabVariants } from \"./variants\";\n\nexport type { TabKey } from \"./types\";\n\nexport interface TabsNavProps {\n  active: TabKey;\n  onChange: (next: TabKey) => void;\n}\n\nexport function TabsNav({ active, onChange }: TabsNavProps) {\n  return (\n    <nav role=\"tablist\" className=\"flex gap-[20px] border-b border-neutral-200 overflow-x-auto\">\n      {TABS.map(({ key, label, icon: Icon }) => (\n        <button key={key} type=\"button\" role=\"tab\" aria-selected={active === key} className={tabVariants({ active: active === key })} onClick={() => onChange(key)}>\n          <Icon size={14} aria-hidden=\"true\" />\n          <span>{label}</span>\n        </button>\n      ))}\n    </nav>\n  );\n}\n"],"mappings":";AAiBQ,SACE,KADF;AAfR,SAAS,YAAY;AAErB,SAAS,mBAAmB;AASrB,SAAS,QAAQ,EAAE,QAAQ,SAAS,GAAiB;AAC1D,SACE,oBAAC,SAAI,MAAK,WAAU,WAAU,+DAC3B,eAAK,IAAI,CAAC,EAAE,KAAK,OAAO,MAAM,KAAK,MAClC,qBAAC,YAAiB,MAAK,UAAS,MAAK,OAAM,iBAAe,WAAW,KAAK,WAAW,YAAY,EAAE,QAAQ,WAAW,IAAI,CAAC,GAAG,SAAS,MAAM,SAAS,GAAG,GACvJ;AAAA,wBAAC,QAAK,MAAM,IAAI,eAAY,QAAO;AAAA,IACnC,oBAAC,UAAM,iBAAM;AAAA,OAFF,GAGb,CACD,GACH;AAEJ;","names":[]}

package/dist/components/SeoDrawer/TabsNav/types.d.ts

@@ -0,0 +1,8 @@
+import type { LucideIcon } from "lucide-react";
+export type TabKey = "keyphrase" | "onpage" | "readability" | "inclusive" | "vitals" | "serp";
+export interface Tab {
+    key: TabKey;
+    label: string;
+    icon: LucideIcon;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/SeoDrawer/TabsNav/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/SeoDrawer/TabsNav/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,aAAa,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE9F,MAAM,WAAW,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;CAClB"}

package/dist/components/SeoDrawer/TabsNav/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/components/SeoDrawer/TabsNav/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/SeoDrawer/TabsNav/variants.d.ts

@@ -0,0 +1,4 @@
+export declare const tabVariants: (props?: ({
+    active?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=variants.d.ts.map

package/dist/components/SeoDrawer/TabsNav/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/components/SeoDrawer/TabsNav/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;8EAQtB,CAAC"}

package/dist/components/SeoDrawer/TabsNav/variants.js

@@ -0,0 +1,14 @@
+import { cva } from "class-variance-authority";
+const tabVariants = cva("inline-flex items-center gap-[6px] py-[11px] bg-transparent whitespace-nowrap text-[12.5px] cursor-pointer", {
+  variants: {
+    active: {
+      true: "text-neutral-1000 font-medium",
+      false: "text-neutral-500 hover:text-neutral-800"
+    }
+  },
+  defaultVariants: { active: false }
+});
+export {
+  tabVariants
+};
+//# sourceMappingURL=variants.js.map

package/dist/components/SeoDrawer/TabsNav/variants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SeoDrawer/TabsNav/variants.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const tabVariants = cva(\"inline-flex items-center gap-[6px] py-[11px] bg-transparent whitespace-nowrap text-[12.5px] cursor-pointer\", {\n  variants: {\n    active: {\n      true: \"text-neutral-1000 font-medium\",\n      false: \"text-neutral-500 hover:text-neutral-800\",\n    },\n  },\n  defaultVariants: { active: false },\n});\n"],"mappings":"AAAA,SAAS,WAAW;AAEb,MAAM,cAAc,IAAI,8GAA8G;AAAA,EAC3I,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB,EAAE,QAAQ,MAAM;AACnC,CAAC;","names":[]}

package/dist/components/SeoDrawer/analysisDecision.d.ts

@@ -0,0 +1,7 @@
+export type AutoAction = "skip" | "run";
+export declare function decideAutoAction(args: {
+    enabled: boolean;
+    signature: string;
+    lastSignature: string | null;
+}): AutoAction;
+//# sourceMappingURL=analysisDecision.d.ts.map

package/dist/components/SeoDrawer/analysisDecision.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"analysisDecision.d.ts","sourceRoot":"","sources":["../../../src/components/SeoDrawer/analysisDecision.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC;AAExC,wBAAgB,gBAAgB,CAAC,IAAI,EAAE;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAAG,UAAU,CAMxH"}

package/dist/components/SeoDrawer/analysisDecision.js

@@ -0,0 +1,12 @@
+function decideAutoAction(args) {
+  const { enabled, signature, lastSignature } = args;
+  if (!enabled)
+    return "skip";
+  if (signature === lastSignature)
+    return "skip";
+  return "run";
+}
+export {
+  decideAutoAction
+};
+//# sourceMappingURL=analysisDecision.js.map

package/dist/components/SeoDrawer/analysisDecision.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SeoDrawer/analysisDecision.ts"],"sourcesContent":["export type AutoAction = \"skip\" | \"run\";\n\nexport function decideAutoAction(args: { enabled: boolean; signature: string; lastSignature: string | null }): AutoAction {\n  const { enabled, signature, lastSignature } = args;\n\n  if (!enabled) return \"skip\";\n  if (signature === lastSignature) return \"skip\";\n  return \"run\";\n}\n"],"mappings":"AAEO,SAAS,iBAAiB,MAAyF;AACxH,QAAM,EAAE,SAAS,WAAW,cAAc,IAAI;AAE9C,MAAI,CAAC;AAAS,WAAO;AACrB,MAAI,cAAc;AAAe,WAAO;AACxC,SAAO;AACT;","names":[]}

package/dist/components/SeoDrawer/build-analysis-input.d.ts

@@ -0,0 +1,24 @@
+import type { ClientField } from "payload";
+import type { MediaResolver } from "../../content/uploads/media-resolver";
+import type { UploadWalkContext } from "../../content/uploads/transform-upload-values";
+import type { AnalysisInput } from "../../engine/types/analysis";
+import type { ExtractorFn, SeoFieldPaths } from "../../types/config";
+export interface BuildAnalysisInputArgs {
+    values: Record<string, unknown>;
+    locale: string | {
+        code?: string;
+    } | null | undefined;
+    payloadLocale: string | undefined;
+    keyphrase: string;
+    fields: SeoFieldPaths;
+    site: {
+        name: string;
+        baseUrl: string;
+    };
+    schemaFields: ClientField[];
+    walkCtx: UploadWalkContext;
+    resolver: MediaResolver;
+    override?: ExtractorFn;
+}
+export declare function buildAnalysisInput(args: BuildAnalysisInputArgs): Promise<AnalysisInput>;
+//# sourceMappingURL=build-analysis-input.d.ts.map

package/dist/components/SeoDrawer/build-analysis-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-analysis-input.d.ts","sourceRoot":"","sources":["../../../src/components/SeoDrawer/build-analysis-input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AACvF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGrE,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,MAAM,EAAE,MAAM,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IACtD,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,aAAa,CAAC;IACtB,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC;IACxB,QAAQ,CAAC,EAAE,WAAW,CAAC;CACxB;AAYD,wBAAsB,kBAAkB,CAAC,IAAI,EAAE,sBAAsB,GAAG,OAAO,CAAC,aAAa,CAAC,CAW7F"}

package/dist/components/SeoDrawer/build-analysis-input.js

@@ -0,0 +1,27 @@
+import { extractContent } from "../../content/extractContent";
+import { collectUploadRefs } from "../../content/uploads/collect-upload-refs";
+import { hydrateUploadValues } from "../../content/uploads/hydrate-values";
+import { buildInput } from "./buildInput";
+async function extractWithUploads(args) {
+  const refs = collectUploadRefs(args.values, args.schemaFields, args.walkCtx);
+  if (refs.length === 0)
+    return extractContent(args.values, args.fields);
+  const resolved = await args.resolver.resolve(refs, args.payloadLocale);
+  const hydrated = hydrateUploadValues(args.values, args.schemaFields, args.walkCtx, resolved);
+  return extractContent(hydrated, args.fields);
+}
+async function buildAnalysisInput(args) {
+  const contentHtml = args.override ? await args.override(args.values) : await extractWithUploads(args);
+  return buildInput({
+    values: args.values,
+    contentHtml,
+    locale: args.locale,
+    keyphrase: args.keyphrase,
+    fields: args.fields,
+    site: args.site
+  });
+}
+export {
+  buildAnalysisInput
+};
+//# sourceMappingURL=build-analysis-input.js.map

package/dist/components/SeoDrawer/build-analysis-input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SeoDrawer/build-analysis-input.ts"],"sourcesContent":["import type { ClientField } from \"payload\";\nimport { extractContent } from \"../../content/extractContent\";\nimport { collectUploadRefs } from \"../../content/uploads/collect-upload-refs\";\nimport { hydrateUploadValues } from \"../../content/uploads/hydrate-values\";\nimport type { MediaResolver } from \"../../content/uploads/media-resolver\";\nimport type { UploadWalkContext } from \"../../content/uploads/transform-upload-values\";\nimport type { AnalysisInput } from \"../../engine/types/analysis\";\nimport type { ExtractorFn, SeoFieldPaths } from \"../../types/config\";\nimport { buildInput } from \"./buildInput\";\n\nexport interface BuildAnalysisInputArgs {\n  values: Record<string, unknown>;\n  locale: string | { code?: string } | null | undefined;\n  payloadLocale: string | undefined;\n  keyphrase: string;\n  fields: SeoFieldPaths;\n  site: { name: string; baseUrl: string };\n  schemaFields: ClientField[];\n  walkCtx: UploadWalkContext;\n  resolver: MediaResolver;\n  override?: ExtractorFn;\n}\n\nasync function extractWithUploads(args: BuildAnalysisInputArgs): Promise<string> {\n  const refs = collectUploadRefs(args.values, args.schemaFields, args.walkCtx);\n  if (refs.length === 0) return extractContent(args.values, args.fields);\n\n  const resolved = await args.resolver.resolve(refs, args.payloadLocale);\n  const hydrated = hydrateUploadValues(args.values, args.schemaFields, args.walkCtx, resolved);\n\n  return extractContent(hydrated, args.fields);\n}\n\nexport async function buildAnalysisInput(args: BuildAnalysisInputArgs): Promise<AnalysisInput> {\n  const contentHtml = args.override ? await args.override(args.values) : await extractWithUploads(args);\n\n  return buildInput({\n    values: args.values,\n    contentHtml,\n    locale: args.locale,\n    keyphrase: args.keyphrase,\n    fields: args.fields,\n    site: args.site,\n  });\n}\n"],"mappings":"AACA,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AAKpC,SAAS,kBAAkB;AAe3B,eAAe,mBAAmB,MAA+C;AAC/E,QAAM,OAAO,kBAAkB,KAAK,QAAQ,KAAK,cAAc,KAAK,OAAO;AAC3E,MAAI,KAAK,WAAW;AAAG,WAAO,eAAe,KAAK,QAAQ,KAAK,MAAM;AAErE,QAAM,WAAW,MAAM,KAAK,SAAS,QAAQ,MAAM,KAAK,aAAa;AACrE,QAAM,WAAW,oBAAoB,KAAK,QAAQ,KAAK,cAAc,KAAK,SAAS,QAAQ;AAE3F,SAAO,eAAe,UAAU,KAAK,MAAM;AAC7C;AAEA,eAAsB,mBAAmB,MAAsD;AAC7F,QAAM,cAAc,KAAK,WAAW,MAAM,KAAK,SAAS,KAAK,MAAM,IAAI,MAAM,mBAAmB,IAAI;AAEpG,SAAO,WAAW;AAAA,IAChB,QAAQ,KAAK;AAAA,IACb;AAAA,IACA,QAAQ,KAAK;AAAA,IACb,WAAW,KAAK;AAAA,IAChB,QAAQ,KAAK;AAAA,IACb,MAAM,KAAK;AAAA,EACb,CAAC;AACH;","names":[]}

package/dist/components/SeoDrawer/buildInput.d.ts

@@ -0,0 +1,17 @@
+import type { AnalysisInput } from "../../engine/types/analysis";
+import type { SeoFieldPaths } from "../../types/config";
+export interface BuildInputArgs {
+    values: Record<string, unknown>;
+    contentHtml: string;
+    locale: string | {
+        code?: string;
+    } | null | undefined;
+    keyphrase: string;
+    fields: SeoFieldPaths;
+    site: {
+        name: string;
+        baseUrl: string;
+    };
+}
+export declare function buildInput({ values, contentHtml, locale, keyphrase, fields, site }: BuildInputArgs): AnalysisInput;
+//# sourceMappingURL=buildInput.d.ts.map

package/dist/components/SeoDrawer/buildInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildInput.d.ts","sourceRoot":"","sources":["../../../src/components/SeoDrawer/buildInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAgBxD,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IACtD,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,aAAa,CAAC;IACtB,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;CACzC;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,cAAc,GAAG,aAAa,CAkBlH"}

package/dist/components/SeoDrawer/buildInput.js

@@ -0,0 +1,32 @@
+function valueAt(values, path) {
+  if (!path)
+    return "";
+  const v = path.split(".").reduce((acc, k) => acc && typeof acc === "object" ? acc[k] : void 0, values);
+  return typeof v === "string" ? v : "";
+}
+function normalizeLocale(locale) {
+  const code = (typeof locale === "object" && locale ? locale.code : locale != null ? String(locale) : void 0) ?? "en";
+  return code.includes("_") ? code : `${code}_${code.toUpperCase()}`;
+}
+function buildInput({ values, contentHtml, locale, keyphrase, fields, site }) {
+  const title = valueAt(values, fields.seoTitle) || valueAt(values, "title");
+  return {
+    title,
+    slug: valueAt(values, fields.slug ?? "slug"),
+    description: valueAt(values, fields.metaDescription),
+    contentHtml,
+    keyphrase,
+    locale: normalizeLocale(locale),
+    site,
+    has: {
+      seoTitle: Boolean(fields.seoTitle && valueAt(values, fields.seoTitle)),
+      metaDescription: Boolean(fields.metaDescription),
+      slug: Boolean(fields.slug ?? "slug"),
+      content: Boolean(fields.content)
+    }
+  };
+}
+export {
+  buildInput
+};
+//# sourceMappingURL=buildInput.js.map

package/dist/components/SeoDrawer/buildInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SeoDrawer/buildInput.ts"],"sourcesContent":["import type { AnalysisInput } from \"../../engine/types/analysis\";\nimport type { SeoFieldPaths } from \"../../types/config\";\n\nfunction valueAt(values: Record<string, unknown>, path?: string): string {\n  if (!path) return \"\";\n\n  const v = path.split(\".\").reduce<unknown>((acc, k) => (acc && typeof acc === \"object\" ? (acc as Record<string, unknown>)[k] : undefined), values);\n\n  return typeof v === \"string\" ? v : \"\";\n}\n\nfunction normalizeLocale(locale: string | { code?: string } | null | undefined): string {\n  const code = (typeof locale === \"object\" && locale ? locale.code : locale != null ? String(locale) : undefined) ?? \"en\";\n\n  return code.includes(\"_\") ? code : `${code}_${code.toUpperCase()}`;\n}\n\nexport interface BuildInputArgs {\n  values: Record<string, unknown>;\n  contentHtml: string;\n  locale: string | { code?: string } | null | undefined;\n  keyphrase: string;\n  fields: SeoFieldPaths;\n  site: { name: string; baseUrl: string };\n}\n\nexport function buildInput({ values, contentHtml, locale, keyphrase, fields, site }: BuildInputArgs): AnalysisInput {\n  const title = valueAt(values, fields.seoTitle) || valueAt(values, \"title\");\n\n  return {\n    title,\n    slug: valueAt(values, fields.slug ?? \"slug\"),\n    description: valueAt(values, fields.metaDescription),\n    contentHtml,\n    keyphrase,\n    locale: normalizeLocale(locale),\n    site,\n    has: {\n      seoTitle: Boolean(fields.seoTitle && valueAt(values, fields.seoTitle)),\n      metaDescription: Boolean(fields.metaDescription),\n      slug: Boolean(fields.slug ?? \"slug\"),\n      content: Boolean(fields.content),\n    },\n  };\n}\n"],"mappings":"AAGA,SAAS,QAAQ,QAAiC,MAAuB;AACvE,MAAI,CAAC;AAAM,WAAO;AAElB,QAAM,IAAI,KAAK,MAAM,GAAG,EAAE,OAAgB,CAAC,KAAK,MAAO,OAAO,OAAO,QAAQ,WAAY,IAAgC,CAAC,IAAI,QAAY,MAAM;AAEhJ,SAAO,OAAO,MAAM,WAAW,IAAI;AACrC;AAEA,SAAS,gBAAgB,QAA+D;AACtF,QAAM,QAAQ,OAAO,WAAW,YAAY,SAAS,OAAO,OAAO,UAAU,OAAO,OAAO,MAAM,IAAI,WAAc;AAEnH,SAAO,KAAK,SAAS,GAAG,IAAI,OAAO,GAAG,IAAI,IAAI,KAAK,YAAY,CAAC;AAClE;AAWO,SAAS,WAAW,EAAE,QAAQ,aAAa,QAAQ,WAAW,QAAQ,KAAK,GAAkC;AAClH,QAAM,QAAQ,QAAQ,QAAQ,OAAO,QAAQ,KAAK,QAAQ,QAAQ,OAAO;AAEzE,SAAO;AAAA,IACL;AAAA,IACA,MAAM,QAAQ,QAAQ,OAAO,QAAQ,MAAM;AAAA,IAC3C,aAAa,QAAQ,QAAQ,OAAO,eAAe;AAAA,IACnD;AAAA,IACA;AAAA,IACA,QAAQ,gBAAgB,MAAM;AAAA,IAC9B;AAAA,IACA,KAAK;AAAA,MACH,UAAU,QAAQ,OAAO,YAAY,QAAQ,QAAQ,OAAO,QAAQ,CAAC;AAAA,MACrE,iBAAiB,QAAQ,OAAO,eAAe;AAAA,MAC/C,MAAM,QAAQ,OAAO,QAAQ,MAAM;AAAA,MACnC,SAAS,QAAQ,OAAO,OAAO;AAAA,IACjC;AAAA,EACF;AACF;","names":[]}

package/dist/components/SeoDrawer/components/Header.d.ts

@@ -0,0 +1,9 @@
+import type { TotalStatus } from "../../../engine/types/analysis";
+interface HeaderProps {
+    drawerSlug: string;
+    total: number;
+    totalStatus: TotalStatus;
+}
+export declare function Header({ drawerSlug, total, totalStatus }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Header.d.ts.map

package/dist/components/SeoDrawer/components/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/SeoDrawer/components/Header.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAKlE,UAAU,WAAW;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,MAAM,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,WAAW,2CAoBrE"}

package/dist/components/SeoDrawer/components/Header.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useModal, XIcon } from "@payloadcms/ui";
+import { cn } from "../../../utils/style";
+import { statusVar } from "../variants";
+import { Pill } from "../../../ui/Pill";
+function Header({ drawerSlug, total, totalStatus }) {
+  const { closeModal } = useModal();
+  return /* @__PURE__ */ jsxs("div", { className: "relative flex items-center justify-between px-[4px] py-[16px]", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[11px]", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-[16px] font-semibold m-0", children: "SEO Analytics" }),
+      totalStatus === "idle" ? null : /* @__PURE__ */ jsx(Pill, { variant: totalStatus, children: total })
+    ] }),
+    /* @__PURE__ */ jsx("button", { "aria-label": "Close", className: "drawer__header__close", onClick: () => closeModal(drawerSlug), type: "button", children: /* @__PURE__ */ jsx(XIcon, {}) }),
+    /* @__PURE__ */ jsx("div", { className: "absolute inset-x-0 bottom-0 h-[2px] bg-neutral-150", children: /* @__PURE__ */ jsx("i", { className: cn("block h-full", totalStatus === "idle" ? void 0 : statusVar({ status: totalStatus })), style: { width: `${total}%`, background: "var(--seo-c)" } }) })
+  ] });
+}
+export {
+  Header
+};
+//# sourceMappingURL=Header.js.map

package/dist/components/SeoDrawer/components/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SeoDrawer/components/Header.tsx"],"sourcesContent":["\"use client\";\n\nimport { useModal, XIcon } from \"@payloadcms/ui\";\nimport type { TotalStatus } from \"../../../engine/types/analysis\";\nimport { cn } from \"../../../utils/style\";\nimport { statusVar } from \"../variants\";\nimport { Pill } from \"../../../ui/Pill\";\n\ninterface HeaderProps {\n  drawerSlug: string;\n  total: number;\n  totalStatus: TotalStatus;\n}\n\nexport function Header({ drawerSlug, total, totalStatus }: HeaderProps) {\n  const { closeModal } = useModal();\n\n  return (\n    <div className=\"relative flex items-center justify-between px-[4px] py-[16px]\">\n      <div className=\"flex items-center gap-[11px]\">\n        <h2 className=\"text-[16px] font-semibold m-0\">SEO Analytics</h2>\n\n        {totalStatus === \"idle\" ? null : <Pill variant={totalStatus}>{total}</Pill>}\n      </div>\n\n      <button aria-label=\"Close\" className=\"drawer__header__close\" onClick={() => closeModal(drawerSlug)} type=\"button\">\n        <XIcon />\n      </button>\n\n      <div className=\"absolute inset-x-0 bottom-0 h-[2px] bg-neutral-150\">\n        <i className={cn(\"block h-full\", totalStatus === \"idle\" ? undefined : statusVar({ status: totalStatus }))} style={{ width: `${total}%`, background: \"var(--seo-c)\" }} />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAmBM,SACE,KADF;AAjBN,SAAS,UAAU,aAAa;AAEhC,SAAS,UAAU;AACnB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AAQd,SAAS,OAAO,EAAE,YAAY,OAAO,YAAY,GAAgB;AACtE,QAAM,EAAE,WAAW,IAAI,SAAS;AAEhC,SACE,qBAAC,SAAI,WAAU,iEACb;AAAA,yBAAC,SAAI,WAAU,gCACb;AAAA,0BAAC,QAAG,WAAU,iCAAgC,2BAAa;AAAA,MAE1D,gBAAgB,SAAS,OAAO,oBAAC,QAAK,SAAS,aAAc,iBAAM;AAAA,OACtE;AAAA,IAEA,oBAAC,YAAO,cAAW,SAAQ,WAAU,yBAAwB,SAAS,MAAM,WAAW,UAAU,GAAG,MAAK,UACvG,8BAAC,SAAM,GACT;AAAA,IAEA,oBAAC,SAAI,WAAU,sDACb,8BAAC,OAAE,WAAW,GAAG,gBAAgB,gBAAgB,SAAS,SAAY,UAAU,EAAE,QAAQ,YAAY,CAAC,CAAC,GAAG,OAAO,EAAE,OAAO,GAAG,KAAK,KAAK,YAAY,eAAe,GAAG,GACxK;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/SeoDrawer/components/SerpPreview/highlight-keyphrase.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from "react";
+export declare function highlightKeyphrase(text: string, keyphrase: string): ReactNode[];
+//# sourceMappingURL=highlight-keyphrase.d.ts.map

package/dist/components/SeoDrawer/components/SerpPreview/highlight-keyphrase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight-keyphrase.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeoDrawer/components/SerpPreview/highlight-keyphrase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,SAAS,EAAE,CAM/E"}

package/dist/components/SeoDrawer/components/SerpPreview/highlight-keyphrase.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+function escapeRegex(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function highlightKeyphrase(text, keyphrase) {
+  if (!keyphrase.trim())
+    return [text];
+  const segments = text.split(new RegExp(`(${escapeRegex(keyphrase)})`, "gi"));
+  return segments.map((segment, index) => index % 2 === 1 ? /* @__PURE__ */ jsx("strong", { children: segment }, index) : segment);
+}
+export {
+  highlightKeyphrase
+};
+//# sourceMappingURL=highlight-keyphrase.js.map

package/dist/components/SeoDrawer/components/SerpPreview/highlight-keyphrase.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/SeoDrawer/components/SerpPreview/highlight-keyphrase.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nfunction escapeRegex(value: string): string {\n  return value.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n}\n\nexport function highlightKeyphrase(text: string, keyphrase: string): ReactNode[] {\n  if (!keyphrase.trim()) return [text];\n\n  const segments = text.split(new RegExp(`(${escapeRegex(keyphrase)})`, \"gi\"));\n\n  return segments.map((segment, index) => (index % 2 === 1 ? <strong key={index}>{segment}</strong> : segment));\n}\n"],"mappings":"AAW6D;AAT7D,SAAS,YAAY,OAAuB;AAC1C,SAAO,MAAM,QAAQ,uBAAuB,MAAM;AACpD;AAEO,SAAS,mBAAmB,MAAc,WAAgC;AAC/E,MAAI,CAAC,UAAU,KAAK;AAAG,WAAO,CAAC,IAAI;AAEnC,QAAM,WAAW,KAAK,MAAM,IAAI,OAAO,IAAI,YAAY,SAAS,CAAC,KAAK,IAAI,CAAC;AAE3E,SAAO,SAAS,IAAI,CAAC,SAAS,UAAW,QAAQ,MAAM,IAAI,oBAAC,YAAoB,qBAAR,KAAgB,IAAY,OAAQ;AAC9G;","names":[]}

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

@@ -0,0 +1,12 @@
+import type { ReactElement } from "react";
+import type { SerpResult } from "../../../../engine/types/analysis";
+export type SerpMode = "mobile" | "desktop";
+interface SerpPreviewProps {
+    data: SerpResult;
+    keyphrase: string;
+    faviconUrl: string;
+    mode: SerpMode;
+}
+export declare function SerpPreview({ data, keyphrase, faviconUrl, mode }: SerpPreviewProps): ReactElement;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeoDrawer/components/SerpPreview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAMpE,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE5C,UAAU,gBAAgB;IACxB,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,gBAAgB,GAAG,YAAY,CAmBjG"}

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

@@ -0,0 +1,23 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { highlightKeyphrase } from "./highlight-keyphrase";
+import { SerpFavicon } from "./serp-favicon";
+import { serpContainer, serpDescription, serpHostname, serpSiteName, serpTitle, serpUrlRow } from "./variants";
+import { truncateDescription } from "./truncate-description";
+function SerpPreview({ data, keyphrase, faviconUrl, mode }) {
+  const result = /* @__PURE__ */ jsxs("div", { className: serpContainer({ mode }), children: [
+    /* @__PURE__ */ jsxs("div", { className: serpUrlRow({ mode }), children: [
+      /* @__PURE__ */ jsx(SerpFavicon, { faviconUrl, siteName: data.siteName }),
+      /* @__PURE__ */ jsxs("div", { className: "overflow-hidden", children: [
+        /* @__PURE__ */ jsx("div", { className: serpSiteName({ mode }), children: data.siteName }),
+        /* @__PURE__ */ jsx("div", { className: serpHostname({ mode }), children: data.url })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: serpTitle({ mode }), children: data.title }),
+    /* @__PURE__ */ jsx("div", { className: serpDescription({ mode }), children: highlightKeyphrase(truncateDescription(data.description), keyphrase) })
+  ] });
+  return mode === "desktop" ? /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: result }) : result;
+}
+export {
+  SerpPreview
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/SeoDrawer/components/SerpPreview/index.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport type { SerpResult } from \"../../../../engine/types/analysis\";\nimport { highlightKeyphrase } from \"./highlight-keyphrase\";\nimport { SerpFavicon } from \"./serp-favicon\";\nimport { serpContainer, serpDescription, serpHostname, serpSiteName, serpTitle, serpUrlRow } from \"./variants\";\nimport { truncateDescription } from \"./truncate-description\";\n\nexport type SerpMode = \"mobile\" | \"desktop\";\n\ninterface SerpPreviewProps {\n  data: SerpResult;\n  keyphrase: string;\n  faviconUrl: string;\n  mode: SerpMode;\n}\n\nexport function SerpPreview({ data, keyphrase, faviconUrl, mode }: SerpPreviewProps): ReactElement {\n  const result = (\n    <div className={serpContainer({ mode })}>\n      <div className={serpUrlRow({ mode })}>\n        <SerpFavicon faviconUrl={faviconUrl} siteName={data.siteName} />\n\n        <div className=\"overflow-hidden\">\n          <div className={serpSiteName({ mode })}>{data.siteName}</div>\n          <div className={serpHostname({ mode })}>{data.url}</div>\n        </div>\n      </div>\n\n      <div className={serpTitle({ mode })}>{data.title}</div>\n\n      <div className={serpDescription({ mode })}>{highlightKeyphrase(truncateDescription(data.description), keyphrase)}</div>\n    </div>\n  );\n\n  return mode === \"desktop\" ? <div className=\"overflow-x-auto\">{result}</div> : result;\n}\n"],"mappings":"AAoBQ,cAEA,YAFA;AAlBR,SAAS,0BAA0B;AACnC,SAAS,mBAAmB;AAC5B,SAAS,eAAe,iBAAiB,cAAc,cAAc,WAAW,kBAAkB;AAClG,SAAS,2BAA2B;AAW7B,SAAS,YAAY,EAAE,MAAM,WAAW,YAAY,KAAK,GAAmC;AACjG,QAAM,SACJ,qBAAC,SAAI,WAAW,cAAc,EAAE,KAAK,CAAC,GACpC;AAAA,yBAAC,SAAI,WAAW,WAAW,EAAE,KAAK,CAAC,GACjC;AAAA,0BAAC,eAAY,YAAwB,UAAU,KAAK,UAAU;AAAA,MAE9D,qBAAC,SAAI,WAAU,mBACb;AAAA,4BAAC,SAAI,WAAW,aAAa,EAAE,KAAK,CAAC,GAAI,eAAK,UAAS;AAAA,QACvD,oBAAC,SAAI,WAAW,aAAa,EAAE,KAAK,CAAC,GAAI,eAAK,KAAI;AAAA,SACpD;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAW,UAAU,EAAE,KAAK,CAAC,GAAI,eAAK,OAAM;AAAA,IAEjD,oBAAC,SAAI,WAAW,gBAAgB,EAAE,KAAK,CAAC,GAAI,6BAAmB,oBAAoB,KAAK,WAAW,GAAG,SAAS,GAAE;AAAA,KACnH;AAGF,SAAO,SAAS,YAAY,oBAAC,SAAI,WAAU,mBAAmB,kBAAO,IAAS;AAChF;","names":[]}

package/dist/components/SeoDrawer/components/SerpPreview/serp-favicon.d.ts

@@ -0,0 +1,8 @@
+import type { ReactElement } from "react";
+interface SerpFaviconProps {
+    faviconUrl: string;
+    siteName: string;
+}
+export declare function SerpFavicon({ faviconUrl, siteName }: SerpFaviconProps): ReactElement;
+export {};
+//# sourceMappingURL=serp-favicon.d.ts.map

package/dist/components/SeoDrawer/components/SerpPreview/serp-favicon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"serp-favicon.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeoDrawer/components/SerpPreview/serp-favicon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,UAAU,gBAAgB;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,WAAW,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,gBAAgB,GAAG,YAAY,CAMpF"}

package/dist/components/SeoDrawer/components/SerpPreview/serp-favicon.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+function SerpFavicon({ faviconUrl, siteName }) {
+  return /* @__PURE__ */ jsx("div", { className: "grid h-[28px] w-[28px] min-w-[28px] flex-none place-items-center rounded-[50px] bg-serp-favicon-bg", children: faviconUrl ? /* @__PURE__ */ jsx("img", { alt: "", className: "mx-[5px] h-[18px] w-[18px]", src: faviconUrl }) : /* @__PURE__ */ jsx("span", { className: "text-[12px] text-neutral-600", children: siteName.charAt(0).toUpperCase() }) });
+}
+export {
+  SerpFavicon
+};
+//# sourceMappingURL=serp-favicon.js.map

package/dist/components/SeoDrawer/components/SerpPreview/serp-favicon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/SeoDrawer/components/SerpPreview/serp-favicon.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\n\ninterface SerpFaviconProps {\n  faviconUrl: string;\n  siteName: string;\n}\n\nexport function SerpFavicon({ faviconUrl, siteName }: SerpFaviconProps): ReactElement {\n  return (\n    <div className=\"grid h-[28px] w-[28px] min-w-[28px] flex-none place-items-center rounded-[50px] bg-serp-favicon-bg\">\n      {faviconUrl ? <img alt=\"\" className=\"mx-[5px] h-[18px] w-[18px]\" src={faviconUrl} /> : <span className=\"text-[12px] text-neutral-600\">{siteName.charAt(0).toUpperCase()}</span>}\n    </div>\n  );\n}\n"],"mappings":"AAUoB;AAHb,SAAS,YAAY,EAAE,YAAY,SAAS,GAAmC;AACpF,SACE,oBAAC,SAAI,WAAU,sGACZ,uBAAa,oBAAC,SAAI,KAAI,IAAG,WAAU,8BAA6B,KAAK,YAAY,IAAK,oBAAC,UAAK,WAAU,gCAAgC,mBAAS,OAAO,CAAC,EAAE,YAAY,GAAE,GAC1K;AAEJ;","names":[]}

package/dist/components/SeoDrawer/components/SerpPreview/truncate-description.d.ts

@@ -0,0 +1,3 @@
+export declare const SERP_DESCRIPTION_MAX = 156;
+export declare function truncateDescription(text: string, max?: number): string;
+//# sourceMappingURL=truncate-description.d.ts.map

package/dist/components/SeoDrawer/components/SerpPreview/truncate-description.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"truncate-description.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeoDrawer/components/SerpPreview/truncate-description.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAIxC,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,SAAuB,GAAG,MAAM,CAUpF"}

package/dist/components/SeoDrawer/components/SerpPreview/truncate-description.js

@@ -0,0 +1,16 @@
+const SERP_DESCRIPTION_MAX = 156;
+const OMISSION = " \u2026";
+function truncateDescription(text, max = SERP_DESCRIPTION_MAX) {
+  if (text.length <= max)
+    return text;
+  const budget = max - OMISSION.length;
+  const candidate = text.slice(0, budget);
+  const lastSpace = candidate.search(/\s+(?=\S*$)/);
+  const cut = lastSpace > 0 ? candidate.slice(0, lastSpace) : candidate;
+  return cut.trimEnd() + OMISSION;
+}
+export {
+  SERP_DESCRIPTION_MAX,
+  truncateDescription
+};
+//# sourceMappingURL=truncate-description.js.map

package/dist/components/SeoDrawer/components/SerpPreview/truncate-description.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/SeoDrawer/components/SerpPreview/truncate-description.ts"],"sourcesContent":["export const SERP_DESCRIPTION_MAX = 156;\n\nconst OMISSION = \" …\";\n\nexport function truncateDescription(text: string, max = SERP_DESCRIPTION_MAX): string {\n  if (text.length <= max) return text;\n\n  const budget = max - OMISSION.length;\n  const candidate = text.slice(0, budget);\n\n  const lastSpace = candidate.search(/\\s+(?=\\S*$)/);\n  const cut = lastSpace > 0 ? candidate.slice(0, lastSpace) : candidate;\n\n  return cut.trimEnd() + OMISSION;\n}\n"],"mappings":"AAAO,MAAM,uBAAuB;AAEpC,MAAM,WAAW;AAEV,SAAS,oBAAoB,MAAc,MAAM,sBAA8B;AACpF,MAAI,KAAK,UAAU;AAAK,WAAO;AAE/B,QAAM,SAAS,MAAM,SAAS;AAC9B,QAAM,YAAY,KAAK,MAAM,GAAG,MAAM;AAEtC,QAAM,YAAY,UAAU,OAAO,aAAa;AAChD,QAAM,MAAM,YAAY,IAAI,UAAU,MAAM,GAAG,SAAS,IAAI;AAE5D,SAAO,IAAI,QAAQ,IAAI;AACzB;","names":[]}

package/dist/components/SeoDrawer/components/SerpPreview/variants.d.ts

@@ -0,0 +1,19 @@
+export declare const serpContainer: (props?: ({
+    mode?: "desktop" | "mobile" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const serpUrlRow: (props?: ({
+    mode?: "desktop" | "mobile" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const serpSiteName: (props?: ({
+    mode?: "desktop" | "mobile" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const serpHostname: (props?: ({
+    mode?: "desktop" | "mobile" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const serpTitle: (props?: ({
+    mode?: "desktop" | "mobile" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const serpDescription: (props?: ({
+    mode?: "desktop" | "mobile" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=variants.d.ts.map

package/dist/components/SeoDrawer/components/SerpPreview/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeoDrawer/components/SerpPreview/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;8EAOxB,CAAC;AAEH,eAAO,MAAM,UAAU;;8EAOrB,CAAC;AAEH,eAAO,MAAM,YAAY;;8EAOvB,CAAC;AAEH,eAAO,MAAM,YAAY;;8EAOvB,CAAC;AAEH,eAAO,MAAM,SAAS;;8EAOpB,CAAC;AAEH,eAAO,MAAM,eAAe;;8EAO1B,CAAC"}