@liiift-studio/sanity-font-manager 2.5.6 → 2.5.9

package/dist/index.js

@@ -16844,6 +16844,7 @@ __export(index_exports, {
   createFontDecisions: () => createFontDecisions,
   createFontObject: () => createFontObject,
   createInitialExecutionState: () => createInitialExecutionState,
+  createOpenTypeField: () => createOpenTypeField,
   createStylesField: () => createStylesField,
   determineWeight: () => determineWeight,
   escapeCssFontName: () => escapeCssFontName,
@@ -18496,14 +18497,16 @@ var SingleUploaderTool = (props) => {
       if (!(ttfAsset == null ? void 0 : ttfAsset.url)) throw new Error("Could not fetch TTF file URL");
       const arrayBuffer = await (await fetch(ttfAsset.url)).arrayBuffer();
       const font2 = await parseFont(arrayBuffer, `${doc_id}.ttf`);
-      const { weightName, subfamilyName, style, variableFont } = extractFontMetadata(
+      const { weightName, subfamilyName, fontTitle, style, variableFont } = extractFontMetadata(
         font2,
         doc_typefaceName,
         weightKeywordList,
-        italicKeywordList
+        italicKeywordList,
+        false,
+        null
       );
       const weight = determineWeight(font2, weightName);
-      await client.patch(doc_id).set({ weightName, subfamily: subfamilyName, style, variableFont, weight }).commit();
+      await client.patch(doc_id).set({ title: fontTitle, weightName, subfamily: subfamilyName, style, variableFont, weight }).commit();
       const fontData = await generateFontData({
         url: ttfAsset.url,
         fontKit: font2,
@@ -18653,15 +18656,17 @@ var SingleUploaderTool = (props) => {
       if (code === "ttf") {
         const fontBuffer = await readFontFile(file);
         const font2 = await parseFont(fontBuffer, file.name);
-        const { weightName, subfamilyName, style, variableFont } = extractFontMetadata(
+        const { weightName, subfamilyName, fontTitle, style, variableFont } = extractFontMetadata(
           font2,
           doc_typefaceName,
           weightKeywordList,
-          italicKeywordList
+          italicKeywordList,
+          false,
+          null
         );
         const weight = determineWeight(font2, weightName);
         const normalizedId = doc_id.startsWith("drafts.") ? doc_id.replace("drafts.", "") : doc_id;
-        await client.patch(normalizedId).set({ weightName, subfamily: subfamilyName, style, variableFont, weight }).commit();
+        await client.patch(normalizedId).set({ title: fontTitle, weightName, subfamily: subfamilyName, style, variableFont, weight }).commit();
       }
       onChange((0, import_sanity6.set)(newFileInput));
       setTimeout(() => {
@@ -19583,6 +19588,9 @@ function KeyValueReferenceInput(props) {
   const [availableReferences, setAvailableReferences] = (0, import_react23.useState)([]);
   const sanityClient = useSanityClient();
   const formDocument = (0, import_sanity10.useFormValue)([]);
+  (0, import_react23.useEffect)(() => {
+    setPairs(value);
+  }, [value]);
   (0, import_react23.useEffect)(() => {
     const refIds = pairs.filter((p2) => {
       var _a2;
@@ -22452,6 +22460,36 @@ var openTypeField = {
     }
   ]
 };
+function createOpenTypeField({
+  customText = false,
+  customTextType = "string"
+} = {}) {
+  if (!customText) return { ...openTypeField };
+  const fields = openTypeField.fields.map((field2) => {
+    if (field2.type !== "object" || !field2.fields) return field2;
+    const updatedSubfields = field2.fields.map((subfield) => {
+      if (subfield.name !== "customText") return subfield;
+      const updated = { ...subfield, hidden: false };
+      if (customTextType === "code") {
+        updated.type = "code";
+        updated.options = {
+          language: "html",
+          languageAlternatives: [
+            { title: "HTML", value: "html" }
+          ],
+          withFilename: false
+        };
+        updated.description = 'Use the field below to input custom text to highlight the feature. Wrap featured characters in <span class="bold">CHARACTER</span>.';
+      }
+      return updated;
+    });
+    return { ...field2, fields: updatedSubfields };
+  });
+  return {
+    ...openTypeField,
+    fields
+  };
+}
 
 // src/schema/styleCountField.js
 var styleCountField = {
@@ -23069,6 +23107,7 @@ init_generateKeywords();
   createFontDecisions,
   createFontObject,
   createInitialExecutionState,
+  createOpenTypeField,
   createStylesField,
   determineWeight,
   escapeCssFontName,

package/dist/index.mjs

@@ -18396,14 +18396,16 @@ var SingleUploaderTool = (props) => {
       if (!(ttfAsset == null ? void 0 : ttfAsset.url)) throw new Error("Could not fetch TTF file URL");
       const arrayBuffer = await (await fetch(ttfAsset.url)).arrayBuffer();
       const font2 = await parseFont(arrayBuffer, `${doc_id}.ttf`);
-      const { weightName, subfamilyName, style, variableFont } = extractFontMetadata(
+      const { weightName, subfamilyName, fontTitle, style, variableFont } = extractFontMetadata(
         font2,
         doc_typefaceName,
         weightKeywordList,
-        italicKeywordList
+        italicKeywordList,
+        false,
+        null
       );
       const weight = determineWeight(font2, weightName);
-      await client.patch(doc_id).set({ weightName, subfamily: subfamilyName, style, variableFont, weight }).commit();
+      await client.patch(doc_id).set({ title: fontTitle, weightName, subfamily: subfamilyName, style, variableFont, weight }).commit();
       const fontData = await generateFontData({
         url: ttfAsset.url,
         fontKit: font2,
@@ -18553,15 +18555,17 @@ var SingleUploaderTool = (props) => {
       if (code === "ttf") {
         const fontBuffer = await readFontFile(file);
         const font2 = await parseFont(fontBuffer, file.name);
-        const { weightName, subfamilyName, style, variableFont } = extractFontMetadata(
+        const { weightName, subfamilyName, fontTitle, style, variableFont } = extractFontMetadata(
           font2,
           doc_typefaceName,
           weightKeywordList,
-          italicKeywordList
+          italicKeywordList,
+          false,
+          null
         );
         const weight = determineWeight(font2, weightName);
         const normalizedId = doc_id.startsWith("drafts.") ? doc_id.replace("drafts.", "") : doc_id;
-        await client.patch(normalizedId).set({ weightName, subfamily: subfamilyName, style, variableFont, weight }).commit();
+        await client.patch(normalizedId).set({ title: fontTitle, weightName, subfamily: subfamilyName, style, variableFont, weight }).commit();
       }
       onChange(set2(newFileInput));
       setTimeout(() => {
@@ -19483,6 +19487,9 @@ function KeyValueReferenceInput(props) {
   const [availableReferences, setAvailableReferences] = useState16([]);
   const sanityClient = useSanityClient();
   const formDocument = useFormValue8([]);
+  useEffect11(() => {
+    setPairs(value);
+  }, [value]);
   useEffect11(() => {
     const refIds = pairs.filter((p2) => {
       var _a2;
@@ -22352,6 +22359,36 @@ var openTypeField = {
     }
   ]
 };
+function createOpenTypeField({
+  customText = false,
+  customTextType = "string"
+} = {}) {
+  if (!customText) return { ...openTypeField };
+  const fields = openTypeField.fields.map((field2) => {
+    if (field2.type !== "object" || !field2.fields) return field2;
+    const updatedSubfields = field2.fields.map((subfield) => {
+      if (subfield.name !== "customText") return subfield;
+      const updated = { ...subfield, hidden: false };
+      if (customTextType === "code") {
+        updated.type = "code";
+        updated.options = {
+          language: "html",
+          languageAlternatives: [
+            { title: "HTML", value: "html" }
+          ],
+          withFilename: false
+        };
+        updated.description = 'Use the field below to input custom text to highlight the feature. Wrap featured characters in <span class="bold">CHARACTER</span>.';
+      }
+      return updated;
+    });
+    return { ...field2, fields: updatedSubfields };
+  });
+  return {
+    ...openTypeField,
+    fields
+  };
+}
 
 // src/schema/styleCountField.js
 var styleCountField = {
@@ -22968,6 +23005,7 @@ export {
   createFontDecisions,
   createFontObject,
   createInitialExecutionState,
+  createOpenTypeField,
   createStylesField,
   determineWeight,
   escapeCssFontName,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@liiift-studio/sanity-font-manager",
-	"version": "2.5.6",
+	"version": "2.5.9",
 	"description": "Sanity Studio plugin — full font management suite with batch upload, format conversion, metadata extraction, CSS generation, collection/pair generation, and script variant support. Supports Sanity v3, v4, and v5.",
 	"license": "MIT",
 	"author": "Liiift Studio",

package/src/components/KeyValueReferenceInput.jsx

@@ -29,6 +29,11 @@ export function KeyValueReferenceInput(props) {
 	const sanityClient = useSanityClient();
 	const formDocument = useFormValue([]);
 
+	/** Syncs local pairs state when the value prop changes externally (e.g. autofill from parent) */
+	useEffect(() => {
+		setPairs(value);
+	}, [value]);
+
 	/** Fetches and caches display titles for all referenced documents whenever pairs change */
 	useEffect(() => {
 		const refIds = pairs.filter(p => p.value?._ref).map(p => p.value._ref);

package/src/components/SingleUploaderTool.jsx

@@ -194,15 +194,17 @@ export const SingleUploaderTool = (props) => {
 			const arrayBuffer = await (await fetch(ttfAsset.url)).arrayBuffer();
 			const font = await parseFont(arrayBuffer, `${doc_id}.ttf`);
 
-			const { weightName, subfamilyName, style, variableFont } = extractFontMetadata(
+			const { weightName, subfamilyName, fontTitle, style, variableFont } = extractFontMetadata(
 				font,
 				doc_typefaceName,
 				weightKeywordList,
 				italicKeywordList,
+				false,
+				null,
 			);
 			const weight = determineWeight(font, weightName);
 
-			await client.patch(doc_id).set({ weightName, subfamily: subfamilyName, style, variableFont, weight }).commit();
+			await client.patch(doc_id).set({ title: fontTitle, weightName, subfamily: subfamilyName, style, variableFont, weight }).commit();
 
 			const fontData = await generateFontData({
 				url: ttfAsset.url,
@@ -349,12 +351,12 @@ export const SingleUploaderTool = (props) => {
 			if (code === 'ttf') {
 				const fontBuffer = await readFontFile(file);
 				const font = await parseFont(fontBuffer, file.name);
-				const { weightName, subfamilyName, style, variableFont } = extractFontMetadata(
-					font, doc_typefaceName, weightKeywordList, italicKeywordList
+				const { weightName, subfamilyName, fontTitle, style, variableFont } = extractFontMetadata(
+					font, doc_typefaceName, weightKeywordList, italicKeywordList, false, null
 				);
 				const weight = determineWeight(font, weightName);
 				const normalizedId = doc_id.startsWith('drafts.') ? doc_id.replace('drafts.', '') : doc_id;
-				await client.patch(normalizedId).set({ weightName, subfamily: subfamilyName, style, variableFont, weight }).commit();
+				await client.patch(normalizedId).set({ title: fontTitle, weightName, subfamily: subfamilyName, style, variableFont, weight }).commit();
 			}
 
 			onChange(set(newFileInput));

package/src/index.js

@@ -106,7 +106,7 @@ export {
 } from './utils/fontHelpers.js';
 
 // Schema field definitions
-export { openTypeField } from './schema/openTypeField.js';
+export { openTypeField, createOpenTypeField } from './schema/openTypeField.js';
 export { styleCountField } from './schema/styleCountField.js';
 export { stylisticSetField } from './schema/stylisticSetField.js';
 export { createStylesField } from './schema/stylesField.js';

package/src/schema/openTypeField.js

@@ -1943,3 +1943,53 @@ export const openTypeField = {
 
 	],
 };
+
+/**
+ * Factory function to create a customised OpenType field.
+ * The static `openTypeField` export remains unchanged for backwards compatibility.
+ *
+ * @param {object} [options]
+ * @param {boolean} [options.customText=false] - Unhide the customText field on each feature
+ * @param {'string'|'code'} [options.customTextType='string'] - Type for customText field.
+ *   Use 'code' for an HTML code editor (requires @sanity/code-input plugin).
+ * @returns {object} Sanity field definition
+ */
+export function createOpenTypeField({
+	customText = false,
+	customTextType = 'string',
+} = {}) {
+	if (!customText) return { ...openTypeField };
+
+	// Deep clone fields and unhide/retype customText on each feature object
+	const fields = openTypeField.fields.map(field => {
+		// Skip the top-level 'features' checkbox array
+		if (field.type !== 'object' || !field.fields) return field;
+
+		const updatedSubfields = field.fields.map(subfield => {
+			if (subfield.name !== 'customText') return subfield;
+
+			const updated = { ...subfield, hidden: false };
+
+			if (customTextType === 'code') {
+				updated.type = 'code';
+				updated.options = {
+					language: 'html',
+					languageAlternatives: [
+						{ title: 'HTML', value: 'html' },
+					],
+					withFilename: false,
+				};
+				updated.description = 'Use the field below to input custom text to highlight the feature. Wrap featured characters in <span class="bold">CHARACTER</span>.';
+			}
+
+			return updated;
+		});
+
+		return { ...field, fields: updatedSubfields };
+	});
+
+	return {
+		...openTypeField,
+		fields,
+	};
+}