sanity-plugin-seofields 1.0.1

package/dist/index.js

@@ -0,0 +1,730 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: !0 });
+var sanity = require("sanity"), jsxRuntime = require("react/jsx-runtime"), react = require("react"), ui = require("@sanity/ui");
+const stopWords = ["the", "a", "an", "and", "or", "but"], hasMatchingKeyword = (title, keywordList) => {
+  if (!title || keywordList.length === 0) return !1;
+  const lowerTitle = title.toLowerCase();
+  return keywordList.some((keyword) => keyword && lowerTitle.includes(keyword.toLowerCase()));
+}, hasKeywordOveruse = (title, keywordList, maxOccurrences = 3) => {
+  if (!title || keywordList.length === 0) return !1;
+  const lowerTitle = title.toLowerCase();
+  return keywordList.some((keyword) => {
+    if (!keyword) return !1;
+    const matches = lowerTitle.match(new RegExp(keyword.toLowerCase(), "g"));
+    return matches ? matches.length > maxOccurrences : !1;
+  });
+}, startsWithStopWord = (title) => {
+  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) => {
+  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;
+  if (charCount < 50 ? feedback.push({
+    text: `Title is ${charCount} characters \u2014 below recommended 50.`,
+    color: "orange"
+  }) : 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"
+    });
+  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) => {
+  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;
+  if (charCount < 150 ? feedback.push({
+    text: `Description is ${charCount} chars \u2014 below recommended 150.`,
+    color: "orange"
+  }) : 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"
+    });
+  return startsWithStopWord(description) && feedback.push({
+    text: "Description starts with a stop word \u2014 consider rephrasing.",
+    color: "orange"
+  }), hasExcessivePunctuation(description) && feedback.push({
+    text: "Description contains excessive punctuation \u2014 simplify it.",
+    color: "orange"
+  }), feedback;
+}, getOgTitleValidation = (title, keywords = []) => {
+  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"
+    });
+  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 = []) => {
+  const feedback = [], count = desc?.length || 0;
+  if (!desc?.trim())
+    return feedback.push({
+      text: "OG Description is empty. Add content for better social preview.",
+      color: "red"
+    }), feedback;
+  if (count < 90 ? feedback.push({
+    text: `OG Description is ${count} chars \u2014 shorter than recommended 90.`,
+    color: "orange"
+  }) : 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"
+    });
+  return startsWithStopWord(desc) && feedback.push({
+    text: "OG Description starts with a stop word \u2014 consider rephrasing.",
+    color: "orange"
+  }), hasExcessivePunctuation(desc) && feedback.push({
+    text: "OG Description contains excessive punctuation \u2014 simplify it.",
+    color: "orange"
+  }), feedback;
+}, getTwitterTitleValidation = (title, keywords = []) => {
+  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;
+  if (count < 30 ? feedback.push({
+    text: `Twitter Title is ${count} chars \u2014 shorter than recommended 30.`,
+    color: "orange"
+  }) : 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"
+    });
+  return /[!@#$%^&*]{2,}/.test(title) && feedback.push({ text: "Twitter Title has excessive punctuation \u2014 simplify it.", color: "orange" }), feedback;
+}, getTwitterDescriptionValidation = (desc, keywords = []) => {
+  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;
+  if (count < 50 ? feedback.push({
+    text: `Twitter Description is ${count} chars \u2014 shorter than recommended 50.`,
+    color: "orange"
+  }) : 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"
+    });
+  return /[!@#$%^&*]{2,}/.test(desc) && feedback.push({
+    text: "Twitter Description has excessive punctuation \u2014 simplify it.",
+    color: "orange"
+  }), feedback;
+}, MetaTitle = (props) => {
+  const client = sanity.useClient({ apiVersion: "2024-05-05" }), { value, onChange, renderDefault, path } = props, keywords = sanity.useFormValue([path[0]])?.keywords || [];
+  react.useEffect(() => {
+    value || (async () => {
+      const data = await client.fetch("*[_type=='homePage'][0]{'title':seo.title}");
+      data?.title && !value && onChange(sanity.set(data.title));
+    })();
+  }, [client, onChange, value]);
+  const feedbackItems = react.useMemo(
+    () => getMetaTitleValidationMessages(value || "", keywords),
+    [value, keywords]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
+    renderDefault(props),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          style: {
+            minWidth: 10,
+            height: 10,
+            borderRadius: "50%",
+            backgroundColor: item.color
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "bold", muted: !0, size: 14, children: item.text })
+    ] }, item.text)) })
+  ] });
+}, MetaDescription = (props) => {
+  const client = sanity.useClient({ apiVersion: "2024-05-05" }), { value, onChange, renderDefault, path } = props, keywords = sanity.useFormValue([path[0]])?.keywords || [];
+  react.useEffect(() => {
+    value || (async () => {
+      const data = await client.fetch("*[_type=='homePage'][0]{'description':seo.description}");
+      data?.description && !value && onChange(sanity.set(data.description));
+    })();
+  }, [client, onChange, value]);
+  const feedbackItems = react.useMemo(
+    () => getMetaDescriptionValidationMessages(value || "", keywords),
+    [value, keywords]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
+    renderDefault(props),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          style: { width: 10, height: 10, borderRadius: "50%", backgroundColor: item.color }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "bold", muted: !0, size: 14, children: item.text })
+    ] }, item.text)) })
+  ] });
+}, SeoPreview = (props) => {
+  const { path } = props, parent = sanity.useFormValue([path[0]]) || {
+    title: "",
+    description: "",
+    canonicalUrl: ""
+  };
+  console.log("SEO Preview Parent:", parent);
+  const {
+    title,
+    description,
+    canonicalUrl: url
+  } = parent;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Box,
+    {
+      padding: 3,
+      style: {
+        maxWidth: 600,
+        fontFamily: "Arial, sans-serif"
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, style: { color: "#006621", fontSize: 12, lineHeight: 1.3, marginBottom: 3 }, children: url || "https://www.example.com/page-url" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Text,
+          {
+            size: 3,
+            weight: "bold",
+            style: {
+              color: "#1a0dab",
+              fontSize: 18,
+              lineHeight: 1.4,
+              marginBottom: 3
+            },
+            children: title ? truncate(title, 60) : "Meta Title Preview"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Text,
+          {
+            size: 2,
+            style: {
+              color: "#545454",
+              fontSize: 14,
+              lineHeight: 1.6
+            },
+            children: description ? truncate(description, 160) : "Meta description will appear here\u2026"
+          }
+        )
+      ] })
+    }
+  );
+};
+var seoFields = sanity.defineType({
+  name: "seoFields",
+  title: "SEO Fields",
+  type: "object",
+  fields: [
+    sanity.defineField({
+      name: "robots",
+      title: "Robots Settings",
+      type: "robots"
+      // Use the separate robots type here
+    }),
+    sanity.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
+    }),
+    sanity.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.'),
+    }),
+    sanity.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.'),
+    }),
+    sanity.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."
+    }),
+    sanity.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."
+    }),
+    sanity.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."
+    }),
+    sanity.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."
+    }),
+    sanity.defineField({
+      name: "openGraph",
+      title: "Open Graph Settings",
+      type: "openGraph"
+    }),
+    sanity.defineField({
+      name: "twitter",
+      title: "Twitter Card Settings",
+      type: "twitter"
+    })
+  ]
+}), metaAttribute = sanity.defineType({
+  name: "metaAttribute",
+  title: "Meta Attribute",
+  type: "object",
+  fields: [
+    sanity.defineField({
+      name: "key",
+      title: "Attribute Name",
+      type: "string"
+    }),
+    sanity.defineField({
+      name: "type",
+      title: "Attribute Value Type",
+      type: "string",
+      options: {
+        list: [
+          { title: "String", value: "string" },
+          { title: "Image", value: "image" }
+        ]
+      },
+      initialValue: "string"
+    }),
+    sanity.defineField({
+      name: "value",
+      title: "Attribute Value",
+      type: "string",
+      hidden: ({ parent }) => parent?.type === "image"
+    }),
+    sanity.defineField({
+      name: "image",
+      title: "Attribute Image Value",
+      type: "image",
+      hidden: ({ parent }) => parent?.type === "string"
+    })
+  ],
+  preview: {
+    select: {
+      attributeName: "key",
+      attributeValueString: "value",
+      attributeValueImage: "image"
+    },
+    prepare({
+      attributeName,
+      attributeValueString,
+      attributeValueImage
+    }) {
+      return {
+        title: attributeName || "No Attribute Name",
+        subtitle: attributeValueString ? `Value: ${attributeValueString}` : attributeValueImage ? "Value: [Image]" : "No Attribute Value",
+        media: attributeValueImage
+      };
+    }
+  }
+});
+const OgTitle = (props) => {
+  const { value, renderDefault, path } = props, keywords = sanity.useFormValue([path[0]])?.keywords || [], feedbackItems = react.useMemo(
+    () => getOgTitleValidation(value || "", keywords),
+    [value, keywords]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
+    renderDefault(props),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          style: {
+            minWidth: 10,
+            height: 10,
+            borderRadius: "50%",
+            backgroundColor: item.color
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "bold", muted: !0, size: 14, children: item.text })
+    ] }, item.text)) })
+  ] });
+}, OgDescription = (props) => {
+  const { value, renderDefault, path } = props, keywords = sanity.useFormValue([path[0]])?.keywords || [], feedbackItems = react.useMemo(
+    () => getOgDescriptionValidation(value || "", keywords),
+    [value, keywords]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
+    renderDefault(props),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          style: {
+            minWidth: 10,
+            height: 10,
+            borderRadius: "50%",
+            backgroundColor: item.color
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "bold", muted: !0, size: 14, children: item.text })
+    ] }, item.text)) })
+  ] });
+};
+var openGraph = sanity.defineType({
+  name: "openGraph",
+  title: "Open Graph Settings",
+  type: "object",
+  fields: [
+    sanity.defineField({
+      name: "title",
+      title: "Open Graph Title",
+      type: "string",
+      components: {
+        input: OgTitle
+        // Can also wrap with a string input + preview
+      }
+    }),
+    sanity.defineField({
+      name: "description",
+      title: "Open Graph Description",
+      type: "text",
+      rows: 3,
+      components: {
+        input: OgDescription
+        // Can also wrap with a text area + preview
+      }
+    }),
+    sanity.defineField({
+      name: "siteName",
+      title: "Open Graph Site Name",
+      type: "string",
+      description: "The name of your website. This is often the site title."
+    }),
+    sanity.defineField({
+      name: "type",
+      title: "Open Graph Type",
+      type: "string",
+      options: {
+        list: [
+          { title: "Website", value: "website" },
+          { title: "Article", value: "article" },
+          { title: "Profile", value: "profile" },
+          { title: "Book", value: "book" },
+          { title: "Music", value: "music" },
+          { title: "Video", value: "video" },
+          { title: "Product", value: "product" }
+        ]
+        // layout: 'radio', // Display as radio buttons
+      },
+      initialValue: "website",
+      description: "Select the type of content for Open Graph."
+    }),
+    // upload image or ask for url
+    sanity.defineField({
+      name: "imageType",
+      title: "Image Type",
+      type: "string",
+      options: {
+        list: [
+          { title: "Upload Image", value: "upload" },
+          { title: "Image URL", value: "url" }
+        ]
+      },
+      initialValue: "upload"
+    }),
+    sanity.defineField({
+      name: "image",
+      title: "Open Graph Image",
+      type: "image",
+      options: {
+        hotspot: !0
+      },
+      hidden: ({ parent }) => parent?.imageType !== "upload",
+      description: "Recommended size: 1200x630px (minimum 600x315px). Max file size: 5MB. Aspect ratio 1.91:1."
+    }),
+    sanity.defineField({
+      name: "imageUrl",
+      title: "Open Graph Image URL",
+      type: "url",
+      hidden: ({ parent }) => parent?.imageType !== "url",
+      description: "Enter the full URL of the image. Ensure the image is accessible and meets the recommended size of 1200x630px (minimum 600x315px)."
+    })
+  ]
+});
+const TwitterTitle = (props) => {
+  const { value, renderDefault, path } = props, keywords = sanity.useFormValue([path[0]])?.keywords || [], feedbackItems = react.useMemo(
+    () => getTwitterTitleValidation(value || "", keywords),
+    [value, keywords]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
+    renderDefault(props),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          style: {
+            minWidth: 10,
+            height: 10,
+            borderRadius: "50%",
+            backgroundColor: item.color
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "bold", muted: !0, size: 14, children: item.text })
+    ] }, item.text)) })
+  ] });
+}, TwitterDescription = (props) => {
+  const { value, renderDefault, path } = props, keywords = sanity.useFormValue([path[0]])?.keywords || [], feedbackItems = react.useMemo(
+    () => getTwitterDescriptionValidation(value || "", keywords),
+    [value, keywords]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
+    renderDefault(props),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          style: {
+            minWidth: 10,
+            height: 10,
+            borderRadius: "50%",
+            backgroundColor: item.color
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "bold", muted: !0, size: 14, children: item.text })
+    ] }, item.text)) })
+  ] });
+};
+var twitter = sanity.defineType({
+  name: "twitter",
+  title: "Twitter",
+  type: "object",
+  fields: [
+    sanity.defineField({
+      name: "card",
+      title: "Card Type",
+      type: "string",
+      options: {
+        list: [
+          { title: "Summary", value: "summary" },
+          { title: "Summary with Large Image", value: "summary_large_image" },
+          { title: "App", value: "app" },
+          { title: "Player", value: "player" }
+        ]
+      },
+      initialValue: "summary_large_image"
+      // good default
+    }),
+    sanity.defineField({
+      name: "site",
+      title: "Site Twitter Handle",
+      type: "string",
+      description: "The Twitter handle of the website (e.g., @example)"
+    }),
+    sanity.defineField({
+      name: "title",
+      title: "Twitter Title",
+      type: "string",
+      description: "The title of the content as it should appear on Twitter.",
+      components: {
+        input: TwitterTitle
+      }
+    }),
+    sanity.defineField({
+      name: "description",
+      title: "Twitter Description",
+      type: "text",
+      rows: 3,
+      description: "A brief description of the content for Twitter.",
+      components: {
+        input: TwitterDescription
+      }
+    }),
+    sanity.defineField({
+      name: "image",
+      title: "Twitter Image",
+      type: "image",
+      description: 'An image URL which should be at least 120x120px for "summary" card and 280x150px for "summary_large_image" card.',
+      options: {
+        hotspot: !0
+      },
+      fields: [
+        sanity.defineField({
+          name: "alt",
+          title: "Image Alt Text",
+          type: "string",
+          description: "Short alt text describing the image"
+        })
+      ]
+    })
+  ]
+}), robots = sanity.defineType({
+  name: "robots",
+  title: "Robots Settings",
+  type: "object",
+  fields: [
+    sanity.defineField({
+      name: "noIndex",
+      title: "No Index",
+      type: "boolean",
+      initialValue: !1,
+      description: "Enable this to prevent search engines from indexing this page. The page will not appear in search results."
+    }),
+    sanity.defineField({
+      name: "noFollow",
+      title: "No Follow",
+      type: "boolean",
+      initialValue: !1,
+      description: "Enable this to prevent search engines from following links on this page. Links will not pass SEO value."
+    })
+  ],
+  description: "Select how search engines should index and follow links on this page."
+}), metaTag = sanity.defineType({
+  name: "metaTag",
+  title: "Meta Tag",
+  type: "object",
+  fields: [
+    {
+      name: "metaAttributes",
+      title: "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."
+    }
+  ]
+}), types = [seoFields, openGraph, metaAttribute, twitter, robots, metaTag];
+const seofields = sanity.definePlugin((config = {}) => ({
+  name: "sanity-plugin-seofields",
+  schema: { types }
+})), 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,
+    warningLength: 60
+  },
+  description: {
+    maxLength: 160,
+    warningLength: 150
+  },
+  openGraphTitle: {
+    maxLength: 95
+  },
+  openGraphDescription: {
+    maxLength: 200
+  },
+  twitterTitle: {
+    maxLength: 70
+  },
+  twitterDescription: {
+    maxLength: 200
+  }
+};
+exports.allSchemas = types;
+exports.defaultSeoValidationRules = defaultSeoValidationRules;
+exports.isMetaAttribute = isMetaAttribute;
+exports.isOpenGraphSettings = isOpenGraphSettings;
+exports.isSeoFields = isSeoFields;
+exports.isTwitterCardSettings = isTwitterCardSettings;
+exports.metaAttributeSchema = metaAttribute;
+exports.metaTagSchema = metaTag;
+exports.openGraphSchema = openGraph;
+exports.seoFieldsSchema = seoFields;
+exports.seofields = seofields;
+exports.twitterSchema = twitter;
+//# sourceMappingURL=index.js.map