ext/hyperframes
2
0
Fork 0
mirror of https://github.com/heygen-com/hyperframes.git synced 2026-09-04 07:19:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(producer): embed font data at build time instead of runtime require.resolve

Browse Source 
The CLI bundle uses tsup to inline @hyperframes/producer, but the
deterministicFonts module used require.resolve('@fontsource/*/package.json')
at runtime to find woff2 files on disk. When installed via npx, these
@fontsource packages don't exist, causing "Cannot find module" errors.

Replace runtime filesystem lookups with a build-time generator that reads
all @fontsource woff2 files and produces a TypeScript module with base64
data URIs. The generator runs before both producer and CLI builds, making
the bundle fully self-contained with zero @fontsource runtime dependencies.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
James
2026-03-26 20:59:11 +00:00
co-authored by Claude Opus 4.6
parent e1c1c6fb30
commit 7e059e15f9
5 changed files with 154 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/producer/src/services/deterministicFonts.ts
+6 -55
View File
@@ -1,9 +1,5 @@
import { readdirSync, readFileSync } from "node:fs";
import { dirname, join } from "node:path";
import { createRequire } from "node:module";
import { parseHTML } from "linkedom";
const require = createRequire(import.meta.url);
import { EMBEDDED_FONT_DATA } from "./fontData.generated.js";
type FontFaceSpec = {
weight: string;
@@ -104,9 +100,6 @@ const FONT_ALIASES: Record<string, keyof typeof CANONICAL_FONTS> = {
garamond: "eb-garamond",
};
const PACKAGE_ROOT_CACHE = new Map<string, string>();
const FONT_DATA_URI_CACHE = new Map<string, string>();
function normalizeFamilyName(family: string): string {
return family
.trim()
@@ -115,60 +108,18 @@ function normalizeFamilyName(family: string): string {
.toLowerCase();
}
function packageRoot(packageName: string): string {
const cached = PACKAGE_ROOT_CACHE.get(packageName);
if (cached) {
return cached;
}
const packageJsonPath = require.resolve(`${packageName}/package.json`);
const root = dirname(packageJsonPath);
PACKAGE_ROOT_CACHE.set(packageName, root);
return root;
}
function resolveFontFile(
packageName: string,
weight: string,
style: "normal" | "italic" = "normal",
): string {
const root = packageRoot(packageName);
const filesDir = join(root, "files");
const slug = packageName.replace("@fontsource/", "");
const files = readdirSync(filesDir);
const exact = `${slug}-latin-${weight}-${style}.woff2`;
if (files.includes(exact)) {
return join(filesDir, exact);
}
const relaxed = files.find((file) => {
return file.endsWith(`-${weight}-${style}.woff2`) && file.includes("-latin-");
});
if (relaxed) {
return join(filesDir, relaxed);
}
throw new Error(
`No deterministic font asset found for ${packageName} weight=${weight} style=${style}`,
);
}
function fontDataUri(
packageName: string,
weight: string,
style: "normal" | "italic" = "normal",
): string {
const key = `${packageName}:${weight}:${style}`;
const cached = FONT_DATA_URI_CACHE.get(key);
if (cached) {
return cached;
const uri = EMBEDDED_FONT_DATA.get(key);
if (!uri) {
throw new Error(
`No embedded font data for ${key}. Regenerate with: tsx scripts/generate-font-data.ts`,
);
}
const fontPath = resolveFontFile(packageName, weight, style);
const content = readFileSync(fontPath);
const uri = `data:font/woff2;base64,${content.toString("base64")}`;
FONT_DATA_URI_CACHE.set(key, uri);
return uri;
}