rasengan 1.0.0-beta.36 → 1.0.0-beta.37

package/lib/esm/cli/index.js

@@ -49,9 +49,8 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 import chalk from "chalk";
 import { Command } from "commander";
 import { execa } from "execa";
-// Config
 // @ts-ignore
-import config from "../../../../../rasengan.config.js";
+import path from "node:path";
 var program = new Command();
 program
     .name(chalk.blue("rasengan"))
@@ -95,48 +94,30 @@ program
 program
     .command("prepare")
     .description("Prepare the project")
-    .action(function () {
+    .action(function () { return __awaiter(void 0, void 0, void 0, function () {
+    var appConfig, server, hostingStrategy;
     var _a, _b;
-    // Displaying the message
-    console.log("");
-    console.log(chalk.blue("Preparing your project for production..."));
-    console.log("");
-    // Checking the config file in order to know about hosting strategy
-    var server = config.server;
-    var hostingStrategy = (_b = (_a = server === null || server === void 0 ? void 0 : server.production) === null || _a === void 0 ? void 0 : _a.hosting) !== null && _b !== void 0 ? _b : "custom";
-    if (hostingStrategy === "vercel") {
-        // Displaying the message
-        console.log("Your project is configured to be hosted on ".concat(chalk.bold.blue(hostingStrategy), "\n"));
-        // Copying the api folder to the root directory
-        execa("cp", ["-r", "node_modules/rasengan/lib/esm/server/functions/vercel/api", "."], {
-            stdio: "inherit",
-        });
-        // Copying the vercel.json file to the root directory
-        execa("cp", ["node_modules/rasengan/lib/esm/server/functions/vercel/vercel.json", "."], {
-            stdio: "inherit",
-        });
-    }
-    else if (hostingStrategy === "netlify") {
-        // Displaying the message
-        console.log("Your project is configured to be hosted on ".concat(chalk.bold.blue(hostingStrategy), "\n"));
-        // create a netlify folder at the root
-        execa("mkdir", ["-p", "netlify"], {
-            stdio: "inherit",
-        });
-        // Copying the netlify folder to the root directory
-        execa("cp", [
-            "-r",
-            "node_modules/rasengan/lib/esm/server/functions/netlify/functions",
-            "./netlify",
-        ], {
-            stdio: "inherit",
-        });
-        // Copying the netlify.toml file to the root directory
-        execa("cp", ["node_modules/rasengan/lib/esm/server/functions/netlify/netlify.toml", "."], {
-            stdio: "inherit",
-        });
-    }
-});
+    return __generator(this, function (_c) {
+        switch (_c.label) {
+            case 0:
+                // Displaying the message
+                console.log("");
+                console.log(chalk.blue("Preparing your project for production..."));
+                console.log("");
+                return [4 /*yield*/, import(path.join(process.cwd(), "rasengan.config.js"))];
+            case 1:
+                appConfig = _c.sent();
+                server = appConfig.server;
+                hostingStrategy = (_b = (_a = server === null || server === void 0 ? void 0 : server.production) === null || _a === void 0 ? void 0 : _a.hosting) !== null && _b !== void 0 ? _b : "custom";
+                execa("node", ["node_modules/rasengan/lib/esm/scripts/prepare-prod"], {
+                    stdio: "inherit",
+                    // cwd: "node_modules/rasengan/lib/esm/scripts",
+                    env: __assign(__assign({}, process.env), { HOSTING_STRATEGY: hostingStrategy })
+                });
+                return [2 /*return*/];
+        }
+    });
+}); });
 // Handle the start command
 program
     .command("start")

package/lib/esm/config/index.js

@@ -13,8 +13,8 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
  * @param {AppConfig} loadedConfig
  */
 export var defineConfig = function (loadedConfig) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    var reactStrictMode = loadedConfig.reactStrictMode, server = loadedConfig.server, vite = loadedConfig.vite;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    var reactStrictMode = loadedConfig.reactStrictMode, server = loadedConfig.server, vite = loadedConfig.vite, experimental = loadedConfig.experimental;
     // Define default values for vite config coming from loadedConfig.vite
     var defaultViteConfig = {
         plugins: (vite === null || vite === void 0 ? void 0 : vite.plugins) || [],
@@ -29,19 +29,24 @@ export var defineConfig = function (loadedConfig) {
             external: ((_d = vite === null || vite === void 0 ? void 0 : vite.build) === null || _d === void 0 ? void 0 : _d.external) || [],
         },
         resolve: {
-            alias: ((_e = vite === null || vite === void 0 ? void 0 : vite.resolve) === null || _e === void 0 ? void 0 : _e.alias) || [],
+            symbole: ((_e = vite === null || vite === void 0 ? void 0 : vite.resolve) === null || _e === void 0 ? void 0 : _e.symbole) || '@',
+            alias: ((_f = vite === null || vite === void 0 ? void 0 : vite.resolve) === null || _f === void 0 ? void 0 : _f.alias) || [],
         },
     };
     // Define default values for server config coming from loadedConfig.server
     var defaultServerConfig = {
         development: {
-            port: ((_f = server === null || server === void 0 ? void 0 : server.development) === null || _f === void 0 ? void 0 : _f.port) || undefined,
-            open: ((_g = server === null || server === void 0 ? void 0 : server.development) === null || _g === void 0 ? void 0 : _g.open) || false,
+            port: ((_g = server === null || server === void 0 ? void 0 : server.development) === null || _g === void 0 ? void 0 : _g.port) || undefined,
+            open: ((_h = server === null || server === void 0 ? void 0 : server.development) === null || _h === void 0 ? void 0 : _h.open) || false,
         },
         production: {
-            hosting: ((_h = server === null || server === void 0 ? void 0 : server.production) === null || _h === void 0 ? void 0 : _h.hosting) || "custom",
+            hosting: ((_j = server === null || server === void 0 ? void 0 : server.production) === null || _j === void 0 ? void 0 : _j.hosting) || "custom",
         },
     };
+    // Define default values for experimentals features coming from loadedConfig.experimentals
+    var defaultExperimentalFeaturesConfig = {
+        stream: (experimental === null || experimental === void 0 ? void 0 : experimental.stream) || false
+    };
     try {
         var config = {
             reactStrictMode: reactStrictMode === undefined ? true : reactStrictMode,
@@ -74,13 +79,18 @@ export var defineConfig = function (loadedConfig) {
                     // concat two arrays
                     alias: __spreadArray([
                         {
-                            find: "@/",
-                            replacement: "src/",
+                            find: defaultViteConfig.resolve.symbole,
+                            replacement: "./src",
+                        },
+                        {
+                            find: "path",
+                            replacement: "node_modules/path-browserify",
                         }
                     ], defaultViteConfig.resolve.alias, true),
                 },
                 appType: "custom",
             },
+            experimental: defaultExperimentalFeaturesConfig,
             // More config options...
         };
         return config;
@@ -107,12 +117,19 @@ export var defineConfig = function (loadedConfig) {
                 resolve: {
                     alias: [
                         {
-                            find: "@/",
-                            replacement: "src/",
+                            find: "@",
+                            replacement: "./src",
+                        },
+                        {
+                            find: "path",
+                            replacement: "node_modules/path-browserify",
                         },
                     ],
                 },
             },
+            experimental: {
+                stream: false
+            },
         };
     }
 };

package/lib/esm/core/components/index.js

@@ -24,7 +24,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from "react";
 import { generateMetadata, getRouter } from "../../routing/utils/index.js";
 import { Outlet, useParams } from "react-router-dom";
@@ -124,10 +124,10 @@ export var Heads = function (_a) {
  * Body component
  */
 export var Body = function (_a) {
-    var _b = _a.children, children = _b === void 0 ? undefined : _b;
+    var _b = _a.children, children = _b === void 0 ? undefined : _b, _c = _a.asChild, asChild = _c === void 0 ? false : _c;
     return (_jsxs("body", { children: [_jsx("noscript", { dangerouslySetInnerHTML: {
                     __html: "<b>Enable JavaScript to run this app.</b>",
-                } }), _jsx("div", { id: "root", children: "rasengan-body-app" }), children] }));
+                } }), asChild ? (_jsx("div", { id: 'root', children: children })) : (_jsxs(_Fragment, { children: [_jsx("div", { id: "root", children: "rasengan-body-app" }), children] }))] }));
 };
 /**
  * Scripts component

package/lib/esm/entries/entry-server-stream.js

@@ -0,0 +1,112 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { renderToPipeableStream } from "react-dom/server";
+// @ts-ignore
+import App from "./../../../../../src/main";
+// @ts-ignore
+import Template from "./../../../../../src/template";
+import { Component, ErrorBoundary, Heads, Body, Scripts, } from "../core/components/index.js";
+import { StaticRouterProvider, } from "react-router-dom/server";
+import * as HelmetAsync from "react-helmet-async";
+import refreshScript from "../scripts/refresh-hack.js?raw";
+// @ts-ignore
+var H = HelmetAsync.default ? HelmetAsync.default : HelmetAsync;
+var ABORT_DELAY = 5000;
+var RenderApp = function (_a) {
+    var router = _a.router, context = _a.context, helmetContext = _a.helmetContext, styles = _a.styles, bootstrap = _a.bootstrap;
+    // inject vite refresh script to avoid "React refresh preamble was not loaded"
+    var viteScripts = _jsx(React.Fragment, {});
+    if (process.env.NODE_ENV !== "production") {
+        viteScripts = (_jsxs(React.Fragment, { children: [_jsx("script", { type: "module", src: "/@vite/client" }), _jsx("script", { type: "module", dangerouslySetInnerHTML: { __html: refreshScript } })] }));
+    }
+    return (_jsx(H.HelmetProvider, { context: helmetContext, children: _jsx(ErrorBoundary, { children: _jsx(Template, { Head: function (_a) {
+                    var children = _a.children;
+                    return (_jsxs(Heads, { data: helmetContext, styles: styles, bootstrap: bootstrap, children: [viteScripts, children] }));
+                }, Body: function (_a) {
+                    var children = _a.children;
+                    return _jsx(Body, { asChild: true, children: children });
+                }, Script: function (_a) {
+                    var children = _a.children;
+                    return _jsx(Scripts, { bootstrap: bootstrap, children: children });
+                }, children: _jsx(App, { Component: Component, children: _jsx(StaticRouterProvider, { router: router, context: context }) }) }) }) }));
+};
+export default function renderStream(router_1, context_1) {
+    return __awaiter(this, arguments, void 0, function (router, context, helmetContext, bootstrap, styles, res) {
+        if (helmetContext === void 0) { helmetContext = {}; }
+        return __generator(this, function (_a) {
+            return [2 /*return*/, new Promise(function (resolve, reject) {
+                    var shellRendered = false;
+                    var responseStatusCode = 200;
+                    var _a = renderToPipeableStream(_jsx(RenderApp, { router: router, context: context, helmetContext: helmetContext, bootstrap: bootstrap, styles: styles }), {
+                        // bootstrapModules: [bootstrap],
+                        onShellReady: function () {
+                            // console.log("hummm")
+                            shellRendered = true;
+                            // const body = new PassThrough();
+                            // const stream = createReadableStreamFromReadable(body);
+                            // console.log({
+                            //   body,
+                            //   stream
+                            // })
+                            res.status(200).set({
+                                "Content-Type": "text/html",
+                                "Cache-Control": "max-age=31536000",
+                            });
+                            resolve(res);
+                            pipe(res);
+                        },
+                        onShellError: function (error) {
+                            console.log({ error: error });
+                            reject(error);
+                        },
+                        onError: function (error) {
+                            responseStatusCode = 500;
+                            // Log streaming rendering errors from inside the shell.  Don't log
+                            // errors encountered during initial shell rendering since they'll
+                            // reject and get logged in handleDocumentRequest.
+                            if (shellRendered) {
+                                console.error(error);
+                            }
+                        },
+                    }), pipe = _a.pipe, abort = _a.abort;
+                    setTimeout(abort, ABORT_DELAY);
+                })];
+        });
+    });
+}

package/lib/esm/entries/entry-server.js

@@ -1,3 +1,39 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 import ReactDOMServer from "react-dom/server";
@@ -14,6 +50,7 @@ import { StaticRouterProvider, } from "react-router-dom/server.js";
 import config from "./../../../../../rasengan.config.js";
 import { Component, ErrorBoundary, Heads, Body, Scripts, } from "../core/components/index.js";
 import * as HelmetAsync from "react-helmet-async";
+import renderStream from "./entry-server-stream.js";
 // @ts-ignore
 var H = HelmetAsync.default ? HelmetAsync.default : HelmetAsync;
 // const ABORT_DELAY = 5000;
@@ -37,10 +74,26 @@ var TemplateHtml = function (_a) {
  * @param helmetContext
  * @returns
  */
-export function render(router, context, helmetContext) {
-    if (helmetContext === void 0) { helmetContext = {}; }
-    var html = ReactDOMServer.renderToString(config.reactStrictMode ? (_jsx(React.StrictMode, { children: _jsx(H.HelmetProvider, { context: helmetContext, children: _jsx(ErrorBoundary, { children: _jsx(App, { Component: Component, children: _jsx(StaticRouterProvider, { router: router, context: context }) }) }) }) })) : (_jsx(H.HelmetProvider, { context: helmetContext, children: _jsx(ErrorBoundary, { children: _jsx(App, { Component: Component, children: _jsx(StaticRouterProvider, { router: router, context: context }) }) }) })));
-    return { html: html };
+export function render(router_1, context_1) {
+    return __awaiter(this, arguments, void 0, function (router, context, helmetContext, bootstrap, styles, res) {
+        var html;
+        if (helmetContext === void 0) { helmetContext = {}; }
+        if (bootstrap === void 0) { bootstrap = ""; }
+        if (styles === void 0) { styles = ""; }
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!config.experimental.stream) return [3 /*break*/, 2];
+                    if (!res)
+                        return [2 /*return*/];
+                    return [4 /*yield*/, renderStream(router, context, helmetContext, bootstrap, styles, res)];
+                case 1: return [2 /*return*/, _a.sent()];
+                case 2:
+                    html = ReactDOMServer.renderToString(config.reactStrictMode ? (_jsx(React.StrictMode, { children: _jsx(H.HelmetProvider, { context: helmetContext, children: _jsx(ErrorBoundary, { children: _jsx(App, { Component: Component, children: _jsx(StaticRouterProvider, { router: router, context: context }) }) }) }) })) : (_jsx(H.HelmetProvider, { context: helmetContext, children: _jsx(ErrorBoundary, { children: _jsx(App, { Component: Component, children: _jsx(StaticRouterProvider, { router: router, context: context }) }) }) })));
+                    return [2 /*return*/, { html: html }];
+            }
+        });
+    });
 }
 export var staticRoutes = generateStaticRoutes(AppRouter);
 export var loadTemplateHtml = function (helmetContext, bootstrap, styles) {

package/lib/esm/routing/components/index.js

@@ -21,6 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Suspense } from "react";
 import { Link, useLoaderData, useRouteError } from "react-router-dom";
 import { PageToRender } from "../../core/components/index.js";
 /**
@@ -37,7 +38,7 @@ export function ErrorBoundary() {
  * @returns React.ReactNode
  */
 export var ServerComponent = function (_a) {
-    var page = _a.page, layoutMetadata = _a.layoutMetadata;
+    var page = _a.page, layoutMetadata = _a.layoutMetadata, loader = _a.loader;
     // Default data
     var defaultData = {
         props: {
@@ -45,14 +46,14 @@ export var ServerComponent = function (_a) {
         },
     };
     var data = useLoaderData() || defaultData;
-    return (_jsx(PageToRender, { page: page, data: data, layoutMetadata: layoutMetadata }));
+    return (_jsx(Suspense, { fallback: loader, children: _jsx(PageToRender, { page: page, data: data, layoutMetadata: layoutMetadata }) }));
 };
 /**
  * Component that will be displayed during a routing on the client side
  * @returns React.ReactNode
  */
 export var ClientComponent = function (_a) {
-    var page = _a.page, layoutMetadata = _a.layoutMetadata;
+    var page = _a.page, layoutMetadata = _a.layoutMetadata, loader = _a.loader;
     // Default data
     var defaultData = {
         props: {
@@ -60,7 +61,7 @@ export var ClientComponent = function (_a) {
         },
     };
     var data = useLoaderData() || defaultData;
-    return (_jsx(PageToRender, { page: page, data: data, layoutMetadata: layoutMetadata }));
+    return (_jsx(Suspense, { fallback: loader, children: _jsx(PageToRender, { page: page, data: data, layoutMetadata: layoutMetadata }) }));
 };
 /**
  * Component that will be displayed when a page is not found

package/lib/esm/scripts/prepare-prod.js

@@ -0,0 +1,37 @@
+import { execa } from "execa";
+import chalk from "chalk";
+var hostingStrategy = process.env.HOSTING_STRATEGY || "custom";
+(function () {
+    if (hostingStrategy === "vercel") {
+        // Displaying the message
+        console.log("Your project is configured to be hosted on ".concat(chalk.bold.blue(hostingStrategy), "\n"));
+        // Copying the api folder to the root directory
+        execa("cp", ["-r", "node_modules/rasengan/lib/esm/server/functions/vercel/api", "."], {
+            stdio: "inherit",
+        });
+        // Copying the vercel.json file to the root directory
+        execa("cp", ["node_modules/rasengan/lib/esm/server/functions/vercel/vercel.json", "."], {
+            stdio: "inherit",
+        });
+    }
+    else if (hostingStrategy === "netlify") {
+        // Displaying the message
+        console.log("Your project is configured to be hosted on ".concat(chalk.bold.blue(hostingStrategy), "\n"));
+        // create a netlify folder at the root
+        execa("mkdir", ["-p", "netlify"], {
+            stdio: "inherit",
+        });
+        // Copying the netlify folder to the root directory
+        execa("cp", [
+            "-r",
+            "node_modules/rasengan/lib/esm/server/functions/netlify/functions",
+            "./netlify",
+        ], {
+            stdio: "inherit",
+        });
+        // Copying the netlify.toml file to the root directory
+        execa("cp", ["node_modules/rasengan/lib/esm/server/functions/netlify/netlify.toml", "."], {
+            stdio: "inherit",
+        });
+    }
+})();

package/lib/esm/scripts/refresh-hack.js

@@ -1,22 +1,5 @@
-// eslint-disable-next-line
-import { injectIntoGlobalHook } from "/@react-refresh";
-injectIntoGlobalHook(window);
-var globalHook = window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
-var oldCommit = globalHook.onCommitFiberRoot;
-globalHook.onCommitFiberRoot = function (id, root, maybePriorityLevel, didError) {
-    try {
-        if (!root.containerInfo.dataset.hacked) {
-            // In SSR context, the root is considered mounted and waiting for hydration.
-            // Old commit function from react-refresh would not track this root, thus,
-            // disable vite hot reload. We clears the element to work around that.
-            root.current.alternate.memoizedState.element = null;
-            // remember this root node, as if we keep reseting, react-dev-tools won't
-            // be able to work properly.
-            root.containerInfo.dataset.hacked = true;
-        }
-    }
-    catch (ignored) { }
-    oldCommit(id, root, maybePriorityLevel, didError);
-};
+import RefreshRuntime from "/@react-refresh";
+RefreshRuntime.injectIntoGlobalHook(window);
 window.$RefreshReg$ = function () { };
 window.$RefreshSig$ = function () { return function (type) { return type; }; };
+window.__vite_plugin_react_preamble_installed__ = true;

package/lib/esm/server/utils/createReadableStream.js

@@ -0,0 +1,103 @@
+/**
+ * Creates a ReadableStream from a Readable or PassThrough stream.
+ *
+ * The returned ReadableStream will emit the same data events as the input stream,
+ * and will close or error out when the input stream does.
+ *
+ * @param readable The Readable or PassThrough stream to convert to a ReadableStream.
+ * @returns A new ReadableStream instance that wraps the input stream.
+ */
+export function createReadableStreamFromReadable(readable) {
+    return new ReadableStream({
+        start: function (controller) {
+            readable.on("data", function (chunk) {
+                controller.enqueue(chunk);
+            });
+            readable.on("end", function () {
+                controller.close();
+            });
+            readable.on("error", function (err) {
+                controller.error(err);
+            });
+        },
+        cancel: function () {
+            readable.destroy();
+        },
+    });
+}
+// export function createReadableStreamFromReadable2(
+//   source: Readable
+// ) {
+//   let pump = new StreamPump(source);
+//   let stream = new ReadableStream(pump, pump);
+//   return stream;
+// }
+// class StreamPump {
+//   constructor(stream: Readable) {
+//     this.highWaterMark = stream.readableHighWaterMark || new Stream.Readable().readableHighWaterMark;
+//     this.accumalatedSize = 0;
+//     this.stream = stream;
+//     this.enqueue = this.enqueue.bind(this);
+//     this.error = this.error.bind(this);
+//     this.close = this.close.bind(this);
+//   }
+//   size(chunk) {
+//     return (chunk === null || chunk === void 0 ? void 0 : chunk.byteLength) || 0;
+//   }
+//   start(controller) {
+//     this.controller = controller;
+//     this.stream.on("data", this.enqueue);
+//     this.stream.once("error", this.error);
+//     this.stream.once("end", this.close);
+//     this.stream.once("close", this.close);
+//   }
+//   pull() {
+//     this.resume();
+//   }
+//   cancel(reason) {
+//     if (this.stream.destroy) {
+//       this.stream.destroy(reason);
+//     }
+//     this.stream.off("data", this.enqueue);
+//     this.stream.off("error", this.error);
+//     this.stream.off("end", this.close);
+//     this.stream.off("close", this.close);
+//   }
+//   enqueue(chunk) {
+//     if (this.controller) {
+//       try {
+//         let bytes = chunk instanceof Uint8Array ? chunk : Buffer.from(chunk);
+//         let available = (this.controller.desiredSize || 0) - bytes.byteLength;
+//         this.controller.enqueue(bytes);
+//         if (available <= 0) {
+//           this.pause();
+//         }
+//       } catch (error) {
+//         this.controller.error(new Error("Could not create Buffer, chunk must be of type string or an instance of Buffer, ArrayBuffer, or Array or an Array-like Object"));
+//         this.cancel();
+//       }
+//     }
+//   }
+//   pause() {
+//     if (this.stream.pause) {
+//       this.stream.pause();
+//     }
+//   }
+//   resume() {
+//     if (this.stream.readable && this.stream.resume) {
+//       this.stream.resume();
+//     }
+//   }
+//   close() {
+//     if (this.controller) {
+//       this.controller.close();
+//       delete this.controller;
+//     }
+//   }
+//   error(error) {
+//     if (this.controller) {
+//       this.controller.error(error);
+//       delete this.controller;
+//     }
+//   }
+// }

package/lib/esm/server/utils/index.js

@@ -3,5 +3,6 @@ import createFetchRequest from "./createFetchRequest.js";
 import getIP from "./getIp.js";
 import { logServerInfo } from "./log.js";
 import { fix404 } from "./handleError.js";
+import { createReadableStreamFromReadable } from "./createReadableStream.js";
 // Export section
-export { createFetchRequest, getIP, logServerInfo, fix404, };
+export { createFetchRequest, getIP, logServerInfo, fix404, createReadableStreamFromReadable, };

package/lib/types/config/index.d.ts

@@ -37,6 +37,9 @@ export declare const defineConfig: (loadedConfig: AppConfig) => {
         };
         appType: string;
     };
+    experimental: {
+        stream: boolean;
+    };
 } | {
     reactStrictMode: boolean;
     vite: {
@@ -52,6 +55,9 @@ export declare const defineConfig: (loadedConfig: AppConfig) => {
             }[];
         };
     };
+    experimental: {
+        stream: boolean;
+    };
 };
 /**
  * Function to adapt the path for dev and prod

package/lib/types/config/type.d.ts

@@ -76,6 +76,10 @@ export type AppConfig = {
          * Configure resolve options
          */
         resolve?: {
+            /**
+             * Configure the starting point of the aliases
+             */
+            symbole?: string;
             /**
              * Configure aliases
              */
@@ -85,6 +89,15 @@ export type AppConfig = {
             }>;
         };
     };
+    /**
+     * List of experimental features
+     */
+    experimental?: {
+        /**
+         * Enable stream mode in order to use suspense feature of react
+         */
+        stream?: boolean;
+    };
 };
 /**
  * Hosting strategy