sanity-plugin-seofields 1.6.3 → 1.6.5

package/dist/index.js

@@ -1,7 +1,7 @@
-import { getMetaTitleValidationMessages, getMetaDescriptionValidationMessages, getMetaImageValidation, getOgTitleValidation, getOgDescriptionValidation, getOgImageValidation, getOgImageUrlValidation, getTwitterTitleValidation, getTwitterDescriptionValidation, getTwitterImageValidation, getTwitterImageUrlValidation } from './chunk-25JLWVEU.js';
+import { getMetaTitleValidationMessages, getMetaDescriptionValidationMessages, getMetaImageValidation, getOgTitleValidation, getOgDescriptionValidation, getOgImageValidation, getOgImageUrlValidation, getTwitterTitleValidation, getTwitterDescriptionValidation, getTwitterImageValidation, getTwitterImageUrlValidation } from './chunk-HDZZQCH7.js';
 import { __spreadValues, __spreadProps, __objRest } from './chunk-2NMEKWO5.js';
-import { lazy, createElement, Suspense, useMemo } from 'react';
-import { defineType, defineField, definePlugin, useFormValue } from 'sanity';
+import { lazy, createElement, Suspense, useMemo, useState, useEffect } from 'react';
+import { defineType, defineField, definePlugin, useFormValue, useClient } from 'sanity';
 import { Stack, Text } from '@sanity/ui';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -56,13 +56,37 @@ var MetaImage = (props) => {
 };
 var MetaImage_default = MetaImage;
 var MetaTitle = (props) => {
-  const { value, renderDefault, path } = props;
+  var _a, _b;
+  const { value, renderDefault, path, schemaType } = props;
+  const { options } = schemaType;
   const parent = useFormValue([path[0]]);
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
   const keywords = useMemo(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const rootDoc = (_a = useFormValue([])) != null ? _a : {};
+  const client = useClient({ apiVersion: (_b = options == null ? void 0 : options.apiVersion) != null ? _b : "2024-01-01" });
+  const [groqTitleSuffix, setGroqTitleSuffix] = useState("");
+  const titleSuffixQuery = options == null ? void 0 : options.titleSuffixQuery;
+  const titleSuffixOption = options == null ? void 0 : options.titleSuffix;
+  useEffect(() => {
+    if (!titleSuffixQuery) return;
+    client.fetch(titleSuffixQuery).then((result) => {
+      setGroqTitleSuffix(result === null || result === void 0 ? "" : String(result));
+    }).catch(() => {
+      setGroqTitleSuffix("");
+    });
+  }, [titleSuffixQuery, client]);
+  const resolvedSuffix = useMemo(() => {
+    if (titleSuffixQuery) return groqTitleSuffix;
+    if (!titleSuffixOption) return "";
+    if (typeof titleSuffixOption === "function") {
+      return titleSuffixOption(rootDoc);
+    }
+    return titleSuffixOption;
+  }, [titleSuffixQuery, groqTitleSuffix, titleSuffixOption, rootDoc]);
+  const suffixLength = resolvedSuffix ? resolvedSuffix.length + 3 : 0;
   const feedbackItems = useMemo(
-    () => getMetaTitleValidationMessages(value || "", keywords, isParentseoField),
-    [value, keywords, isParentseoField]
+    () => getMetaTitleValidationMessages(value || "", keywords, isParentseoField, suffixLength),
+    [value, keywords, isParentseoField, suffixLength]
   );
   return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
     renderDefault(props),
@@ -653,7 +677,7 @@ function twitter(config = {}) {
 }
 
 // src/schemas/index.ts
-var LazySeoPreview = lazy(() => import('./SeoPreview-XVAZYHCL.js'));
+var LazySeoPreview = lazy(() => import('./SeoPreview-KEGGQSPJ.js'));
 var SeoPreviewWrapper = (props) => createElement(Suspense, { fallback: null }, createElement(LazySeoPreview, props));
 function buildFieldGroupMap(groups) {
   const map = /* @__PURE__ */ new Map();
@@ -732,6 +756,7 @@ function seoFieldsSchema(config = {}) {
           components: {
             input: MetaTitle_default
           },
+          options: __spreadValues(__spreadValues(__spreadValues({}, config.apiVersion ? { apiVersion: config.apiVersion } : {}), typeof config.seoPreview === "object" && config.seoPreview && config.seoPreview.titleSuffix ? { titleSuffix: config.seoPreview.titleSuffix } : {}), typeof config.seoPreview === "object" && config.seoPreview && config.seoPreview.titleSuffixQuery ? { titleSuffixQuery: config.seoPreview.titleSuffixQuery } : {}),
           hidden: getFieldHiddenFunction("title", config)
         })),
         fieldGroupMap