@taujs/server 0.1.8 → 0.1.9

package/README.md

@@ -18,9 +18,9 @@ Supported application structure and composition:
 
 - Single-page Application (SPA)
 - Multi-page Application (MPA)
-- Build-time Micro-Frontends, server orchestration and delivery
+- Build-time Micro-Frontends (MFE), with server orchestration and delivery
 
-Assemble independently built frontends at build time incorporating flexible per-route SPA-MPA hybrid with CSR, SSR, and Streaming SSR, rendering options.
+Assemble independent frontends at build time incorporating flexible per-route SPA-MPA hybrid with CSR, SSR, and Streaming SSR, rendering options.
 
 Fastify Plugin for integration with taujs [ τjs ] template https://github.com/aoede3/taujs
 
@@ -30,17 +30,15 @@ Fastify Plugin for integration with taujs [ τjs ] template https://github.com/a
 - TypeScript-first
 - ESM-only focus
 
-## τjs - Developer eXperience
+## τjs - DX Developer Experience
 
-Integrated ViteDevServer HMR + Vite Runtime API run alongside tsx (TS eXecute) providing fast responsive dev reload times for both backend / frontend
+Integrated Vite HMR run alongside tsx (TS eXecute) providing fast responsive dev reload times for universal backend / frontend changes
 
 - Fastify https://fastify.dev/
 - React https://reactjs.org/
 - tsx https://tsx.is/
 - Vite https://vitejs.dev/guide/ssr#building-for-production
 
-- ViteDevServer HMR https://vitejs.dev/guide/ssr#setting-up-the-dev-server
-- Vite Runtime API https://vitejs.dev/guide/api-vite-runtime
 - ESBuild https://esbuild.github.io/
 - Rollup https://rollupjs.org/
 - ESM https://nodejs.org/api/esm.html
@@ -85,8 +83,8 @@ Integral to τjs is its internal routing:
 
 In ensuring a particular 'route' receives data for hydration there are two options:
 
-1. An HTTP call elsewhere syntactically not unlike 'fetch' providing params to a 'fetch' call
-2. Internally calling a service which in turn will make 'call' to return data as per your architecture
+1. An HTTP call syntactically not unlike 'fetch' providing params to a 'fetch' call
+2. Internal service call returning data as per your architecture
 
 In supporting Option 2. there is a registry of services. More detail in 'Service Registry'.
 
@@ -96,7 +94,7 @@ https://github.com/aoede3/taujs/blob/main/src/shared/routes/Routes.ts
 
 ### Service Registry
 
-In supporting internal calls via τjs a registry of available services and methods provides the linkage to your own architectural setup and developmental patterns
+In supporting internal calls via τjs a registry of available services and methods can provide linkage to your own architectural setup and developmental patterns
 
 https://github.com/aoede3/taujs/blob/main/src/server/services/ServiceRegistry.ts
 

package/dist/data.js

@@ -110,7 +110,8 @@ var hydrateApp = ({ appComponent, initialDataKey = "__INITIAL_DATA__", rootEleme
 };
 
 // src/SSRRender.tsx
-import { Writable } from "node:stream";
+import "http";
+import { Writable } from "stream";
 import "react";
 import { renderToPipeableStream, renderToString } from "react-dom/server";
 import { jsx as jsx3 } from "react/jsx-runtime";

package/dist/index.js

@@ -114,11 +114,84 @@ var require_plugin = __commonJS({
   }
 });
 
+// node_modules/picocolors/picocolors.js
+var require_picocolors = __commonJS({
+  "node_modules/picocolors/picocolors.js"(exports, module) {
+    "use strict";
+    var p = process || {};
+    var argv = p.argv || [];
+    var env = p.env || {};
+    var isColorSupported = !(!!env.NO_COLOR || argv.includes("--no-color")) && (!!env.FORCE_COLOR || argv.includes("--color") || p.platform === "win32" || (p.stdout || {}).isTTY && env.TERM !== "dumb" || !!env.CI);
+    var formatter = (open, close, replace = open) => (input) => {
+      let string = "" + input, index = string.indexOf(close, open.length);
+      return ~index ? open + replaceClose(string, close, replace, index) + close : open + string + close;
+    };
+    var replaceClose = (string, close, replace, index) => {
+      let result = "", cursor = 0;
+      do {
+        result += string.substring(cursor, index) + replace;
+        cursor = index + close.length;
+        index = string.indexOf(close, cursor);
+      } while (~index);
+      return result + string.substring(cursor);
+    };
+    var createColors = (enabled = isColorSupported) => {
+      let f = enabled ? formatter : () => String;
+      return {
+        isColorSupported: enabled,
+        reset: f("\x1B[0m", "\x1B[0m"),
+        bold: f("\x1B[1m", "\x1B[22m", "\x1B[22m\x1B[1m"),
+        dim: f("\x1B[2m", "\x1B[22m", "\x1B[22m\x1B[2m"),
+        italic: f("\x1B[3m", "\x1B[23m"),
+        underline: f("\x1B[4m", "\x1B[24m"),
+        inverse: f("\x1B[7m", "\x1B[27m"),
+        hidden: f("\x1B[8m", "\x1B[28m"),
+        strikethrough: f("\x1B[9m", "\x1B[29m"),
+        black: f("\x1B[30m", "\x1B[39m"),
+        red: f("\x1B[31m", "\x1B[39m"),
+        green: f("\x1B[32m", "\x1B[39m"),
+        yellow: f("\x1B[33m", "\x1B[39m"),
+        blue: f("\x1B[34m", "\x1B[39m"),
+        magenta: f("\x1B[35m", "\x1B[39m"),
+        cyan: f("\x1B[36m", "\x1B[39m"),
+        white: f("\x1B[37m", "\x1B[39m"),
+        gray: f("\x1B[90m", "\x1B[39m"),
+        bgBlack: f("\x1B[40m", "\x1B[49m"),
+        bgRed: f("\x1B[41m", "\x1B[49m"),
+        bgGreen: f("\x1B[42m", "\x1B[49m"),
+        bgYellow: f("\x1B[43m", "\x1B[49m"),
+        bgBlue: f("\x1B[44m", "\x1B[49m"),
+        bgMagenta: f("\x1B[45m", "\x1B[49m"),
+        bgCyan: f("\x1B[46m", "\x1B[49m"),
+        bgWhite: f("\x1B[47m", "\x1B[49m"),
+        blackBright: f("\x1B[90m", "\x1B[39m"),
+        redBright: f("\x1B[91m", "\x1B[39m"),
+        greenBright: f("\x1B[92m", "\x1B[39m"),
+        yellowBright: f("\x1B[93m", "\x1B[39m"),
+        blueBright: f("\x1B[94m", "\x1B[39m"),
+        magentaBright: f("\x1B[95m", "\x1B[39m"),
+        cyanBright: f("\x1B[96m", "\x1B[39m"),
+        whiteBright: f("\x1B[97m", "\x1B[39m"),
+        bgBlackBright: f("\x1B[100m", "\x1B[49m"),
+        bgRedBright: f("\x1B[101m", "\x1B[49m"),
+        bgGreenBright: f("\x1B[102m", "\x1B[49m"),
+        bgYellowBright: f("\x1B[103m", "\x1B[49m"),
+        bgBlueBright: f("\x1B[104m", "\x1B[49m"),
+        bgMagentaBright: f("\x1B[105m", "\x1B[49m"),
+        bgCyanBright: f("\x1B[106m", "\x1B[49m"),
+        bgWhiteBright: f("\x1B[107m", "\x1B[49m")
+      };
+    };
+    module.exports = createColors();
+    module.exports.createColors = createColors;
+  }
+});
+
 // src/SSRServer.ts
 var import_fastify_plugin = __toESM(require_plugin(), 1);
-import { readFile } from "node:fs/promises";
-import path2 from "node:path";
-import { createViteRuntime } from "vite";
+var import_picocolors = __toESM(require_picocolors(), 1);
+import { readFile } from "fs/promises";
+import path2 from "path";
 
 // src/constants.ts
 var RENDERTYPE = {
@@ -136,9 +209,9 @@ var TEMPLATE = {
 };
 
 // src/utils/Utils.ts
-import { dirname, join } from "node:path";
-import "node:path";
-import { fileURLToPath } from "node:url";
+import { dirname, join } from "path";
+import "path";
+import { fileURLToPath } from "url";
 import { match } from "path-to-regexp";
 var isDevelopment = process.env.NODE_ENV === "development";
 var __filename = fileURLToPath(import.meta.url);
@@ -341,7 +414,6 @@ var SSRServer = (0, import_fastify_plugin.default)(
       }
     }
     let viteDevServer;
-    let viteRuntime;
     await app.register(import("@fastify/static"), {
       index: false,
       prefix: "/",
@@ -365,10 +437,10 @@ var SSRServer = (0, import_fastify_plugin.default)(
             {
               name: "taujs-development-server-debug-logging",
               configureServer(server) {
-                console.log("\u03C4js development server debug started.");
+                console.log(import_picocolors.default.green("\u03C4js development server debug started."));
                 server.middlewares.use((req, res, next) => {
-                  console.log(`rx: ${req.url}`);
-                  res.on("finish", () => console.log(`tx: ${req.url}`));
+                  console.log(import_picocolors.default.cyan(`\u2190 rx: ${req.url}`));
+                  res.on("finish", () => console.log(import_picocolors.default.yellow(`\u2192 tx: ${req.url}`)));
                   next();
                 });
               }
@@ -391,7 +463,6 @@ var SSRServer = (0, import_fastify_plugin.default)(
           }
         }
       });
-      viteRuntime = await createViteRuntime(viteDevServer);
       overrideCSSHMRConsoleError();
       app.addHook("onRequest", async (request, reply) => {
         await new Promise((resolve) => {
@@ -426,7 +497,7 @@ var SSRServer = (0, import_fastify_plugin.default)(
           template = template.replace(/<script type="module" src="\/@vite\/client"><\/script>/g, "");
           template = template.replace(/<style type="text\/css">[\s\S]*?<\/style>/g, "");
           const entryServerPath = path2.join(clientRoot, `${entryServer}.tsx`);
-          const executedModule = await viteRuntime.executeEntrypoint(entryServerPath);
+          const executedModule = await viteDevServer.ssrLoadModule(entryServerPath);
           renderModule = executedModule;
           const styles = await collectStyle(viteDevServer, [entryServerPath]);
           template = template?.replace("</head>", `<style type="text/css">${styles}</style></head>`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taujs/server",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "taujs | τjs",
   "author": "Aoede <taujs@aoede.uk.net> (https://www.aoede.uk.net)",
   "license": "MIT",
@@ -52,7 +52,7 @@
     "@types/react": "^19.0.2",
     "@types/react-dom": "^19.0.2",
     "@vitest/coverage-v8": "^2.1.0",
-    "fastify": "^5.2.0",
+    "fastify": "^5.3.3",
     "jsdom": "^25.0.0",
     "prettier": "^3.3.3",
     "react-dom": "^19.0.0",
@@ -62,11 +62,11 @@
     "vitest": "^2.0.5"
   },
   "peerDependencies": {
-    "fastify": "^5.2.0",
+    "fastify": "^5.3.3",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "typescript": "^5.5.4",
-    "vite": "^5.4.2"
+    "vite": "^6.2.5"
   },
   "scripts": {
     "build": "tsup",