@invisibleloop/pulse 0.20.10 → 0.20.11

package/docs/src/pages/home.js

@@ -56,7 +56,12 @@ export default {
     title: 'Pulse — The spec-first web framework',
     description: 'Pulse is a server-first Node.js framework with zero runtime dependencies. One spec object per page: server data, state, mutations, and view in plain JS. Streaming SSR, security headers, and production caching are enforced by the architecture.',
     theme: 'light',
-    styles: ['https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800;900&display=swap', '/pulse-ui.css', '/theme.css', '/docs.css', '/home-brut.css'],
+    styles: ['/pulse-ui.css', '/theme.css', '/docs.css', '/home-brut.css'],
+    // Loaded via JS after initial parse — non-render-blocking. The preconnect
+    // hints below still warm the connection up early, and display=swap in the
+    // URL means the browser paints with a fallback font immediately and swaps
+    // to Inter once it arrives, so there's no invisible-text window either way.
+    deferredStyles: ['https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800;900&display=swap'],
     schema: {
       '@context': 'https://schema.org',
       '@type': 'SoftwareApplication',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@invisibleloop/pulse",
-  "version": "0.20.10",
+  "version": "0.20.11",
   "type": "module",
   "description": "AI-first frontend framework. The spec is the source of truth.",
   "license": "MIT",

package/public/.pulse-ui-version

@@ -1 +1 @@
-0.20.10
+0.20.11

package/src/runtime/ssr.js

@@ -354,7 +354,7 @@ export function wrapDocument({ content, spec = {}, serverState = {}, storeState
     meta.ogImage     ? `<meta property="og:image" content="${esc(meta.ogImage)}">` : '',
   ].filter(Boolean).join('\n  ')
 
-  const stylePreconnects = buildStylePreconnects(meta.styles || [])
+  const stylePreconnects = buildStylePreconnects([...(meta.styles || []), ...(meta.deferredStyles || [])])
 
   const stylePreloads = (meta.styles || [])
     .map(href => `<link rel="preload" as="style" href="${esc(href)}">`)

package/src/server/index.js

@@ -1322,7 +1322,7 @@ async function handleStreamResponse(spec, ctx, req, res, extraBody = '', dev = f
     try { res.writeEarlyHints({ link: earlyLinks }) } catch {}
   }
 
-  const stylePreconnects = buildStylePreconnects(meta.styles || [])
+  const stylePreconnects = buildStylePreconnects([...(meta.styles || []), ...(meta.deferredStyles || [])])
 
   const stylePreloads = (meta.styles || [])
     .map(href => `  <link rel="preload" as="style" href="${escHtml(href)}">`)