@liiift-studio/sanity-font-manager 2.3.2 → 2.3.4

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@liiift-studio/sanity-font-manager",
-	"version": "2.3.2",
+	"version": "2.3.4",
 	"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",
@@ -34,6 +34,7 @@
 		"src/components",
 		"src/hooks",
 		"src/utils",
+		"src/schema",
 		"src/index.js"
 	],
 	"scripts": {

package/src/components/SetOTF.jsx

@@ -0,0 +1,87 @@
+// Detects and sets active OpenType features on a typeface document from the first linked font's metadata
+
+import { useState } from 'react';
+import { set, useFormValue } from 'sanity';
+import { Stack, Button, Text } from '@sanity/ui';
+import { useSanityClient } from '../hooks/useSanityClient';
+
+/**
+ * Reads the first linked font's opentypeFeatures data and checks which configured
+ * feature keys are supported. Patches the field with the detected features array.
+ */
+export const SetOTF = (props) => {
+	const { onChange, value = {} } = props;
+	const client = useSanityClient();
+	const stylesObject = useFormValue(['styles']);
+	const [message, setMessage] = useState('');
+
+	/** Fetches the first font document and matches its OpenType features against the configured keys. */
+	const detect = async () => {
+		if (!stylesObject?.fonts?.length) {
+			setMessage('Error: No fonts found in styles. Please add at least one font first.');
+			setTimeout(() => setMessage(''), 5000);
+			return;
+		}
+
+		const fontRef = stylesObject.fonts[0]?._ref;
+		if (!fontRef) {
+			setMessage('Error: Invalid font reference in styles.');
+			setTimeout(() => setMessage(''), 5000);
+			return;
+		}
+
+		try {
+			const font = await client.fetch('*[_type == "font" && _id == $id][0]', { id: fontRef });
+
+			if (!font) {
+				setMessage('Error: Could not find the referenced font.');
+				setTimeout(() => setMessage(''), 5000);
+				return;
+			}
+
+			if (!font.opentypeFeatures?.chars) {
+				setMessage(`Error: No OpenType feature data found in "${font.title || 'this font'}". Generate font data first.`);
+				setTimeout(() => setMessage(''), 5000);
+				return;
+			}
+
+			const features = [];
+			Object.keys(value).forEach(key => {
+				if (key !== 'features' && value[key]?.feature) {
+					const requiredFeatures = value[key].feature.split(' ');
+					const approved = requiredFeatures.every(v => font.opentypeFeatures.chars.includes(v));
+					if (approved) features.push(key);
+				}
+			});
+
+			onChange(set({ ...value, features }));
+			setMessage(`Features detected: ${features.length ? features.join(', ') : 'none'}.`);
+			setTimeout(() => setMessage(''), 5000);
+		} catch (err) {
+			setMessage('Error detecting features. Check the console for details.');
+			console.error('SetOTF detect error:', err);
+		}
+	};
+
+	return (
+		<Stack className="openType">
+			{value?.features?.length > 0 && (
+				<Text muted size={1} style={{ marginBottom: '0.5rem' }}>
+					Number of features: {value.features.length}
+				</Text>
+			)}
+			{!!stylesObject?.fonts?.length && (
+				<Button
+					text="Detect OTF"
+					mode="ghost"
+					onClick={detect}
+					style={{ borderRadius: '0 3px 0 0', marginBottom: '1rem' }}
+				/>
+			)}
+			{!!message && (
+				<Text muted size={1}><br />{message}<br /><br /></Text>
+			)}
+			{props.renderDefault(props)}
+		</Stack>
+	);
+};

package/src/components/StyleCountInput.jsx

@@ -0,0 +1,16 @@
+// Displays the total count of static and variable font styles linked to a typeface document
+
+import React from 'react';
+import { Text } from '@sanity/ui';
+import { useFormValue } from 'sanity';
+
+/** Reads styles.fonts and styles.variableFont arrays and displays the combined count. */
+export const StyleCountInput = (props) => {
+	const styles = useFormValue(['styles', 'fonts']) || [];
+	const vfStyles = useFormValue(['styles', 'variableFont']) || [];
+	const count = styles.length + vfStyles.length;
+
+	return (
+		<Text size={1}>{count}</Text>
+	);
+};

package/src/index.js

@@ -15,6 +15,8 @@ export { KeyValueInput } from './components/KeyValueInput.jsx';
 export { KeyValueReferenceInput } from './components/KeyValueReferenceInput.jsx';
 export { VariableInstanceReferencesInput } from './components/VariableInstanceReferencesInput.jsx';
 export { PrimaryCollectionGeneratorTypeface } from './components/PrimaryCollectionGeneratorTypeface.jsx';
+export { SetOTF } from './components/SetOTF.jsx';
+export { StyleCountInput } from './components/StyleCountInput.jsx';
 
 // Hooks
 export { useSanityClient } from './hooks/useSanityClient.js';
@@ -51,6 +53,10 @@ export { renameFontDocuments } from './utils/regenerateFontData.js';
 export { updateFontPrices } from './utils/updateFontPrices.js';
 export { sanitizeForSanityId } from './utils/sanitizeForSanityId.js';
 
+// Schema field definitions
+export { openTypeField } from './schema/openTypeField.js';
+export { styleCountField } from './schema/styleCountField.js';
+
 // Keyword utilities
 export {
 	generateStyleKeywords,