sanity-plugin-seofields 1.0.1 → 1.0.2

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import { useClient, useFormValue, set, defineType, defineField, definePlugin } from "sanity";
+import { useClient, useFormValue, defineType, defineField, definePlugin } from "sanity";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useEffect, useMemo } from "react";
+import { useMemo } from "react";
 import { Stack, Text, Box } from "@sanity/ui";
 const stopWords = ["the", "a", "an", "and", "or", "but"], hasMatchingKeyword = (title, keywordList) => {
   if (!title || keywordList.length === 0) return !1;
@@ -18,7 +18,7 @@ const stopWords = ["the", "a", "an", "and", "or", "but"], hasMatchingKeyword = (
   if (!title) return !1;
   const firstWord = title.trim().split(" ")[0].toLowerCase();
   return stopWords.includes(firstWord);
-}, truncate = (text, maxLength) => text.length > maxLength ? text.slice(0, maxLength) + "\u2026" : text, hasExcessivePunctuation = (title) => /[!@#$%^&*]{2,}/.test(title), getMetaTitleValidationMessages = (title, keywords) => {
+}, truncate = (text, maxLength) => text.length > maxLength ? text.slice(0, maxLength) + "\u2026" : text, hasExcessivePunctuation = (title) => /[!@#$%^&*]{2,}/.test(title), getMetaTitleValidationMessages = (title, keywords, isParentseoField) => {
   const feedback = [], charCount = title?.length || 0;
   if (!title?.trim())
     return feedback.push({ text: "Meta Title is empty. Add content to improve SEO.", color: "red" }), feedback;
@@ -28,22 +28,23 @@ const stopWords = ["the", "a", "an", "and", "or", "but"], hasMatchingKeyword = (
   }) : charCount > 60 ? feedback.push({
     text: `Title is ${charCount} characters \u2014 exceeds recommended 60.`,
     color: "red"
-  }) : feedback.push({ text: `Title length (${charCount}) looks good for SEO.`, color: "green" }), keywords.length > 0) {
-    const hasKeyword = hasMatchingKeyword(title, keywords);
-    feedback.push({
-      text: hasKeyword ? "Keyword found in title \u2014 good job!" : "Keywords defined but missing in title.",
-      color: hasKeyword ? "green" : "red"
-    }), hasKeywordOveruse(title, keywords) && feedback.push({
-      text: "Keyword appears too many times \u2014 avoid keyword stuffing.",
-      color: "orange"
-    });
-  } else
-    feedback.push({
-      text: "No keywords defined. Consider adding relevant keywords.",
-      color: "orange"
-    });
+  }) : feedback.push({ text: `Title length (${charCount}) looks good for SEO.`, color: "green" }), isParentseoField)
+    if (keywords.length > 0) {
+      const hasKeyword = hasMatchingKeyword(title, keywords);
+      feedback.push({
+        text: hasKeyword ? "Keyword found in title \u2014 good job!" : "Keywords defined but missing in title.",
+        color: hasKeyword ? "green" : "red"
+      }), hasKeywordOveruse(title, keywords) && feedback.push({
+        text: "Keyword appears too many times \u2014 avoid keyword stuffing.",
+        color: "orange"
+      });
+    } else
+      feedback.push({
+        text: "No keywords defined. Consider adding relevant keywords.",
+        color: "orange"
+      });
   return startsWithStopWord(title) && feedback.push({ text: "Title starts with a stop word \u2014 consider rephrasing.", color: "orange" }), hasExcessivePunctuation(title) && feedback.push({ text: "Title contains excessive punctuation \u2014 simplify it.", color: "orange" }), feedback;
-}, getMetaDescriptionValidationMessages = (description, keywords) => {
+}, getMetaDescriptionValidationMessages = (description, keywords, isParentseoField) => {
   const feedback = [], charCount = description?.length || 0;
   if (!description?.trim())
     return feedback.push({ text: "Meta description is empty. Add content to improve SEO.", color: "red" }), feedback;
@@ -53,20 +54,21 @@ const stopWords = ["the", "a", "an", "and", "or", "but"], hasMatchingKeyword = (
   }) : charCount > 160 ? feedback.push({
     text: `Description is ${charCount} chars \u2014 exceeds recommended 160.`,
     color: "red"
-  }) : feedback.push({ text: `Description length (${charCount}) looks good for SEO.`, color: "green" }), keywords.length > 0) {
-    const hasKeyword = hasMatchingKeyword(description, keywords);
-    feedback.push({
-      text: hasKeyword ? "Keyword found in description \u2014 good job!" : "Keywords defined but missing in description.",
-      color: hasKeyword ? "green" : "red"
-    }), hasKeywordOveruse(description, keywords) && feedback.push({
-      text: "Keyword appears too many times \u2014 avoid keyword stuffing.",
-      color: "orange"
-    });
-  } else
-    feedback.push({
-      text: "No keywords defined. Consider adding relevant keywords.",
-      color: "orange"
-    });
+  }) : feedback.push({ text: `Description length (${charCount}) looks good for SEO.`, color: "green" }), isParentseoField)
+    if (keywords.length > 0) {
+      const hasKeyword = hasMatchingKeyword(description, keywords);
+      feedback.push({
+        text: hasKeyword ? "Keyword found in description \u2014 good job!" : "Keywords defined but missing in description.",
+        color: hasKeyword ? "green" : "red"
+      }), hasKeywordOveruse(description, keywords) && feedback.push({
+        text: "Keyword appears too many times \u2014 avoid keyword stuffing.",
+        color: "orange"
+      });
+    } else
+      feedback.push({
+        text: "No keywords defined. Consider adding relevant keywords.",
+        color: "orange"
+      });
   return startsWithStopWord(description) && feedback.push({
     text: "Description starts with a stop word \u2014 consider rephrasing.",
     color: "orange"
@@ -74,32 +76,33 @@ const stopWords = ["the", "a", "an", "and", "or", "but"], hasMatchingKeyword = (
     text: "Description contains excessive punctuation \u2014 simplify it.",
     color: "orange"
   }), feedback;
-}, getOgTitleValidation = (title, keywords = []) => {
+}, getOgTitleValidation = (title, keywords = [], isParentseoField) => {
   const feedback = [], count = title?.length || 0;
   if (!title?.trim())
     return feedback.push({ text: "OG Title is empty. Add content for better social preview.", color: "red" }), feedback;
   if (count < 40 ? feedback.push({
     text: `OG Title is ${count} chars \u2014 shorter than recommended 40.`,
     color: "orange"
-  }) : count > 60 ? feedback.push({ text: `OG Title is ${count} chars \u2014 exceeds recommended 60.`, color: "red" }) : feedback.push({ text: `OG Title length (${count}) looks good.`, color: "green" }), keywords.length > 0) {
-    const hasKeyword = hasMatchingKeyword(title, keywords);
-    feedback.push({
-      text: hasKeyword ? "Keyword found in OG title \u2014 good job!" : "Keywords defined but missing in OG title.",
-      color: hasKeyword ? "green" : "red"
-    }), hasKeywordOveruse(title, keywords) && feedback.push({
-      text: "Keyword appears too many times in OG title \u2014 avoid keyword stuffing.",
-      color: "orange"
-    });
-  } else
-    feedback.push({
-      text: "No keywords defined. Consider adding relevant keywords.",
-      color: "orange"
-    });
+  }) : count > 60 ? feedback.push({ text: `OG Title is ${count} chars \u2014 exceeds recommended 60.`, color: "red" }) : feedback.push({ text: `OG Title length (${count}) looks good.`, color: "green" }), isParentseoField)
+    if (keywords.length > 0) {
+      const hasKeyword = hasMatchingKeyword(title, keywords);
+      feedback.push({
+        text: hasKeyword ? "Keyword found in OG title \u2014 good job!" : "Keywords defined but missing in OG title.",
+        color: hasKeyword ? "green" : "red"
+      }), hasKeywordOveruse(title, keywords) && feedback.push({
+        text: "Keyword appears too many times in OG title \u2014 avoid keyword stuffing.",
+        color: "orange"
+      });
+    } else
+      feedback.push({
+        text: "No keywords defined. Consider adding relevant keywords.",
+        color: "orange"
+      });
   return startsWithStopWord(title) && feedback.push({
     text: "OG Title starts with a stop word \u2014 consider rephrasing.",
     color: "orange"
   }), hasExcessivePunctuation(title) && feedback.push({ text: "OG Title contains excessive punctuation \u2014 simplify it.", color: "orange" }), feedback;
-}, getOgDescriptionValidation = (desc, keywords = []) => {
+}, getOgDescriptionValidation = (desc, keywords = [], isParentseoField) => {
   const feedback = [], count = desc?.length || 0;
   if (!desc?.trim())
     return feedback.push({
@@ -112,20 +115,21 @@ const stopWords = ["the", "a", "an", "and", "or", "but"], hasMatchingKeyword = (
   }) : count > 120 ? feedback.push({
     text: `OG Description is ${count} chars \u2014 exceeds recommended 120.`,
     color: "red"
-  }) : feedback.push({ text: `OG Description length (${count}) looks good.`, color: "green" }), keywords.length > 0) {
-    const hasKeyword = hasMatchingKeyword(desc, keywords);
-    feedback.push({
-      text: hasKeyword ? "Keyword found in OG description \u2014 good job!" : "Keywords defined but missing in OG description.",
-      color: hasKeyword ? "green" : "red"
-    }), hasKeywordOveruse(desc, keywords) && feedback.push({
-      text: "Keyword appears too many times in OG description \u2014 avoid keyword stuffing.",
-      color: "orange"
-    });
-  } else
-    feedback.push({
-      text: "No keywords defined. Consider adding relevant keywords.",
-      color: "orange"
-    });
+  }) : feedback.push({ text: `OG Description length (${count}) looks good.`, color: "green" }), isParentseoField)
+    if (keywords.length > 0) {
+      const hasKeyword = hasMatchingKeyword(desc, keywords);
+      feedback.push({
+        text: hasKeyword ? "Keyword found in OG description \u2014 good job!" : "Keywords defined but missing in OG description.",
+        color: hasKeyword ? "green" : "red"
+      }), hasKeywordOveruse(desc, keywords) && feedback.push({
+        text: "Keyword appears too many times in OG description \u2014 avoid keyword stuffing.",
+        color: "orange"
+      });
+    } else
+      feedback.push({
+        text: "No keywords defined. Consider adding relevant keywords.",
+        color: "orange"
+      });
   return startsWithStopWord(desc) && feedback.push({
     text: "OG Description starts with a stop word \u2014 consider rephrasing.",
     color: "orange"
@@ -133,7 +137,7 @@ const stopWords = ["the", "a", "an", "and", "or", "but"], hasMatchingKeyword = (
     text: "OG Description contains excessive punctuation \u2014 simplify it.",
     color: "orange"
   }), feedback;
-}, getTwitterTitleValidation = (title, keywords = []) => {
+}, getTwitterTitleValidation = (title, keywords = [], isParentseoField) => {
   const feedback = [], count = title?.length || 0;
   if (!title?.trim())
     return feedback.push({ text: "Twitter Title is empty. Add content for better SEO.", color: "red" }), feedback;
@@ -143,19 +147,20 @@ const stopWords = ["the", "a", "an", "and", "or", "but"], hasMatchingKeyword = (
   }) : count > 70 ? feedback.push({
     text: `Twitter Title is ${count} chars \u2014 exceeds recommended 70.`,
     color: "red"
-  }) : feedback.push({ text: `Twitter Title length (${count}) looks good.`, color: "green" }), keywords.length > 0) {
-    const hasKeyword = hasMatchingKeyword(title, keywords);
-    feedback.push({
-      text: hasKeyword ? "Keyword found in Twitter title \u2014 good job!" : "Keywords defined but missing in Twitter title.",
-      color: hasKeyword ? "green" : "red"
-    });
-  } else
-    feedback.push({
-      text: "No keywords defined. Consider adding relevant keywords.",
-      color: "orange"
-    });
+  }) : feedback.push({ text: `Twitter Title length (${count}) looks good.`, color: "green" }), isParentseoField)
+    if (keywords.length > 0) {
+      const hasKeyword = hasMatchingKeyword(title, keywords);
+      feedback.push({
+        text: hasKeyword ? "Keyword found in Twitter title \u2014 good job!" : "Keywords defined but missing in Twitter title.",
+        color: hasKeyword ? "green" : "red"
+      });
+    } else
+      feedback.push({
+        text: "No keywords defined. Consider adding relevant keywords.",
+        color: "orange"
+      });
   return /[!@#$%^&*]{2,}/.test(title) && feedback.push({ text: "Twitter Title has excessive punctuation \u2014 simplify it.", color: "orange" }), feedback;
-}, getTwitterDescriptionValidation = (desc, keywords = []) => {
+}, getTwitterDescriptionValidation = (desc, keywords = [], isParentseoField) => {
   const feedback = [], count = desc?.length || 0;
   if (!desc?.trim())
     return feedback.push({ text: "Twitter Description is empty. Add content for better SEO.", color: "red" }), feedback;
@@ -165,32 +170,27 @@ const stopWords = ["the", "a", "an", "and", "or", "but"], hasMatchingKeyword = (
   }) : count > 200 ? feedback.push({
     text: `Twitter Description is ${count} chars \u2014 exceeds recommended 200.`,
     color: "red"
-  }) : feedback.push({ text: `Twitter Description length (${count}) looks good.`, color: "green" }), keywords.length > 0) {
-    const hasKeyword = hasMatchingKeyword(desc, keywords);
-    feedback.push({
-      text: hasKeyword ? "Keyword found in Twitter description \u2014 good job!" : "Keywords defined but missing in Twitter description.",
-      color: hasKeyword ? "green" : "red"
-    });
-  } else
-    feedback.push({
-      text: "No keywords defined. Consider adding relevant keywords.",
-      color: "orange"
-    });
+  }) : feedback.push({ text: `Twitter Description length (${count}) looks good.`, color: "green" }), isParentseoField)
+    if (keywords.length > 0) {
+      const hasKeyword = hasMatchingKeyword(desc, keywords);
+      feedback.push({
+        text: hasKeyword ? "Keyword found in Twitter description \u2014 good job!" : "Keywords defined but missing in Twitter description.",
+        color: hasKeyword ? "green" : "red"
+      });
+    } else
+      feedback.push({
+        text: "No keywords defined. Consider adding relevant keywords.",
+        color: "orange"
+      });
   return /[!@#$%^&*]{2,}/.test(desc) && feedback.push({
     text: "Twitter Description has excessive punctuation \u2014 simplify it.",
     color: "orange"
   }), feedback;
 }, MetaTitle = (props) => {
-  const client = useClient({ apiVersion: "2024-05-05" }), { value, onChange, renderDefault, path } = props, keywords = useFormValue([path[0]])?.keywords || [];
-  useEffect(() => {
-    value || (async () => {
-      const data = await client.fetch("*[_type=='homePage'][0]{'title':seo.title}");
-      data?.title && !value && onChange(set(data.title));
-    })();
-  }, [client, onChange, value]);
-  const feedbackItems = useMemo(
-    () => getMetaTitleValidationMessages(value || "", keywords),
-    [value, keywords]
+  useClient({ apiVersion: "2024-05-05" });
+  const { value, renderDefault, path } = props, parent = useFormValue([path[0]]), isParentseoField = parent && parent?._type === "seoFields", keywords = parent?.keywords || [], feedbackItems = useMemo(
+    () => getMetaTitleValidationMessages(value || "", keywords, isParentseoField),
+    [value, keywords, isParentseoField]
   );
   return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
     renderDefault(props),
@@ -210,16 +210,10 @@ const stopWords = ["the", "a", "an", "and", "or", "but"], hasMatchingKeyword = (
     ] }, item.text)) })
   ] });
 }, MetaDescription = (props) => {
-  const client = useClient({ apiVersion: "2024-05-05" }), { value, onChange, renderDefault, path } = props, keywords = useFormValue([path[0]])?.keywords || [];
-  useEffect(() => {
-    value || (async () => {
-      const data = await client.fetch("*[_type=='homePage'][0]{'description':seo.description}");
-      data?.description && !value && onChange(set(data.description));
-    })();
-  }, [client, onChange, value]);
-  const feedbackItems = useMemo(
-    () => getMetaDescriptionValidationMessages(value || "", keywords),
-    [value, keywords]
+  useClient({ apiVersion: "2024-05-05" });
+  const { value, renderDefault, path } = props, parent = useFormValue([path[0]]), isParentseoField = parent && parent?._type === "seoFields", keywords = parent?.keywords || [], feedbackItems = useMemo(
+    () => getMetaDescriptionValidationMessages(value || "", keywords, isParentseoField),
+    [value, keywords, isParentseoField]
   );
   return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
     renderDefault(props),
@@ -284,91 +278,133 @@ const stopWords = ["the", "a", "an", "and", "or", "but"], hasMatchingKeyword = (
       ] })
     }
   );
+}, DEFAULT_FIELD_INFO = {
+  title: {
+    title: "Meta Title",
+    description: "The meta title is displayed in search engine results as the clickable headline for a given result. It should be concise and accurately reflect the content of the page."
+  },
+  description: {
+    title: "Meta Description",
+    description: "Provide a concise summary of the page content. This description may be used by search engines in search results."
+  },
+  metaImage: {
+    title: "Meta Image",
+    description: "Upload an image that represents the content of the page. This image may be used in social media previews and search engine results."
+  },
+  keywords: {
+    title: "Keywords",
+    description: "Add relevant keywords for this page. These keywords will be used for SEO purposes."
+  },
+  canonicalUrl: {
+    title: "Canonical URL",
+    description: "Specify the canonical URL for this page. This helps prevent duplicate content issues by indicating the preferred version of a page."
+  },
+  robots: {
+    title: "Robots Settings",
+    description: "Configure how search engine crawlers should index and follow links on this page."
+  },
+  metaAttributes: {
+    title: "Additional Meta Attributes",
+    description: "Add custom meta attributes to the head of the document for additional SEO and social media integration."
+  }
+}, getFieldInfo = (fieldName, fieldOverrides) => {
+  const fieldInfo = fieldOverrides && fieldOverrides[fieldName] || DEFAULT_FIELD_INFO[fieldName];
+  return fieldInfo ? { title: fieldInfo.title, description: fieldInfo.description } : { title: "", description: "" };
 };
-var seoFields = defineType({
-  name: "seoFields",
-  title: "SEO Fields",
-  type: "object",
-  fields: [
-    defineField({
-      name: "robots",
-      title: "Robots Settings",
-      type: "robots"
-      // Use the separate robots type here
-    }),
-    defineField({
-      name: "preview",
-      title: "SEO Preview",
-      type: "string",
-      components: {
-        input: SeoPreview
-        // custom React component
-      },
-      // you can mark it read-only if you don't want editors to change it
-      readOnly: !0
-    }),
-    defineField({
-      name: "title",
-      title: "Meta Title",
-      type: "string",
-      description: "The meta title is displayed in search engine results as the clickable headline for a given result. It should be concise and accurately reflect the content of the page.",
-      components: {
-        input: MetaTitle
-      }
-      // validation: (Rule) => Rule.max(60).warning('Meta title should be under 60 characters.'),
-    }),
-    defineField({
-      name: "description",
-      title: "Meta Description",
-      type: "text",
-      rows: 3,
-      description: "Provide a concise summary of the page content. This description may be used by search engines in search results.",
-      components: {
-        input: MetaDescription
-      }
-      // validation: (Rule) => Rule.max(160).warning('Meta description should be under 160 characters.'),
-    }),
-    defineField({
-      name: "metaImage",
-      title: "Meta Image",
-      type: "image",
-      options: {
-        hotspot: !0
-      },
-      description: "Upload an image that represents the content of the page. This image may be used in social media previews and search engine results."
-    }),
-    defineField({
-      name: "metaAttributes",
-      title: "Additional Meta Attributes",
-      type: "array",
-      of: [{ type: "metaAttribute" }],
-      description: "Add custom meta attributes to the head of the document for additional SEO and social media integration."
-    }),
-    defineField({
-      name: "keywords",
-      title: "Keywords",
-      type: "array",
-      of: [{ type: "string" }],
-      description: "Add relevant keywords for this page. These keywords will be used for SEO purposes."
-    }),
-    defineField({
-      name: "canonicalUrl",
-      title: "Canonical URL",
-      type: "url",
-      description: "Specify the canonical URL for this page. This helps prevent duplicate content issues by indicating the preferred version of a page."
-    }),
-    defineField({
-      name: "openGraph",
-      title: "Open Graph Settings",
-      type: "openGraph"
-    }),
-    defineField({
-      name: "twitter",
-      title: "Twitter Card Settings",
-      type: "twitter"
-    })
-  ]
-}), metaAttribute = defineType({
+function seoFieldsSchema(config = {}) {
+  return defineType({
+    name: "seoFields",
+    title: "SEO Fields",
+    type: "object",
+    fields: [
+      defineField({
+        name: "robots",
+        title: "Robots Settings",
+        type: "robots"
+        // Use the separate robots type here
+      }),
+      // 👇 conditionally spread preview field
+      ...config.seoPreview ? [] : [
+        defineField({
+          name: "preview",
+          title: "SEO Preview",
+          type: "string",
+          components: { input: SeoPreview },
+          readOnly: !0
+        })
+      ],
+      defineField({
+        name: "title",
+        ...getFieldInfo("title", config.fieldOverrides),
+        // title: 'Meta Title',
+        type: "string",
+        // description:
+        // 'The meta title is displayed in search engine results as the clickable headline for a given result. It should be concise and accurately reflect the content of the page.',
+        components: {
+          input: MetaTitle
+        }
+        // validation: (Rule) => Rule.max(60).warning('Meta title should be under 60 characters.'),
+      }),
+      defineField({
+        name: "description",
+        ...getFieldInfo("description", config.fieldOverrides),
+        // title: 'Meta Description',
+        // description:
+        //   'Provide a concise summary of the page content. This description may be used by search engines in search results.',
+        type: "text",
+        rows: 3,
+        components: {
+          input: MetaDescription
+        }
+        // validation: (Rule) => Rule.max(160).warning('Meta description should be under 160 characters.'),
+      }),
+      defineField({
+        name: "metaImage",
+        ...getFieldInfo("metaImage", config.fieldOverrides),
+        // title: 'Meta Image',
+        // description:
+        // 'Upload an image that represents the content of the page. This image may be used in social media previews and search engine results.',
+        type: "image",
+        options: {
+          hotspot: !0
+        }
+      }),
+      defineField({
+        name: "metaAttributes",
+        title: "Additional Meta Attributes",
+        type: "array",
+        of: [{ type: "metaAttribute" }],
+        description: "Add custom meta attributes to the head of the document for additional SEO and social media integration."
+      }),
+      defineField({
+        name: "keywords",
+        ...getFieldInfo("keywords", config.fieldOverrides),
+        title: "Keywords",
+        type: "array",
+        of: [{ type: "string" }],
+        description: "Add relevant keywords for this page. These keywords will be used for SEO purposes."
+      }),
+      defineField({
+        name: "canonicalUrl",
+        ...getFieldInfo("canonicalUrl", config.fieldOverrides),
+        title: "Canonical URL",
+        type: "url",
+        description: "Specify the canonical URL for this page. This helps prevent duplicate content issues by indicating the preferred version of a page."
+      }),
+      defineField({
+        name: "openGraph",
+        title: "Open Graph Settings",
+        type: "openGraph"
+      }),
+      defineField({
+        name: "twitter",
+        title: "Twitter Card Settings",
+        type: "twitter"
+      })
+    ]
+  });
+}
+var metaAttribute = defineType({
   name: "metaAttribute",
   title: "Meta Attribute",
   type: "object",
@@ -423,8 +459,8 @@ var seoFields = defineType({
   }
 });
 const OgTitle = (props) => {
-  const { value, renderDefault, path } = props, keywords = useFormValue([path[0]])?.keywords || [], feedbackItems = useMemo(
-    () => getOgTitleValidation(value || "", keywords),
+  const { value, renderDefault, path } = props, parent = useFormValue([path[0]]), isParentseoField = parent && parent?._type === "seoFields", keywords = parent?.keywords || [], feedbackItems = useMemo(
+    () => getOgTitleValidation(value || "", keywords, isParentseoField),
     [value, keywords]
   );
   return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
@@ -445,9 +481,9 @@ const OgTitle = (props) => {
     ] }, item.text)) })
   ] });
 }, OgDescription = (props) => {
-  const { value, renderDefault, path } = props, keywords = useFormValue([path[0]])?.keywords || [], feedbackItems = useMemo(
-    () => getOgDescriptionValidation(value || "", keywords),
-    [value, keywords]
+  const { value, renderDefault, path } = props, parent = useFormValue([path[0]]), isParentseoField = parent && parent?._type === "seoFields", keywords = parent?.keywords || [], feedbackItems = useMemo(
+    () => getOgDescriptionValidation(value || "", keywords, isParentseoField),
+    [value, keywords, isParentseoField]
   );
   return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
     renderDefault(props),
@@ -549,8 +585,8 @@ var openGraph = defineType({
   ]
 });
 const TwitterTitle = (props) => {
-  const { value, renderDefault, path } = props, keywords = useFormValue([path[0]])?.keywords || [], feedbackItems = useMemo(
-    () => getTwitterTitleValidation(value || "", keywords),
+  const { value, renderDefault, path } = props, parent = useFormValue([path[0]]), isParentseoField = parent && parent?._type === "seoFields", keywords = parent?.keywords || [], feedbackItems = useMemo(
+    () => getTwitterTitleValidation(value || "", keywords, isParentseoField),
     [value, keywords]
   );
   return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
@@ -571,8 +607,8 @@ const TwitterTitle = (props) => {
     ] }, item.text)) })
   ] });
 }, TwitterDescription = (props) => {
-  const { value, renderDefault, path } = props, keywords = useFormValue([path[0]])?.keywords || [], feedbackItems = useMemo(
-    () => getTwitterDescriptionValidation(value || "", keywords),
+  const { value, renderDefault, path } = props, parent = useFormValue([path[0]]), isParentseoField = parent && parent?._type === "seoFields", keywords = parent?.keywords || [], feedbackItems = useMemo(
+    () => getTwitterDescriptionValidation(value || "", keywords, isParentseoField),
     [value, keywords]
   );
   return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
@@ -690,10 +726,24 @@ var twitter = defineType({
       description: "Add custom meta attributes to the head of the document for additional SEO and social media integration."
     }
   ]
-}), types = [seoFields, openGraph, metaAttribute, twitter, robots, metaTag];
+});
+function types(config = {}) {
+  return [
+    seoFieldsSchema(config),
+    // pass config here
+    openGraph,
+    twitter,
+    metaAttribute,
+    metaTag,
+    robots
+  ];
+}
 const seofields = definePlugin((config = {}) => ({
   name: "sanity-plugin-seofields",
-  schema: { types }
+  schema: {
+    types: types(config)
+    // pass config down to schemas
+  }
 })), isSeoFields = (obj) => obj && obj._type === "seoFields", isOpenGraphSettings = (obj) => obj && obj._type === "openGraph", isTwitterCardSettings = (obj) => obj && obj._type === "twitter", isMetaAttribute = (obj) => obj && obj._type === "metaAttribute", defaultSeoValidationRules = {
   title: {
     maxLength: 70,
@@ -718,6 +768,7 @@ const seofields = definePlugin((config = {}) => ({
 };
 export {
   types as allSchemas,
+  seofields as default,
   defaultSeoValidationRules,
   isMetaAttribute,
   isOpenGraphSettings,
@@ -726,8 +777,8 @@ export {
   metaAttribute as metaAttributeSchema,
   metaTag as metaTagSchema,
   openGraph as openGraphSchema,
-  seoFields as seoFieldsSchema,
-  seofields,
+  robots as robotsSchema,
+  seoFieldsSchema,
   twitter as twitterSchema
 };
 //# sourceMappingURL=index.mjs.map