@liiift-studio/sanity-font-manager 2.5.7 → 2.6.0

package/dist/index.js

@@ -18497,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,
@@ -18654,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(() => {
@@ -19584,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;
@@ -22798,6 +22805,14 @@ var stylisticSetField = {
 // src/schema/stylesField.js
 var import_react30 = __toESM(require("react"));
 var import_sanity_advanced_reference_array = require("@liiift-studio/sanity-advanced-reference-array");
+var inlineStyleCountField = {
+  name: "styleCount",
+  type: "number",
+  components: {
+    input: StyleCountInput
+  },
+  readOnly: true
+};
 var typefaceParams = (doc) => ({ typefaceName: (doc == null ? void 0 : doc.title) || "" });
 var FontsRefArray = (props) => import_react30.default.createElement(import_sanity_advanced_reference_array.AdvancedRefArray, {
   ...props,
@@ -22858,7 +22873,8 @@ function createStylesField({
   subfamilyPreview = false,
   pairs = true,
   generateCollections = false,
-  generateFullFamilyCollection = false
+  generateFullFamilyCollection = false,
+  styleCount = false
 } = {}) {
   const subfamilyFields = [
     {
@@ -22958,6 +22974,7 @@ function createStylesField({
       initialValue: false,
       description: "Check if this typeface includes serif letterforms. Used for typeface overview serif/sans filters. Frontend automatically treats non-serif typefaces as sans serif."
     }),
+    ...field(styleCount, inlineStyleCountField),
     {
       title: "Fonts",
       name: "fonts",

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;
@@ -22697,6 +22704,14 @@ var stylisticSetField = {
 // src/schema/stylesField.js
 import React28 from "react";
 import { AdvancedRefArray } from "@liiift-studio/sanity-advanced-reference-array";
+var inlineStyleCountField = {
+  name: "styleCount",
+  type: "number",
+  components: {
+    input: StyleCountInput
+  },
+  readOnly: true
+};
 var typefaceParams = (doc) => ({ typefaceName: (doc == null ? void 0 : doc.title) || "" });
 var FontsRefArray = (props) => React28.createElement(AdvancedRefArray, {
   ...props,
@@ -22757,7 +22772,8 @@ function createStylesField({
   subfamilyPreview = false,
   pairs = true,
   generateCollections = false,
-  generateFullFamilyCollection = false
+  generateFullFamilyCollection = false,
+  styleCount = false
 } = {}) {
   const subfamilyFields = [
     {
@@ -22857,6 +22873,7 @@ function createStylesField({
       initialValue: false,
       description: "Check if this typeface includes serif letterforms. Used for typeface overview serif/sans filters. Frontend automatically treats non-serif typefaces as sans serif."
     }),
+    ...field(styleCount, inlineStyleCountField),
     {
       title: "Fonts",
       name: "fonts",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@liiift-studio/sanity-font-manager",
-	"version": "2.5.7",
+	"version": "2.6.0",
 	"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/schema/stylesField.js

@@ -4,6 +4,17 @@ import { AdvancedRefArray } from '@liiift-studio/sanity-advanced-reference-array
 import { RegenerateSubfamiliesComponent } from '../components/RegenerateSubfamiliesComponent.jsx';
 import { GenerateCollectionsPairsComponent } from '../components/GenerateCollectionsPairsComponent.jsx';
 import { PrimaryCollectionGeneratorTypeface } from '../components/PrimaryCollectionGeneratorTypeface.jsx';
+import { StyleCountInput } from '../components/StyleCountInput.jsx';
+
+// Inline style count field — injected into the styles object when styleCount option is true
+const inlineStyleCountField = {
+	name: 'styleCount',
+	type: 'number',
+	components: {
+		input: StyleCountInput,
+	},
+	readOnly: true,
+};
 
 // Returns extra GROQ params scoped to the current typeface document
 const typefaceParams = (doc) => ({ typefaceName: doc?.title || '' });
@@ -80,6 +91,7 @@ const subfamilyPreferredStyleFilter = async ({ getClient, document, parent }) =>
  * @param {boolean} [options.subfamilyFontFilter=false] - Filter subfamily font picker to typeface fonts only
  * @param {boolean} [options.subfamilyPreview=false] - Include preview on subfamily array items
  * @param {boolean} [options.pairs=true] - Show pairs array to editors
+ * @param {boolean} [options.styleCount=false] - Include style count display above fonts array
  */
 export function createStylesField({
 	free = false,
@@ -97,6 +109,7 @@ export function createStylesField({
 	pairs = true,
 	generateCollections = false,
 	generateFullFamilyCollection = false,
+	styleCount = false,
 } = {}) {
 
 	const subfamilyFields = [
@@ -199,6 +212,7 @@ export function createStylesField({
 			initialValue: false,
 			description: 'Check if this typeface includes serif letterforms. Used for typeface overview serif/sans filters. Frontend automatically treats non-serif typefaces as sans serif.',
 		}),
+		...field(styleCount, inlineStyleCountField),
 		{
 			title: 'Fonts',
 			name: 'fonts',