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

package/dist/index.js

@@ -7648,6 +7648,25 @@ var require_unbrotli = __commonJS({
   }
 });
 
+// src/utils/setupDecompressors.js
+var import_unbrotli;
+var init_setupDecompressors = __esm({
+  "src/utils/setupDecompressors.js"() {
+    init_pako_esm();
+    import_unbrotli = __toESM(require_unbrotli());
+    globalThis.pako = pako;
+    if (!globalThis.unbrotli) {
+      try {
+        const brotli = require_unbrotli();
+        if (typeof brotli === "function") {
+          globalThis.unbrotli = brotli;
+        }
+      } catch {
+      }
+    }
+  }
+});
+
 // node_modules/lib-font/src/utils/shim-fetch.js
 var fetchFunction;
 var init_shim_fetch = __esm({
@@ -12433,31 +12452,38 @@ async function parseFont(buffer, filename) {
     throw new Error(`Font file exceeds ${MAX_FONT_FILE_SIZE / 1024 / 1024}MB limit: ${filename} (${(buffer.byteLength / 1024 / 1024).toFixed(1)}MB)`);
   }
   return new Promise((resolve, reject) => {
+    let settled = false;
+    const settle = (fn) => (...args) => {
+      if (!settled) {
+        settled = true;
+        clearTimeout(timer);
+        fn(...args);
+      }
+    };
+    const timer = setTimeout(() => {
+      settle(reject)(new Error(`Parsing timed out for ${filename} (${PARSE_TIMEOUT_MS / 1e3}s). The file may be corrupted or in an unsupported format.`));
+    }, PARSE_TIMEOUT_MS);
     const font2 = new Font("font", { skipStyleSheet: true });
-    font2.onload = (evt) => resolve(evt.detail.font);
-    font2.onerror = (evt) => {
+    font2.onload = settle((evt) => resolve(evt.detail.font));
+    font2.onerror = settle((evt) => {
       var _a;
       const msg = ((_a = evt.detail) == null ? void 0 : _a.message) || `Failed to parse ${filename}`;
       reject(new Error(msg));
-    };
+    });
     try {
       font2.fromDataBuffer(buffer, filename);
     } catch (err2) {
-      reject(new Error(`${filename}: ${err2.message}`));
+      settle(reject)(new Error(`${filename}: ${err2.message}`));
     }
   });
 }
-var import_unbrotli2, MAX_FONT_FILE_SIZE;
+var MAX_FONT_FILE_SIZE, PARSE_TIMEOUT_MS;
 var init_parseFont = __esm({
   "src/utils/parseFont.js"() {
-    init_pako_esm();
-    import_unbrotli2 = __toESM(require_unbrotli());
+    init_setupDecompressors();
     init_lib_font();
-    globalThis.pako = pako;
-    if (!globalThis.unbrotli) {
-      console.warn("[parseFont] globalThis.unbrotli not set after vendor import \u2014 WOFF2 parsing may fail. TTF/OTF files will still work.");
-    }
     MAX_FONT_FILE_SIZE = 50 * 1024 * 1024;
+    PARSE_TIMEOUT_MS = 3e4;
   }
 });
 
@@ -16818,6 +16844,7 @@ __export(index_exports, {
   createFontDecisions: () => createFontDecisions,
   createFontObject: () => createFontObject,
   createInitialExecutionState: () => createInitialExecutionState,
+  createOpenTypeField: () => createOpenTypeField,
   createStylesField: () => createStylesField,
   determineWeight: () => determineWeight,
   escapeCssFontName: () => escapeCssFontName,
@@ -16871,11 +16898,7 @@ __export(index_exports, {
   useSanityClient: () => useSanityClient
 });
 module.exports = __toCommonJS(index_exports);
-
-// src/utils/setupDecompressors.js
-init_pako_esm();
-var import_unbrotli = __toESM(require_unbrotli());
-globalThis.pako = pako;
+init_setupDecompressors();
 
 // src/components/BatchUploadFonts.jsx
 var import_react14 = __toESM(require("react"));
@@ -22430,6 +22453,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 = {
@@ -23047,6 +23100,7 @@ init_generateKeywords();
   createFontDecisions,
   createFontObject,
   createInitialExecutionState,
+  createOpenTypeField,
   createStylesField,
   determineWeight,
   escapeCssFontName,

package/dist/index.mjs

@@ -7653,6 +7653,25 @@ var require_unbrotli = __commonJS({
   }
 });
 
+// src/utils/setupDecompressors.js
+var import_unbrotli;
+var init_setupDecompressors = __esm({
+  "src/utils/setupDecompressors.js"() {
+    init_pako_esm();
+    import_unbrotli = __toESM(require_unbrotli());
+    globalThis.pako = pako;
+    if (!globalThis.unbrotli) {
+      try {
+        const brotli = require_unbrotli();
+        if (typeof brotli === "function") {
+          globalThis.unbrotli = brotli;
+        }
+      } catch {
+      }
+    }
+  }
+});
+
 // node_modules/lib-font/src/utils/shim-fetch.js
 var fetchFunction;
 var init_shim_fetch = __esm({
@@ -12438,31 +12457,38 @@ async function parseFont(buffer, filename) {
     throw new Error(`Font file exceeds ${MAX_FONT_FILE_SIZE / 1024 / 1024}MB limit: ${filename} (${(buffer.byteLength / 1024 / 1024).toFixed(1)}MB)`);
   }
   return new Promise((resolve, reject) => {
+    let settled = false;
+    const settle = (fn) => (...args) => {
+      if (!settled) {
+        settled = true;
+        clearTimeout(timer);
+        fn(...args);
+      }
+    };
+    const timer = setTimeout(() => {
+      settle(reject)(new Error(`Parsing timed out for ${filename} (${PARSE_TIMEOUT_MS / 1e3}s). The file may be corrupted or in an unsupported format.`));
+    }, PARSE_TIMEOUT_MS);
     const font2 = new Font("font", { skipStyleSheet: true });
-    font2.onload = (evt) => resolve(evt.detail.font);
-    font2.onerror = (evt) => {
+    font2.onload = settle((evt) => resolve(evt.detail.font));
+    font2.onerror = settle((evt) => {
       var _a;
       const msg = ((_a = evt.detail) == null ? void 0 : _a.message) || `Failed to parse ${filename}`;
       reject(new Error(msg));
-    };
+    });
     try {
       font2.fromDataBuffer(buffer, filename);
     } catch (err2) {
-      reject(new Error(`${filename}: ${err2.message}`));
+      settle(reject)(new Error(`${filename}: ${err2.message}`));
     }
   });
 }
-var import_unbrotli2, MAX_FONT_FILE_SIZE;
+var MAX_FONT_FILE_SIZE, PARSE_TIMEOUT_MS;
 var init_parseFont = __esm({
   "src/utils/parseFont.js"() {
-    init_pako_esm();
-    import_unbrotli2 = __toESM(require_unbrotli());
+    init_setupDecompressors();
     init_lib_font();
-    globalThis.pako = pako;
-    if (!globalThis.unbrotli) {
-      console.warn("[parseFont] globalThis.unbrotli not set after vendor import \u2014 WOFF2 parsing may fail. TTF/OTF files will still work.");
-    }
     MAX_FONT_FILE_SIZE = 50 * 1024 * 1024;
+    PARSE_TIMEOUT_MS = 3e4;
   }
 });
 
@@ -16770,10 +16796,8 @@ var init_UploadModal = __esm({
   }
 });
 
-// src/utils/setupDecompressors.js
-init_pako_esm();
-var import_unbrotli = __toESM(require_unbrotli());
-globalThis.pako = pako;
+// src/index.js
+init_setupDecompressors();
 
 // src/components/BatchUploadFonts.jsx
 import React13, { useCallback as useCallback7, useState as useState9, useMemo as useMemo9, useRef as useRef4, useEffect as useEffect6, lazy as lazy2, Suspense } from "react";
@@ -22328,6 +22352,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 = {
@@ -22944,6 +22998,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.5",
+	"version": "2.5.7",
 	"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/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,
+	};
+}

package/src/utils/parseFont.js

@@ -1,39 +1,22 @@
-// Async font parser — ensures decompressor globals are set, with graceful WOFF2 fallback
+// Async font parser — decompressor globals must be set before lib-font is imported
 
-import pako from 'pako';
-import '../vendor/unbrotli.js';
+import './setupDecompressors.js';
 import { Font } from 'lib-font';
 
-// Immediately set globals — this runs at module evaluation time.
-// lib-font's woff.js reads globalThis.pako and woff2.js reads globalThis.unbrotli
-// at their top level. If this module evaluates before lib-font (which tsup guarantees
-// since we import pako and unbrotli first), the globals will be set in time.
-//
-// When Vite re-bundles our package, it may reorder evaluation so lib-font's woff2.js
-// captures globalThis.unbrotli as undefined. In that case, WOFF2 parsing will fail
-// and buildUploadPlan falls back to TTF companion metadata.
-globalThis.pako = pako;
-// unbrotli.js UMD sets globalThis.unbrotli as a side effect — verify it worked
-if (!globalThis.unbrotli) {
-	console.warn('[parseFont] globalThis.unbrotli not set after vendor import — WOFF2 parsing may fail. TTF/OTF files will still work.');
-}
-
 /** Maximum font file size accepted for parsing (50 MB) */
 const MAX_FONT_FILE_SIZE = 50 * 1024 * 1024;
 
+/** Parse timeout — prevents hanging if lib-font silently fails (30 seconds) */
+const PARSE_TIMEOUT_MS = 30000;
+
 /**
  * Parse a font file from an ArrayBuffer.
  * Returns a lib-font Font object with all tables accessible via font.opentype.tables.*.
  *
- * WOFF2 note: If the brotli decoder couldn't be initialized (common with Vite pre-bundling),
- * WOFF2 files will fail to parse. The upload plan handles this gracefully — WOFF2 files
- * that share a name with a TTF/OTF get metadata from the companion file. Standalone WOFF2
- * uploads will show a clear error directing the user to also include TTF/OTF files.
- *
  * @param {ArrayBuffer} buffer - Raw font file bytes
  * @param {string} filename - Original filename (used for format detection by lib-font)
  * @returns {Promise<import('lib-font').Font>} Parsed lib-font Font object
- * @throws {Error} If the file exceeds MAX_FONT_FILE_SIZE or parsing fails
+ * @throws {Error} If the file exceeds MAX_FONT_FILE_SIZE, parsing fails, or times out
  */
 export async function parseFont(buffer, filename) {
 	if (buffer.byteLength > MAX_FONT_FILE_SIZE) {
@@ -41,17 +24,33 @@ export async function parseFont(buffer, filename) {
 	}
 
 	return new Promise((resolve, reject) => {
+		let settled = false;
+
+		const settle = (fn) => (...args) => {
+			if (!settled) {
+				settled = true;
+				clearTimeout(timer);
+				fn(...args);
+			}
+		};
+
+		// Timeout guard — prevents infinite hang if lib-font fails silently
+		const timer = setTimeout(() => {
+			settle(reject)(new Error(`Parsing timed out for ${filename} (${PARSE_TIMEOUT_MS / 1000}s). The file may be corrupted or in an unsupported format.`));
+		}, PARSE_TIMEOUT_MS);
+
 		const font = new Font('font', { skipStyleSheet: true });
-		font.onload = (evt) => resolve(evt.detail.font);
-		font.onerror = (evt) => {
+		font.onload = settle((evt) => resolve(evt.detail.font));
+		font.onerror = settle((evt) => {
 			const msg = evt.detail?.message || `Failed to parse ${filename}`;
 			reject(new Error(msg));
-		};
+		});
+
 		try {
 			font.fromDataBuffer(buffer, filename);
 		} catch (err) {
-			// lib-font may throw synchronously from WOFF2 constructor if brotli decoder is missing
-			reject(new Error(`${filename}: ${err.message}`));
+			// Catches synchronous throws from WOFF2 constructor when brotli is missing
+			settle(reject)(new Error(`${filename}: ${err.message}`));
 		}
 	});
 }

package/src/utils/setupDecompressors.js

@@ -1,10 +1,27 @@
 // Sets up globalThis.pako and globalThis.unbrotli for lib-font WOFF/WOFF2 decompression.
-// This module MUST be imported before lib-font is ever evaluated.
-// It runs synchronously at module evaluation time to set the globals.
+// Must be imported before lib-font.
 
 import pako from 'pako';
-import '../vendor/unbrotli.js';
 
+// Set pako for WOFF (zlib) decompression
 globalThis.pako = pako;
-// unbrotli.js is a UMD that sets globalThis.unbrotli as a side effect on evaluation.
-// The import above triggers that side effect.
+
+// Set unbrotli for WOFF2 (brotli) decompression
+// The vendor unbrotli.js UMD sets globalThis.unbrotli in browser contexts.
+// In Node/bundler contexts it exports via module.exports instead.
+// We use a side-effect import and then check if the global was set.
+import '../vendor/unbrotli.js';
+
+// If the UMD didn't set the global (CJS path in Node/bundler), try to require it
+if (!globalThis.unbrotli) {
+	try {
+		// In bundler context, the UMD file's module.exports is available
+		// tsup will resolve this at build time
+		const brotli = require('../vendor/unbrotli.js');
+		if (typeof brotli === 'function') {
+			globalThis.unbrotli = brotli;
+		}
+	} catch {
+		// Silently fail — WOFF2 parsing will error gracefully
+	}
+}