spark-html-font 0.1.3 → 1.0.0-rc.1

package/README.md

@@ -79,11 +79,12 @@ Top-level: `fallback` — generic families appended to every var stack
 ## The Spark family
 
 Small, single-purpose packages that share one philosophy: no compiler, no
-virtual DOM, no build step required. Add only what you use.
+virtual DOM, no build step required — built for humans who love hand-writing
+their web apps. Add only what you use.
 
 | Package | What it does |
 |---|---|
-| [`spark-html`](https://www.npmjs.com/package/spark-html) | The runtime — components, reactivity, stores, forms, scoped styles. 13 kB gzip, 0 deps. |
+| [`spark-html`](https://www.npmjs.com/package/spark-html) | The runtime — components, reactivity, stores, forms, scoped styles. ~14.4 kB gzip, 0 deps. |
 | [`spark-html-bun`](https://www.npmjs.com/package/spark-html-bun) | Dev server, bundler & preview on Bun — scoped HMR, no-build dev, post-build pipeline. |
 | [`spark-html-router`](https://www.npmjs.com/package/spark-html-router) | `<template route>` routing — nested routes/layouts, `route.query`, active links. |
 | [`spark-html-theme`](https://www.npmjs.com/package/spark-html-theme) | Dark/light/system theming in one line — persisted, no flash. |
@@ -94,6 +95,7 @@ virtual DOM, no build step required. Add only what you use.
 | [`spark-html-persist`](https://www.npmjs.com/package/spark-html-persist) | Persist stores to localStorage/sessionStorage in one line. |
 | [`spark-html-websocket`](https://www.npmjs.com/package/spark-html-websocket) | A WebSocket as a reactive store — auto-reconnect, JSON, `send()`. |
 | [`spark-prerender`](https://www.npmjs.com/package/spark-prerender) | Build-time SEO prerender + sitemap/robots — no SSR server. |
+| [`spark-ssr`](https://www.npmjs.com/package/spark-ssr) | Full-stack SSR on Bun — the template is the backend: inferred DB, REST CRUD, auth, live updates. Precompiled + response-cached: fast by default. |
 | [`spark-html-image`](https://www.npmjs.com/package/spark-html-image) | Build-time image optimization — webp/avif + responsive `srcset`, zero config. |
 | [`spark-html-font`](https://www.npmjs.com/package/spark-html-font) | Font loading optimizer — preload + size-adjusted fallbacks, no FOUT. |
 | [`spark-html-manifest`](https://www.npmjs.com/package/spark-html-manifest) | PWA manifest + icons + head tags (and optional service worker) from one config. |

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "spark-html-font",
-  "version": "0.1.3",
+  "version": "1.0.0-rc.1",
   "description": "Font loading optimizer for spark-html sites — @font-face + preload + size-adjusted fallbacks in one config, no FOUT, no layout shift. Zero dependencies.",
   "type": "module",
   "main": "./src/index.js",
   "types": "./src/index.d.ts",
-  "homepage": "https://wilkinnovo.github.io/spark",
+  "homepage": "https://wilkinnovo.github.io/spark-html",
   "exports": {
     ".": {
       "types": "./src/index.d.ts",
@@ -23,7 +23,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/wilkinnovo/spark.git",
+    "url": "git+https://github.com/wilkinnovo/spark-html.git",
     "directory": "packages/spark-html-font"
   },
   "keywords": [

package/src/index.js

@@ -25,8 +25,10 @@
  * Zero dependencies; pure string generation plus a little DOM.
  */
 
-// Approximate Arial-adjusted fallback metrics (fontaine-style) for popular
+// Approximate size-adjusted fallback metrics (fontaine-style) for popular
 // families. Percentages; good enough to keep the swap from moving the page.
+// Sans families adjust from Arial; mono families carry their own local basis
+// (`from`) — Courier New is the metric-compatible mono every OS ships.
 // Override per font with `metrics: { sizeAdjust, ascent, descent, lineGap }`.
 const METRICS = {
   'inter':            { sizeAdjust: 107.4, ascent: 90.2,  descent: 22.5, lineGap: 0 },
@@ -37,6 +39,9 @@ const METRICS = {
   'poppins':          { sizeAdjust: 112.2, ascent: 93.8,  descent: 31.3, lineGap: 0 },
   'nunito':           { sizeAdjust: 101.9, ascent: 99.4,  descent: 34.7, lineGap: 0 },
   'source sans pro':  { sizeAdjust: 94.1,  ascent: 104.6, descent: 29.0, lineGap: 0 },
+  'jetbrains mono':   { sizeAdjust: 100,   ascent: 102,   descent: 24.5, lineGap: 0, from: 'Courier New' },
+  'roboto mono':      { sizeAdjust: 100,   ascent: 104.8, descent: 27.1, lineGap: 0, from: 'Courier New' },
+  'source code pro':  { sizeAdjust: 100,   ascent: 98.4,  descent: 27.3, lineGap: 0, from: 'Courier New' },
 };
 
 const slug = (family) => family.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '');
@@ -87,7 +92,7 @@ export function fontCss(config = {}) {
     const m = font.metrics || METRICS[fam.toLowerCase()];
     const stack = [`"${fam}"`];
     if (m && font.adjust !== false) {
-      const local = font.adjustFrom || 'Arial';
+      const local = font.adjustFrom || m.from || 'Arial';
       rules.push(
         `@font-face { font-family: "${fam} Fallback"; src: local("${local}");` +
         ` size-adjust: ${m.sizeAdjust}%; ascent-override: ${m.ascent}%;` +