rasengan 1.0.0-beta.1

package/src/server/utils/log.ts

@@ -0,0 +1,115 @@
+import chalk from "chalk";
+import ora from "ora";
+import fs from "fs/promises";
+// @ts-ignore
+import keypress from "keypress";
+import { getIP } from "./index.js";
+
+/**
+ * Log server info after the server is started
+ * @param {number} port The port the server is running on
+ * @param {boolean} isProduction Whether the server is running in production mode
+ */
+export async function logServerInfo(port: number, isProduction: boolean) {
+  // Constants
+  const arrowRight = "\u2192";
+
+  // Spinner
+  console.log("");
+  const spinner = ora({
+    text: `Starting server in ${
+      isProduction ? "production" : "development"
+    } mode...`,
+    color: "blue",
+    spinner: "dots",
+  }).start();
+
+  // Getting the package.json file
+  let packageJson;
+  if (!isProduction) {
+    packageJson = await fs.readFile(
+      "node_modules/rasengan/package.json",
+      "utf-8"
+    );
+  } else {
+    packageJson = await fs.readFile("package.json", "utf-8");
+  }
+
+  // Parsing the package.json file
+  const parsedPackageJson = JSON.parse(packageJson);
+
+  spinner.succeed(
+    `${chalk.bold.blue(
+      `Rasengan v${parsedPackageJson["version"]}`
+    )} is running 🚀`
+  );
+
+  console.log("\n\n");
+
+  process.stdout.write(
+    `${chalk.bold.green(arrowRight)} ${chalk.bold("Local:")}   ${chalk.blue(
+      `http://localhost:${chalk.bold(port)}`
+    )}`
+  );
+  console.log("");
+
+  // Get the IP address of the machine
+  const ipAddress = getIP();
+
+  if (ipAddress) {
+    process.stdout.write(
+      `${chalk.bold.green(arrowRight)} ${chalk.bold("Network:")} ${chalk.blue(
+        `http://${getIP()}:${chalk.bold(port)}`
+      )}\n`
+    );
+  }
+
+  // Display options
+  process.stdout.write(
+    `${chalk.bold.green(arrowRight)} ${chalk.gray("Use")} ${chalk.bold(
+      "-p <PORT>"
+    )} ${chalk.gray("to specify a custom port")}\n`
+  );
+  process.stdout.write(
+    `${chalk.bold.green(arrowRight)} ${chalk.gray("Press")} ${chalk.bold(
+      "c"
+    )} ${chalk.gray("to clear")}\n`
+  );
+  process.stdout.write(
+    `${chalk.bold.green(arrowRight)} ${chalk.gray("Press")} ${chalk.bold(
+      "ctrl + c"
+    )} ${chalk.gray("to close the server")}\n`
+  );
+
+  console.log("\n");
+
+  // Enable keypress events on the process.stdin stream
+  keypress(process.stdin);
+
+  // Listen on user keyboard input on the terminal
+  process.stdin.on("keypress", (_: string, key: any) => {
+    // Check if the key pressed is 'c'
+    if (key) {
+      if (key.name === "c" && key.ctrl) {
+        console.log(
+          `${chalk.green("ctrl + c")} ${chalk.gray("pressed: ")} ${chalk.blue(
+            "Closing server... \n\n"
+          )}`
+        );
+        process.exit(0);
+      } else if (key.name === "c" && !key.ctrl && !key.meta && !key.shift) {
+        // Clear terminal
+        process.stdout.write("\x1Bc");
+
+        logServerInfo(port, isProduction);
+      }
+    }
+  });
+
+  // Allow the process to exit when Ctrl+C is pressed
+  process.stdin.setRawMode(true);
+  process.stdin.resume();
+
+  // Set a higher limit for the number of listeners
+  process.stdin.setMaxListeners(100);
+}

package/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/tsconfig.json

@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "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" }],
+  },
+  "include": ["src", "server.js", "types"],
+
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/tsconfig.lib.json

@@ -0,0 +1,41 @@
+{
+  "compilerOptions": {
+    "outDir": "lib",
+    "rootDir": "src",
+    "target": "ESNext",
+    "lib": [
+      "ES2015",
+      "ESNext",
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": false,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": false,
+    "jsx": "react-jsx",
+    "declaration": true,
+    "sourceMap": true,
+
+    /* Plugins */
+    "plugins": [{ "name": "typescript-plugin-css-modules" }],
+
+    /* Types */
+    "typeRoots": ["node_modules/@types", "types"]
+  },
+  "include": [
+    "src",
+    "types",
+    "src/**/*.json",
+  ],
+  "exclude": ["node_modules", "lib"]
+}

package/tsconfig.node.json

@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true,
+    "jsx": "preserve"
+  },
+  "include": ["vite.config.ts", "src/entries/entry-server.tsx", "src/vite-env.d.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,45 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+// Load rasengan config file
+// @ts-ignore
+import config from "./../../rasengan.config.js";
+
+// Extract vite config
+const { vite } = config;
+
+export default defineConfig({
+  plugins: [react(), ...vite?.plugins],
+
+  // define index.html location
+  root: "./../../",
+  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,
+  },
+
+  appType: vite.appType,
+});