rasengan 1.0.0-beta.6 → 1.0.0-beta.60

package/{tsconfig.json → tsconfig.base.json}

@@ -1,35 +1,25 @@
 {
   "compilerOptions": {
-    "baseUrl": ".",
-    "target": "ES2020",
     "useDefineForClassFields": true,
     "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
     "skipLibCheck": true,
+    "experimentalDecorators": true,
+    "composite": true,
 
     /* Bundler mode */
+    "module": "ESNext",
+    "allowSyntheticDefaultImports": true,
     "moduleResolution": "bundler",
     "allowImportingTsExtensions": true,
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react-jsx",
-    "composite": true,
 
     /* Linting */
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-
-    /* Plugins */
-    "plugins": [{ "name": "typescript-plugin-css-modules" }],
-
-    "paths": {
-      "@/*": ["src/*"]
-    }
+    "noFallthroughCasesInSwitch": true
   },
-  "include": ["src", "server.js", "types"],
-
-  "references": [{ "path": "./tsconfig.node.json" }]
+  "include": ["vite.config.ts", "types/client.d.ts"]
 }

package/tsconfig.esm.json

@@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./lib/esm",
+    "module": "esnext",
+    "noEmit": false
+  }
+}

package/tsconfig.types.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./lib/types",
+    "module": "ESNext",
+    "declaration": true,
+    "emitDeclarationOnly": true,
+    "noEmit": false
+  }
+}

package/types/client.d.ts

@@ -0,0 +1,71 @@
+/// <reference types="vite/client" />
+/// <reference types="../lib/types/index.d.ts" />
+
+// Markdown files
+
+declare module '*.mdx' {
+  import { type MDXPageComponent } from '../lib/esm/index.js';
+
+  let MDXComponent: MDXPageComponent;
+
+  export default MDXComponent;
+}
+
+declare module '*.md' {
+  import { type MDXPageComponent } from '../lib/esm/index.js';
+
+  let MDXComponent: MDXPageComponent;
+
+  export default MDXComponent;
+}
+
+// ?raw files
+
+declare module '*.js?raw' {
+  const value: string;
+  export default value;
+}
+
+// Virtual modules
+
+/**
+ * virtual-entry-server.d.ts
+ **/
+declare module 'virtual:entry-server' {
+  import { type Response } from 'express';
+  import { redirect, StaticHandlerContext } from 'react-router';
+  import {
+    Metadata,
+    MetadataWithoutTitleAndDescription,
+  } from '../lib/esm/index.js';
+
+  /**
+   * Render the app to a stream
+   * @param router
+   * @param res
+   * @param options
+   * @returns
+   */
+  export async function render(
+    router: any,
+    res: Response,
+    options: {
+      context: StaticHandlerContext;
+      metadata: {
+        page: Metadata;
+        layout: MetadataWithoutTitleAndDescription;
+      };
+    }
+  ): Promise<unknown>;
+}
+
+// declare module "virtual:rasengan-config" {
+// 	import { type ProductionAppConfig } from "../lib/esm/core/config/types.js";
+
+// 	export const __RASENGAN_CONFIG__: ProductionAppConfig;
+// }
+
+interface Window {
+  __staticRouterHydrationData: any;
+  __RASENGAN_SPA_MODE__: boolean;
+}

package/vite.config.ts

@@ -1,66 +1,29 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-
-// Load rasengan config file
-// @ts-ignore
-import config from "./../../rasengan.config.js";
-
-// Importing __dirname
-// @ts-ignore
-import { fileURLToPath } from "url";
-import path, { dirname } from "path";
-
-// Extract vite config
-const { vite } = config;
-
-// Getting root path
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const __pathToRoot = path.resolve(__dirname, "./../../");
-
-export default defineConfig({
-  plugins: [react(), ...vite?.plugins],
-
-  // define index.html location
-  root: __pathToRoot,
-  optimizeDeps: {
-    exclude: ["node:http", "node-fetch", ...vite?.optimizeDeps?.exclude],
-  },
-
-  build: {
-    sourcemap: true,
-    rollupOptions: {
-      external: vite?.build?.external,
-    },
-  },
-
-  ssr: {
-    // Ignore CSS files
-    noExternal: [/\.css$/],
-  },
-
-  css: {
-    modules: {
-      localsConvention: "camelCaseOnly",
-    },
-
-    postcss: vite?.css?.postcss,
-  },
-
-  // Aliases
-  resolve: {
-    alias: vite?.resolve?.alias.map(
-      (alias: { find: string; replacement: string }) => ({
-        find: alias.find,
-        replacement: path.join(__pathToRoot, alias.replacement),
-      })
-    ),
-  },
-
-  // Cache directory
-  cacheDir: ".rasengan/",
-
-  // Environment variable prefix
-  envPrefix: "RASENGAN_",
-
-  appType: vite.appType,
+import { defineConfig, UserConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import { join } from 'node:path';
+import {
+  loadModuleSSR,
+  getDirname,
+} from './lib/esm/core/config/utils/load-modules.js';
+import { plugins } from './lib/esm/core/plugins/index.js';
+import { createDefaultViteConfig } from './lib/esm/core/config/vite/defaults.js';
+
+export default defineConfig(async ({ mode }): Promise<UserConfig> => {
+  const rootPath = process.cwd();
+  const __dirname = await getDirname(import.meta.url);
+
+  // Load Rasengan config
+  const configPath = join(`${rootPath}/rasengan.config.js`);
+  const configHandler = await (await loadModuleSSR(configPath)).default;
+
+  const config = await configHandler();
+
+  // Get base config
+  const baseConfig = createDefaultViteConfig(rootPath, __dirname, mode, config);
+
+  // Merge with user plugins
+  return {
+    ...baseConfig,
+    plugins: [react(), ...plugins, ...(config.vite?.plugins || [])],
+  };
 });

package/lib/cli/dirname.d.ts

@@ -1,2 +0,0 @@
-declare const __dirname: string;
-export default __dirname;

package/lib/cli/dirname.js

@@ -1,5 +0,0 @@
-import { fileURLToPath } from 'url';
-import { dirname } from 'path';
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-export default __dirname;

package/lib/cli/index.d.ts

@@ -1,2 +0,0 @@
-#!/usr/bin/env node
-export {};

package/lib/cli/index.js

@@ -1,99 +0,0 @@
-#!/usr/bin/env node
-import chalk from "chalk";
-import { Command } from "commander";
-import { execa } from "execa";
-// Config
-// @ts-ignore
-import config from "../../../../rasengan.config.js";
-const program = new Command();
-program
-    .name(chalk.blue("rasengan"))
-    .version("1.0.0", "-v, --version", "Output the current version number");
-// Handle the dev command
-program
-    .command("dev")
-    .option("-p <port>")
-    .description("Start development server")
-    .action(async ({ p: port }) => {
-    const convertedPort = Number(port);
-    // Checking port
-    if (port &&
-        (isNaN(convertedPort) || convertedPort < 0 || convertedPort > 65535)) {
-        console.log("");
-        console.log(chalk.red("Please provide a valid port number between 0-65535"));
-        console.log("");
-        process.exit(1);
-    }
-    execa("node", ["node_modules/rasengan/server"], {
-        stdio: "inherit",
-        env: {
-            ...process.env,
-            PORT: convertedPort ? convertedPort.toString() : undefined,
-        },
-    });
-});
-// Handle the build command
-program
-    .command("build")
-    .description("Build the project")
-    .action(() => {
-    execa("npm", ["run", "build"], {
-        cwd: "node_modules/rasengan",
-        stdio: "inherit", // Pipe child process output to the parent process
-    });
-});
-// Handle the prebuild command
-program
-    .command("prepare")
-    .description("Prepare the project")
-    .action(() => {
-    // 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
-    const { server } = config;
-    const hostingStrategy = server?.production?.hosting ?? "custom";
-    if (hostingStrategy === "vercel") {
-        // Displaying the message
-        console.log(`Your project is configured to be hosted on ${chalk.bold.blue(hostingStrategy)}\n`);
-        // Copying the api folder to the root directory
-        execa("cp", ["-r", "node_modules/rasengan/lib/server/functions/vercel/api", "."], {
-            stdio: "inherit",
-        });
-        // Copying the vercel.json file to the root directory
-        execa("cp", ["node_modules/rasengan/lib/server/functions/vercel/vercel.json", "."], {
-            stdio: "inherit",
-        });
-        // Removing index.d.ts and index.js.map files from the api folder
-        execa("rm", ["api/index.d.ts"], {
-            stdio: "inherit",
-        });
-    }
-    else if (hostingStrategy === "netlify") {
-        // Copying the netlify.toml file to the root directory
-        // execa(
-        //   "cp",
-        //   ["node_modules/rasengan/src/server/functions/netlify/netlify.toml", "."],
-        //   {
-        //     stdio: "inherit",
-        //   }
-        // );
-    }
-});
-// Handle the start command
-program
-    .command("start")
-    .description("Start the project in production mode")
-    .action(async () => {
-    const childProcess = execa("npm", ["run", "preview"], {
-        cwd: "node_modules/rasengan",
-        stdio: "inherit", // Pipe child process output to the parent process
-    });
-    childProcess.on("close", (code) => {
-        if (code === 0) {
-            process.stdout.write("Project started Succesfully");
-        }
-    });
-});
-program.parse(process.argv);

package/lib/config/index.d.ts

@@ -1,58 +0,0 @@
-import { type AppConfig } from "./type.js";
-/**
- * Function to define the config for the app
- * It will be used by vite.config.ts and other files in other to configure the app
- * @param {AppConfig} loadedConfig
- */
-export declare const defineConfig: (loadedConfig: AppConfig) => {
-    reactStrictMode: boolean;
-    server: {
-        development: {
-            port: number;
-            open: boolean;
-        };
-        production: {
-            hosting: import("./type.js").HostingStrategy;
-        };
-    };
-    vite: {
-        plugins: any[];
-        optimizeDeps: {
-            exclude: string[];
-        };
-        css: {
-            postcss: {
-                plugins?: any[];
-            };
-        };
-        build: {
-            external: string[];
-        };
-        resolve: {
-            alias: {
-                find: string;
-                replacement: string;
-            }[];
-        };
-        appType: string;
-    };
-} | {
-    reactStrictMode: boolean;
-    vite: {
-        optimizeDeps: {
-            exclude: string[];
-        };
-        appType: string;
-        resolve: {
-            alias: {
-                find: string;
-                replacement: string;
-            }[];
-        };
-    };
-};
-/**
- * Function to adapt the path for dev and prod
- * @param {string | Array<string>} paths
- */
-export declare const adaptPath: (paths: string | Array<string>) => string | string[];

package/lib/config/index.js

@@ -1,106 +0,0 @@
-/**
- * Function to define the config for the app
- * It will be used by vite.config.ts and other files in other to configure the app
- * @param {AppConfig} loadedConfig
- */
-export const defineConfig = (loadedConfig) => {
-    const { reactStrictMode, server, vite } = loadedConfig;
-    // Define default values for vite config coming from loadedConfig.vite
-    const defaultViteConfig = {
-        plugins: vite?.plugins || [],
-        optimizeDeps: {
-            exclude: vite?.optimizeDeps?.exclude || [],
-        },
-        css: {
-            postcss: vite?.css?.postcss || undefined,
-        },
-        build: {
-            external: vite?.build?.external || [],
-        },
-        resolve: {
-            alias: vite?.resolve?.alias || [],
-        },
-    };
-    // Define default values for server config coming from loadedConfig.server
-    const defaultServerConfig = {
-        development: {
-            port: server?.development?.port || undefined,
-            open: server?.development?.open || false,
-        },
-        production: {
-            hosting: server?.production?.hosting || "custom",
-        }
-    };
-    try {
-        const config = {
-            reactStrictMode: reactStrictMode === undefined ? true : reactStrictMode,
-            server: defaultServerConfig,
-            vite: {
-                plugins: defaultViteConfig.plugins,
-                optimizeDeps: {
-                    exclude: [
-                        "node:http",
-                        "node-fetch",
-                        ...defaultViteConfig.optimizeDeps.exclude,
-                    ],
-                },
-                css: {
-                    postcss: defaultViteConfig.css.postcss,
-                },
-                build: {
-                    external: defaultViteConfig.build.external,
-                },
-                resolve: {
-                    // concat two arrays
-                    alias: [
-                        {
-                            find: "@/",
-                            replacement: "src/",
-                        },
-                        ...defaultViteConfig.resolve.alias,
-                    ],
-                },
-                appType: "custom",
-            },
-            // More config options...
-        };
-        return config;
-    }
-    catch (error) {
-        console.error(error);
-        return {
-            reactStrictMode: true,
-            vite: {
-                optimizeDeps: {
-                    exclude: ["node:http", "node-fetch"],
-                },
-                appType: "custom",
-                resolve: {
-                    alias: [
-                        {
-                            find: "@/",
-                            replacement: "src/",
-                        },
-                    ],
-                },
-            },
-        };
-    }
-};
-/**
- * Function to adapt the path for dev and prod
- * @param {string | Array<string>} paths
- */
-export const adaptPath = (paths) => {
-    // Check if we are in dev mode or prod
-    const isProduction = process.env.NODE_ENV === "production";
-    const prefix = isProduction ? "./../../" : "";
-    // Chech if the path is an array
-    const isArray = Array.isArray(paths);
-    // If the path is an array
-    if (isArray) {
-        return paths.map((path) => `${prefix}${path}`);
-    }
-    // If the path is a string
-    return `${prefix}${paths}`;
-};

package/lib/config/type.d.ts

@@ -1,85 +0,0 @@
-export type AppConfig = {
-    /**
-     * Enable strict mode
-     * @default true
-     */
-    reactStrictMode?: boolean;
-    /**
-     * Configure server both in development and production
-     */
-    server?: {
-        /**
-         * Configure server in development
-         */
-        development?: {
-            /**
-             * Port to listen on
-             * @default 5320
-             */
-            port?: number;
-            /**
-             * Automatically open browser
-             * @default false
-             */
-            open?: boolean;
-        };
-        /**
-         * Configure server in production
-         */
-        production?: {
-            /**
-             * Set the hosting strategy
-             * @default "custom"
-             */
-            hosting?: HostingStrategy;
-        };
-    };
-    /**
-     * Configure Vite
-     */
-    vite?: {
-        /**
-         * Configure Vite plugins
-         */
-        plugins?: any[];
-        /**
-         * Optimize dependencies
-         */
-        optimizeDeps?: {
-            exclude?: string[];
-        };
-        /**
-         * Configure css options
-         */
-        css?: {
-            postcss?: {
-                plugins?: any[];
-            };
-        };
-        /**
-         * Configure build options
-         */
-        build?: {
-            /**
-             * Configure external dependencies
-             */
-            external?: string[];
-        };
-        /**
-         * Configure resolve options
-         */
-        resolve?: {
-            /**
-             * Configure aliases
-             */
-            alias?: Array<{
-                find: string;
-                replacement: string;
-            }>;
-        };
-    };
-};
-/**
- * Hosting strategy
- */
-export type HostingStrategy = "vercel" | "custom";

package/lib/core/components/index.d.ts

@@ -1,22 +0,0 @@
-import * as React from "react";
-import { ComponentProps, PageToRenderProps } from "../types.js";
-/**
- * App component that represent the entry point of the application
- */
-export declare const Component: ({ router: AppRouter, children, }: ComponentProps) => string | number | true | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element;
-/**
- * Page component that defines title and description to a page
- */
-export declare const PageToRender: ({ page, data }: PageToRenderProps) => import("react/jsx-runtime").JSX.Element;
-/**
- * Error fallback component that will be displayed if an error occurs
- */
-export declare class ErrorBoundary extends React.Component {
-    state: {
-        hasError: boolean;
-        error: any;
-        info: any;
-    };
-    componentDidCatch(error: any, info: any): void;
-    render(): any;
-}

package/lib/core/components/index.js

@@ -1,67 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { generateMetadata, getRouter } from "../../routing/utils/index.js";
-import * as pkg from "react-helmet-async";
-// @ts-ignore
-const { Helmet } = pkg.default || pkg;
-/**
- * App component that represent the entry point of the application
- */
-export const Component = ({ router: AppRouter, children = undefined, }) => {
-    // Return children if they exist
-    if (children)
-        return children;
-    // Otherwise, get the router and return it
-    const Router = getRouter(AppRouter);
-    return _jsx(Router, {});
-};
-/**
- * Page component that defines title and description to a page
- */
-export const PageToRender = ({ page, data }) => {
-    // Get the page component
-    const Page = page.render;
-    // Get the page props
-    const props = data.props || {};
-    // Generate meta tags
-    const metaTags = React.useMemo(() => {
-        return generateMetadata(page.metadata);
-    }, []);
-    return (_jsxs(React.Fragment, { children: [_jsxs(Helmet, { children: [metaTags.map((meta) => meta), _jsx("meta", { name: "description", content: page.description }), _jsx("title", { children: page.title })] }), _jsx(Page, { ...props })] }));
-};
-/**
- * Error fallback component that will be displayed if an error occurs
- */
-export class ErrorBoundary extends React.Component {
-    state = { hasError: false, error: null, info: null };
-    componentDidCatch(error, info) {
-        this.setState({ hasError: true, error, info });
-    }
-    render() {
-        const { error, info } = this.state;
-        if (this.state.hasError) {
-            return _jsx(ErrorFallbackComponent, { error: error, info: info });
-        }
-        // @ts-ignore
-        return this.props.children;
-    }
-}
-/**
- * Error fallback component that will be displayed if an error occurs
- */
-const ErrorFallbackComponent = ({ error, info }) => {
-    console.log({ error, info });
-    return (_jsx("div", { style: {
-            width: "calc(100% - 80px)",
-            height: "calc(100vh - 80px)",
-            padding: "40px",
-            backgroundColor: "#fff",
-        }, children: _jsxs("div", { children: [_jsx("h1", { style: { fontSize: "2rem" }, children: "Something went wrong" }), _jsx("p", { children: error.toString() }), _jsx("div", { style: {
-                        width: "100%",
-                        height: "auto",
-                        borderRadius: 10,
-                        padding: "20px",
-                        marginTop: "10px",
-                        backgroundColor: "#f0f0f0",
-                    }, children: _jsx("p", { children: info.componentStack }) })] }) }));
-};

package/lib/core/index.d.ts

@@ -1,2 +0,0 @@
-export { type ILayoutComponent, LayoutComponent, DefaultLayout, PageComponent, } from "./interfaces.js";
-export type { AppProps, ReactComponentProps, ComponentProps, LoaderOptions, LoaderResponse, } from "./types.js";