brep-io-kernel 1.0.95 → 1.0.97

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "brep-io-kernel",
-  "version": "1.0.95",
+  "version": "1.0.97",
   "scripts": {
     "dev": "pnpm prepareFonts && pnpm generateLicenses && pnpm build:kernel && vite --host 0.0.0.0",
     "build": "pnpm prepareFonts && pnpm generateLicenses && pnpm build:kernel && vite build",

package/src/UI/cad/CadEmbed.js

@@ -151,8 +151,8 @@ export class CadEmbed {
     const iframe = document.createElement("iframe");
     iframe.title = this._options.title || "BREP CAD";
     iframe.className = this._options.iframeClassName || "";
-    iframe.style.width = this._options.width || "100%";
-    iframe.style.height = this._options.height || "760px";
+    iframe.style.width = "100%";
+    iframe.style.height = "100%";
     iframe.style.border = "0";
     iframe.style.display = "block";
     iframe.style.background = String(this._options.backgroundColor || "#0b0f16");

package/src/UI/viewer.js

@@ -41,6 +41,7 @@ import { maybeStartStartupTour } from './startupTour.js';
 import { BREP } from '../BREP/BREP.js';
 import { createAxisHelperGroup, DEFAULT_AXIS_HELPER_PX } from '../utils/axisHelpers.js';
 import { readBrowserStorageValue, writeBrowserStorageValue } from '../utils/browserStorage.js';
+import brepHomeBannerSvg from '../assets/brand/brep-home-banner.svg?raw';
 
 const ASSEMBLY_CONSTRAINTS_TITLE = 'Assembly Constraints';
 const SIDEBAR_HOME_BANNER_HEIGHT_PX = 41;
@@ -1178,12 +1179,15 @@ export class Viewer {
                 void navigateHomeWithGuard(this);
             });
 
-            const img = document.createElement('img');
-            img.className = 'cad-sidebar-home-banner-img';
-            img.src = '/brep-home-banner.svg';
-            img.alt = 'BREP.io home';
-            img.draggable = false;
-            banner.appendChild(img);
+            const logo = document.createElement('span');
+            logo.className = 'cad-sidebar-home-banner-img';
+            logo.setAttribute('aria-hidden', 'true');
+            logo.innerHTML = brepHomeBannerSvg;
+            const svg = logo.querySelector('svg');
+            if (svg) {
+                svg.setAttribute('focusable', 'false');
+            }
+            banner.appendChild(logo);
 
             this.sidebar.prepend(banner);
             this._sidebarHomeBanner = banner;

package/src/assets/brand/brep-home-banner.svg

@@ -0,0 +1,116 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     viewBox="0 0 920 270"
+     role="img"
+     aria-label="BREP.io logo"
+     preserveAspectRatio="xMinYMin meet">
+  <defs>
+    <linearGradient id="g1" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#46B3FF"/>
+      <stop offset="1" stop-color="#0A6BFF"/>
+    </linearGradient>
+    <linearGradient id="g2" x1="0" y1="1" x2="1" y2="0">
+      <stop offset="0" stop-color="#0B3B8F"/>
+      <stop offset="1" stop-color="#2A8CFF"/>
+    </linearGradient>
+    <linearGradient id="g3" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0" stop-color="#BFE8FF"/>
+      <stop offset="1" stop-color="#2E9CFF"/>
+    </linearGradient>
+
+    <!-- glow extends outside text bounds, so leave some filter room -->
+    <filter id="glow" x="-90%" y="-90%" width="280%" height="280%">
+      <feGaussianBlur in="SourceGraphic" stdDeviation="7" result="b"/>
+      <feMerge>
+        <feMergeNode in="b"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+
+    <style>
+      .mainText{
+        font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
+        font-weight:800;
+        letter-spacing:0.02em;
+      }
+      .subText{
+        font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
+        font-weight:600;
+        letter-spacing:0.28em;
+      }
+      .wordMain{
+        fill:#ecf4ff;
+        stroke:#0c1b3d;
+        stroke-opacity:0.88;
+        stroke-width:4;
+        paint-order:stroke;
+      }
+      .wordIo{
+        fill:#3eb2ff;
+        stroke:#0a2d63;
+        stroke-opacity:0.55;
+        stroke-width:1.5;
+        paint-order:stroke;
+      }
+      .wordSub{
+        fill:#cfdef8;
+        fill-opacity:0.86;
+      }
+      @media (prefers-color-scheme: light) {
+        .wordMain{
+          fill:#17325f;
+          stroke:#f3f8ff;
+          stroke-opacity:0.90;
+        }
+        .wordIo{
+          fill:#0a6bff;
+          stroke:#d9ebff;
+          stroke-opacity:0.75;
+        }
+        .wordSub{
+          fill:#274676;
+          fill-opacity:0.82;
+        }
+      }
+    </style>
+  </defs>
+
+  <!-- ICON -->
+  <g transform="translate(12,8)">
+    <path d="M65 75 L190 25 L300 75 L176 130 Z" fill="url(#g3)"/>
+    <path d="M176 130 L300 75 L300 200 L176 255 Z" fill="url(#g2)"/>
+    <path d="M65 75 L176 130 L176 255 L65 205 Z" fill="url(#g1)"/>
+
+    <path d="M110 130 L176 165 L176 205 L110 175 Z"
+          fill="#1F2937" fill-opacity="0.18"/>
+
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <path stroke="#1F2937" stroke-width="3" stroke-opacity="0.70"
+        d="M185 135 C235 105 285 110 315 145 C345 180 330 235 285 260 C240 285 195 255 185 220"/>
+      <path stroke="#1F2937" stroke-width="2" stroke-opacity="0.55"
+        d="M205 150 C250 130 285 145 300 165 C315 185 305 220 275 235 C245 250 215 230 205 210"/>
+    </g>
+  </g>
+
+  <!-- WORDMARK -->
+  <!-- moved slightly left + down for tighter crop -->
+  <g transform="translate(345,160)">
+    <text class="mainText wordMain"
+          font-size="130"
+          x="0" y="0">
+      BREP
+    </text>
+
+    <!-- .io moved closer: x reduced from ~400 -> 305 -->
+    <g filter="url(#glow)">
+      <text class="mainText wordIo"
+            x="305" y="0"
+            font-size="130">.io</text>
+    </g>
+
+    <text class="subText wordSub"
+          x="6" y="62"
+          font-size="22">
+      CAD MODELING &amp; DESIGN
+    </text>
+  </g>
+</svg>

package/src/assets/fonts/google-ofl/catalog.js

@@ -1,96 +1,29 @@
 export const GOOGLE_OFL_FONTS = [
-  { id: "Roboto", path: "google-ofl/roboto/Roboto[wdth,wght].ttf" },
-  { id: "Open Sans", path: "google-ofl/opensans/OpenSans[wdth,wght].ttf" },
-  { id: "Inter", path: "google-ofl/inter/Inter[opsz,wght].ttf" },
-  { id: "Montserrat", path: "google-ofl/montserrat/Montserrat[wght].ttf" },
-  { id: "Poppins", path: "google-ofl/poppins/Poppins-Regular.ttf" },
-  { id: "Lato", path: "google-ofl/lato/Lato-Regular.ttf" },
-  { id: "Roboto Condensed", path: "google-ofl/robotocondensed/RobotoCondensed[wght].ttf" },
-  { id: "Roboto Mono", path: "google-ofl/robotomono/RobotoMono[wght].ttf" },
-  { id: "Oswald", path: "google-ofl/oswald/Oswald[wght].ttf" },
-  { id: "Noto Sans", path: "google-ofl/notosans/NotoSans[wdth,wght].ttf" },
-  { id: "Raleway", path: "google-ofl/raleway/Raleway[wght].ttf" },
-  { id: "Nunito Sans", path: "google-ofl/nunitosans/NunitoSans[YTLC,opsz,wdth,wght].ttf" },
-  { id: "Nunito", path: "google-ofl/nunito/Nunito[wght].ttf" },
-  { id: "Playfair Display", path: "google-ofl/playfairdisplay/PlayfairDisplay[wght].ttf" },
-  { id: "Rubik", path: "google-ofl/rubik/Rubik[wght].ttf" },
-  { id: "DM Sans", path: "google-ofl/dmsans/DMSans[opsz,wght].ttf" },
-  { id: "Merriweather", path: "google-ofl/merriweather/Merriweather[opsz,wdth,wght].ttf" },
-  { id: "Work Sans", path: "google-ofl/worksans/WorkSans[wght].ttf" },
-  { id: "Kanit", path: "google-ofl/kanit/Kanit-Regular.ttf" },
-  { id: "PT Sans", path: "google-ofl/ptsans/PT_Sans-Web-Regular.ttf" },
-  { id: "Bricolage Grotesque", path: "google-ofl/bricolagegrotesque/BricolageGrotesque[opsz,wdth,wght].ttf" },
-  { id: "Lora", path: "google-ofl/lora/Lora[wght].ttf" },
   { id: "Archivo Black", path: "google-ofl/archivoblack/ArchivoBlack-Regular.ttf" },
-  { id: "Mulish", path: "google-ofl/mulish/Mulish[wght].ttf" },
   { id: "Outfit", path: "google-ofl/outfit/Outfit[wght].ttf" },
-  { id: "Archivo", path: "google-ofl/archivo/Archivo[wdth,wght].ttf" },
-  { id: "Manrope", path: "google-ofl/manrope/Manrope[wght].ttf" },
-  { id: "Fjalla One", path: "google-ofl/fjallaone/FjallaOne-Regular.ttf" },
   { id: "Figtree", path: "google-ofl/figtree/Figtree[wght].ttf" },
-  { id: "IBM Plex Sans", path: "google-ofl/ibmplexsans/IBMPlexSans[wdth,wght].ttf" },
   { id: "Bebas Neue", path: "google-ofl/bebasneue/BebasNeue-Regular.ttf" },
-  { id: "Quicksand", path: "google-ofl/quicksand/Quicksand[wght].ttf" },
-  { id: "Fira Sans", path: "google-ofl/firasans/FiraSans-Regular.ttf" },
-  { id: "Prompt", path: "google-ofl/prompt/Prompt-Regular.ttf" },
   { id: "Barlow", path: "google-ofl/barlow/Barlow-Regular.ttf" },
   { id: "Bungee", path: "google-ofl/bungee/Bungee-Regular.ttf" },
-  { id: "Saira", path: "google-ofl/saira/Saira[wdth,wght].ttf" },
-  { id: "Source Sans 3", path: "google-ofl/sourcesans3/SourceSans3[wght].ttf" },
-  { id: "Heebo", path: "google-ofl/heebo/Heebo[wght].ttf" },
   { id: "Karla", path: "google-ofl/karla/Karla[wght].ttf" },
   { id: "Titillium Web", path: "google-ofl/titilliumweb/TitilliumWeb-Regular.ttf" },
-  { id: "Jost", path: "google-ofl/jost/Jost[wght].ttf" },
-  { id: "Noto Serif", path: "google-ofl/notoserif/NotoSerif[wdth,wght].ttf" },
   { id: "Share Tech", path: "google-ofl/sharetech/ShareTech-Regular.ttf" },
   { id: "Smooch Sans", path: "google-ofl/smoochsans/SmoochSans[wght].ttf" },
-  { id: "PT Serif", path: "google-ofl/ptserif/PT_Serif-Web-Regular.ttf" },
-  { id: "Lobster Two", path: "google-ofl/lobstertwo/LobsterTwo-Regular.ttf" },
-  { id: "Inconsolata", path: "google-ofl/inconsolata/Inconsolata[wdth,wght].ttf" },
-  { id: "Hind Siliguri", path: "google-ofl/hindsiliguri/HindSiliguri-Regular.ttf" },
   { id: "Dancing Script", path: "google-ofl/dancingscript/DancingScript[wght].ttf" },
-  { id: "Mukta", path: "google-ofl/mukta/Mukta-Regular.ttf" },
-  { id: "Cairo", path: "google-ofl/cairo/Cairo[slnt,wght].ttf" },
-  { id: "Libre Baskerville", path: "google-ofl/librebaskerville/LibreBaskerville[wght].ttf" },
-  { id: "Plus Jakarta Sans", path: "google-ofl/plusjakartasans/PlusJakartaSans[wght].ttf" },
   { id: "Josefin Sans", path: "google-ofl/josefinsans/JosefinSans[wght].ttf" },
-  { id: "EB Garamond", path: "google-ofl/ebgaramond/EBGaramond[wght].ttf" },
-  { id: "Libre Franklin", path: "google-ofl/librefranklin/LibreFranklin[wght].ttf" },
-  { id: "Anton", path: "google-ofl/anton/Anton-Regular.ttf" },
-  { id: "Source Code Pro", path: "google-ofl/sourcecodepro/SourceCodePro[wght].ttf" },
-  { id: "Nanum Gothic", path: "google-ofl/nanumgothic/NanumGothic-Regular.ttf" },
   { id: "Changa One", path: "google-ofl/changaone/ChangaOne-Regular.ttf" },
-  { id: "Dosis", path: "google-ofl/dosis/Dosis[wght].ttf" },
-  { id: "Cabin", path: "google-ofl/cabin/Cabin[wdth,wght].ttf" },
-  { id: "Roboto Flex", path: "google-ofl/robotoflex/RobotoFlex[GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght].ttf" },
   { id: "Barlow Condensed", path: "google-ofl/barlowcondensed/BarlowCondensed-Regular.ttf" },
   { id: "Public Sans", path: "google-ofl/publicsans/PublicSans[wght].ttf" },
-  { id: "Schibsted Grotesk", path: "google-ofl/schibstedgrotesk/SchibstedGrotesk[wght].ttf" },
-  { id: "Bitter", path: "google-ofl/bitter/Bitter[wght].ttf" },
-  { id: "Noto Sans Telugu", path: "google-ofl/notosanstelugu/NotoSansTelugu[wdth,wght].ttf" },
-  { id: "Ramabhadra", path: "google-ofl/ramabhadra/Ramabhadra-Regular.ttf" },
   { id: "Assistant", path: "google-ofl/assistant/Assistant[wght].ttf" },
-  { id: "Anek Telugu", path: "google-ofl/anektelugu/AnekTelugu[wdth,wght].ttf" },
   { id: "Alfa Slab One", path: "google-ofl/alfaslabone/AlfaSlabOne-Regular.ttf" },
-  { id: "Space Grotesk", path: "google-ofl/spacegrotesk/SpaceGrotesk[wght].ttf" },
   { id: "Pacifico", path: "google-ofl/pacifico/Pacifico-Regular.ttf" },
-  { id: "Exo 2", path: "google-ofl/exo2/Exo2[wght].ttf" },
-  { id: "M PLUS Rounded 1c", path: "google-ofl/mplusrounded1c/MPLUSRounded1c-Regular.ttf" },
   { id: "Slabo 27px", path: "google-ofl/slabo27px/Slabo27px-Regular.ttf" },
   { id: "Red Hat Display", path: "google-ofl/redhatdisplay/RedHatDisplay[wght].ttf" },
   { id: "Gravitas One", path: "google-ofl/gravitasone/GravitasOne.ttf" },
   { id: "Oxygen", path: "google-ofl/oxygen/Oxygen-Regular.ttf" },
-  { id: "Hind", path: "google-ofl/hind/Hind-Regular.ttf" },
   { id: "Tajawal", path: "google-ofl/tajawal/Tajawal-Regular.ttf" },
   { id: "Crimson Text", path: "google-ofl/crimsontext/CrimsonText-Regular.ttf" },
-  { id: "Cormorant Garamond", path: "google-ofl/cormorantgaramond/CormorantGaramond[wght].ttf" },
-  { id: "Lobster", path: "google-ofl/lobster/Lobster-Regular.ttf" },
   { id: "Urbanist", path: "google-ofl/urbanist/Urbanist[wght].ttf" },
-  { id: "Inter Tight", path: "google-ofl/intertight/InterTight[wght].ttf" },
-  { id: "Lexend", path: "google-ofl/lexend/Lexend[wght].ttf" },
-  { id: "Comfortaa", path: "google-ofl/comfortaa/Comfortaa[wght].ttf" },
-  { id: "Caveat", path: "google-ofl/caveat/Caveat[wght].ttf" },
-  { id: "PT Sans Narrow", path: "google-ofl/ptsansnarrow/PT_Sans-Narrow-Web-Regular.ttf" },
   { id: "Arvo", path: "google-ofl/arvo/Arvo-Regular.ttf" },
   { id: "Overpass", path: "google-ofl/overpass/Overpass[wght].ttf" },
 ];

package/src/features/textToFace/TextToFaceFeature.js

@@ -36,9 +36,12 @@ const resolveFontUrl = async (entry) => {
   if (entry.url) return entry.url;
   if (!entry.path) return null;
   const key = normalizeFontKey(entry.path);
-  const loader = FONT_URL_LOADERS && FONT_URL_LOADERS[key];
-  if (loader) {
-    return loader();
+  const source = FONT_URL_LOADERS && FONT_URL_LOADERS[key];
+  if (typeof source === 'function') {
+    return source();
+  }
+  if (typeof source === 'string') {
+    return source;
   }
   if (FONT_URL_LOADERS) {
     console.warn('Unknown font asset; falling back to public path:', entry.path);
@@ -58,87 +61,25 @@ const dedupeFonts = (fonts) => {
   });
 };
 
+const sortFontsByName = (fonts) => (
+  [...fonts].sort((a, b) => String(a?.id || '').localeCompare(String(b?.id || ''), undefined, { sensitivity: 'base' }))
+);
+
 const BASE_FONT_CATALOG = [
-  { id: 'Noto Sans', path: "noto/NotoSans-Regular.ttf" },
-  { id: 'Noto Sans Bold', path: "noto/NotoSans-Bold.ttf" },
-  { id: 'Noto Sans Italic', path: "noto/NotoSans-Italic.ttf" },
-  { id: 'Noto Sans Bold Italic', path: "noto/NotoSans-BoldItalic.ttf" },
-  { id: 'Noto Serif', path: "noto/NotoSerif-Regular.ttf" },
-  { id: 'Noto Serif Bold', path: "noto/NotoSerif-Bold.ttf" },
-  { id: 'Noto Serif Italic', path: "noto/NotoSerif-Italic.ttf" },
-  { id: 'Noto Serif Bold Italic', path: "noto/NotoSerif-BoldItalic.ttf" },
-  { id: 'Noto Sans Mono', path: "noto/NotoSansMono-Regular.ttf" },
-  { id: 'Noto Sans Mono Bold', path: "noto/NotoSansMono-Bold.ttf" },
-  { id: 'Noto Sans Display', path: "noto/NotoSansDisplay-Regular.ttf" },
-  { id: 'Noto Serif Display', path: "noto/NotoSerifDisplay-Regular.ttf" },
-  { id: 'DejaVu Sans', path: "dejavu/DejaVuSans.ttf" },
-  { id: 'DejaVu Sans Bold', path: "dejavu/DejaVuSans-Bold.ttf" },
-  { id: 'DejaVu Serif', path: "dejavu/DejaVuSerif.ttf" },
-  { id: 'DejaVu Serif Bold', path: "dejavu/DejaVuSerif-Bold.ttf" },
-  { id: 'DejaVu Sans Mono', path: "dejavu/DejaVuSansMono.ttf" },
-  { id: 'DejaVu Sans Mono Bold', path: "dejavu/DejaVuSansMono-Bold.ttf" },
-  { id: 'DejaVu Sans Mono Oblique', path: "dejavu/DejaVuSansMono-Oblique.ttf" },
-  { id: 'DejaVu Sans Mono Bold Oblique', path: "dejavu/DejaVuSansMono-BoldOblique.ttf" },
-  { id: 'Liberation Sans', path: "liberation/LiberationSans-Regular.ttf" },
-  { id: 'Liberation Sans Bold', path: "liberation/LiberationSans-Bold.ttf" },
-  { id: 'Liberation Sans Italic', path: "liberation/LiberationSans-Italic.ttf" },
-  { id: 'Liberation Sans Bold Italic', path: "liberation/LiberationSans-BoldItalic.ttf" },
   { id: 'Liberation Sans Narrow', path: "liberation/LiberationSansNarrow-Regular.ttf" },
   { id: 'Liberation Sans Narrow Bold', path: "liberation/LiberationSansNarrow-Bold.ttf" },
-  { id: 'Liberation Serif', path: "liberation/LiberationSerif-Regular.ttf" },
-  { id: 'Liberation Serif Bold', path: "liberation/LiberationSerif-Bold.ttf" },
-  { id: 'Liberation Serif Italic', path: "liberation/LiberationSerif-Italic.ttf" },
-  { id: 'Liberation Serif Bold Italic', path: "liberation/LiberationSerif-BoldItalic.ttf" },
-  { id: 'Liberation Mono', path: "liberation/LiberationMono-Regular.ttf" },
-  { id: 'Liberation Mono Bold', path: "liberation/LiberationMono-Bold.ttf" },
-  { id: 'Liberation Mono Italic', path: "liberation/LiberationMono-Italic.ttf" },
-  { id: 'Liberation Mono Bold Italic', path: "liberation/LiberationMono-BoldItalic.ttf" },
-  { id: 'IBM Plex Sans', path: "ibm-plex/IBMPlexSans-Regular.ttf" },
-  { id: 'IBM Plex Sans Bold', path: "ibm-plex/IBMPlexSans-Bold.ttf" },
-  { id: 'IBM Plex Sans Italic', path: "ibm-plex/IBMPlexSans-Italic.ttf" },
-  { id: 'IBM Plex Sans Bold Italic', path: "ibm-plex/IBMPlexSans-BoldItalic.ttf" },
-  { id: 'IBM Plex Sans Condensed', path: "ibm-plex/IBMPlexSansCondensed-Regular.ttf" },
-  { id: 'IBM Plex Sans Condensed Bold', path: "ibm-plex/IBMPlexSansCondensed-Bold.ttf" },
-  { id: 'IBM Plex Serif', path: "ibm-plex/IBMPlexSerif-Regular.ttf" },
-  { id: 'IBM Plex Serif Bold', path: "ibm-plex/IBMPlexSerif-Bold.ttf" },
-  { id: 'IBM Plex Serif Italic', path: "ibm-plex/IBMPlexSerif-Italic.ttf" },
-  { id: 'IBM Plex Serif Bold Italic', path: "ibm-plex/IBMPlexSerif-BoldItalic.ttf" },
-  { id: 'IBM Plex Mono', path: "ibm-plex/IBMPlexMono-Regular.ttf" },
-  { id: 'IBM Plex Mono Bold', path: "ibm-plex/IBMPlexMono-Bold.ttf" },
-  { id: 'IBM Plex Mono Italic', path: "ibm-plex/IBMPlexMono-Italic.ttf" },
-  { id: 'IBM Plex Mono Bold Italic', path: "ibm-plex/IBMPlexMono-BoldItalic.ttf" },
-  { id: 'Hack', path: "hack/Hack-Regular.ttf" },
-  { id: 'Hack Bold', path: "hack/Hack-Bold.ttf" },
-  { id: 'Hack Italic', path: "hack/Hack-Italic.ttf" },
-  { id: 'Hack Bold Italic', path: "hack/Hack-BoldItalic.ttf" },
-  { id: 'Ubuntu', path: "ubuntu/Ubuntu-R.ttf" },
-  { id: 'Ubuntu Italic', path: "ubuntu/Ubuntu-RI.ttf" },
-  { id: 'Ubuntu Bold', path: "ubuntu/Ubuntu-B.ttf" },
-  { id: 'Ubuntu Bold Italic', path: "ubuntu/Ubuntu-BI.ttf" },
-  { id: 'Ubuntu Light', path: "ubuntu/Ubuntu-L.ttf" },
-  { id: 'Ubuntu Light Italic', path: "ubuntu/Ubuntu-LI.ttf" },
-  { id: 'Ubuntu Medium', path: "ubuntu/Ubuntu-M.ttf" },
-  { id: 'Ubuntu Medium Italic', path: "ubuntu/Ubuntu-MI.ttf" },
-  { id: 'Ubuntu Thin', path: "ubuntu/Ubuntu-Th.ttf" },
-  { id: 'Ubuntu Condensed', path: "ubuntu/Ubuntu-C.ttf" },
-  { id: 'Ubuntu Mono', path: "ubuntu/UbuntuMono-R.ttf" },
-  { id: 'Ubuntu Mono Italic', path: "ubuntu/UbuntuMono-RI.ttf" },
-  { id: 'Ubuntu Mono Bold', path: "ubuntu/UbuntuMono-B.ttf" },
-  { id: 'Ubuntu Mono Bold Italic', path: "ubuntu/UbuntuMono-BI.ttf" },
   { id: 'Libre Barcode 39', path: "libre-barcode/LibreBarcode39-Regular.ttf" },
   { id: 'Libre Barcode 39 Text', path: "libre-barcode/LibreBarcode39Text-Regular.ttf" },
   { id: 'Libre Barcode 39 Extended', path: "libre-barcode/LibreBarcode39Extended-Regular.ttf" },
   { id: 'Libre Barcode 39 Extended Text', path: "libre-barcode/LibreBarcode39ExtendedText-Regular.ttf" },
   { id: 'Libre Barcode 128', path: "libre-barcode/LibreBarcode128-Regular.ttf" },
   { id: 'Libre Barcode 128 Text', path: "libre-barcode/LibreBarcode128Text-Regular.ttf" },
-  { id: 'Libre Barcode EAN13 Text', path: "libre-barcode/LibreBarcodeEAN13Text-Regular.ttf" },
   { id: 'Braille Grid HC', path: "braille-hc/BrailleGridHC-Regular.otf" },
-  { id: 'Braille Latin HC', path: "braille-hc/BrailleLatinHC-Regular.otf" },
-  { id: 'Braille Pinboard HC', path: "braille-hc/BraillePinboardHC-Regular.otf" },
   { id: 'Braille Pixel HC', path: "braille-hc/BraillePixelHC-Regular.otf" },
 ];
 
-const FONT_CATALOG = dedupeFonts([...BASE_FONT_CATALOG, ...GOOGLE_OFL_FONTS]);
+const FONT_CATALOG = sortFontsByName(dedupeFonts([...BASE_FONT_CATALOG, ...GOOGLE_OFL_FONTS]));
+const DEFAULT_FONT_ID = FONT_CATALOG.find((font) => font.id === 'Noto Sans')?.id || FONT_CATALOG[0]?.id || 'Noto Sans';
 
 const DEFAULT_TRANSFORM = {
   position: [0, 0, 0],
@@ -186,7 +127,7 @@ const inputParamsSchema = {
   font: {
     type: "options",
     options: FONT_CATALOG.map((f) => f.id),
-    default_value: FONT_CATALOG[0]?.id || "Noto Sans",
+    default_value: DEFAULT_FONT_ID,
     hint: "Select a built-in font",
   },
   fontFile: {
@@ -816,7 +757,11 @@ async function resolveFont(params, selectedEntry = null) {
 
 function getSelectedFontEntry(params) {
   const fontId = (params && typeof params.font === 'string') ? params.font : null;
-  return FONT_CATALOG.find((f) => f.id === fontId) || FONT_CATALOG[0];
+  if (fontId) {
+    const match = FONT_CATALOG.find((font) => font.id === fontId);
+    if (match) return match;
+  }
+  return FONT_CATALOG.find((font) => font.id === DEFAULT_FONT_ID) || FONT_CATALOG[0];
 }
 
 async function loadFontFromSource(source, { type }) {

package/src/features/textToFace/fontUrlLoaders.kernel.js

@@ -1 +1,8 @@
-export const FONT_URL_LOADERS = null;
+export const FONT_URL_LOADERS = import.meta.glob(
+  '../../assets/fonts/**/*.{ttf,otf,woff,woff2,ttc}',
+  {
+    eager: true,
+    query: '?inline',
+    import: 'default',
+  }
+);

package/src/features/textToFace/fontUrlLoaders.vite.js

@@ -1,4 +1,8 @@
 export const FONT_URL_LOADERS = import.meta.glob(
   '../../assets/fonts/**/*.{ttf,otf,woff,woff2,ttc}',
-  { query: '?url', import: 'default' }
+  {
+    eager: true,
+    query: '?inline',
+    import: 'default',
+  }
 );