brustjs 0.1.36-alpha → 0.1.38-alpha

package/runtime/islands/island.tsx

@@ -62,6 +62,19 @@ export function createIslandUsedBox(): IslandUsedBox {
   return { used: false }
 }
 
+// Component function → content-addressed island id (`<Name>_<hash>`). Populated
+// at worker boot (configureIslandIdRegistry) by importing each island source and
+// mapping its default export. Keyed by FUNCTION IDENTITY, so two same-named
+// components from different files map to distinct ids — giving the React render
+// path the same same-name parity the native jinja rewrite gives native routes.
+// Empty in unit tests / when no manifest → markers fall back to Component.name.
+let islandIdRegistry: Map<unknown, string> = new Map()
+
+/** Seed the Component→id registry (worker boot). */
+export function configureIslandIdRegistry(entries: Iterable<[unknown, string]>): void {
+  islandIdRegistry = new Map(entries)
+}
+
 /** Carries the per-render {@link IslandUsedBox} down to every `<Island>`. The
  * renderer wraps the tree in a Provider with a fresh box; an `<Island>` rendered
  * with no Provider (e.g. a standalone `renderToString` outside the React render
@@ -83,7 +96,11 @@ export function Island<P extends object>({
   // rendered without a Provider (standalone renderToString).
   const usedBox = useContext(IslandUsedContext)
   if (usedBox) usedBox.used = true
-  const resolvedId = Component.name
+  // Marker id: the content-addressed island id (`<Name>_<hash>`) from the
+  // registry (keyed by component identity → same-name parity), falling back to
+  // the plain Component name when the registry isn't seeded (unit test, or a
+  // component not in the manifest — the _islands.js name→url map resolves it).
+  const resolvedId = islandIdRegistry.get(Component) ?? Component.name
   if (!resolvedId) {
     throw new Error(
       '<Island> component has no `.name`; the island id is derived from ' +

package/runtime/routes.ts

@@ -12,6 +12,7 @@ import * as native from './index.js'
 import { renderBranchStreaming } from './render/stream.ts'
 import { runInStoreContext, collectSnapshot } from './store/server-context.ts'
 import { buildStoreScripts } from './render/inject-store.ts'
+import { getCssHrefsForRoute } from './css.ts'
 import { runInRequestCache } from './loader-cache.ts'
 import { runInRequestScope, __scope } from './request-context.ts'
 import {
@@ -816,6 +817,21 @@ export function makeRenderer(
             )
           }
           ;(data as Record<string, unknown>).__brust_store__ = buildStoreScripts(storeSnapshot)
+          // Component-CSS SSR. Fill the framework-owned
+          // `{{ __brust_component_css__ | safe }}` head slot with the route's
+          // component-CSS chunk <link>s (from the component-CSS manifest, seeded
+          // per-route in the worker). Empty string when the route imports no
+          // .module.css / co-located .css, so the slot always resolves.
+          if (process.env.BRUST_DEV === '1' && '__brust_component_css__' in data) {
+            console.warn(
+              `[brust] native loader for "${flat.nativeTemplate}" returned a reserved "__brust_component_css__" key — overwritten by the component-CSS links`,
+            )
+          }
+          ;(data as Record<string, unknown>).__brust_component_css__ = getCssHrefsForRoute(
+            flat.fullPath,
+          )
+            .map((href) => `<link rel="stylesheet" href="${href}"/>`)
+            .join('')
         }
         const json = JSON.stringify(data)
         // napiRenderJinja has no headers param — any Set-Cookie staged by a