@focus-reactive/payload-plugin-seo 1.5.0 → 1.6.1

package/dist/client-config/registry.d.ts

@@ -0,0 +1,7 @@
+export interface SeoClientConfig {
+    enabled: boolean;
+    extractByCollection: Record<string, string>;
+}
+export declare function registerSeoClientConfig(config: SeoClientConfig): void;
+export declare function getSeoClientConfig(): SeoClientConfig;
+//# sourceMappingURL=registry.d.ts.map

package/dist/client-config/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/client-config/registry.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC7C;AAOD,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,eAAe,GAAG,IAAI,CAErE;AAED,wBAAgB,kBAAkB,IAAI,eAAe,CAIpD"}

package/dist/client-config/registry.js

@@ -0,0 +1,16 @@
+const STORE_KEY = "__FR_SEO_CLIENT_CONFIG__";
+const EMPTY = {
+  enabled: false,
+  extractByCollection: {}
+};
+function registerSeoClientConfig(config) {
+  globalThis[STORE_KEY] = config;
+}
+function getSeoClientConfig() {
+  return globalThis[STORE_KEY] ?? EMPTY;
+}
+export {
+  getSeoClientConfig,
+  registerSeoClientConfig
+};
+//# sourceMappingURL=registry.js.map

package/dist/client-config/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/client-config/registry.ts"],"sourcesContent":["const STORE_KEY = \"__FR_SEO_CLIENT_CONFIG__\";\n\nexport interface SeoClientConfig {\n  enabled: boolean;\n  extractByCollection: Record<string, string>;\n}\n\nconst EMPTY: SeoClientConfig = {\n  enabled: false,\n  extractByCollection: {},\n};\n\nexport function registerSeoClientConfig(config: SeoClientConfig): void {\n  (globalThis as Record<string, unknown>)[STORE_KEY] = config;\n}\n\nexport function getSeoClientConfig(): SeoClientConfig {\n  return (\n    ((globalThis as Record<string, unknown>)[STORE_KEY] as SeoClientConfig | undefined) ?? EMPTY\n  );\n}\n"],"mappings":"AAAA,MAAM,YAAY;AAOlB,MAAM,QAAyB;AAAA,EAC7B,SAAS;AAAA,EACT,qBAAqB,CAAC;AACxB;AAEO,SAAS,wBAAwB,QAA+B;AACrE,EAAC,WAAuC,SAAS,IAAI;AACvD;AAEO,SAAS,qBAAsC;AACpD,SACI,WAAuC,SAAS,KAAqC;AAE3F;","names":[]}

package/dist/components/SeoField/Meter.d.ts

@@ -0,0 +1,10 @@
+import type { Measurement } from "../../measure/measure";
+interface MeterProps {
+    measurement: Measurement;
+    hasText: boolean;
+    loading: boolean;
+    kindLabel: string;
+}
+export declare function Meter({ measurement, hasText, loading, kindLabel }: MeterProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Meter.d.ts.map

package/dist/components/SeoField/Meter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Meter.d.ts","sourceRoot":"","sources":["../../../src/components/SeoField/Meter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAoBzD,UAAU,UAAU;IAClB,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,KAAK,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,UAAU,2CA0C7E"}

package/dist/components/SeoField/Meter.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Pill } from "../../ui/Pill";
+import { cn } from "../../utils/style";
+const STATUS_TO_VARIANT = {
+  good: "good",
+  short: "warn",
+  long: "bad"
+};
+const STATUS_LABEL = {
+  good: "Good",
+  short: "Too short",
+  long: "Too long"
+};
+const FILL_CLASS = {
+  good: "bg-seo-good",
+  short: "bg-seo-warn",
+  long: "bg-seo-bad"
+};
+function Meter({ measurement, hasText, loading, kindLabel }) {
+  const { value, min, max, status, unit } = measurement;
+  const readout = unit === "px" ? `${value} / ${max} px` : `${value} / ${max}`;
+  const pct = (n) => `${Math.min(100, Math.max(0, n / max * 100))}%`;
+  return /* @__PURE__ */ jsxs("div", { className: "mt-[11px] flex items-center gap-[12px]", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative h-[6px] flex-1 overflow-hidden rounded-full bg-neutral-100", children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "absolute inset-y-0 border-x border-seo-good/40 bg-seo-good/15",
+          style: {
+            left: pct(min),
+            right: `calc(100% - ${pct(max)})`
+          }
+        }
+      ),
+      hasText && !loading && /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn("absolute inset-y-0 left-0 rounded-full", FILL_CLASS[status]),
+          style: { width: pct(value) }
+        }
+      ),
+      loading && /* @__PURE__ */ jsx("span", { className: "absolute inset-0 animate-pulse bg-neutral-200" })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "whitespace-nowrap text-[12px] tabular-nums text-neutral-500",
+        style: { fontFamily: "ui-monospace, monospace" },
+        children: loading ? `\u2014 / ${max}` : readout
+      }
+    ),
+    hasText && !loading ? /* @__PURE__ */ jsx(Pill, { variant: STATUS_TO_VARIANT[status], children: STATUS_LABEL[status] }) : /* @__PURE__ */ jsx(Pill, { variant: "neutral", children: loading ? "Working\u2026" : `No ${kindLabel}` })
+  ] });
+}
+export {
+  Meter
+};
+//# sourceMappingURL=Meter.js.map

package/dist/components/SeoField/Meter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SeoField/Meter.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Measurement } from \"../../measure/measure\";\nimport { Pill } from \"../../ui/Pill\";\nimport { cn } from \"../../utils/style\";\n\nconst STATUS_TO_VARIANT = {\n  good: \"good\",\n  short: \"warn\",\n  long: \"bad\",\n} as const;\nconst STATUS_LABEL = {\n  good: \"Good\",\n  short: \"Too short\",\n  long: \"Too long\",\n} as const;\nconst FILL_CLASS = {\n  good: \"bg-seo-good\",\n  short: \"bg-seo-warn\",\n  long: \"bg-seo-bad\",\n} as const;\n\ninterface MeterProps {\n  measurement: Measurement;\n  hasText: boolean;\n  loading: boolean;\n  kindLabel: string;\n}\n\nexport function Meter({ measurement, hasText, loading, kindLabel }: MeterProps) {\n  const { value, min, max, status, unit } = measurement;\n\n  const readout = unit === \"px\" ? `${value} / ${max} px` : `${value} / ${max}`;\n\n  const pct = (n: number) => `${Math.min(100, Math.max(0, (n / max) * 100))}%`;\n\n  return (\n    <div className=\"mt-[11px] flex items-center gap-[12px]\">\n      <div className=\"relative h-[6px] flex-1 overflow-hidden rounded-full bg-neutral-100\">\n        <span\n          className=\"absolute inset-y-0 border-x border-seo-good/40 bg-seo-good/15\"\n          style={{\n            left: pct(min),\n            right: `calc(100% - ${pct(max)})`,\n          }}\n        />\n\n        {hasText && !loading && (\n          <span\n            className={cn(\"absolute inset-y-0 left-0 rounded-full\", FILL_CLASS[status])}\n            style={{ width: pct(value) }}\n          />\n        )}\n\n        {loading && <span className=\"absolute inset-0 animate-pulse bg-neutral-200\" />}\n      </div>\n\n      <span\n        className=\"whitespace-nowrap text-[12px] tabular-nums text-neutral-500\"\n        style={{ fontFamily: \"ui-monospace, monospace\" }}\n      >\n        {loading ? `— / ${max}` : readout}\n      </span>\n\n      {hasText && !loading ? (\n        <Pill variant={STATUS_TO_VARIANT[status]}>{STATUS_LABEL[status]}</Pill>\n      ) : (\n        <Pill variant=\"neutral\">{loading ? \"Working…\" : `No ${kindLabel}`}</Pill>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAsCM,SACE,KADF;AAnCN,SAAS,YAAY;AACrB,SAAS,UAAU;AAEnB,MAAM,oBAAoB;AAAA,EACxB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AACR;AACA,MAAM,eAAe;AAAA,EACnB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AACR;AACA,MAAM,aAAa;AAAA,EACjB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AACR;AASO,SAAS,MAAM,EAAE,aAAa,SAAS,SAAS,UAAU,GAAe;AAC9E,QAAM,EAAE,OAAO,KAAK,KAAK,QAAQ,KAAK,IAAI;AAE1C,QAAM,UAAU,SAAS,OAAO,GAAG,KAAK,MAAM,GAAG,QAAQ,GAAG,KAAK,MAAM,GAAG;AAE1E,QAAM,MAAM,CAAC,MAAc,GAAG,KAAK,IAAI,KAAK,KAAK,IAAI,GAAI,IAAI,MAAO,GAAG,CAAC,CAAC;AAEzE,SACE,qBAAC,SAAI,WAAU,0CACb;AAAA,yBAAC,SAAI,WAAU,uEACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO;AAAA,YACL,MAAM,IAAI,GAAG;AAAA,YACb,OAAO,eAAe,IAAI,GAAG,CAAC;AAAA,UAChC;AAAA;AAAA,MACF;AAAA,MAEC,WAAW,CAAC,WACX;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,GAAG,0CAA0C,WAAW,MAAM,CAAC;AAAA,UAC1E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE;AAAA;AAAA,MAC7B;AAAA,MAGD,WAAW,oBAAC,UAAK,WAAU,iDAAgD;AAAA,OAC9E;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,YAAY,0BAA0B;AAAA,QAE9C,oBAAU,YAAO,GAAG,KAAK;AAAA;AAAA,IAC5B;AAAA,IAEC,WAAW,CAAC,UACX,oBAAC,QAAK,SAAS,kBAAkB,MAAM,GAAI,uBAAa,MAAM,GAAE,IAEhE,oBAAC,QAAK,SAAQ,WAAW,oBAAU,kBAAa,MAAM,SAAS,IAAG;AAAA,KAEtE;AAEJ;","names":[]}

package/dist/components/SeoField/icons.d.ts

@@ -0,0 +1,5 @@
+export declare const GenerateIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const AutoPublishIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ErrorIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const SpinnerIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=icons.d.ts.map

package/dist/components/SeoField/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/SeoField/icons.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,2IAAW,CAAC;AACrC,eAAO,MAAM,eAAe,2IAAe,CAAC;AAC5C,eAAO,MAAM,SAAS,2IAAc,CAAC;AACrC,eAAO,MAAM,WAAW,2IAAU,CAAC"}

package/dist/components/SeoField/icons.js

@@ -0,0 +1,12 @@
+import { AlertCircle, Loader2, Sparkles, WandSparkles } from "lucide-react";
+const GenerateIcon = Sparkles;
+const AutoPublishIcon = WandSparkles;
+const ErrorIcon = AlertCircle;
+const SpinnerIcon = Loader2;
+export {
+  AutoPublishIcon,
+  ErrorIcon,
+  GenerateIcon,
+  SpinnerIcon
+};
+//# sourceMappingURL=icons.js.map

package/dist/components/SeoField/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SeoField/icons.tsx"],"sourcesContent":["import { AlertCircle, Loader2, Sparkles, WandSparkles } from \"lucide-react\";\n\nexport const GenerateIcon = Sparkles;\nexport const AutoPublishIcon = WandSparkles;\nexport const ErrorIcon = AlertCircle;\nexport const SpinnerIcon = Loader2;\n"],"mappings":"AAAA,SAAS,aAAa,SAAS,UAAU,oBAAoB;AAEtD,MAAM,eAAe;AACrB,MAAM,kBAAkB;AACxB,MAAM,YAAY;AAClB,MAAM,cAAc;","names":[]}

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

@@ -0,0 +1,20 @@
+import type { RangeOverride } from "../../measure/measure";
+import type { SeoFieldKind } from "../../server/generate/prompts";
+interface SeoFieldProps {
+    path: string;
+    field?: {
+        label?: Record<string, string> | string;
+        required?: boolean;
+        admin?: {
+            description?: Record<string, string> | string;
+        };
+    };
+    readOnly?: boolean;
+    kind: SeoFieldKind;
+    showButton?: boolean;
+    generateOnPublish?: boolean;
+    range?: RangeOverride;
+}
+export declare function SeoField(props: SeoFieldProps): import("react/jsx-runtime").JSX.Element;
+export default SeoField;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SeoField/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAOlE,UAAU,aAAa;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;QACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,KAAK,CAAC,EAAE;YAAE,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;SAAE,CAAC;KAC3D,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,YAAY,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAaD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAkH5C;AAED,eAAe,QAAQ,CAAC"}

package/dist/components/SeoField/index.js

@@ -0,0 +1,118 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { FieldLabel, TextareaInput, TextInput, useField } from "@payloadcms/ui";
+import { getSeoClientConfig } from "../../client-config/registry";
+import { measureDescription, measureTitle } from "../../measure/measure";
+import { Tooltip, TooltipText, TooltipTitle } from "../../ui/Tooltip";
+import { cn } from "../../utils/style";
+import { AutoPublishIcon, ErrorIcon, GenerateIcon, SpinnerIcon } from "./icons";
+import { Meter } from "./Meter";
+import { useGenerate } from "./useGenerate";
+const GEN_BTN_CLASS = "inline-flex items-center gap-[6px] rounded-rs border border-neutral-200 bg-transparent px-[9px] py-[4px] text-[12px] font-semibold text-neutral-800 transition-colors hover:border-neutral-300 hover:bg-neutral-100 disabled:cursor-default disabled:text-neutral-400 cursor-pointer";
+function SeoField(props) {
+  const { path, field, readOnly, kind, showButton, generateOnPublish, range } = props;
+  const fieldState = useField({ path });
+  const { value, setValue, showError } = fieldState;
+  const injected = fieldState.customComponents ?? {};
+  const text = value ?? "";
+  const measurement = kind === "title" ? measureTitle(text, range) : measureDescription(text, range);
+  const kindLabel = kind === "title" ? "title" : "description";
+  const { generate, status, error } = useGenerate({ kind, measurement, setValue });
+  const enabled = getSeoClientConfig().enabled;
+  const loading = status === "loading";
+  const labelRow = /* @__PURE__ */ jsxs("div", { className: "flex min-h-[26px] items-center justify-between gap-[12px] pb-[5px] [&_.field-label]:pb-0!", children: [
+    injected.Label ?? /* @__PURE__ */ jsx(FieldLabel, { label: field?.label, path, required: field?.required }),
+    /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-[8px]", children: [
+      status === "error" && /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          align: "end",
+          content: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(TooltipTitle, { children: "Generation failed" }),
+            /* @__PURE__ */ jsx(TooltipText, { children: error ?? "Your text is unchanged \u2014 press Generate to try again." })
+          ] }),
+          side: "bottom",
+          children: /* @__PURE__ */ jsx(ErrorIcon, { "aria-label": "Generation failed", className: "size-[14px] text-seo-bad" })
+        }
+      ),
+      generateOnPublish && enabled && /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          align: "end",
+          content: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(TooltipTitle, { children: "Generated automatically" }),
+            /* @__PURE__ */ jsxs(TooltipText, { children: [
+              "Left empty, this ",
+              kindLabel,
+              " is generated from the page content when you publish. Type a value to keep your own."
+            ] })
+          ] }),
+          side: "bottom",
+          children: /* @__PURE__ */ jsx(
+            AutoPublishIcon,
+            {
+              "aria-label": "Generated on publish",
+              className: "size-[14px] text-neutral-500"
+            }
+          )
+        }
+      ),
+      showButton && enabled && /* @__PURE__ */ jsxs(
+        "button",
+        {
+          className: GEN_BTN_CLASS,
+          disabled: loading || readOnly,
+          onClick: generate,
+          type: "button",
+          children: [
+            loading ? /* @__PURE__ */ jsx(SpinnerIcon, { className: "size-[14px] animate-spin" }) : /* @__PURE__ */ jsx(GenerateIcon, { className: "size-[14px]" }),
+            loading ? "Generating\u2026" : "Generate"
+          ]
+        }
+      )
+    ] })
+  ] });
+  const commonInputProps = {
+    AfterInput: injected.AfterInput,
+    BeforeInput: injected.BeforeInput,
+    Description: injected.Description,
+    Error: injected.Error,
+    Label: labelRow,
+    description: injected.Description ? void 0 : field?.admin?.description,
+    path,
+    readOnly: loading || readOnly,
+    showError,
+    value: text
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("seo-generated-field", showError && "error"), children: [
+    kind === "description" ? /* @__PURE__ */ jsx(
+      TextareaInput,
+      {
+        ...commonInputProps,
+        onChange: (e) => setValue(e.target.value),
+        rows: 3
+      }
+    ) : /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        ...commonInputProps,
+        onChange: (e) => setValue(e.target.value)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Meter,
+      {
+        hasText: text.trim().length > 0,
+        kindLabel,
+        loading,
+        measurement
+      }
+    )
+  ] });
+}
+var SeoField_default = SeoField;
+export {
+  SeoField,
+  SeoField_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SeoField/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { FieldLabel, TextareaInput, TextInput, useField } from \"@payloadcms/ui\";\nimport type { ChangeEvent, ReactNode } from \"react\";\nimport { getSeoClientConfig } from \"../../client-config/registry\";\nimport { measureDescription, measureTitle } from \"../../measure/measure\";\nimport type { RangeOverride } from \"../../measure/measure\";\nimport type { SeoFieldKind } from \"../../server/generate/prompts\";\nimport { Tooltip, TooltipText, TooltipTitle } from \"../../ui/Tooltip\";\nimport { cn } from \"../../utils/style\";\nimport { AutoPublishIcon, ErrorIcon, GenerateIcon, SpinnerIcon } from \"./icons\";\nimport { Meter } from \"./Meter\";\nimport { useGenerate } from \"./useGenerate\";\n\ninterface SeoFieldProps {\n  path: string;\n  field?: {\n    label?: Record<string, string> | string;\n    required?: boolean;\n    admin?: { description?: Record<string, string> | string };\n  };\n  readOnly?: boolean;\n  kind: SeoFieldKind;\n  showButton?: boolean;\n  generateOnPublish?: boolean;\n  range?: RangeOverride;\n}\n\nconst GEN_BTN_CLASS =\n  \"inline-flex items-center gap-[6px] rounded-rs border border-neutral-200 bg-transparent px-[9px] py-[4px] text-[12px] font-semibold text-neutral-800 transition-colors hover:border-neutral-300 hover:bg-neutral-100 disabled:cursor-default disabled:text-neutral-400 cursor-pointer\";\n\ninterface InjectedComponents {\n  Label?: ReactNode;\n  Description?: ReactNode;\n  BeforeInput?: ReactNode;\n  AfterInput?: ReactNode;\n  Error?: ReactNode;\n}\n\nexport function SeoField(props: SeoFieldProps) {\n  const { path, field, readOnly, kind, showButton, generateOnPublish, range } = props;\n  const fieldState = useField<string>({ path });\n  const { value, setValue, showError } = fieldState;\n  const injected: InjectedComponents =\n    (fieldState as { customComponents?: InjectedComponents }).customComponents ?? {};\n  const text = value ?? \"\";\n  const measurement =\n    kind === \"title\" ? measureTitle(text, range) : measureDescription(text, range);\n  const kindLabel = kind === \"title\" ? \"title\" : \"description\";\n\n  const { generate, status, error } = useGenerate({ kind, measurement, setValue });\n  const enabled = getSeoClientConfig().enabled;\n  const loading = status === \"loading\";\n\n  const labelRow = (\n    <div className=\"flex min-h-[26px] items-center justify-between gap-[12px] pb-[5px] [&_.field-label]:pb-0!\">\n      {injected.Label ?? <FieldLabel label={field?.label} path={path} required={field?.required} />}\n\n      <span className=\"inline-flex items-center gap-[8px]\">\n        {status === \"error\" && (\n          <Tooltip\n            align=\"end\"\n            content={\n              <>\n                <TooltipTitle>Generation failed</TooltipTitle>\n                <TooltipText>\n                  {error ?? \"Your text is unchanged — press Generate to try again.\"}\n                </TooltipText>\n              </>\n            }\n            side=\"bottom\"\n          >\n            <ErrorIcon aria-label=\"Generation failed\" className=\"size-[14px] text-seo-bad\" />\n          </Tooltip>\n        )}\n\n        {generateOnPublish && enabled && (\n          <Tooltip\n            align=\"end\"\n            content={\n              <>\n                <TooltipTitle>Generated automatically</TooltipTitle>\n                <TooltipText>\n                  Left empty, this {kindLabel} is generated from the page content when you publish.\n                  Type a value to keep your own.\n                </TooltipText>\n              </>\n            }\n            side=\"bottom\"\n          >\n            <AutoPublishIcon\n              aria-label=\"Generated on publish\"\n              className=\"size-[14px] text-neutral-500\"\n            />\n          </Tooltip>\n        )}\n\n        {showButton && enabled && (\n          <button\n            className={GEN_BTN_CLASS}\n            disabled={loading || readOnly}\n            onClick={generate}\n            type=\"button\"\n          >\n            {loading ? (\n              <SpinnerIcon className=\"size-[14px] animate-spin\" />\n            ) : (\n              <GenerateIcon className=\"size-[14px]\" />\n            )}\n\n            {loading ? \"Generating…\" : \"Generate\"}\n          </button>\n        )}\n      </span>\n    </div>\n  );\n\n  const commonInputProps = {\n    AfterInput: injected.AfterInput,\n    BeforeInput: injected.BeforeInput,\n    Description: injected.Description,\n    Error: injected.Error,\n    Label: labelRow,\n    description: injected.Description ? undefined : field?.admin?.description,\n    path,\n    readOnly: loading || readOnly,\n    showError,\n    value: text,\n  };\n\n  return (\n    <div className={cn(\"seo-generated-field\", showError && \"error\")}>\n      {kind === \"description\" ? (\n        <TextareaInput\n          {...commonInputProps}\n          onChange={(e: ChangeEvent<HTMLTextAreaElement>) => setValue(e.target.value)}\n          rows={3}\n        />\n      ) : (\n        <TextInput\n          {...commonInputProps}\n          onChange={(e: ChangeEvent<HTMLInputElement>) => setValue(e.target.value)}\n        />\n      )}\n\n      <Meter\n        hasText={text.trim().length > 0}\n        kindLabel={kindLabel}\n        loading={loading}\n        measurement={measurement}\n      />\n    </div>\n  );\n}\n\nexport default SeoField;\n"],"mappings":"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","names":[]}

package/dist/components/SeoField/useGenerate.d.ts

@@ -0,0 +1,15 @@
+import type { Measurement } from "../../measure/measure";
+import type { SeoFieldKind } from "../../server/generate/prompts";
+export type GenerateStatus = "idle" | "loading" | "error";
+interface UseGenerateProps {
+    kind: SeoFieldKind;
+    measurement: Measurement;
+    setValue: (v: string) => void;
+}
+export declare function useGenerate({ kind, measurement, setValue }: UseGenerateProps): {
+    generate: () => Promise<void>;
+    status: GenerateStatus;
+    error: string | null;
+};
+export {};
+//# sourceMappingURL=useGenerate.d.ts.map

package/dist/components/SeoField/useGenerate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGenerate.d.ts","sourceRoot":"","sources":["../../../src/components/SeoField/useGenerate.ts"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAalE,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAE1D,UAAU,gBAAgB;IACxB,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,gBAAgB;;;;EA8E5E"}

package/dist/components/SeoField/useGenerate.js

@@ -0,0 +1,102 @@
+"use client";
+import { useAllFormFields, useConfig, useDocumentInfo, useLocale } from "@payloadcms/ui";
+import { reduceFieldsToValues } from "payload/shared";
+import { useCallback, useRef, useState } from "react";
+import { getSeoClientConfig } from "../../client-config/registry";
+import { GENERATE_ENDPOINT_PATH } from "../../constants/generation";
+import { createResolveDocs } from "../../content/resolve/resolve-docs";
+import { resolveContentExtractor } from "../../content/registry";
+import {
+  compact,
+  heading,
+  html,
+  image,
+  link,
+  paragraph,
+  richText,
+  video
+} from "../../content/schema/helpers";
+import { serialize } from "../../content/schema/serialize";
+const helpers = {
+  heading,
+  paragraph,
+  link,
+  image,
+  video,
+  html,
+  richText,
+  compact
+};
+function useGenerate({ kind, measurement, setValue }) {
+  const [formFields] = useAllFormFields();
+  const { config } = useConfig();
+  const { collectionSlug } = useDocumentInfo();
+  const locale = useLocale();
+  const [status, setStatus] = useState("idle");
+  const [error, setError] = useState(null);
+  const ref = useRef({
+    formFields,
+    collectionSlug,
+    locale,
+    apiRoute: config.routes.api
+  });
+  ref.current = {
+    formFields,
+    collectionSlug,
+    locale,
+    apiRoute: config.routes.api
+  };
+  const generate = useCallback(async () => {
+    const { formFields: ff, collectionSlug: slug, locale: loc, apiRoute } = ref.current;
+    const clientConfig = getSeoClientConfig();
+    const extractPath = slug ? clientConfig.extractByCollection[slug] : void 0;
+    const extractor = resolveContentExtractor(extractPath);
+    if (!extractor) {
+      setStatus("error");
+      setError("No content extractor is registered for this collection.");
+      return;
+    }
+    setStatus("loading");
+    setError(null);
+    try {
+      const values = reduceFieldsToValues(ff, true);
+      const localeCode = loc?.code;
+      const ir = await extractor(
+        values,
+        { locale: localeCode, apiRoute },
+        { resolveDocs: createResolveDocs(apiRoute, localeCode), helpers }
+      );
+      const contentHtml = serialize(ir);
+      const res = await fetch(`${apiRoute}${GENERATE_ENDPOINT_PATH}`, {
+        method: "POST",
+        credentials: "include",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          kind,
+          contentHtml,
+          locale: localeCode,
+          range: { min: measurement.min, max: measurement.max, unit: measurement.unit }
+        })
+      });
+      if (!res.ok)
+        throw new Error(`Request failed (${res.status})`);
+      const body = await res.json();
+      if (!body.text)
+        throw new Error("Empty response");
+      setValue(body.text);
+      setStatus("idle");
+    } catch (err) {
+      setStatus("error");
+      setError(err.message || "Generation failed");
+    }
+  }, [kind, measurement.min, measurement.max, measurement.unit, setValue]);
+  return {
+    generate,
+    status,
+    error
+  };
+}
+export {
+  useGenerate
+};
+//# sourceMappingURL=useGenerate.js.map

package/dist/components/SeoField/useGenerate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SeoField/useGenerate.ts"],"sourcesContent":["\"use client\";\n\nimport { useAllFormFields, useConfig, useDocumentInfo, useLocale } from \"@payloadcms/ui\";\nimport { reduceFieldsToValues } from \"payload/shared\";\nimport { useCallback, useRef, useState } from \"react\";\nimport { getSeoClientConfig } from \"../../client-config/registry\";\nimport { GENERATE_ENDPOINT_PATH } from \"../../constants/generation\";\nimport { createResolveDocs } from \"../../content/resolve/resolve-docs\";\nimport { resolveContentExtractor } from \"../../content/registry\";\nimport {\n  compact,\n  heading,\n  html,\n  image,\n  link,\n  paragraph,\n  richText,\n  video,\n} from \"../../content/schema/helpers\";\nimport { serialize } from \"../../content/schema/serialize\";\nimport type { ContentHelpers } from \"../../types/config\";\nimport type { Measurement } from \"../../measure/measure\";\nimport type { SeoFieldKind } from \"../../server/generate/prompts\";\n\nconst helpers: ContentHelpers = {\n  heading,\n  paragraph,\n  link,\n  image,\n  video,\n  html,\n  richText,\n  compact,\n};\n\nexport type GenerateStatus = \"idle\" | \"loading\" | \"error\";\n\ninterface UseGenerateProps {\n  kind: SeoFieldKind;\n  measurement: Measurement;\n  setValue: (v: string) => void;\n}\n\nexport function useGenerate({ kind, measurement, setValue }: UseGenerateProps) {\n  const [formFields] = useAllFormFields();\n  const { config } = useConfig();\n  const { collectionSlug } = useDocumentInfo();\n  const locale = useLocale();\n\n  const [status, setStatus] = useState<GenerateStatus>(\"idle\");\n  const [error, setError] = useState<string | null>(null);\n\n  const ref = useRef({\n    formFields,\n    collectionSlug,\n    locale,\n    apiRoute: config.routes.api,\n  });\n  ref.current = {\n    formFields,\n    collectionSlug,\n    locale,\n    apiRoute: config.routes.api,\n  };\n\n  const generate = useCallback(async () => {\n    const { formFields: ff, collectionSlug: slug, locale: loc, apiRoute } = ref.current;\n\n    const clientConfig = getSeoClientConfig();\n    const extractPath = slug ? clientConfig.extractByCollection[slug] : undefined;\n\n    const extractor = resolveContentExtractor(extractPath);\n    if (!extractor) {\n      setStatus(\"error\");\n      setError(\"No content extractor is registered for this collection.\");\n\n      return;\n    }\n\n    setStatus(\"loading\");\n    setError(null);\n\n    try {\n      const values = reduceFieldsToValues(ff, true) as Record<string, unknown>;\n      const localeCode = loc?.code;\n      const ir = await extractor(\n        values,\n        { locale: localeCode, apiRoute },\n        { resolveDocs: createResolveDocs(apiRoute, localeCode), helpers }\n      );\n      const contentHtml = serialize(ir);\n\n      const res = await fetch(`${apiRoute}${GENERATE_ENDPOINT_PATH}`, {\n        method: \"POST\",\n        credentials: \"include\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({\n          kind,\n          contentHtml,\n          locale: localeCode,\n          range: { min: measurement.min, max: measurement.max, unit: measurement.unit },\n        }),\n      });\n      if (!res.ok) throw new Error(`Request failed (${res.status})`);\n\n      const body = (await res.json()) as { text?: string };\n      if (!body.text) throw new Error(\"Empty response\");\n\n      setValue(body.text);\n      setStatus(\"idle\");\n    } catch (err) {\n      setStatus(\"error\");\n      setError((err as Error).message || \"Generation failed\");\n    }\n  }, [kind, measurement.min, measurement.max, measurement.unit, setValue]);\n\n  return {\n    generate,\n    status,\n    error,\n  };\n}\n"],"mappings":";AAEA,SAAS,kBAAkB,WAAW,iBAAiB,iBAAiB;AACxE,SAAS,4BAA4B;AACrC,SAAS,aAAa,QAAQ,gBAAgB;AAC9C,SAAS,0BAA0B;AACnC,SAAS,8BAA8B;AACvC,SAAS,yBAAyB;AAClC,SAAS,+BAA+B;AACxC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAK1B,MAAM,UAA0B;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAUO,SAAS,YAAY,EAAE,MAAM,aAAa,SAAS,GAAqB;AAC7E,QAAM,CAAC,UAAU,IAAI,iBAAiB;AACtC,QAAM,EAAE,OAAO,IAAI,UAAU;AAC7B,QAAM,EAAE,eAAe,IAAI,gBAAgB;AAC3C,QAAM,SAAS,UAAU;AAEzB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAyB,MAAM;AAC3D,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AAEtD,QAAM,MAAM,OAAO;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,OAAO,OAAO;AAAA,EAC1B,CAAC;AACD,MAAI,UAAU;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,OAAO,OAAO;AAAA,EAC1B;AAEA,QAAM,WAAW,YAAY,YAAY;AACvC,UAAM,EAAE,YAAY,IAAI,gBAAgB,MAAM,QAAQ,KAAK,SAAS,IAAI,IAAI;AAE5E,UAAM,eAAe,mBAAmB;AACxC,UAAM,cAAc,OAAO,aAAa,oBAAoB,IAAI,IAAI;AAEpE,UAAM,YAAY,wBAAwB,WAAW;AACrD,QAAI,CAAC,WAAW;AACd,gBAAU,OAAO;AACjB,eAAS,yDAAyD;AAElE;AAAA,IACF;AAEA,cAAU,SAAS;AACnB,aAAS,IAAI;AAEb,QAAI;AACF,YAAM,SAAS,qBAAqB,IAAI,IAAI;AAC5C,YAAM,aAAa,KAAK;AACxB,YAAM,KAAK,MAAM;AAAA,QACf;AAAA,QACA,EAAE,QAAQ,YAAY,SAAS;AAAA,QAC/B,EAAE,aAAa,kBAAkB,UAAU,UAAU,GAAG,QAAQ;AAAA,MAClE;AACA,YAAM,cAAc,UAAU,EAAE;AAEhC,YAAM,MAAM,MAAM,MAAM,GAAG,QAAQ,GAAG,sBAAsB,IAAI;AAAA,QAC9D,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,QAC9C,MAAM,KAAK,UAAU;AAAA,UACnB;AAAA,UACA;AAAA,UACA,QAAQ;AAAA,UACR,OAAO,EAAE,KAAK,YAAY,KAAK,KAAK,YAAY,KAAK,MAAM,YAAY,KAAK;AAAA,QAC9E,CAAC;AAAA,MACH,CAAC;AACD,UAAI,CAAC,IAAI;AAAI,cAAM,IAAI,MAAM,mBAAmB,IAAI,MAAM,GAAG;AAE7D,YAAM,OAAQ,MAAM,IAAI,KAAK;AAC7B,UAAI,CAAC,KAAK;AAAM,cAAM,IAAI,MAAM,gBAAgB;AAEhD,eAAS,KAAK,IAAI;AAClB,gBAAU,MAAM;AAAA,IAClB,SAAS,KAAK;AACZ,gBAAU,OAAO;AACjB,eAAU,IAAc,WAAW,mBAAmB;AAAA,IACxD;AAAA,EACF,GAAG,CAAC,MAAM,YAAY,KAAK,YAAY,KAAK,YAAY,MAAM,QAAQ,CAAC;AAEvE,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/constants/generation.d.ts

@@ -0,0 +1,13 @@
+export declare const GENERATE_ENDPOINT_PATH = "/seo/generate";
+export declare const DEFAULT_MODEL = "gpt-4o-mini";
+export declare const DEFAULT_MAX_CONTENT_CHARS = 6000;
+export declare const AVG_GLYPH_PX = 8.5;
+export declare const TITLE_RANGE: {
+    readonly min: 400;
+    readonly max: 600;
+};
+export declare const DESCRIPTION_RANGE: {
+    readonly min: 120;
+    readonly max: 156;
+};
+//# sourceMappingURL=generation.d.ts.map

package/dist/constants/generation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generation.d.ts","sourceRoot":"","sources":["../../src/constants/generation.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,kBAAkB,CAAC;AACtD,eAAO,MAAM,aAAa,gBAAgB,CAAC;AAC3C,eAAO,MAAM,yBAAyB,OAAO,CAAC;AAE9C,eAAO,MAAM,YAAY,MAAM,CAAC;AAEhC,eAAO,MAAM,WAAW;;;CAGd,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;CAGpB,CAAC"}

package/dist/constants/generation.js

@@ -0,0 +1,21 @@
+const GENERATE_ENDPOINT_PATH = "/seo/generate";
+const DEFAULT_MODEL = "gpt-4o-mini";
+const DEFAULT_MAX_CONTENT_CHARS = 6e3;
+const AVG_GLYPH_PX = 8.5;
+const TITLE_RANGE = {
+  min: 400,
+  max: 600
+};
+const DESCRIPTION_RANGE = {
+  min: 120,
+  max: 156
+};
+export {
+  AVG_GLYPH_PX,
+  DEFAULT_MAX_CONTENT_CHARS,
+  DEFAULT_MODEL,
+  DESCRIPTION_RANGE,
+  GENERATE_ENDPOINT_PATH,
+  TITLE_RANGE
+};
+//# sourceMappingURL=generation.js.map

package/dist/constants/generation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/constants/generation.ts"],"sourcesContent":["export const GENERATE_ENDPOINT_PATH = \"/seo/generate\";\nexport const DEFAULT_MODEL = \"gpt-4o-mini\";\nexport const DEFAULT_MAX_CONTENT_CHARS = 6000;\n\nexport const AVG_GLYPH_PX = 8.5;\n\nexport const TITLE_RANGE = {\n  min: 400,\n  max: 600,\n} as const;\n\nexport const DESCRIPTION_RANGE = {\n  min: 120,\n  max: 156,\n} as const;\n"],"mappings":"AAAO,MAAM,yBAAyB;AAC/B,MAAM,gBAAgB;AACtB,MAAM,4BAA4B;AAElC,MAAM,eAAe;AAErB,MAAM,cAAc;AAAA,EACzB,KAAK;AAAA,EACL,KAAK;AACP;AAEO,MAAM,oBAAoB;AAAA,EAC/B,KAAK;AAAA,EACL,KAAK;AACP;","names":[]}

package/dist/engine/helpers/title-progress.d.ts

@@ -1,5 +1,6 @@
 import type { LengthProgress } from "@yoast/search-metadata-previews/build/helpers/progress";
-export declare const AVG_GLYPH_PX = 8.5;
+import { AVG_GLYPH_PX } from "../../constants/generation";
+export { AVG_GLYPH_PX };
 export declare const TITLE_FALLBACK_MAX_PX = 600;
 export declare function getTitleProgressGuarded(title: string): LengthProgress;
 //# sourceMappingURL=title-progress.d.ts.map

package/dist/engine/helpers/title-progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"title-progress.d.ts","sourceRoot":"","sources":["../../../src/engine/helpers/title-progress.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wDAAwD,CAAC;AAE7F,eAAO,MAAM,YAAY,MAAM,CAAC;AAChC,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAEzC,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc,CAarE"}
+{"version":3,"file":"title-progress.d.ts","sourceRoot":"","sources":["../../../src/engine/helpers/title-progress.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wDAAwD,CAAC;AAC7F,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAEzC,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc,CAarE"}

package/dist/engine/helpers/title-progress.js

@@ -1,5 +1,5 @@
 import { getTitleProgress } from "@yoast/search-metadata-previews/build/helpers/progress";
-const AVG_GLYPH_PX = 8.5;
+import { AVG_GLYPH_PX } from "../../constants/generation";
 const TITLE_FALLBACK_MAX_PX = 600;
 function getTitleProgressGuarded(title) {
   if (typeof document !== "undefined") {

package/dist/engine/helpers/title-progress.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/engine/helpers/title-progress.ts"],"sourcesContent":["import { getTitleProgress } from \"@yoast/search-metadata-previews/build/helpers/progress\";\nimport type { LengthProgress } from \"@yoast/search-metadata-previews/build/helpers/progress\";\n\nexport const AVG_GLYPH_PX = 8.5;\nexport const TITLE_FALLBACK_MAX_PX = 600;\n\nexport function getTitleProgressGuarded(title: string): LengthProgress {\n  if (typeof document !== \"undefined\") {\n    return getTitleProgress(title);\n  }\n\n  const actual = Math.round(title.length * AVG_GLYPH_PX);\n  const score = actual <= TITLE_FALLBACK_MAX_PX ? 9 : 1;\n\n  return {\n    actual,\n    max: TITLE_FALLBACK_MAX_PX,\n    score,\n  };\n}\n"],"mappings":"AAAA,SAAS,wBAAwB;AAG1B,MAAM,eAAe;AACrB,MAAM,wBAAwB;AAE9B,SAAS,wBAAwB,OAA+B;AACrE,MAAI,OAAO,aAAa,aAAa;AACnC,WAAO,iBAAiB,KAAK;AAAA,EAC/B;AAEA,QAAM,SAAS,KAAK,MAAM,MAAM,SAAS,YAAY;AACrD,QAAM,QAAQ,UAAU,wBAAwB,IAAI;AAEpD,SAAO;AAAA,IACL;AAAA,IACA,KAAK;AAAA,IACL;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../src/engine/helpers/title-progress.ts"],"sourcesContent":["import { getTitleProgress } from \"@yoast/search-metadata-previews/build/helpers/progress\";\nimport type { LengthProgress } from \"@yoast/search-metadata-previews/build/helpers/progress\";\nimport { AVG_GLYPH_PX } from \"../../constants/generation\";\n\nexport { AVG_GLYPH_PX };\nexport const TITLE_FALLBACK_MAX_PX = 600;\n\nexport function getTitleProgressGuarded(title: string): LengthProgress {\n  if (typeof document !== \"undefined\") {\n    return getTitleProgress(title);\n  }\n\n  const actual = Math.round(title.length * AVG_GLYPH_PX);\n  const score = actual <= TITLE_FALLBACK_MAX_PX ? 9 : 1;\n\n  return {\n    actual,\n    max: TITLE_FALLBACK_MAX_PX,\n    score,\n  };\n}\n"],"mappings":"AAAA,SAAS,wBAAwB;AAEjC,SAAS,oBAAoB;AAGtB,MAAM,wBAAwB;AAE9B,SAAS,wBAAwB,OAA+B;AACrE,MAAI,OAAO,aAAa,aAAa;AACnC,WAAO,iBAAiB,KAAK;AAAA,EAC/B;AAEA,QAAM,SAAS,KAAK,MAAM,MAAM,SAAS,YAAY;AACrD,QAAM,QAAQ,UAAU,wBAAwB,IAAI;AAEpD,SAAO;AAAA,IACL;AAAA,IACA,KAAK;AAAA,IACL;AAAA,EACF;AACF;","names":[]}

package/dist/fields/index.d.ts

@@ -0,0 +1,3 @@
+export { seoTextField } from "./seoTextField";
+export type { SeoTextFieldOptions } from "./seoTextField";
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/fields/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/fields/index.js

@@ -0,0 +1,5 @@
+import { seoTextField } from "./seoTextField";
+export {
+  seoTextField
+};
+//# sourceMappingURL=index.js.map

package/dist/fields/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/fields/index.ts"],"sourcesContent":["export { seoTextField } from \"./seoTextField\";\nexport type { SeoTextFieldOptions } from \"./seoTextField\";\n"],"mappings":"AAAA,SAAS,oBAAoB;","names":[]}

package/dist/fields/onPublishHook.d.ts

@@ -0,0 +1,8 @@
+import type { FieldHook } from "payload";
+import type { RangeOverride } from "../measure/measure";
+import type { SeoFieldKind } from "../server/generate/prompts";
+export declare function makeGenerateOnPublishHook(args: {
+    kind: SeoFieldKind;
+    range: RangeOverride | undefined;
+}): FieldHook;
+//# sourceMappingURL=onPublishHook.d.ts.map

package/dist/fields/onPublishHook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"onPublishHook.d.ts","sourceRoot":"","sources":["../../src/fields/onPublishHook.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAgBzC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAIxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AA6B/D,wBAAgB,yBAAyB,CAAC,IAAI,EAAE;IAC9C,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,aAAa,GAAG,SAAS,CAAC;CAClC,GAAG,SAAS,CAqDZ"}