sanity-plugin-seofields 1.5.5 → 1.6.0

package/README.md

@@ -110,7 +110,7 @@ seofields({
 
 ## Schema.org / JSON-LD
 
-The plugin ships 24 Schema.org types as Sanity schema definitions + React components that render `<script type="application/ld+json">` tags.
+The plugin ships 38 Schema.org types as Sanity schema definitions + React components that render `<script type="application/ld+json">` tags.
 
 ### 1. Register schema types in Studio
 
@@ -119,7 +119,7 @@ The plugin ships 24 Schema.org types as Sanity schema definitions + React compon
 import {schemaOrg} from 'sanity-plugin-seofields/schema'
 
 export default defineConfig({
-  plugins: [seofields(), schemaOrg()],  // all 24 types at once
+  plugins: [seofields(), schemaOrg()], // all 38 types at once
 })
 ```
 
@@ -136,7 +136,7 @@ export default defineConfig({
 ### 2. Add to a document schema
 
 ```ts
-defineField({name: 'schemaOrg', type: 'schemaOrg'})   // combined array field
+defineField({name: 'schemaOrg', type: 'schemaOrg'}) // combined array field
 // or individual types:
 defineField({name: 'article', type: 'schemaOrgArticle'})
 ```
@@ -164,7 +164,7 @@ export default function Page({data}) {
 }
 ```
 
-**Available types:** `Article`, `BlogPosting`, `BreadcrumbList`, `Course`, `Event`, `FAQPage`, `HowTo`, `ImageObject`, `LocalBusiness`, `Offer`, `Organization`, `Person`, `Place`, `Product`, `Review`, `SoftwareApplication`, `VideoObject`, `WebApplication`, `WebPage`, `Website`, and more.
+**All 38 available types:** `AggregateRating`, `Article`, `BlogPosting`, `Book`, `Brand`, `BreadcrumbList`, `ContactPoint`, `Country`, `Course`, `Event`, `FAQPage`, `HowTo`, `ImageObject`, `ItemList`, `JobPosting`, `LegalService`, `LocalBusiness`, `Movie`, `MusicAlbum`, `MusicRecording`, `NewsArticle`, `Offer`, `Organization`, `Person`, `Place`, `PostalAddress`, `Product`, `ProfilePage`, `Recipe`, `Restaurant`, `Review`, `Service`, `SocialMediaPosting`, `SoftwareApplication`, `VideoObject`, `WebApplication`, `WebPage`, `Website`.
 
 → [Schema.org docs](https://sanity-plugin-seofields.thehardik.in/docs/schema-org)
 

package/dist/SeoHealthDashboard-7XMPVJRX.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var chunkZ74QPO75_cjs = require('./chunk-Z74QPO75.cjs');
+require('./chunk-S367Y35J.cjs');
+
+
+
+module.exports = chunkZ74QPO75_cjs.SeoHealthDashboard_default;
+//# sourceMappingURL=SeoHealthDashboard-7XMPVJRX.cjs.map
+//# sourceMappingURL=SeoHealthDashboard-7XMPVJRX.cjs.map

package/dist/{SeoHealthDashboard-KPBNXSL4.cjs.map → SeoHealthDashboard-7XMPVJRX.cjs.map}

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

package/dist/SeoHealthDashboard-UWPLB5DM.js

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

package/dist/{SeoHealthDashboard-QKVB5HK3.js.map → SeoHealthDashboard-UWPLB5DM.js.map}

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

package/dist/{SeoHealthTool-ON3SRXCF.cjs → SeoHealthTool-2H4XZR4I.cjs}

@@ -1,14 +1,14 @@
 'use strict';
 
-var chunkG2SVI2SP_cjs = require('./chunk-G2SVI2SP.cjs');
+var chunkZ74QPO75_cjs = require('./chunk-Z74QPO75.cjs');
 var chunkS367Y35J_cjs = require('./chunk-S367Y35J.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 var SeoHealthTool = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkG2SVI2SP_cjs.SeoHealthDashboard_default, chunkS367Y35J_cjs.__spreadValues({}, props));
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkZ74QPO75_cjs.SeoHealthDashboard_default, chunkS367Y35J_cjs.__spreadValues({}, props));
 };
 var SeoHealthTool_default = SeoHealthTool;
 
 module.exports = SeoHealthTool_default;
-//# sourceMappingURL=SeoHealthTool-ON3SRXCF.cjs.map
-//# sourceMappingURL=SeoHealthTool-ON3SRXCF.cjs.map
+//# sourceMappingURL=SeoHealthTool-2H4XZR4I.cjs.map
+//# sourceMappingURL=SeoHealthTool-2H4XZR4I.cjs.map

package/dist/{SeoHealthTool-ON3SRXCF.cjs.map → SeoHealthTool-2H4XZR4I.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../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-ON3SRXCF.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"]}
+{"version":3,"sources":["../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-2H4XZR4I.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-EPPOEDTW.js → SeoHealthTool-XCXINAQI.js}

@@ -1,4 +1,4 @@
-import { SeoHealthDashboard_default } from './chunk-UCVSMPEJ.js';
+import { SeoHealthDashboard_default } from './chunk-NHJBEV3A.js';
 import { __spreadValues } from './chunk-2NMEKWO5.js';
 import { jsx } from 'react/jsx-runtime';
 
@@ -8,5 +8,5 @@ var SeoHealthTool = (props) => {
 var SeoHealthTool_default = SeoHealthTool;
 
 export { SeoHealthTool_default as default };
-//# sourceMappingURL=SeoHealthTool-EPPOEDTW.js.map
-//# sourceMappingURL=SeoHealthTool-EPPOEDTW.js.map
+//# sourceMappingURL=SeoHealthTool-XCXINAQI.js.map
+//# sourceMappingURL=SeoHealthTool-XCXINAQI.js.map

package/dist/{SeoHealthTool-EPPOEDTW.js.map → SeoHealthTool-XCXINAQI.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../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-EPPOEDTW.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"]}
+{"version":3,"sources":["../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-XCXINAQI.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-G3LPA7GV.js → SeoPreview-F6GGPZWI.js}

@@ -144,5 +144,5 @@ var SeoPreview = (props) => {
 var SeoPreview_default = SeoPreview;
 
 export { SeoPreview_default as default };
-//# sourceMappingURL=SeoPreview-G3LPA7GV.js.map
-//# sourceMappingURL=SeoPreview-G3LPA7GV.js.map
+//# sourceMappingURL=SeoPreview-F6GGPZWI.js.map
+//# sourceMappingURL=SeoPreview-F6GGPZWI.js.map

package/dist/SeoPreview-F6GGPZWI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SeoPreview.tsx"],"names":[],"mappings":"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","file":"SeoPreview-F6GGPZWI.js","sourcesContent":["import {Box} from '@sanity/ui'\nimport React from 'react'\nimport {StringInputProps, 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): React.ReactElement => {\n  const {path, schemaType} = props\n  const {options} = schemaType as {\n    options?: {\n      baseUrl?: string\n      prefix?: ((doc: {_type?: string} & Record<string, unknown>) => string) | 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 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  // 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 ? truncate(title, 60) : 'Your SEO Title will appear here'}\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-Y3CFDVBR.cjs → SeoPreview-JDROKZLP.cjs}

@@ -150,5 +150,5 @@ var SeoPreview = (props) => {
 var SeoPreview_default = SeoPreview;
 
 module.exports = SeoPreview_default;
-//# sourceMappingURL=SeoPreview-Y3CFDVBR.cjs.map
-//# sourceMappingURL=SeoPreview-Y3CFDVBR.cjs.map
+//# sourceMappingURL=SeoPreview-JDROKZLP.cjs.map
+//# sourceMappingURL=SeoPreview-JDROKZLP.cjs.map

package/dist/SeoPreview-JDROKZLP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SeoPreview.tsx"],"names":["styled","useFormValue","jsx","Box","jsxs","truncate"],"mappings":"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","file":"SeoPreview-JDROKZLP.cjs","sourcesContent":["import {Box} from '@sanity/ui'\nimport React from 'react'\nimport {StringInputProps, 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): React.ReactElement => {\n  const {path, schemaType} = props\n  const {options} = schemaType as {\n    options?: {\n      baseUrl?: string\n      prefix?: ((doc: {_type?: string} & Record<string, unknown>) => string) | 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 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  // 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 ? truncate(title, 60) : 'Your SEO Title will appear here'}\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"]}