@jk2908/solas 0.16.2 → 0.16.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.16.3
+
+### Fixes
+
+- Server actions invoked from the browser now request the RSC representation (`accept: text/x-component`). The server previously answered with an HTML document, which surfaced as React's "Connection closed" error (#412) and left the UI un-updated even though the action ran.
+- Static responses carry `Content-Length`, so prerendered HTML, CSS and client assets are no longer sent chunked.
+
+### Changed
+
+- The client hydrates inside `startTransition`, so the browser can paint the server markup before React walks the tree.
+- Production builds pin `process.env.NODE_ENV` to the build mode and minify server bundles. This removes the development React branches and reduces the deployable output size.
+
 ## 0.16.2
 
 ### Changed

package/dist/index.js

@@ -232,7 +232,7 @@ function solas(c) {
     }
     const plugin = {
         name: Config.NAME,
-        async config(viteConfig) {
+        async config(viteConfig, env) {
             const pkg = JSON.parse(fsSync.readFileSync(new URL('../package.json', import.meta.url), 'utf-8'));
             if (typeof pkg.name !== 'string' || pkg.name.length === 0) {
                 throw new Error(`Missing ${Config.NAME} package name`);
@@ -276,6 +276,12 @@ function solas(c) {
             viteConfig.define['import.meta.env.VITE_APP_URL'] = JSON.stringify(resolvedUrl);
             viteConfig.define['import.meta.env.SOLAS_VERSION'] = JSON.stringify(pkg.version);
             viteConfig.define['import.meta.env.SOLAS_ADAPTER'] = JSON.stringify(config.adapter?.name ?? '');
+            // production builds can drop the development React branches and ship
+            // minified server bundles; dev keeps readable output and HMR
+            if (env?.command === 'build') {
+                viteConfig.define['process.env.NODE_ENV'] = JSON.stringify(env.mode);
+                viteConfig.build.minify ??= true;
+            }
             viteConfig.optimizeDeps ??= {};
             viteConfig.optimizeDeps.exclude = [
                 ...new Set([

package/dist/internal/env/browser.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { StrictMode, Suspense, useCallback, useState, useTransition } from 'react';
+import { StrictMode, Suspense, startTransition, useCallback, useState, useTransition, } from 'react';
 import { hydrateRoot } from 'react-dom/client';
 import { createFromFetch, createFromReadableStream, createTemporaryReferenceSet, encodeReply, setServerCallback, } from '@vitejs/plugin-rsc/browser';
 import { getDocumentNonce } from '../../utils/get-document-nonce.js';
@@ -35,7 +35,10 @@ export async function browser() {
     setServerCallback(async (id, args) => {
         const url = new URL(window.location.href);
         const temporaryReferences = createTemporaryReferenceSet();
-        const headers = new Headers({ 'x-rsc-action-id': id });
+        const headers = new Headers({
+            accept: 'text/x-component',
+            'x-rsc-action-id': id,
+        });
         const nonce = getDocumentNonce();
         if (nonce)
             headers.set('x-solas-nonce', nonce);
@@ -50,8 +53,12 @@ export async function browser() {
             throw data;
         return data;
     });
-    hydrateRoot(document, _jsx(StrictMode, { children: _jsx(A, {}) }), {
-        formState: payload.formState,
+    // hydrate as a transition so the browser can paint the server markup
+    // before React starts walking the tree
+    startTransition(() => {
+        hydrateRoot(document, _jsx(StrictMode, { children: _jsx(A, {}) }), {
+            formState: payload.formState,
+        });
     });
     if (import.meta.hot) {
         import.meta.hot.on?.('rsc:update', async () => {

package/dist/internal/http-router/router.js

@@ -288,9 +288,13 @@ export class HttpRouter {
         }
         // get mime type from original path, not compressed variant
         const mimeType = assets.mimeType(asset.path);
-        const res = new Response(await assets.readBuffer(resolved), {
+        const buffer = await assets.readBuffer(resolved);
+        const res = new Response(buffer, {
             headers: {
                 'Content-Type': headers['Content-Type'] ?? mimeType,
+                // a static file has a known size; sending it lets the client finish
+                // the response without waiting for a chunked terminator
+                'Content-Length': String(buffer.byteLength),
             },
         });
         for (const [key, value] of Object.entries(headers)) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@jk2908/solas",
-	"version": "0.16.2",
+	"version": "0.16.3",
 	"description": "A Vite + React meta-framework exploring streaming, Server Components, and partial prerendering. Designed for simplicity and lightness",
 	"keywords": [
 		"framework",