sanity-plugin-seofields 1.7.0 → 1.9.0

package/dist/{types-Bb49oRBV.d.cts → types-DRLUGLtX.d.ts}

@@ -1,4 +1,31 @@
-import { b as SanityImage } from './types-B91ena4g.cjs';
+import { JSX } from 'react';
+import { a as SanityImage } from './types-DxlPXihz.js';
+
+/**
+ * <SchemaOrgScripts> — Renders multiple Schema.org JSON-LD script tags
+ * from a combined `schemaOrg` array field.
+ *
+ * @example
+ * ```tsx
+ * import { SchemaOrgScripts } from 'sanity-plugin-seofields/next'
+ *
+ * const data = await sanityFetch({ query: `*[_type == "settings"][0]{ structuredData }` })
+ *
+ * <SchemaOrgScripts data={data.structuredData} />
+ * ```
+ */
+
+declare function buildSchemaOrgJsonLd(item: Record<string, unknown>): Record<string, unknown> | null;
+declare function buildSchemaOrgJsonLds(data?: Array<Record<string, unknown>> | null): Array<Record<string, unknown>>;
+interface SchemaOrgScriptsProps {
+    /** Array of Schema.org items from the combined `schemaOrg` field. */
+    data?: Array<Record<string, unknown>> | null;
+}
+/**
+ * Renders one `<script type="application/ld+json">` tag per Schema.org item.
+ * Skips items that fail validation (missing required fields).
+ */
+declare function SchemaOrgScripts({ data }: SchemaOrgScriptsProps): JSX.Element | null;
 
 /** Copyright year: static number or dynamic (current year) */
 type SchemaOrgCopyrightYear = number | {
@@ -1230,4 +1257,4 @@ interface SchemaOrgWebsiteConfig {
     };
 }
 
-export type { SchemaOrgEventData as $, SchemaOrgProductConfig as A, SchemaOrgProfilePageConfig as B, SchemaOrgRecipeConfig as C, SchemaOrgRestaurantConfig as D, SchemaOrgReviewConfig as E, SchemaOrgServiceConfig as F, SchemaOrgSoftwareApplicationConfig as G, SchemaOrgVideoObjectConfig as H, SchemaOrgWebApplicationConfig as I, SchemaOrgWebPageConfig as J, SchemaOrgWebsiteConfig as K, SchemaOrgAggregateRating as L, SchemaOrgAggregateRatingData as M, SchemaOrgArchivedAt as N, OrganizationContactPoint as O, SchemaOrgArticleData as P, SchemaOrgBlogPostingData as Q, SchemaOrgBookData as R, SchemaOrgAggregateRatingConfig as S, SchemaOrgBrandData as T, SchemaOrgBreadcrumbListData as U, SchemaOrgContactPointData as V, SchemaOrgContentRating as W, SchemaOrgCopyrightYear as X, SchemaOrgCountryData as Y, SchemaOrgCourseData as Z, SchemaOrgCreativeWorkData as _, SchemaOrgArticleConfig as a, SchemaOrgFAQPageData as a0, SchemaOrgHowToData as a1, SchemaOrgImageInput as a2, SchemaOrgImageObjectData as a3, SchemaOrgItemListData as a4, SchemaOrgJobPostingData as a5, SchemaOrgLegalServiceData as a6, SchemaOrgLocalBusinessData as a7, SchemaOrgMovieData as a8, SchemaOrgMusicAlbumData as a9, SchemaOrgMusicRecordingData as aa, SchemaOrgNewsArticleData as ab, SchemaOrgOfferData as ac, SchemaOrgOpinionNewsArticleData as ad, SchemaOrgOrganizationData as ae, SchemaOrgOrganizationInput as af, SchemaOrgPersonData as ag, SchemaOrgPersonOrOrganization as ah, SchemaOrgPlaceData as ai, SchemaOrgPostalAddressData as aj, SchemaOrgProductData as ak, SchemaOrgProfilePageData as al, SchemaOrgRecipeData as am, SchemaOrgRestaurantData as an, SchemaOrgReviewData as ao, SchemaOrgServiceData as ap, SchemaOrgSoftwareApplicationData as aq, SchemaOrgTextOrUrl as ar, SchemaOrgThingData as as, SchemaOrgVideoObjectData as at, SchemaOrgWebApplicationData as au, SchemaOrgWebPageData as av, SchemaOrgWebsiteData as aw, SchemaOrgBlogPostingConfig as b, SchemaOrgBookConfig as c, SchemaOrgBrandConfig as d, SchemaOrgBreadcrumbListConfig as e, SchemaOrgContactPointConfig as f, SchemaOrgCountryConfig as g, SchemaOrgCourseConfig as h, SchemaOrgEventConfig as i, SchemaOrgFAQPageConfig as j, SchemaOrgHowToConfig as k, SchemaOrgImageObjectConfig as l, SchemaOrgItemListConfig as m, SchemaOrgJobPostingConfig as n, SchemaOrgLegalServiceConfig as o, SchemaOrgLocalBusinessConfig as p, SchemaOrgMovieConfig as q, SchemaOrgMusicAlbumConfig as r, SchemaOrgMusicRecordingConfig as s, SchemaOrgNewsArticleConfig as t, SchemaOrgOfferConfig as u, SchemaOrgOpinionNewsArticleConfig as v, SchemaOrgOrganizationConfig as w, SchemaOrgPersonConfig as x, SchemaOrgPlaceConfig as y, SchemaOrgPostalAddressConfig as z };
+export { type SchemaOrgFAQPageConfig as $, type SchemaOrgOpinionNewsArticleData as A, type SchemaOrgOrganizationData as B, type SchemaOrgPersonData as C, type SchemaOrgPlaceData as D, type SchemaOrgPostalAddressData as E, type SchemaOrgProductData as F, type SchemaOrgProfilePageData as G, type SchemaOrgRecipeData as H, type SchemaOrgRestaurantData as I, type SchemaOrgReviewData as J, type SchemaOrgServiceData as K, type SchemaOrgSoftwareApplicationData as L, type SchemaOrgVideoObjectData as M, type SchemaOrgWebApplicationData as N, type SchemaOrgWebPageData as O, type SchemaOrgWebsiteData as P, type SchemaOrgAggregateRatingConfig as Q, type SchemaOrgArticleConfig as R, SchemaOrgScripts as S, type SchemaOrgBlogPostingConfig as T, type SchemaOrgBookConfig as U, type SchemaOrgBrandConfig as V, type SchemaOrgBreadcrumbListConfig as W, type SchemaOrgContactPointConfig as X, type SchemaOrgCountryConfig as Y, type SchemaOrgCourseConfig as Z, type SchemaOrgEventConfig as _, type SchemaOrgScriptsProps as a, type SchemaOrgHowToConfig as a0, type SchemaOrgImageObjectConfig as a1, type SchemaOrgItemListConfig as a2, type SchemaOrgJobPostingConfig as a3, type SchemaOrgLegalServiceConfig as a4, type SchemaOrgLocalBusinessConfig as a5, type SchemaOrgMovieConfig as a6, type SchemaOrgMusicAlbumConfig as a7, type SchemaOrgMusicRecordingConfig as a8, type SchemaOrgNewsArticleConfig as a9, type SchemaOrgThingData as aA, type SchemaOrgOfferConfig as aa, type SchemaOrgOpinionNewsArticleConfig as ab, type SchemaOrgOrganizationConfig as ac, type SchemaOrgPersonConfig as ad, type SchemaOrgPlaceConfig as ae, type SchemaOrgPostalAddressConfig as af, type SchemaOrgProductConfig as ag, type SchemaOrgProfilePageConfig as ah, type SchemaOrgRecipeConfig as ai, type SchemaOrgRestaurantConfig as aj, type SchemaOrgReviewConfig as ak, type SchemaOrgServiceConfig as al, type SchemaOrgSoftwareApplicationConfig as am, type SchemaOrgVideoObjectConfig as an, type SchemaOrgWebApplicationConfig as ao, type SchemaOrgWebPageConfig as ap, type SchemaOrgWebsiteConfig as aq, type OrganizationContactPoint as ar, type SchemaOrgAggregateRating as as, type SchemaOrgArchivedAt as at, type SchemaOrgContentRating as au, type SchemaOrgCopyrightYear as av, type SchemaOrgImageInput as aw, type SchemaOrgOrganizationInput as ax, type SchemaOrgPersonOrOrganization as ay, type SchemaOrgTextOrUrl as az, buildSchemaOrgJsonLd as b, buildSchemaOrgJsonLds as c, type SchemaOrgCreativeWorkData as d, type SchemaOrgAggregateRatingData as e, type SchemaOrgArticleData as f, type SchemaOrgBlogPostingData as g, type SchemaOrgBookData as h, type SchemaOrgBrandData as i, type SchemaOrgBreadcrumbListData as j, type SchemaOrgContactPointData as k, type SchemaOrgCountryData as l, type SchemaOrgCourseData as m, type SchemaOrgEventData as n, type SchemaOrgFAQPageData as o, type SchemaOrgHowToData as p, type SchemaOrgImageObjectData as q, type SchemaOrgItemListData as r, type SchemaOrgJobPostingData as s, type SchemaOrgLegalServiceData as t, type SchemaOrgLocalBusinessData as u, type SchemaOrgMovieData as v, type SchemaOrgMusicAlbumData as w, type SchemaOrgMusicRecordingData as x, type SchemaOrgNewsArticleData as y, type SchemaOrgOfferData as z };

package/dist/{types-B91ena4g.d.cts → types-DxlPXihz.d.cts}

@@ -24,6 +24,8 @@ interface SanityImageWithAlt extends SanityImage {
 interface RobotsSettings {
     noIndex?: boolean;
     noFollow?: boolean;
+    noTranslate?: boolean;
+    noImageIndex?: boolean;
 }
 interface MetaAttribute {
     _type: 'metaAttribute';
@@ -67,6 +69,11 @@ interface SeoFields {
     canonicalUrl?: string;
     openGraph?: OpenGraphSettings;
     twitter?: TwitterCardSettings;
+    focusKeyword?: string;
+    hreflangs?: Array<{
+        locale: string;
+        url: string;
+    }>;
 }
 type SeoHealthStatus = 'excellent' | 'good' | 'fair' | 'poor' | 'missing';
 interface SeoHealthMetrics {
@@ -86,4 +93,4 @@ interface DocumentWithSeoHealth {
     health: SeoHealthMetrics;
 }
 
-export type { DocumentWithSeoHealth as D, SeoHealthMetrics as S, SeoHealthStatus as a, SanityImage as b, SanityImageWithAlt as c, SeoFields as d };
+export type { DocumentWithSeoHealth as D, SeoFields as S, SanityImage as a, SanityImageWithAlt as b, SeoHealthMetrics as c, SeoHealthStatus as d };

package/dist/{types-B91ena4g.d.ts → types-DxlPXihz.d.ts}

@@ -24,6 +24,8 @@ interface SanityImageWithAlt extends SanityImage {
 interface RobotsSettings {
     noIndex?: boolean;
     noFollow?: boolean;
+    noTranslate?: boolean;
+    noImageIndex?: boolean;
 }
 interface MetaAttribute {
     _type: 'metaAttribute';
@@ -67,6 +69,11 @@ interface SeoFields {
     canonicalUrl?: string;
     openGraph?: OpenGraphSettings;
     twitter?: TwitterCardSettings;
+    focusKeyword?: string;
+    hreflangs?: Array<{
+        locale: string;
+        url: string;
+    }>;
 }
 type SeoHealthStatus = 'excellent' | 'good' | 'fair' | 'poor' | 'missing';
 interface SeoHealthMetrics {
@@ -86,4 +93,4 @@ interface DocumentWithSeoHealth {
     health: SeoHealthMetrics;
 }
 
-export type { DocumentWithSeoHealth as D, SeoHealthMetrics as S, SeoHealthStatus as a, SanityImage as b, SanityImageWithAlt as c, SeoFields as d };
+export type { DocumentWithSeoHealth as D, SeoFields as S, SanityImage as a, SanityImageWithAlt as b, SeoHealthMetrics as c, SeoHealthStatus as d };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sanity-plugin-seofields",
-  "version": "1.7.0",
-  "description": "The only Sanity Studio SEO plugin with a built-in audit dashboard. Manage meta tags, Open Graph, Twitter Cards, robots directives, JSON-LD structured data, and 38 Schema.org types.",
+  "version": "1.9.0",
+  "description": "The complete Sanity Studio SEO plugin with an audit dashboard, AI generation, Schema.org JSON-LD, and frontend helpers for Next.js, Astro, Nuxt, Vue, SvelteKit, and Remix.",
   "keywords": [
     "sanity",
     "sanity-plugin",
@@ -22,6 +22,11 @@
     "headless-cms",
     "nextjs",
     "next.js",
+    "astro",
+    "nuxt",
+    "vue",
+    "sveltekit",
+    "remix",
     "social media",
     "content management",
     "search engine optimization"
@@ -40,11 +45,21 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
+    "./head": {
+      "types": "./dist/head.d.ts",
+      "import": "./dist/head.js",
+      "require": "./dist/head.cjs"
+    },
     "./next": {
       "types": "./dist/next.d.ts",
       "import": "./dist/next.js",
       "require": "./dist/next.cjs"
     },
+    "./server": {
+      "types": "./dist/server.d.ts",
+      "import": "./dist/server.js",
+      "require": "./dist/server.cjs"
+    },
     "./schema": {
       "types": "./dist/schema.d.ts",
       "import": "./dist/schema.js",
@@ -66,9 +81,15 @@
   "types": "./dist/index.d.ts",
   "typesVersions": {
     "*": {
+      "head": [
+        "./dist/head.d.ts"
+      ],
       "next": [
         "./dist/next.d.ts"
       ],
+      "server": [
+        "./dist/server.d.ts"
+      ],
       "schema": [
         "./dist/schema.d.ts"
       ],
@@ -115,7 +136,8 @@
     "@sanity/ui": "^3.1.4",
     "commander": "^14.0.3",
     "ora": "^9.3.0",
-    "picocolors": "^1.1.1"
+    "picocolors": "^1.1.1",
+    "seofields-pro": "^1.1.0"
   },
   "repository": {
     "type": "git",

package/dist/SeoHealthDashboard-IP5BJ322.cjs

@@ -1,10 +0,0 @@
-'use strict';
-
-var chunk5YRH47VQ_cjs = require('./chunk-5YRH47VQ.cjs');
-require('./chunk-S367Y35J.cjs');
-
-
-
-module.exports = chunk5YRH47VQ_cjs.SeoHealthDashboard_default;
-//# sourceMappingURL=SeoHealthDashboard-IP5BJ322.cjs.map
-//# sourceMappingURL=SeoHealthDashboard-IP5BJ322.cjs.map

package/dist/SeoHealthDashboard-IP5BJ322.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"SeoHealthDashboard-IP5BJ322.cjs"}

package/dist/SeoHealthDashboard-PTUEVYZL.js

@@ -1,4 +0,0 @@
-export { SeoHealthDashboard_default as default } from './chunk-AW7OKBQQ.js';
-import './chunk-2NMEKWO5.js';
-//# sourceMappingURL=SeoHealthDashboard-PTUEVYZL.js.map
-//# sourceMappingURL=SeoHealthDashboard-PTUEVYZL.js.map

package/dist/SeoHealthDashboard-PTUEVYZL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"SeoHealthDashboard-PTUEVYZL.js"}

package/dist/SeoHealthTool-CZZRMWQK.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var chunk5YRH47VQ_cjs = require('./chunk-5YRH47VQ.cjs');
-var chunkS367Y35J_cjs = require('./chunk-S367Y35J.cjs');
-var jsxRuntime = require('react/jsx-runtime');
-
-var SeoHealthTool = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk5YRH47VQ_cjs.SeoHealthDashboard_default, chunkS367Y35J_cjs.__spreadValues({}, props));
-};
-var SeoHealthTool_default = SeoHealthTool;
-
-module.exports = SeoHealthTool_default;
-//# sourceMappingURL=SeoHealthTool-CZZRMWQK.cjs.map
-//# sourceMappingURL=SeoHealthTool-CZZRMWQK.cjs.map

package/dist/SeoHealthTool-CZZRMWQK.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../npm-pro/src/components/SeoHealthTool.tsx"],"names":["jsx","SeoHealthDashboard_default"],"mappings":";;;;;;AAMA,IAAM,aAAA,GAAgB,CAAC,KAAA,KAAmC;AACxD,EAAA,uBAAOA,cAAA,CAACC,mFAAuB,KAAA,CAAO,CAAA;AACxC,CAAA;AAEA,IAAO,qBAAA,GAAQ","file":"SeoHealthTool-CZZRMWQK.cjs","sourcesContent":["import SeoHealthDashboard, {SeoHealthDashboardProps} from './SeoHealthDashboard'\n\n/**\n * Sanity Tool component for the SEO Health Dashboard\n * This component wraps the SeoHealthDashboard for use as a custom tool in Sanity Studio\n */\nconst SeoHealthTool = (props: SeoHealthDashboardProps) => {\n  return <SeoHealthDashboard {...props} />\n}\n\nexport default SeoHealthTool\n"]}

package/dist/SeoHealthTool-IULT4G25.js

@@ -1,12 +0,0 @@
-import { SeoHealthDashboard_default } from './chunk-AW7OKBQQ.js';
-import { __spreadValues } from './chunk-2NMEKWO5.js';
-import { jsx } from 'react/jsx-runtime';
-
-var SeoHealthTool = (props) => {
-  return /* @__PURE__ */ jsx(SeoHealthDashboard_default, __spreadValues({}, props));
-};
-var SeoHealthTool_default = SeoHealthTool;
-
-export { SeoHealthTool_default as default };
-//# sourceMappingURL=SeoHealthTool-IULT4G25.js.map
-//# sourceMappingURL=SeoHealthTool-IULT4G25.js.map

package/dist/SeoHealthTool-IULT4G25.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../npm-pro/src/components/SeoHealthTool.tsx"],"names":[],"mappings":";;;;AAMA,IAAM,aAAA,GAAgB,CAAC,KAAA,KAAmC;AACxD,EAAA,uBAAO,GAAA,CAAC,+CAAuB,KAAA,CAAO,CAAA;AACxC,CAAA;AAEA,IAAO,qBAAA,GAAQ","file":"SeoHealthTool-IULT4G25.js","sourcesContent":["import SeoHealthDashboard, {SeoHealthDashboardProps} from './SeoHealthDashboard'\n\n/**\n * Sanity Tool component for the SEO Health Dashboard\n * This component wraps the SeoHealthDashboard for use as a custom tool in Sanity Studio\n */\nconst SeoHealthTool = (props: SeoHealthDashboardProps) => {\n  return <SeoHealthDashboard {...props} />\n}\n\nexport default SeoHealthTool\n"]}

package/dist/SeoPreview-KEGGQSPJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/SeoPreview.tsx"],"names":[],"mappings":"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","file":"SeoPreview-KEGGQSPJ.js","sourcesContent":["import {Box} from '@sanity/ui'\nimport {type ReactElement, useEffect, useState} from 'react'\nimport {StringInputProps, useClient, useFormValue} from 'sanity'\nimport styled from 'styled-components'\n\nimport {truncate} from '../utils/seoUtils'\n\nconst PreviewContainer = styled.div`\n  max-width: 600px;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  background: #ffffff;\n  border: 1px solid #dadce0;\n  border-radius: 8px;\n  overflow: hidden;\n`\n\nconst PreviewHeader = styled.div`\n  background: #f8f9fa;\n  padding: 12px 16px;\n  border-bottom: 1px solid #dadce0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n`\n\nconst PreviewBody = styled.div`\n  padding: 16px;\n`\n\nconst SerpUrl = styled.p`\n  margin: 0 0 4px;\n  color: #006621;\n  font-size: 13px;\n  line-height: 1.4;\n  word-break: break-word;\n`\n\nconst SerpTitle = styled.h3`\n  margin: 0 0 8px;\n  color: #1a0dab;\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 1.4;\n  word-break: break-word;\n\n  &:hover {\n    text-decoration: underline;\n  }\n`\n\nconst SerpDescription = styled.p`\n  margin: 0;\n  color: #545454;\n  font-size: 14px;\n  line-height: 1.6;\n  word-break: break-word;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n`\n\nconst LiveIndicator = styled.span`\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: #4f46e5;\n  background: #f0f4ff;\n  padding: 4px 8px;\n  border-radius: 4px;\n`\n\nconst SeoPreview = (props: StringInputProps): ReactElement => {\n  const {path, schemaType} = props\n  const {options} = schemaType as {\n    options?: {\n      baseUrl?: string\n      apiVersion?: string\n      prefix?: ((doc: {_type?: string} & Record<string, unknown>) => string) | string\n      titleSuffix?: ((doc: {_type?: string} & Record<string, unknown>) => string) | string\n      titleSuffixInheritColor?: boolean\n      titleSuffixQuery?: string\n    }\n  }\n  const baseUrl = options?.baseUrl || 'https://www.example.com'\n  const prefixFunction = options?.prefix as\n    | ((doc: {_type?: string} & Record<string, unknown>) => string)\n    | undefined\n  const titleSuffixOption = options?.titleSuffix\n  const titleSuffixInheritColor = options?.titleSuffixInheritColor ?? false\n  const titleSuffixQuery = options?.titleSuffixQuery\n\n  const client = useClient({apiVersion: options?.apiVersion ?? '2024-01-01'})\n  const [groqTitleSuffix, setGroqTitleSuffix] = useState<string>('')\n\n  useEffect(() => {\n    if (!titleSuffixQuery) return\n    client\n      .fetch<string>(titleSuffixQuery)\n      .then((result) => {\n        setGroqTitleSuffix(result === null || result === undefined ? '' : String(result))\n      })\n      .catch(() => {\n        setGroqTitleSuffix('')\n      })\n  }, [titleSuffixQuery, client])\n  const parent = useFormValue([path[0]]) || {\n    title: '',\n    description: '',\n    canonicalUrl: '',\n  }\n  const rootDoc: {\n    slug?: {current: string}\n  } = useFormValue([]) || {\n    slug: {current: ''},\n  }\n  const slug: string = rootDoc?.slug?.current || ''\n\n  const {\n    title,\n    description,\n    canonicalUrl: url,\n  } = parent as {\n    title?: string\n    description?: string\n    canonicalUrl?: string\n  }\n\n  const getTitleSuffix = (): string => {\n    if (titleSuffixQuery) return groqTitleSuffix\n    if (!titleSuffixOption) return ''\n    if (typeof titleSuffixOption === 'function') {\n      return titleSuffixOption(rootDoc as {_type?: string} & Record<string, unknown>)\n    }\n    return titleSuffixOption\n  }\n  const titleSuffix: string = getTitleSuffix()\n\n  // Build full URL\n  const base = (url || baseUrl)?.replace(/\\/+$/, '')\n  const slugStr = String(slug || '').replace(/^\\/+/, '')\n  const pref = String(\n    prefixFunction ? prefixFunction(rootDoc as {slug?: {current: string}}) : '',\n  ).replace(/^\\/+|\\/+$/g, '')\n  const urlPath = [pref, slugStr].filter(Boolean).join('/')\n  const finalUrl = urlPath ? `${base}/${urlPath}` : base\n\n  // Extract domain for display\n  const domain = (() => {\n    try {\n      const u = new URL(finalUrl || base)\n      return u.hostname\n    } catch {\n      return 'example.com'\n    }\n  })()\n\n  // Format URL display with › separator\n  const urlDisplay = `${domain}${urlPath ? ` › ${urlPath.split('/').slice(-1)[0]}` : ''}`\n\n  return (\n    <Box padding={3}>\n      <PreviewContainer>\n        <PreviewHeader>\n          <span\n            style={{\n              fontSize: '11px',\n              color: '#5f6368',\n              textTransform: 'uppercase',\n              letterSpacing: '0.05em',\n            }}\n          >\n            Search Preview\n          </span>\n          <LiveIndicator>\n            <span\n              style={{\n                width: '4px',\n                height: '4px',\n                borderRadius: '50%',\n                backgroundColor: '#4f46e5',\n                display: 'inline-block',\n              }}\n            />\n            Live\n          </LiveIndicator>\n        </PreviewHeader>\n\n        <PreviewBody>\n          <SerpUrl>{finalUrl ? urlDisplay : 'example.com › page-url'}</SerpUrl>\n          <SerpTitle>\n            {title && title.length > 0 ? (\n              <>\n                {truncate(title, Math.max(1, 60 - (titleSuffix ? titleSuffix.length + 3 : 0)))}\n                {titleSuffix && (\n                  <span\n                    style={\n                      titleSuffixInheritColor ? undefined : {color: '#70757a', fontWeight: 400}\n                    }\n                  >\n                    {' '}\n                    | {titleSuffix}\n                  </span>\n                )}\n              </>\n            ) : (\n              'Your SEO Title will appear here'\n            )}\n          </SerpTitle>\n          <SerpDescription>\n            {description && description.length > 0\n              ? truncate(description, 160)\n              : 'Your meta description will show up here. Make it compelling!'}\n          </SerpDescription>\n        </PreviewBody>\n      </PreviewContainer>\n    </Box>\n  )\n}\n\nexport default SeoPreview\n"]}

package/dist/SeoPreview-WYH7NYNM.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/SeoPreview.tsx"],"names":["styled","useClient","useState","useEffect","useFormValue","jsx","Box","jsxs","Fragment","truncate"],"mappings":"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","file":"SeoPreview-WYH7NYNM.cjs","sourcesContent":["import {Box} from '@sanity/ui'\nimport {type ReactElement, useEffect, useState} from 'react'\nimport {StringInputProps, useClient, useFormValue} from 'sanity'\nimport styled from 'styled-components'\n\nimport {truncate} from '../utils/seoUtils'\n\nconst PreviewContainer = styled.div`\n  max-width: 600px;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  background: #ffffff;\n  border: 1px solid #dadce0;\n  border-radius: 8px;\n  overflow: hidden;\n`\n\nconst PreviewHeader = styled.div`\n  background: #f8f9fa;\n  padding: 12px 16px;\n  border-bottom: 1px solid #dadce0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n`\n\nconst PreviewBody = styled.div`\n  padding: 16px;\n`\n\nconst SerpUrl = styled.p`\n  margin: 0 0 4px;\n  color: #006621;\n  font-size: 13px;\n  line-height: 1.4;\n  word-break: break-word;\n`\n\nconst SerpTitle = styled.h3`\n  margin: 0 0 8px;\n  color: #1a0dab;\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 1.4;\n  word-break: break-word;\n\n  &:hover {\n    text-decoration: underline;\n  }\n`\n\nconst SerpDescription = styled.p`\n  margin: 0;\n  color: #545454;\n  font-size: 14px;\n  line-height: 1.6;\n  word-break: break-word;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n`\n\nconst LiveIndicator = styled.span`\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: #4f46e5;\n  background: #f0f4ff;\n  padding: 4px 8px;\n  border-radius: 4px;\n`\n\nconst SeoPreview = (props: StringInputProps): ReactElement => {\n  const {path, schemaType} = props\n  const {options} = schemaType as {\n    options?: {\n      baseUrl?: string\n      apiVersion?: string\n      prefix?: ((doc: {_type?: string} & Record<string, unknown>) => string) | string\n      titleSuffix?: ((doc: {_type?: string} & Record<string, unknown>) => string) | string\n      titleSuffixInheritColor?: boolean\n      titleSuffixQuery?: string\n    }\n  }\n  const baseUrl = options?.baseUrl || 'https://www.example.com'\n  const prefixFunction = options?.prefix as\n    | ((doc: {_type?: string} & Record<string, unknown>) => string)\n    | undefined\n  const titleSuffixOption = options?.titleSuffix\n  const titleSuffixInheritColor = options?.titleSuffixInheritColor ?? false\n  const titleSuffixQuery = options?.titleSuffixQuery\n\n  const client = useClient({apiVersion: options?.apiVersion ?? '2024-01-01'})\n  const [groqTitleSuffix, setGroqTitleSuffix] = useState<string>('')\n\n  useEffect(() => {\n    if (!titleSuffixQuery) return\n    client\n      .fetch<string>(titleSuffixQuery)\n      .then((result) => {\n        setGroqTitleSuffix(result === null || result === undefined ? '' : String(result))\n      })\n      .catch(() => {\n        setGroqTitleSuffix('')\n      })\n  }, [titleSuffixQuery, client])\n  const parent = useFormValue([path[0]]) || {\n    title: '',\n    description: '',\n    canonicalUrl: '',\n  }\n  const rootDoc: {\n    slug?: {current: string}\n  } = useFormValue([]) || {\n    slug: {current: ''},\n  }\n  const slug: string = rootDoc?.slug?.current || ''\n\n  const {\n    title,\n    description,\n    canonicalUrl: url,\n  } = parent as {\n    title?: string\n    description?: string\n    canonicalUrl?: string\n  }\n\n  const getTitleSuffix = (): string => {\n    if (titleSuffixQuery) return groqTitleSuffix\n    if (!titleSuffixOption) return ''\n    if (typeof titleSuffixOption === 'function') {\n      return titleSuffixOption(rootDoc as {_type?: string} & Record<string, unknown>)\n    }\n    return titleSuffixOption\n  }\n  const titleSuffix: string = getTitleSuffix()\n\n  // Build full URL\n  const base = (url || baseUrl)?.replace(/\\/+$/, '')\n  const slugStr = String(slug || '').replace(/^\\/+/, '')\n  const pref = String(\n    prefixFunction ? prefixFunction(rootDoc as {slug?: {current: string}}) : '',\n  ).replace(/^\\/+|\\/+$/g, '')\n  const urlPath = [pref, slugStr].filter(Boolean).join('/')\n  const finalUrl = urlPath ? `${base}/${urlPath}` : base\n\n  // Extract domain for display\n  const domain = (() => {\n    try {\n      const u = new URL(finalUrl || base)\n      return u.hostname\n    } catch {\n      return 'example.com'\n    }\n  })()\n\n  // Format URL display with › separator\n  const urlDisplay = `${domain}${urlPath ? ` › ${urlPath.split('/').slice(-1)[0]}` : ''}`\n\n  return (\n    <Box padding={3}>\n      <PreviewContainer>\n        <PreviewHeader>\n          <span\n            style={{\n              fontSize: '11px',\n              color: '#5f6368',\n              textTransform: 'uppercase',\n              letterSpacing: '0.05em',\n            }}\n          >\n            Search Preview\n          </span>\n          <LiveIndicator>\n            <span\n              style={{\n                width: '4px',\n                height: '4px',\n                borderRadius: '50%',\n                backgroundColor: '#4f46e5',\n                display: 'inline-block',\n              }}\n            />\n            Live\n          </LiveIndicator>\n        </PreviewHeader>\n\n        <PreviewBody>\n          <SerpUrl>{finalUrl ? urlDisplay : 'example.com › page-url'}</SerpUrl>\n          <SerpTitle>\n            {title && title.length > 0 ? (\n              <>\n                {truncate(title, Math.max(1, 60 - (titleSuffix ? titleSuffix.length + 3 : 0)))}\n                {titleSuffix && (\n                  <span\n                    style={\n                      titleSuffixInheritColor ? undefined : {color: '#70757a', fontWeight: 400}\n                    }\n                  >\n                    {' '}\n                    | {titleSuffix}\n                  </span>\n                )}\n              </>\n            ) : (\n              'Your SEO Title will appear here'\n            )}\n          </SerpTitle>\n          <SerpDescription>\n            {description && description.length > 0\n              ? truncate(description, 160)\n              : 'Your meta description will show up here. Make it compelling!'}\n          </SerpDescription>\n        </PreviewBody>\n      </PreviewContainer>\n    </Box>\n  )\n}\n\nexport default SeoPreview\n"]}

package/dist/chunk-2NMEKWO5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-2NMEKWO5.js"}