rasengan 1.0.0-beta.2 → 1.0.0-beta.3

package/lib/cli/dirname.js

@@ -3,4 +3,3 @@ import { dirname } from 'path';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 export default __dirname;
-//# sourceMappingURL=dirname.js.map

package/lib/cli/index.js

@@ -98,4 +98,3 @@ program
     });
 });
 program.parse(process.argv);
-//# sourceMappingURL=index.js.map

package/lib/config/index.d.ts

@@ -31,6 +31,12 @@ export declare const defineConfig: (loadedConfig: AppConfig) => {
     };
 } | {
     reactStrictMode: boolean;
+    vite: {
+        optimizeDeps: {
+            exclude: string[];
+        };
+        appType: string;
+    };
 };
 /**
  * Function to adapt the path for dev and prod

package/lib/config/index.js

@@ -34,6 +34,15 @@ export const defineConfig = (loadedConfig) => {
         console.error(error);
         return {
             reactStrictMode: true,
+            vite: {
+                optimizeDeps: {
+                    exclude: [
+                        "node:http",
+                        "node-fetch",
+                    ],
+                },
+                appType: "custom",
+            }
         };
     }
 };
@@ -54,4 +63,3 @@ export const adaptPath = (paths) => {
     // If the path is a string
     return `${prefix}${paths}`;
 };
-//# sourceMappingURL=index.js.map

package/lib/config/type.d.ts

@@ -65,4 +65,4 @@ export type AppConfig = {
 /**
  * Hosting strategy
  */
-export type HostingStrategy = "vercel" | "netlify" | "heroku" | "custom";
+export type HostingStrategy = "vercel" | "custom";

package/lib/config/type.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=type.js.map

package/lib/core/components/index.js

@@ -57,4 +57,3 @@ const ErrorFallbackComponent = ({ error, info }) => {
                         backgroundColor: "#f0f0f0",
                     }, children: _jsx("p", { children: info.componentStack }) })] }) }));
 };
-//# sourceMappingURL=index.js.map

package/lib/core/index.js

@@ -1,2 +1 @@
 export { LayoutComponent, DefaultLayout, PageComponent, } from "./interfaces.js";
-//# sourceMappingURL=index.js.map

package/lib/core/interfaces.js

@@ -88,4 +88,3 @@ export class PageComponent extends LayoutComponent {
         });
     }
 }
-//# sourceMappingURL=interfaces.js.map

package/lib/core/types.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=types.js.map

package/lib/decorators/index.js

@@ -1,3 +1,2 @@
 export { Router } from "./router.js";
 export { Route } from "./route.js";
-//# sourceMappingURL=index.js.map

package/lib/decorators/route.js

@@ -22,4 +22,3 @@ export function Route(props) {
         Object.seal(constructor.prototype);
     };
 }
-//# sourceMappingURL=route.js.map

package/lib/decorators/router.js

@@ -21,4 +21,3 @@ export function Router(props) {
         Object.seal(constructor.prototype);
     };
 }
-//# sourceMappingURL=router.js.map

package/lib/decorators/types.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=types.js.map

package/lib/entries/entry-client.js

@@ -12,4 +12,3 @@ import * as pkg from "react-helmet-async";
 // @ts-ignore
 const { HelmetProvider } = pkg.default || pkg;
 ReactDOM.hydrateRoot(document.getElementById("root"), config.reactStrictMode ? (_jsx(React.StrictMode, { children: _jsx(ErrorBoundary, { children: _jsx(HelmetProvider, { children: _jsx(App, { Component: Component }) }) }) })) : (_jsx(ErrorBoundary, { children: _jsx(HelmetProvider, { children: _jsx(App, { Component: Component }) }) })));
-//# sourceMappingURL=entry-client.js.map

package/lib/entries/entry-server.js

@@ -17,4 +17,3 @@ export function render(router, context, helmetContext = {}) {
     return { html };
 }
 export const staticRoutes = generateStaticRoutes(AppRouter);
-//# sourceMappingURL=entry-server.js.map

package/lib/hooks/index.js

@@ -1 +0,0 @@
-//# sourceMappingURL=index.js.map

package/lib/index.js

@@ -7,4 +7,3 @@ export * from "./decorators/index.js";
 export * from "./config/index.js";
 export { createFetchRequest };
 // export * as hooks from './hooks';
-//# sourceMappingURL=index.js.map

package/lib/routing/components/index.js

@@ -66,4 +66,3 @@ export const NotFoundPageComponent = () => {
 export const NotFoundComponentContainer = ({ content, }) => {
     return _jsx(_Fragment, { children: content({}) });
 };
-//# sourceMappingURL=index.js.map

package/lib/routing/index.js

@@ -1,4 +1,3 @@
 export { defineRouteLayout, defineRoutePage, defineRouter, } from "./utils/index.js";
 export { RouterComponent } from "./interfaces.js";
 export { Outlet, Link, useLocation, useNavigate, useParams, useSearchParams, useFetcher, useMatch, useRoutes, useResolvedPath, matchRoutes, generatePath, matchPath, createRoutesFromChildren, Navigate, } from "react-router-dom";
-//# sourceMappingURL=index.js.map

package/lib/routing/interfaces.js

@@ -85,4 +85,3 @@ export class RouterComponent {
         this._notFoundComponent = notFoundComponent;
     }
 }
-//# sourceMappingURL=interfaces.js.map

package/lib/routing/types.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=types.js.map

package/lib/routing/utils/index.js

@@ -253,4 +253,3 @@ export const defineRouter = (option) => {
         return router;
     };
 };
-//# sourceMappingURL=index.js.map

package/lib/server/functions/vercel/api/index.js

@@ -88,4 +88,3 @@ export default async function handler(req, res) {
         res.status(500).end(e.stack);
     }
 }
-//# sourceMappingURL=index.js.map

package/lib/server/utils/createFetchRequest.js

@@ -31,4 +31,3 @@ export default function createFetchRequest(req, host) {
     }
     return new Request(url.href, init);
 }
-//# sourceMappingURL=createFetchRequest.js.map

package/lib/server/utils/getIp.js

@@ -27,4 +27,3 @@ export default function getIP() {
     }
     return ipAddress;
 }
-//# sourceMappingURL=getIp.js.map

package/lib/server/utils/handleError.js

@@ -25,4 +25,3 @@ export function fix404(url, res, appPath) {
         return res.sendFile(path.resolve(join(appPath, "dist/client/manifest.json")));
     }
 }
-//# sourceMappingURL=handleError.js.map

package/lib/server/utils/index.js

@@ -5,4 +5,3 @@ import { logServerInfo } from "./log.js";
 import { fix404 } from "./handleError.js";
 // Export section
 export { createFetchRequest, getIP, logServerInfo, fix404, };
-//# sourceMappingURL=index.js.map

package/lib/server/utils/log.js

@@ -66,4 +66,3 @@ export async function logServerInfo(port, isProduction) {
     // Set a higher limit for the number of listeners
     process.stdin.setMaxListeners(100);
 }
-//# sourceMappingURL=log.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "rasengan",
   "private": false,
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.3",
   "type": "module",
   "main": "lib/index.js",
   "bin": {
@@ -19,6 +19,7 @@
     "url": "https://github.com/rasengan/rasengan.git",
     "issues": "https://github.com/rasengan/rasengan/issues"
   },
+  "homepage": "https://rasengan.dev",
   "scripts": {
     "dev": "node server",
     "build": "npm run build:client && npm run build:server",
@@ -43,11 +44,10 @@
     "keypress": "^0.2.1",
     "node-fetch": "^3.3.2",
     "ora": "^7.0.1",
-    "react-helmet": "^6.1.0",
     "react-helmet-async": "^2.0.4",
     "react-router-dom": "^6.20.1",
     "sirv": "^2.0.3",
-    "vite": "^5.0.7",
+    "vite": "^5.0.12",
     "vite-plugin-css": "^1.0.4"
   },
   "peerDependencies": {
@@ -61,7 +61,6 @@
     "@types/node": "^20.8.6",
     "@types/react": "^18.2.28",
     "@types/react-dom": "^18.2.13",
-    "@types/react-helmet": "^6.1.8",
     "cross-env": "^7.0.3",
     "typescript": "^5.2.2"
   },

package/tsconfig.lib.json

@@ -24,7 +24,7 @@
     "noEmit": false,
     "jsx": "react-jsx",
     "declaration": true,
-    "sourceMap": true,
+    "sourceMap": false,
 
     /* Plugins */
     "plugins": [{ "name": "typescript-plugin-css-modules" }],

package/vite.config.ts

@@ -5,14 +5,23 @@ import react from "@vitejs/plugin-react";
 // @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: "./../../",
+  root: __pathToRoot,
   optimizeDeps: {
     exclude: [
       "node:http",

package/src/cli/dirname.ts

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

package/src/cli/index.ts

@@ -1,134 +0,0 @@
-#!/usr/bin/env node
-import chalk from "chalk";
-import { Command } from "commander";
-import __dirname from "./dirname.js";
-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 }: { p: number }) => {
-    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(() => {
-    // const childProcess = exec("npm --prefix node_modules/rasengan run build");
-    execa("npm", ["run", "build"], {
-      cwd: "node_modules/rasengan",
-      stdio: "inherit", // Pipe child process output to the parent process
-    });
-  });
-
-// Handle the prebuild command
-program
-  .command("prebuild")
-  .description("Prebuild the project")
-  .action(() => {
-    // Displaying the message
-    console.log("");
-    console.log(chalk.blue("Prebuilding your project..."));
-    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/src/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", "api/index.js.map"], {
-        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/src/config/index.ts

@@ -1,67 +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 const defineConfig = (loadedConfig: AppConfig) => {
-  const { reactStrictMode, server, vite } = loadedConfig;
-
-  try {
-    const config = {
-      reactStrictMode: reactStrictMode === undefined ? true : reactStrictMode,
-      server,
-      vite: {
-        plugins: vite?.plugins || [],
-
-        optimizeDeps: {
-          exclude: [
-            "node:http",
-            "node-fetch",
-            ...(vite?.optimizeDeps?.exclude || []),
-          ],
-        },
-
-        css: {
-          postcss: vite?.css?.postcss || undefined,
-        },
-
-        build: {
-          external: vite?.build?.external || [],
-        },
-
-        appType: "custom",
-      },
-      // More config options...
-    };
-
-    return config;
-  } catch (error) {
-    console.error(error);
-    return {
-      reactStrictMode: true,
-    };
-  }
-};
-
-/**
- * Function to adapt the path for dev and prod
- * @param {string | Array<string>} paths
- */
-export const adaptPath = (paths: string | Array<string>) => {
-  // 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/src/config/type.ts

@@ -1,76 +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 3000
-       */
-      port?: number;
-    };
-
-    /**
-     * 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[];
-    }
-  };
-  // More config options...
-};
-
-/**
- * Hosting strategy
- */
-export type HostingStrategy = "vercel" | "netlify" | "heroku" | "custom";

package/src/core/components/index.tsx

@@ -1,95 +0,0 @@
-import * as React from "react";
-import { ComponentProps, PageToRenderProps } from "../types.js";
-import { 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 }: ComponentProps) => {
-  const Router = getRouter(AppRouter);
-
-  return <Router />;
-};
-
-/**
- * Page component that defines title and description to a page
- */
-export const PageToRender = ({ page, data }: PageToRenderProps) => {
-  // Get the page component
-  const Page = page.render;
-
-  // Get the page props
-  const props = data.props || {};
-
-  return (
-    <React.Fragment>
-      <Helmet>
-        <title>{page.title}</title>
-        <meta name="description" content={page.description} />
-      </Helmet>
-
-      <Page {...props} />
-    </React.Fragment>
-  );
-};
-
-/**
- * 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: any, info: any) {
-    this.setState({ hasError: true, error, info });
-  }
-
-  render() {
-    const { error, info } = this.state;
-
-    if (this.state.hasError) {
-      return <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 }: any) => {
-  console.log({ error, info });
-  return (
-    <div
-      style={{
-        width: "calc(100% - 80px)",
-        height: "calc(100vh - 80px)",
-        padding: "40px",
-        backgroundColor: "#fff",
-      }}
-    >
-      <div>
-        <h1 style={{ fontSize: "2rem" }}>Something went wrong</h1>
-        <p>{error.toString()}</p>
-
-        <div
-          style={{
-            width: "100%",
-            height: "auto",
-            borderRadius: 10,
-            padding: "20px",
-            marginTop: "10px",
-            backgroundColor: "#f0f0f0",
-          }}
-        >
-          <p>{info.componentStack}</p>
-        </div>
-      </div>
-    </div>
-  );
-};

package/src/core/index.ts

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