feat: font resolution pipeline — compositions capture and embed their own fonts (#1255) · 0bf15119f8 - hyperframes

mirror of https://github.com/heygen-com/hyperframes.git synced 2026-09-03 23:03:09 +00:00

feat: font resolution pipeline — compositions capture and embed their own fonts (#1255)

Compositions are now self-contained: the compiler captures font files
and embeds them as woff2 data URIs, eliminating silent render-time
fallback when the render environment lacks the author's fonts.

Resolution order (each tier falls through to the next):
1. Existing @font-face → use as-is
2. Bundled alias (38 cross-platform mappings) → embed data URI
3. Google Fonts → fetch, cache, embed
4. Local system font → locate on OS, compress to woff2, embed
5. Local @font-face paths → read file, compress, inline as data URI
6. External CDN stylesheets → fetch CSS, extract @font-face, inline
7. Alias map fallback → closest bundled equivalent
8. Actionable error with guidance

Key changes:
- System font locator (macOS/Windows/Linux) with path-bounding and
  symlink defense (realpathSync + O_NOFOLLOW)
- woff2 compression via wawoff2 (WASM, cross-platform)
- Multi-weight/style variant capture with length-sorted token matching
- External stylesheet inlining with SSRF defense (assertPublicHttpsUrl,
  HTTPS-only, private-host blocking, 2MB cap, 4-concurrent limit)
- Studio auto-import via GET /fonts/file API + renderAliasFor() derived
  from shared FONT_ALIAS_MAP (no more hand-curated drift)
- failClosedFontFetch throws on unresolved fonts in distributed renders
- Single source of truth: @hyperframes/core/fonts/aliases
- system_font_will_alias lint rule (escalates to warning for distributed)
- Default to Inter + JetBrains Mono in templates and CSS reset

This commit is contained in:

Miguel Ángel

2026-06-07 17:52:19 -04:00

committed by

GitHub

parent 4da567df22

commit 0bf15119f8

29 changed files with 2244 additions and 226 deletions

									
										packages/cli/src/templates/blank/index.html
									
		+8
		
												View File
												
				@@ -18,6 +18,14 @@

				        overflow: hidden;

				        background: #000;

				      }

				      body {

				        font-family: "Inter", sans-serif;

				      }

				      code,

				      pre,

				      .monospace {

				        font-family: "JetBrains Mono", monospace;

				      }

				    </style>

				  </head>

				  <body>