update lib/svg/fonts.ts

Author: ChetanSenta

lib/svg/fonts.ts

@@ -1,9 +1,32 @@
 import { sanitizeFont } from './sanitizer';
 
+/**
+ * Maps lowercase font shorthand keys to their full CSS font-family strings.
+ *
+ * Fonts listed here are treated as "predefined" — the generator resolves them
+ * directly without emitting a second dynamic Google Fonts @import. Only add a
+ * font here if it is ALREADY loaded by the unconditional @import in generator.ts
+ * (Fira Code, JetBrains Mono, Roboto, Syncopate, Space Grotesk).
+ *
+ * Fonts NOT in this map (e.g. "Inter", "Orbitron") correctly fall through to
+ * the dynamic @import path, fetching them from Google Fonts on demand.
+ */
 export const FONT_MAP = {
+  // ── Pre-existing entries ────────────────────────────────────────────────
   jetbrains: '"JetBrains Mono", monospace',
   fira: '"Fira Code", monospace',
   roboto: '"Roboto", sans-serif',
+
+  // ── Previously missing — both fonts are in the unconditional @import ───
+  // Without these entries, passing ?font=syncopate or ?font=spacegrotesk
+  // incorrectly triggers a duplicate dynamic Google Fonts fetch.
+  syncopate: '"Syncopate", sans-serif',
+  spacegrotesk: '"Space Grotesk", sans-serif',
+  'space grotesk': '"Space Grotesk", sans-serif', // handles spaced user input
+
+  // ── Aliases for common variations ───────────────────────────────────────
+  firacode: '"Fira Code", monospace', // alias: fira is the canonical key
+  'jetbrains mono': '"JetBrains Mono", monospace', // handles spaced user input
 } as const;
 
 /**

lib/svg/generator.ts

@@ -20,12 +20,25 @@ import { GRID_ORIGIN_X, GRID_ORIGIN_Y, TILE_HEIGHT_HALF, TILE_WIDTH_HALF } from
 import { SVG_WIDTH, SVG_HEIGHT } from './generatorConstants';
 
 const FONT_MAP = {
-  inter: '"Inter", sans-serif',
-  roboto: '"Roboto", sans-serif',
+  // ── Pre-existing entries ────────────────────────────────────────────────
   jetbrains: '"JetBrains Mono", monospace',
   fira: '"Fira Code", monospace',
+  roboto: '"Roboto", sans-serif',
+
+  // ── Previously missing — both fonts are in the unconditional @import ───
+  // Without these entries, passing ?font=syncopate or ?font=spacegrotesk
+  // incorrectly triggers a duplicate dynamic Google Fonts fetch.
   syncopate: '"Syncopate", sans-serif',
-  space: '"Space Grotesk", sans-serif',
+  spacegrotesk: '"Space Grotesk", sans-serif',
+  'space grotesk': '"Space Grotesk", sans-serif', // handles spaced user input
+
+  // ── Aliases for common variations ───────────────────────────────────────
+  firacode: '"Fira Code", monospace', // alias: fira is the canonical key
+  'jetbrains mono': '"JetBrains Mono", monospace', // handles spaced user input
+
+  // ── Legacy keys for backward compatibility ──────────────────────────────
+  inter: '"Inter", sans-serif',
+  space: '"Space Grotesk", sans-serif', // old key for spacegrotesk
 } as const;
 
 export function resolveFont(sanitizedFont?: string | null): string | null {