@liiift-studio/sanity-font-manager 2.3.19 → 2.5.0

package/src/utils/getEmptyFontKit.js

@@ -1,99 +1,101 @@
-// Returns a zeroed-out fontkit-shaped placeholder object used when no font binary is available
-import * as fontkit from 'fontkit';
-import slugify from 'slugify';
-
-/** Reads font files and returns name/subfamily metadata without writing to Sanity */
-export async function getEmptyFontKit({ title, files, weightKeywordList, italicKeywordList }) {
-
-	let fontNames = {};
-	let subfamilies = {};
-
-	for (var i = 0; i < files.length; i++) {
-
-		const file = files[i];
-		const fontBuffer = await readFontFile(file);
-		const font = fontkit.create(fontBuffer);
-
-		let weightName = font?.name?.records?.preferredSubfamily ? font?.name?.records?.preferredSubfamily : font?.name?.records?.fontSubfamily;
-		weightName = weightName?.en ? weightName.en : weightName.constructor == Object ? weightName[Object.keys(weightName)[0]] : weightName;
-
-		let variableFont = font?.variationAxes && Object.keys(font.variationAxes).length > 0 ? true : false;
-		let subfamilyName = font.familyName.toLowerCase().trim().replace(title.toLowerCase().trim(), '').trim();
-		let fontTitle = font?.fullName.toLowerCase().trim();
-
-		weightKeywordList.forEach(keyword => {
-			const kw = keyword.toLowerCase().trim();
-
-			if (fontTitle.includes(kw)) {
-				fontTitle = fontTitle.replace(kw, '');
-			}
-			if (subfamilyName.includes(kw)) {
-				subfamilyName = subfamilyName.replace(kw, '');
-			}
-		});
-
-		italicKeywordList.forEach(keyword => {
-			const kw = keyword.toLowerCase().trim();
-
-			if (subfamilyName.includes(kw)) {
-				subfamilyName = subfamilyName.replace(kw, '');
-			}
-			if (fontTitle.includes(kw)) {
-				fontTitle = fontTitle.replace(kw, '');
-			}
-		});
-
-		fontTitle = fontTitle.trim().split(' ').map(word => word[0].toUpperCase() + word.slice(1)).join(' ');
-
-		subfamilyName = subfamilyName.trim();
-		subfamilyName = (subfamilyName == '') ? 'Regular' : subfamilyName.split(' ').map(word => word[0].toUpperCase() + word.slice(1)).join(' ');
-
-
-		let id = slugify(fontTitle.toLowerCase().trim());
-		if (variableFont && !id.endsWith('-vf')) {
-			id = id + '-vf';
-			fontTitle = fontTitle + ' VF';
-		}
-
-		// add subfamily to list
-		if (!subfamilies[id]) {
-			subfamilies[id] = [subfamilyName];
-		} else if (subfamilies[id].indexOf(subfamilyName) == -1) {
-			subfamilies[id] = [...subfamilies[id], subfamilyName];
-		}
-
-		if (!fontNames[id]) {
-			fontNames[id] = [{
-				file: file.name,
-				fullName: font.fullName,
-				familyName: font.familyName,
-				subFamily: subfamilyName,
-			}];
-		} else if (fontNames[id].indexOf(file.name) == -1) {
-			fontNames[id].push({
-				file: file.name,
-				fullName: font.fullName,
-				familyName: font.familyName,
-				subFamily: subfamilyName,
-			})
-		}
-
-
-	}
-
-	console.log('font names : ', fontNames);
-}
-
-/** Reads a font file and returns its content as a Uint8Array */
-const readFontFile = (file) => {
-	return new Promise((resolve, reject) => {
-		const reader = new FileReader();
-
-		reader.onload = (event) => {
-			resolve(new Uint8Array(event.target.result));
-		};
-
-		reader.onerror = (error) => { reject(error); };
-		reader.readAsArrayBuffer(file);
-	});
-};
+// Parses font files and returns name/subfamily metadata groupings without writing to Sanity
+
+import { parseFont } from './parseFont';
+import { getNameString, getVariationAxes } from './fontHelpers';
+import slugify from 'slugify';
+
+/** Reads font files and returns name/subfamily metadata without writing to Sanity */
+export async function getEmptyFontKit({ title, files, weightKeywordList, italicKeywordList }) {
+
+	let fontNames = {};
+	let subfamilies = {};
+
+	for (var i = 0; i < files.length; i++) {
+
+		const file = files[i];
+		const fontBuffer = await readFontFile(file);
+		const font = await parseFont(fontBuffer, file.name);
+
+		let weightName = getNameString(font, 17) || getNameString(font, 2) || '';
+
+		const axes = getVariationAxes(font);
+		let variableFont = axes !== null;
+		const familyName = getNameString(font, 1);
+		const fullName = getNameString(font, 4);
+		let subfamilyName = familyName.toLowerCase().trim().replace(title.toLowerCase().trim(), '').trim();
+		let fontTitle = fullName.toLowerCase().trim();
+
+		weightKeywordList.forEach(keyword => {
+			const kw = keyword.toLowerCase().trim();
+
+			if (fontTitle.includes(kw)) {
+				fontTitle = fontTitle.replace(kw, '');
+			}
+			if (subfamilyName.includes(kw)) {
+				subfamilyName = subfamilyName.replace(kw, '');
+			}
+		});
+
+		italicKeywordList.forEach(keyword => {
+			const kw = keyword.toLowerCase().trim();
+
+			if (subfamilyName.includes(kw)) {
+				subfamilyName = subfamilyName.replace(kw, '');
+			}
+			if (fontTitle.includes(kw)) {
+				fontTitle = fontTitle.replace(kw, '');
+			}
+		});
+
+		fontTitle = fontTitle.trim().split(' ').map(word => word[0].toUpperCase() + word.slice(1)).join(' ');
+
+		subfamilyName = subfamilyName.trim();
+		subfamilyName = (subfamilyName == '') ? 'Regular' : subfamilyName.split(' ').map(word => word[0].toUpperCase() + word.slice(1)).join(' ');
+
+
+		let id = slugify(fontTitle.toLowerCase().trim());
+		if (variableFont && !id.endsWith('-vf')) {
+			id = id + '-vf';
+			fontTitle = fontTitle + ' VF';
+		}
+
+		// add subfamily to list
+		if (!subfamilies[id]) {
+			subfamilies[id] = [subfamilyName];
+		} else if (subfamilies[id].indexOf(subfamilyName) == -1) {
+			subfamilies[id] = [...subfamilies[id], subfamilyName];
+		}
+
+		if (!fontNames[id]) {
+			fontNames[id] = [{
+				file: file.name,
+				fullName: fullName,
+				familyName: familyName,
+				subFamily: subfamilyName,
+			}];
+		} else if (fontNames[id].indexOf(file.name) == -1) {
+			fontNames[id].push({
+				file: file.name,
+				fullName: fullName,
+				familyName: familyName,
+				subFamily: subfamilyName,
+			})
+		}
+	}
+
+	console.log('Font names:', fontNames);
+}
+
+/** Reads a font file and returns its content as an ArrayBuffer */
+const readFontFile = (file) => {
+	return new Promise((resolve, reject) => {
+		const reader = new FileReader();
+
+		reader.onload = (event) => {
+			resolve(event.target.result);
+		};
+
+		reader.onerror = (error) => { reject(error); };
+		reader.readAsArrayBuffer(file);
+	});
+};

package/src/utils/parseFont.js

@@ -0,0 +1,55 @@
+// Async font parser — wraps lib-font event model in a Promise with decompressor bootstrap
+
+import pako from 'pako';
+
+// Set decompressor globals BEFORE lib-font is imported.
+// lib-font reads globalThis.pako and globalThis.unbrotli at module evaluation time
+// (top of woff.js / woff2.js), not at parse time. These must be set before lib-font
+// is first evaluated, so we use dynamic import() below to guarantee ordering.
+globalThis.pako = pako;
+
+// unbrotli is a UMD that sets globalThis.unbrotli as a side effect on evaluation.
+// We vendor it from lib-font/lib/unbrotli.js because the subpath is not in
+// lib-font's exports map (ERR_PACKAGE_PATH_NOT_EXPORTED).
+import '../vendor/unbrotli.js';
+
+// Lazy-loaded lib-font Font constructor — resolved on first parseFont() call.
+// Using dynamic import() guarantees globalThis.pako and globalThis.unbrotli are
+// set before lib-font evaluates, which static imports cannot guarantee in ESM.
+let _Font = null;
+
+/** Returns the lib-font Font constructor, loading it on first call */
+async function getFont() {
+	if (!_Font) {
+		const mod = await import('lib-font');
+		_Font = mod.Font;
+	}
+	return _Font;
+}
+
+/** Maximum font file size accepted for parsing (50 MB) */
+const MAX_FONT_FILE_SIZE = 50 * 1024 * 1024;
+
+/**
+ * Parse a font file from an ArrayBuffer.
+ * Returns a lib-font Font object with all tables accessible via font.opentype.tables.*.
+ *
+ * @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
+ */
+export async function parseFont(buffer, filename) {
+	if (buffer.byteLength > MAX_FONT_FILE_SIZE) {
+		throw new Error(`Font file exceeds ${MAX_FONT_FILE_SIZE / 1024 / 1024}MB limit: ${filename} (${(buffer.byteLength / 1024 / 1024).toFixed(1)}MB)`);
+	}
+
+	const Font = await getFont();
+
+	return new Promise((resolve, reject) => {
+		const font = new Font('font', { skipStyleSheet: true });
+		font.onload = (evt) => resolve(evt.detail.font);
+		font.onerror = (evt) => reject(new Error(evt.detail?.message || `Failed to parse ${filename}`));
+		font.fromDataBuffer(buffer, filename);
+	});
+}