@taujs/react 0.0.1 → 0.0.3

package/README.md

@@ -1,10 +1,10 @@
-# @taujs/server
+# @taujs/react
 
-`npm install @taujs/server`
+`npm install @taujs/react`
 
-`yarn add @taujs/server`
+`yarn add @taujs/react`
 
-`pnpm add @taujs/server`
+`pnpm add @taujs/react`
 
 ## CSR; SSR; Streaming SSR; Hydration; Fastify + React 19
 

package/dist/index.d.ts

@@ -29,19 +29,19 @@ type RendererOptions = {
 };
 type RenderCallbacks = {
     onHead: (headContent: string) => void;
-    onFinish: (initialDataResolved: unknown) => void;
+    onFinish: (initialDataPromise: unknown) => void;
     onError: (error: unknown) => void;
 };
 declare const resolveHeadContent: (headContent: string | ((meta: Record<string, unknown>) => string), meta?: Record<string, unknown>) => string;
 declare const createRenderer: ({ appComponent, headContent }: RendererOptions) => {
-    renderSSR: (initialDataResolved: Record<string, unknown>, location: string, meta?: Record<string, unknown>) => Promise<{
+    renderSSR: (initialDataPromise: Record<string, unknown>, location: string, meta?: Record<string, unknown>) => Promise<{
         headContent: string;
         appHtml: string;
     }>;
-    renderStream: (serverResponse: ServerResponse, callbacks: RenderCallbacks, initialDataResolved: Record<string, unknown>, location: string, bootstrapModules?: string, meta?: Record<string, unknown>) => void;
+    renderStream: (serverResponse: ServerResponse, callbacks: RenderCallbacks, initialDataPromise: Record<string, unknown>, location: string, bootstrapModules?: string, meta?: Record<string, unknown>) => void;
 };
-declare const createRenderStream: (serverResponse: ServerResponse, { onHead, onFinish, onError }: RenderCallbacks, { appComponent, headContent, initialDataResolved, location, bootstrapModules, }: RendererOptions & {
-    initialDataResolved: Record<string, unknown>;
+declare const createRenderStream: (serverResponse: ServerResponse, { onHead, onFinish, onError }: RenderCallbacks, { appComponent, headContent, initialDataPromise, location, bootstrapModules, }: RendererOptions & {
+    initialDataPromise: Record<string, unknown>;
     location: string;
     bootstrapModules?: string;
 }) => void;

package/dist/index.js

@@ -117,21 +117,21 @@ import { renderToPipeableStream, renderToString } from "react-dom/server";
 import { jsx as jsx3 } from "react/jsx-runtime";
 var resolveHeadContent = (headContent, meta = {}) => typeof headContent === "function" ? headContent(meta) : headContent;
 var createRenderer = ({ appComponent, headContent }) => {
-  const renderSSR = async (initialDataResolved, location, meta = {}) => {
-    const dataForHeadContent = Object.keys(initialDataResolved).length > 0 ? initialDataResolved : meta;
+  const renderSSR = async (initialDataPromise, location, meta = {}) => {
+    const dataForHeadContent = Object.keys(initialDataPromise).length > 0 ? initialDataPromise : meta;
     const dynamicHeadContent = resolveHeadContent(headContent, dataForHeadContent);
-    const appHtml = renderToString(/* @__PURE__ */ jsx3(SSRStoreProvider, { store: createSSRStore(initialDataResolved), children: appComponent({ location }) }));
+    const appHtml = renderToString(/* @__PURE__ */ jsx3(SSRStoreProvider, { store: createSSRStore(initialDataPromise), children: appComponent({ location }) }));
     return {
       headContent: dynamicHeadContent,
       appHtml
     };
   };
-  const renderStream = (serverResponse, callbacks, initialDataResolved, location, bootstrapModules, meta = {}) => {
+  const renderStream = (serverResponse, callbacks, initialDataPromise, location, bootstrapModules, meta = {}) => {
     const dynamicHeadContent = resolveHeadContent(headContent, meta);
     createRenderStream(serverResponse, callbacks, {
       appComponent: (props) => appComponent({ ...props, location }),
       headContent: dynamicHeadContent,
-      initialDataResolved,
+      initialDataPromise,
       location,
       bootstrapModules
     });
@@ -141,28 +141,30 @@ var createRenderer = ({ appComponent, headContent }) => {
 var createRenderStream = (serverResponse, { onHead, onFinish, onError }, {
   appComponent,
   headContent,
-  initialDataResolved,
+  initialDataPromise,
   location,
   bootstrapModules
 }) => {
-  const store = createSSRStore(initialDataResolved);
+  const store = createSSRStore(initialDataPromise);
   const appElement = /* @__PURE__ */ jsx3(SSRStoreProvider, { store, children: appComponent({ location }) });
   const { pipe } = renderToPipeableStream(appElement, {
     bootstrapModules: bootstrapModules ? [bootstrapModules] : void 0,
     onShellReady() {
-      const dynamicHeadContent = resolveHeadContent(headContent, initialDataResolved);
-      onHead(dynamicHeadContent);
-      pipe(
-        new Writable({
-          write(chunk, _encoding, callback) {
-            serverResponse.write(chunk, callback);
-          },
-          final(callback) {
-            onFinish(store.getSnapshot());
-            callback();
-          }
-        })
-      );
+      Promise.resolve(initialDataPromise).then((resolvedData) => {
+        const dynamicHeadContent = resolveHeadContent(headContent, resolvedData);
+        onHead(dynamicHeadContent);
+        pipe(
+          new Writable({
+            write(chunk, _encoding, callback) {
+              serverResponse.write(chunk, callback);
+            },
+            final(callback) {
+              onFinish(store.getSnapshot());
+              callback();
+            }
+          })
+        );
+      });
     },
     onAllReady() {
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taujs/react",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "taujs | τjs",
   "author": "Aoede <taujs@aoede.uk.net> (https://www.aoede.uk.net)",
   "license": "MIT",
@@ -43,6 +43,7 @@
     "@types/react": "^19.0.2",
     "@types/react-dom": "^19.0.2",
     "@vitest/coverage-v8": "^2.1.0",
+    "@vitest/ui": "^2.1.9",
     "jsdom": "^25.0.0",
     "prettier": "^3.3.3",
     "react": "^19.0.0",