@taujs/server 0.1.0 → 0.1.2

package/README.md

@@ -6,7 +6,7 @@
 
 `pnpm add @taujs/server`
 
-## SPA; SSR; Streaming SSR; Hydration; Fastify + React 18
+## CSR; SSR; Streaming SSR; Hydration; Fastify + React 18
 
 Fastify Plugin for integration with taujs [ τjs ] template https://github.com/aoede3/taujs
 
@@ -40,7 +40,7 @@ Integrated ViteDevServer HMR + Vite Runtime API run alongside tsx (TS eXecute) p
 
 https://github.com/aoede3/taujs/blob/main/src/server/index.ts
 
-Not utilising taujs [ τjs ] template? Add in your own `alias` object for your own particular setup e.g. `alias: { object }`
+Not utilising taujs [ τjs ] template? Add in your own ts `alias` object for your own particular directory setup e.g. `alias: { object }`
 
 ### React 'entry-client.tsx'
 

package/dist/data.js

@@ -59,7 +59,7 @@ var useSSRStore = () => {
 
 // src/SSRHydration.tsx
 import React2 from "react";
-import { hydrateRoot } from "react-dom/client";
+import { createRoot, hydrateRoot } from "react-dom/client";
 
 // src/utils/Logger.ts
 var createLogger = (debug) => ({
@@ -87,18 +87,20 @@ var hydrateApp = ({ appComponent, initialDataKey = "__INITIAL_DATA__", rootEleme
     }
     const initialData = window[initialDataKey];
     if (!initialData) {
-      warn(`Initial data key "${initialDataKey}" is undefined on window.`);
+      warn(`Initial data key "${initialDataKey}" is undefined on window. Defaulting to SPA createRoot`);
+      const root = createRoot(rootElement);
+      root.render(/* @__PURE__ */ jsx2(React2.StrictMode, { children: appComponent }));
     } else {
       log("Initial data loaded:", initialData);
+      const initialDataPromise = Promise.resolve(initialData);
+      const store = createSSRStore(initialDataPromise);
+      log("Store created:", store);
+      hydrateRoot(
+        rootElement,
+        /* @__PURE__ */ jsx2(React2.StrictMode, { children: /* @__PURE__ */ jsx2(SSRStoreProvider, { store, children: appComponent }) })
+      );
+      log("Hydration completed");
     }
-    const initialDataPromise = Promise.resolve(initialData);
-    const store = createSSRStore(initialDataPromise);
-    log("Store created:", store);
-    hydrateRoot(
-      rootElement,
-      /* @__PURE__ */ jsx2(React2.StrictMode, { children: /* @__PURE__ */ jsx2(SSRStoreProvider, { store, children: appComponent }) })
-    );
-    log("Hydration completed");
   };
   if (document.readyState !== "loading") {
     bootstrap();

package/dist/index.d.ts

@@ -20,7 +20,7 @@ type RenderCallbacks = {
 type FetchConfig = {
     url?: string;
     options: RequestInit & {
-        params?: any;
+        params?: Record<string, unknown>;
     };
     serviceName?: string;
     serviceMethod?: string;
@@ -56,7 +56,7 @@ type RenderModule = {
     renderStream: RenderStream;
 };
 type RouteAttributes<Params = {}> = {
-    fetch: (params?: Params, options?: RequestInit & {
+    fetch?: (params?: Params, options?: RequestInit & {
         params?: Record<string, unknown>;
     }) => Promise<{
         options: RequestInit & {

package/dist/index.js

@@ -295,6 +295,13 @@ var SSRServer = (0, import_fastify_plugin.default)(
       const { createServer } = await import("vite");
       viteDevServer = await createServer({
         appType: "custom",
+        css: {
+          preprocessorOptions: {
+            scss: {
+              api: "modern-compiler"
+            }
+          }
+        },
         mode: "development",
         plugins: [
           ...isDebug ? [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taujs/server",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "taujs | τjs",
   "author": "Aoede <taujs@aoede.uk.net> (https://www.aoede.uk.net)",
   "license": "MIT",