rasengan 1.0.0-beta.57 → 1.0.0-beta.59

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 ## Unreleased
 
+## 1.0.0-beta.59 (2025-03-16)
+
+## 1.0.0-beta.58 (2025-03-12)
+
 ## 1.0.0-beta.57 (2025-03-04)
 
 ## 1.0.0-beta.56 (2025-03-03)

package/lib/esm/core/config/utils/define-config.js

@@ -21,7 +21,7 @@ export const defineConfig = async (loadedConfig) => {
         else {
             config = loadedConfig;
         }
-        const { server, vite, redirects } = config;
+        const { ssr, server, vite, redirects } = config;
         // Define default values for vite config coming from loadedConfig.vite
         const defaultViteConfig = {
             ...vite,
@@ -41,6 +41,7 @@ export const defineConfig = async (loadedConfig) => {
         const defaultRedirectsConfig = redirects || (() => new Promise((resolve) => resolve([])));
         try {
             const config = {
+                ssr: ssr ?? true,
                 server: defaultServerConfig,
                 vite: {
                     ...defaultViteConfig,
@@ -60,6 +61,7 @@ export const defineConfig = async (loadedConfig) => {
         }
         catch (error) {
             return {
+                ssr: true,
                 vite: {
                     appType: 'custom',
                     resolve: {

package/lib/esm/core/config/vite/defaults.js

@@ -28,11 +28,13 @@ export const createDefaultViteConfig = (rootPath, __dirname, mode, config) => {
                             return 'vendor';
                         if (id.includes('src/components'))
                             return 'shared-components';
-                        if (id.includes('src/app') && id.includes('.page.')) {
-                            const parts = id.split('src/app')[1]?.split('/');
-                            if (parts?.length) {
-                                const pageName = parts.pop()?.split('.')[0];
-                                return pageName ? `page-${pageName}` : undefined;
+                        if (config.ssr) {
+                            if (id.includes('src/app') && id.includes('.page.')) {
+                                const parts = id.split('src/app')[1]?.split('/');
+                                if (parts?.length) {
+                                    const pageName = parts.pop()?.split('.')[0];
+                                    return pageName ? `page-${pageName}` : undefined;
+                                }
                             }
                         }
                         return undefined;
@@ -78,7 +80,9 @@ export const createDefaultViteConfig = (rootPath, __dirname, mode, config) => {
         },
         builder: {
             buildApp: async (builder) => {
-                await builder.build(builder.environments.ssr);
+                if (config.ssr) {
+                    await builder.build(builder.environments.ssr);
+                }
                 await builder.build(builder.environments.client);
             },
         },

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

@@ -1,30 +1,34 @@
-import { resolve } from 'path';
+import path, { resolve } from 'path';
 import fs from 'fs';
 import { loadModuleSSR } from '../config/utils/load-modules.js';
-function loadRasenganConfig() {
+import { resolveBuildOptions } from '../../server.js';
+import { renderIndexHTML } from '../../server/build/rendering.js';
+function loadRasenganGlobal() {
     return {
         name: 'vite-plugin-rasengan-config',
         async config(_, { command }) {
             if (command !== 'build')
                 return;
-            const configPath = resolve(process.cwd(), 'rasengan.config.js');
-            if (!fs.existsSync(configPath)) {
-                throw new Error(`Configuration file not found at: ${configPath}`);
+            const packageJsonPath = resolve(process.cwd(), 'package.json');
+            if (!fs.existsSync(packageJsonPath)) {
+                throw new Error(`Package.json file not found at: ${packageJsonPath}`);
             }
-            const rasenganConfig = await (await loadModuleSSR(configPath)).default;
-            const partialConfig = {
-                server: rasenganConfig.server ?? {},
-                redirects: rasenganConfig.redirects
-                    ? await rasenganConfig.redirects()
-                    : [],
+            const packageJsonRaw = fs.readFileSync(packageJsonPath, {
+                encoding: 'utf-8',
+            });
+            const packageJson = JSON.parse(packageJsonRaw);
+            const rasenganConfig = {
+                version: packageJson.version,
+                ssr: true,
             };
             // Inject the configuration as a global constant
             return {
                 define: {
-                    ['__RASENGAN_CONFIG__']: JSON.stringify(partialConfig),
+                    ['Rasengan']: JSON.stringify(rasenganConfig),
                 },
             };
         },
+        apply: 'build',
     };
 }
 function rasenganConfigPlugin() {
@@ -89,21 +93,67 @@ export const Adapters = {
     DEFAULT: '',
 };
 export function rasengan({ adapter = { name: Adapters.DEFAULT, prepare: async () => { } }, }) {
-    let config = {};
+    let config;
+    let viteConfig;
+    const templateFileRegex = /template\.(tsx|jsx)$/;
+    const buildOptions = resolveBuildOptions({});
     return {
         name: 'vite-plugin-rasengan',
+        async config() {
+            // load rasengan.config.js
+            const configPath = resolve(process.cwd(), 'rasengan.config.js');
+            if (!fs.existsSync(configPath)) {
+                throw new Error(`Configuration file not found at: ${configPath}`);
+            }
+            const rasenganConfigHandler = await (await loadModuleSSR(configPath)).default;
+            config = await rasenganConfigHandler();
+        },
+        async load(id) {
+            if (id === 'virtual:rasengan-config') {
+                return `
+          export const __RASENGAN_CONFIG__ = ${JSON.stringify(config)};
+        `;
+            }
+        },
         configResolved(resolvedConfig) {
-            config = resolvedConfig;
+            viteConfig = resolvedConfig;
+        },
+        async writeBundle(_) {
+            const modulePaths = ['template.jsx', 'template.tsx'].map((file) => {
+                return path.posix.join(process.cwd(), 'src', file);
+            });
+            const modulePath = modulePaths.find((modulePath) => {
+                return fs.existsSync(modulePath);
+            });
+            const module = await this.load({ id: modulePath });
+            // Generate the template.js file into the dist/assets
+            fs.writeFileSync(path.posix.join(process.cwd(), buildOptions.buildDirectory, buildOptions.clientPathDirectory, buildOptions.assetPathDirectory, 'template.js'), module.code, 'utf-8');
         },
         async closeBundle() {
             // We check here if the environment is client has been built because it's the
             // last environment to be built in the Vite build process
             if (this.environment.name === 'client') {
+                // Check if SPA mode is enabled
+                if (!config.ssr) {
+                    // Load the template.js file
+                    const templatePath = path.posix.join(process.cwd(), buildOptions.buildDirectory, buildOptions.clientPathDirectory, buildOptions.assetPathDirectory, 'template.js');
+                    const Template = (await import(templatePath)).default;
+                    // Render the index.html file
+                    await renderIndexHTML(Template, {
+                        rootPath: process.cwd(),
+                        config,
+                    });
+                }
+                // Generate a config.json file into the dist/client/assets
+                fs.writeFileSync(path.posix.join(process.cwd(), buildOptions.buildDirectory, buildOptions.clientPathDirectory, buildOptions.assetPathDirectory, 'config.json'), JSON.stringify({
+                    buildOptions,
+                    ssr: config.ssr,
+                }), 'utf-8');
                 // Preparing app for deployment
                 switch (adapter.name) {
                     case Adapters.VERCEL: {
                         console.log('Preparing app for deployment to Vercel');
-                        await adapter.prepare();
+                        // await adapter.prepare();
                         break;
                     }
                     default:
@@ -111,6 +161,7 @@ export function rasengan({ adapter = { name: Adapters.DEFAULT, prepare: async ()
                 }
             }
         },
+        apply: 'build',
     };
 }
-export const plugins = [];
+export const plugins = [loadRasenganGlobal()];

package/lib/esm/entries/client/render.js

@@ -1,12 +1,24 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { hydrateRoot } from 'react-dom/client';
+import { hydrateRoot, createRoot } from 'react-dom/client';
 import { StrictMode } from 'react';
 import { RootComponent } from '../../routing/components/template.js';
+const isSpaMode = window.__RASENGAN_SPA_MODE__;
 export default function renderApp(App, options) {
     const root = document.getElementById('root');
     if (!root) {
         throw new Error('Root element not found');
     }
+    // If SPA mode, render the app
+    if (isSpaMode) {
+        if (options.reactStrictMode) {
+            createRoot(root).render(_jsx(StrictMode, { children: _jsx(App, { Component: RootComponent }) }));
+        }
+        else {
+            createRoot(root).render(_jsx(App, { Component: RootComponent }));
+        }
+        return;
+    }
+    // Handling hydration
     if (options.reactStrictMode) {
         hydrateRoot(root, _jsx(StrictMode, { children: _jsx(App, { Component: RootComponent }) }));
     }

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

@@ -2,9 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { BodyComponent, HeadComponent, RootComponent, ScriptComponent, } from '../../routing/components/template.js';
 import { isServerMode, ServerMode } from '../../server/runtime/mode.js';
-export const TemplateLayout = ({ StaticRouterComponent, metadata, assets, App, Template, }) => {
+export const TemplateLayout = ({ StaticRouterComponent, metadata, assets, App, Template, isSpaMode = false, }) => {
     // inject vite refresh script to avoid "React refresh preamble was not loaded"
     let viteScripts = _jsx(React.Fragment, {});
+    let otherScripts = _jsx(React.Fragment, {});
     if (isServerMode(process.env.NODE_ENV) &&
         process.env.NODE_ENV === ServerMode.Development) {
         const refreshScript = `
@@ -16,5 +17,15 @@ export const TemplateLayout = ({ StaticRouterComponent, metadata, assets, App, T
     `;
         viteScripts = (_jsxs(React.Fragment, { children: [_jsx("script", { type: "module", src: "/@vite/client" }), _jsx("script", { type: "module", dangerouslySetInnerHTML: { __html: refreshScript } })] }));
     }
-    return (_jsx(Template, { Head: ({ children }) => (_jsxs(HeadComponent, { metadata: metadata, assets: assets, children: [viteScripts, children] })), Body: ({ children }) => (_jsx(BodyComponent, { asChild: true, AppContent: _jsx(App, { Component: RootComponent, children: StaticRouterComponent }), children: children })), Script: ({ children }) => _jsx(ScriptComponent, { children: children }) }));
+    if (isSpaMode) {
+        otherScripts = (_jsxs(React.Fragment, { children: [_jsx("script", { type: "module", dangerouslySetInnerHTML: {
+                        __html: `window.__RASENGAN_SPA_MODE__ = true;`,
+                    } }), !assets && (_jsx("script", { type: "module", src: "/src/index", async: true }))] }));
+    }
+    else {
+        otherScripts = (_jsx(React.Fragment, { children: _jsx("script", { type: "module", dangerouslySetInnerHTML: {
+                    __html: `window.__RASENGAN_SPA_MODE__ = false;`,
+                } }) }));
+    }
+    return (_jsx(Template, { Head: ({ children }) => (_jsxs(HeadComponent, { metadata: metadata, assets: assets, children: [viteScripts, otherScripts, children] })), Body: ({ children }) => (_jsx(BodyComponent, { asChild: App ? true : false, AppContent: App && _jsx(App, { Component: RootComponent, children: StaticRouterComponent }), children: children })), Script: ({ children }) => _jsx(ScriptComponent, { children: children }) }));
 };

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

@@ -23,18 +23,22 @@ export const HeadComponent = ({ metadata, assets = [], children = undefined, })
     // Generate meta tags
     const metaTags = React.useMemo(() => {
         const metadatas = [];
-        if (metadata.page)
-            metadatas.push(metadata.page);
-        if (metadata.layout)
-            metadatas.push(metadata.layout);
+        if (metadata) {
+            if (metadata.page)
+                metadatas.push(metadata.page);
+            if (metadata.layout)
+                metadatas.push(metadata.layout);
+        }
         return generateMetadata(metadatas);
     }, [metadata]);
     const { title, description } = useMemo(() => {
+        if (!metadata)
+            return { title: 'Rasengan', description: '' };
         const title = metadata.page.title;
         const description = metadata.page.description;
         return { title, description };
     }, [metadata]);
-    return (_jsxs("head", { children: [metaTags, assets, _jsx("title", { children: title }), _jsx("meta", { name: "description", content: description, "data-rg": "true" }), children] }));
+    return (_jsxs("head", { children: [_jsx("meta", { name: "generator", content: "Rasengan.js" }), metaTags, assets, _jsx("title", { children: title }), _jsx("meta", { name: "description", content: description, "data-rg": "true" }), children] }));
 };
 /**
  * Body component
@@ -42,7 +46,7 @@ export const HeadComponent = ({ metadata, assets = [], children = undefined, })
 export const BodyComponent = ({ children = undefined, asChild = false, AppContent = undefined, }) => {
     return (_jsxs("body", { children: [_jsx("noscript", { dangerouslySetInnerHTML: {
                     __html: `<b>Enable JavaScript to run this app.</b>`,
-                } }), asChild ? (_jsx("div", { id: "root", children: AppContent })) : (_jsx("div", { id: "root", children: 'rasengan-body-app' })), children] }));
+                } }), _jsx("div", { id: "root", children: asChild && AppContent }), children] }));
 };
 /**
  * Scripts component

package/lib/esm/routing/utils/define-routes-group.js

@@ -24,7 +24,7 @@ const generateRoutesGroup = (path, children) => {
             pages.push(...childrenPages);
         }
         else {
-            const routePath = path[0] === '/' ? path : `/${path}`;
+            const routePath = path === '/' ? '' : path[0] === '/' ? path : `/${path}`;
             // Check if the page is a PageComponent
             if (page['path']) {
                 const pagePath = page['path'][0] === '/' ? page['path'].slice(1) : page['path'];

package/lib/esm/routing/utils/generate-routes.js

@@ -20,16 +20,27 @@ export const getRouter = (routerInstance) => {
 /**
  * This function merge the metadata, giving priority to the ones comming from loader
  */
-const mergeMetaData = (responseMeta, meta) => {
+const mergeMetaData = (responseMeta, meta, isLayout = false) => {
     let mergedMetaData = {
         metaTags: [],
         links: [],
+        openGraph: {
+            url: '',
+            image: '',
+        },
+        twitter: {
+            card: 'summary_large_image',
+            image: '',
+            title: '',
+        },
     };
-    // merge title and description
-    mergedMetaData['title'] =
-        responseMeta.title ?? meta.title;
-    mergedMetaData['description'] =
-        responseMeta.description ?? meta.description;
+    if (!isLayout) {
+        // merge title and description
+        mergedMetaData['title'] =
+            responseMeta.title ?? meta.title;
+        mergedMetaData['description'] =
+            responseMeta.description ?? meta.description;
+    }
     // merge openGraph datas
     mergedMetaData['openGraph'] = {
         ...meta.openGraph,
@@ -100,7 +111,7 @@ const mergeMetaData = (responseMeta, meta) => {
 /**
  * This function create a loader function
  */
-const createLoaderFunction = ({ loader, metadata, }) => {
+const createLoaderFunction = ({ loader, metadata, isLayout = false, }) => {
     return async ({ params, request }) => {
         try {
             // Check if the loader is defined
@@ -125,14 +136,26 @@ const createLoaderFunction = ({ loader, metadata, }) => {
             }
             return {
                 props: response.props,
-                meta: mergeMetaData(response.meta, metadata),
+                meta: mergeMetaData(response.meta ?? {}, metadata, isLayout),
             };
         }
         catch (error) {
             console.error(error);
             return {
                 props: {},
-                meta: {},
+                meta: {
+                    openGraph: {
+                        url: '',
+                        image: '',
+                    },
+                    twitter: {
+                        card: 'summary_large_image',
+                        image: '',
+                        title: '',
+                    },
+                    metaTags: [],
+                    links: [],
+                },
             };
         }
     };
@@ -171,14 +194,30 @@ export const generateRoutes = (router, isRoot = true, parentLayout = undefined)
         },
         async loader({ params, request }) {
             // Extract metadata from the layout
-            const metadata = Layout.metadata;
-            return createLoaderFunction({ loader: Layout.loader, metadata })({
+            const metadata = {
+                openGraph: {
+                    url: '',
+                    image: '',
+                },
+                twitter: {
+                    card: 'summary_large_image',
+                    image: '',
+                    title: '',
+                },
+                ...Layout.metadata,
+            };
+            return createLoaderFunction({
+                loader: Layout.loader,
+                metadata,
+                isLayout: true,
+            })({
                 params,
                 request,
             });
         },
         children: [],
         nested: router.useParentLayout,
+        hydrateFallbackElement: _jsx(_Fragment, {}), // TODO: Add hydration fallback
     };
     // Defining the page not found route
     if (isRoot || router.notFoundComponent) {
@@ -208,7 +247,18 @@ export const generateRoutes = (router, isRoot = true, parentLayout = undefined)
             path,
             async loader({ params, request }) {
                 // Extracting metadata from the page
-                const metadata = Page.metadata;
+                const metadata = {
+                    openGraph: {
+                        url: '',
+                        image: '',
+                    },
+                    twitter: {
+                        card: 'summary_large_image',
+                        image: '',
+                        title: '',
+                    },
+                    ...Page.metadata,
+                };
                 return createLoaderFunction({ loader: Page.loader, metadata })({
                     params,
                     request,
@@ -225,7 +275,7 @@ export const generateRoutes = (router, isRoot = true, parentLayout = undefined)
                 return (_jsx(Suspense, { fallback: _jsx(_Fragment, { children: "Loading" }), children: _jsx(RasenganPageComponent, { page: Page, data: loaderData }) }));
             },
             errorElement: _jsx(ErrorBoundary, {}),
-            hydrateFallbackElement: _jsx(_Fragment, { children: "Loading" }),
+            hydrateFallbackElement: _jsx(_Fragment, {}), // TODO: Add hydration fallback
         };
     });
     // Add pages into children of the current route

package/lib/esm/server/build/rendering.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TemplateLayout } from "../../entries/server/index.js";
+import { renderToString } from "../node/rendering.js";
+import { resolveBuildOptions } from "./index.js";
+import { ManifestManager } from "./manifest.js";
+import path from "node:path";
+import fs from "node:fs/promises";
+export const renderIndexHTML = async (template, options) => {
+    const { rootPath, config } = options;
+    const buildOptions = resolveBuildOptions({});
+    const manifest = new ManifestManager(path.posix.join(buildOptions.buildDirectory, buildOptions.clientPathDirectory, buildOptions.manifestPathDirectory, 'manifest.json'));
+    // Get assets tags
+    const assets = manifest.generateMetaTags(''); // TODO: Add the correct path
+    // Generate html from template
+    const html = renderToString(_jsx(TemplateLayout, { Template: template, assets: assets, isSpaMode: true }));
+    // Render the html into an index.html file
+    await fs.writeFile(path.posix.join(rootPath, buildOptions.buildDirectory, buildOptions.clientPathDirectory, 'index.html'), html, 'utf-8');
+};

package/lib/esm/server/dev/handlers.js

@@ -4,6 +4,8 @@ import { logRedirection as log } from '../../core/utils/log.js';
 import createRasenganRequest, { createRasenganHeaders, sendRasenganResponse, } from '../node/utils.js';
 import { join } from 'path';
 import { isStaticRedirectFromConfig, isRedirectResponse, extractMetaFromRRContext, extractHeadersFromRRContext, } from './utils.js';
+import { renderToString } from '../node/rendering.js';
+import { TemplateLayout } from '../../entries/server/index.js';
 /**
  * Handle redirect request
  * @param req
@@ -94,3 +96,30 @@ export async function handleDataRequest(request, handler) {
         headers: { 'Content-Type': 'application/json' },
     });
 }
+export async function handleSpaModeRequest(res, runner, options) {
+    try {
+        // Import Template
+        const Template = (await runner.import(`${options.rootPath}/src/template`))
+            .default;
+        // Convert TemplateLayout to string
+        const html = renderToString(_jsx(TemplateLayout, { Template: Template, isSpaMode: true }));
+        // Set status code
+        res.status(200);
+        // Set headers
+        res.setHeader('Content-Type', 'text/html');
+        // Send response
+        return res.send(html);
+    }
+    catch (error) {
+        console.error(error);
+        // Set status code
+        res.status(500);
+        // Set headers
+        res.setHeader('Content-Type', 'text/html');
+        // Send response
+        return res.send(`
+        <h1>Internal Server Error</h1>
+        <p>Something went wrong</p>
+      `);
+    }
+}

package/lib/esm/server/dev/server.js

@@ -9,7 +9,7 @@ import { loggerMiddleware } from '../../core/middlewares/index.js';
 import { isDataRequest, isDocumentRequest, logServerInfo } from './utils.js';
 import { getDirname, loadModuleSSR, } from '../../core/config/utils/load-modules.js';
 import { ServerMode } from '../runtime/mode.js';
-import { handleDataRequest, handleDocumentRequest } from './handlers.js';
+import { handleDataRequest, handleDocumentRequest, handleSpaModeRequest, } from './handlers.js';
 import { createStaticHandler } from 'react-router';
 import { generateRoutes } from '../../routing/utils/generate-routes.js';
 /**
@@ -23,21 +23,27 @@ async function devRequestHandler(req, res, viteDevServer, options) {
     try {
         // Get the module runner through ssr environment
         const runner = createServerModuleRunner(viteDevServer.environments.ssr);
-        // Load app-router
-        const AppRouter = await (await runner.import(join(`${options.rootPath}/src/app/app.router`))).default;
-        // Get static routes
-        const staticRoutes = generateRoutes(AppRouter);
-        // Create static handler
-        let handler = createStaticHandler(staticRoutes);
-        if (isDataRequest(req)) {
-            // Handle data request
-            return await handleDataRequest(req, handler);
+        if (options.config.ssr) {
+            // Load app-router
+            const AppRouter = await (await runner.import(join(`${options.rootPath}/src/app/app.router`))).default;
+            // Get static routes
+            const staticRoutes = generateRoutes(AppRouter);
+            // Create static handler
+            let handler = createStaticHandler(staticRoutes);
+            if (isDataRequest(req)) {
+                // Handle data request
+                return await handleDataRequest(req, handler);
+            }
+            if (isDocumentRequest(req)) {
+                return await handleDocumentRequest(req, res, runner, {
+                    ...options,
+                    handler,
+                });
+            }
         }
-        if (isDocumentRequest(req)) {
-            return await handleDocumentRequest(req, res, runner, {
-                ...options,
-                handler,
-            });
+        else {
+            // handling spa mode here
+            return await handleSpaModeRequest(res, runner, options);
         }
         return res.status(404).send('Not found');
     }

package/lib/esm/server/node/rendering.js

@@ -38,7 +38,7 @@ export const renderToStream = async (Component, res) => {
         setTimeout(abort, ABORT_DELAY);
     });
 };
-export const renderToString = async (Component) => {
+export const renderToString = (Component) => {
     const html = ReactDOM.renderToString(Component);
     return html;
 };

package/lib/tsconfig.esm.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/client.ts","../src/index.ts","../src/plugin.ts","../src/server.ts","../src/cli/index.ts","../src/core/index.ts","../src/core/types.ts","../src/core/config/index.ts","../src/core/config/type.ts","../src/core/config/utils/define-config.ts","../src/core/config/utils/load-modules.ts","../src/core/config/utils/path.ts","../src/core/config/vite/defaults.ts","../src/core/dynamic/index.tsx","../src/core/middlewares/index.ts","../src/core/middlewares/logger.ts","../src/core/plugins/index.ts","../src/core/utils/log.ts","../src/entries/client/render.tsx","../src/entries/server/entry.server.tsx","../src/entries/server/index.tsx","../src/routing/index.ts","../src/routing/interfaces.tsx","../src/routing/types.ts","../src/routing/components/index.tsx","../src/routing/components/template.tsx","../src/routing/utils/define-router.tsx","../src/routing/utils/define-routes-group.tsx","../src/routing/utils/generate-metadata.tsx","../src/routing/utils/generate-routes.tsx","../src/routing/utils/index.tsx","../src/scripts/build-command.js","../src/scripts/generate-package-json.js","../src/scripts/utils/check-os.js","../src/scripts/utils/copy.js","../src/server/build/index.ts","../src/server/build/manifest.tsx","../src/server/dev/handlers.tsx","../src/server/dev/server.ts","../src/server/dev/utils.ts","../src/server/node/index.tsx","../src/server/node/rendering.ts","../src/server/node/stream.ts","../src/server/node/utils.ts","../src/server/runtime/mode.ts","../src/server/runtime/utils.ts","../src/server/virtual/index.ts","../types/client.d.ts"],"version":"5.8.2"}
+{"root":["../src/client.ts","../src/index.ts","../src/plugin.ts","../src/server.ts","../src/cli/index.ts","../src/core/index.ts","../src/core/types.ts","../src/core/config/index.ts","../src/core/config/type.ts","../src/core/config/utils/define-config.ts","../src/core/config/utils/load-modules.ts","../src/core/config/utils/path.ts","../src/core/config/vite/defaults.ts","../src/core/dynamic/index.tsx","../src/core/middlewares/index.ts","../src/core/middlewares/logger.ts","../src/core/plugins/index.ts","../src/core/utils/log.ts","../src/entries/client/render.tsx","../src/entries/server/entry.server.tsx","../src/entries/server/index.tsx","../src/routing/index.ts","../src/routing/interfaces.tsx","../src/routing/types.ts","../src/routing/components/index.tsx","../src/routing/components/template.tsx","../src/routing/utils/define-router.tsx","../src/routing/utils/define-routes-group.tsx","../src/routing/utils/generate-metadata.tsx","../src/routing/utils/generate-routes.tsx","../src/routing/utils/index.tsx","../src/scripts/build-command.js","../src/scripts/generate-package-json.js","../src/scripts/utils/check-os.js","../src/scripts/utils/copy.js","../src/server/build/index.ts","../src/server/build/manifest.tsx","../src/server/build/rendering.tsx","../src/server/dev/handlers.tsx","../src/server/dev/server.ts","../src/server/dev/utils.ts","../src/server/node/index.tsx","../src/server/node/rendering.ts","../src/server/node/stream.ts","../src/server/node/utils.ts","../src/server/runtime/mode.ts","../src/server/runtime/utils.ts","../src/server/virtual/index.ts","../types/client.d.ts"],"version":"5.8.2"}

package/lib/tsconfig.types.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/client.ts","../src/index.ts","../src/plugin.ts","../src/server.ts","../src/cli/index.ts","../src/core/index.ts","../src/core/types.ts","../src/core/config/index.ts","../src/core/config/type.ts","../src/core/config/utils/define-config.ts","../src/core/config/utils/load-modules.ts","../src/core/config/utils/path.ts","../src/core/config/vite/defaults.ts","../src/core/dynamic/index.tsx","../src/core/middlewares/index.ts","../src/core/middlewares/logger.ts","../src/core/plugins/index.ts","../src/core/utils/log.ts","../src/entries/client/render.tsx","../src/entries/server/entry.server.tsx","../src/entries/server/index.tsx","../src/routing/index.ts","../src/routing/interfaces.tsx","../src/routing/types.ts","../src/routing/components/index.tsx","../src/routing/components/template.tsx","../src/routing/utils/define-router.tsx","../src/routing/utils/define-routes-group.tsx","../src/routing/utils/generate-metadata.tsx","../src/routing/utils/generate-routes.tsx","../src/routing/utils/index.tsx","../src/scripts/build-command.js","../src/scripts/generate-package-json.js","../src/scripts/utils/check-os.js","../src/scripts/utils/copy.js","../src/server/build/index.ts","../src/server/build/manifest.tsx","../src/server/dev/handlers.tsx","../src/server/dev/server.ts","../src/server/dev/utils.ts","../src/server/node/index.tsx","../src/server/node/rendering.ts","../src/server/node/stream.ts","../src/server/node/utils.ts","../src/server/runtime/mode.ts","../src/server/runtime/utils.ts","../src/server/virtual/index.ts","../types/client.d.ts"],"version":"5.8.2"}
+{"root":["../src/client.ts","../src/index.ts","../src/plugin.ts","../src/server.ts","../src/cli/index.ts","../src/core/index.ts","../src/core/types.ts","../src/core/config/index.ts","../src/core/config/type.ts","../src/core/config/utils/define-config.ts","../src/core/config/utils/load-modules.ts","../src/core/config/utils/path.ts","../src/core/config/vite/defaults.ts","../src/core/dynamic/index.tsx","../src/core/middlewares/index.ts","../src/core/middlewares/logger.ts","../src/core/plugins/index.ts","../src/core/utils/log.ts","../src/entries/client/render.tsx","../src/entries/server/entry.server.tsx","../src/entries/server/index.tsx","../src/routing/index.ts","../src/routing/interfaces.tsx","../src/routing/types.ts","../src/routing/components/index.tsx","../src/routing/components/template.tsx","../src/routing/utils/define-router.tsx","../src/routing/utils/define-routes-group.tsx","../src/routing/utils/generate-metadata.tsx","../src/routing/utils/generate-routes.tsx","../src/routing/utils/index.tsx","../src/scripts/build-command.js","../src/scripts/generate-package-json.js","../src/scripts/utils/check-os.js","../src/scripts/utils/copy.js","../src/server/build/index.ts","../src/server/build/manifest.tsx","../src/server/build/rendering.tsx","../src/server/dev/handlers.tsx","../src/server/dev/server.ts","../src/server/dev/utils.ts","../src/server/node/index.tsx","../src/server/node/rendering.ts","../src/server/node/stream.ts","../src/server/node/utils.ts","../src/server/runtime/mode.ts","../src/server/runtime/utils.ts","../src/server/virtual/index.ts","../types/client.d.ts"],"version":"5.8.2"}

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

@@ -31,6 +31,7 @@ export interface ViteConfig extends Omit<Vite.UserConfig, 'plugins' | 'environme
     appType?: 'spa' | 'mpa' | 'custom';
 }
 export type AppConfig = {
+    ssr?: boolean;
     /**
      * Configure server
      */

package/lib/types/entries/server/index.d.ts

@@ -1,13 +1,14 @@
 import React, { FunctionComponent, JSX } from 'react';
 import { AppProps } from '../../core/types.js';
 import { Metadata, MetadataWithoutTitleAndDescription, TemplateProps } from '../../routing/types.js';
-export declare const TemplateLayout: ({ StaticRouterComponent, metadata, assets, App, Template, }: {
-    StaticRouterComponent: React.ReactNode;
-    metadata: {
+export declare const TemplateLayout: ({ StaticRouterComponent, metadata, assets, App, Template, isSpaMode, }: {
+    StaticRouterComponent?: React.ReactNode;
+    metadata?: {
         page: Metadata;
         layout: MetadataWithoutTitleAndDescription;
     };
     assets?: JSX.Element[];
-    App: FunctionComponent<AppProps>;
+    App?: FunctionComponent<AppProps>;
     Template: FunctionComponent<TemplateProps>;
+    isSpaMode?: boolean;
 }) => import("react/jsx-runtime.js").JSX.Element;

package/lib/types/server/build/rendering.d.ts

@@ -0,0 +1,7 @@
+import { FunctionComponent } from "react";
+import { AppConfig } from "../../core/config/type.js";
+import { TemplateProps } from "../../routing/types.js";
+export declare const renderIndexHTML: (template: FunctionComponent<TemplateProps>, options: {
+    rootPath: string;
+    config: AppConfig;
+}) => Promise<void>;

package/lib/types/server/dev/handlers.d.ts

@@ -20,3 +20,8 @@ export declare function handleDocumentRequest(req: Express.Request, res: Express
     handler: StaticHandler;
 }): Promise<any>;
 export declare function handleDataRequest(request: Express.Request, handler: StaticHandler): Promise<Response>;
+export declare function handleSpaModeRequest(res: Express.Response, runner: ModuleRunner, options: {
+    rootPath: string;
+    __dirname: string;
+    config: AppConfig;
+}): Promise<Express.Response<any, Record<string, any>>>;

package/lib/types/server/node/rendering.d.ts

@@ -6,4 +6,4 @@ import type * as Express from 'express';
  * @returns
  */
 export declare const renderToStream: (Component: React.ReactNode, res: Express.Response) => Promise<unknown>;
-export declare const renderToString: (Component: React.ReactNode) => Promise<string>;
+export declare const renderToString: (Component: React.ReactNode) => string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "rasengan",
   "private": false,
-  "version": "1.0.0-beta.57",
+  "version": "1.0.0-beta.59",
   "description": "The modern React Framework",
   "type": "module",
   "main": "lib/esm/index.js",
@@ -79,7 +79,7 @@
     "sass": "*",
     "stylus": "*",
     "vite": "^6.0.0",
-    "@rasenganjs/mdx": "^1.0.6"
+    "@rasenganjs/mdx": "^1.1.0-beta.1"
   },
   "peerDependenciesMeta": {
     "@types/node": {

package/types/client.d.ts

@@ -67,4 +67,5 @@ declare module 'virtual:entry-server' {
 
 interface Window {
   __staticRouterHydrationData: any;
+  __RASENGAN_SPA_MODE__: boolean;
 }