@samadhi1311/router 0.1.0

package/dist/index.cjs

@@ -0,0 +1,190 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  default: () => router
+});
+module.exports = __toCommonJS(index_exports);
+var import_fs = __toESM(require("fs"), 1);
+var import_path = __toESM(require("path"), 1);
+function router(options = {}) {
+  const appDir = options.appDir || "app";
+  const virtualModuleId = "virtual:router";
+  const resolvedVirtualModuleId = "\0" + virtualModuleId;
+  function scanDirectory(dir, basePath = "") {
+    const routes = [];
+    const fullDir = import_path.default.join(process.cwd(), appDir, dir);
+    if (!import_fs.default.existsSync(fullDir)) return routes;
+    const entries = import_fs.default.readdirSync(fullDir, { withFileTypes: true });
+    let pagePath;
+    let layoutPath;
+    let loadingPath;
+    let notFoundPath;
+    for (const entry of entries) {
+      if (!entry.isFile()) continue;
+      const nameWithoutExt = entry.name.replace(/\.(tsx?|jsx?)$/, "");
+      const fullPath = import_path.default.join(dir, entry.name);
+      if (nameWithoutExt === "page") {
+        pagePath = fullPath;
+      } else if (nameWithoutExt === "layout") {
+        layoutPath = fullPath;
+      } else if (nameWithoutExt === "loading") {
+        loadingPath = fullPath;
+      } else if (nameWithoutExt === "not-found") {
+        notFoundPath = fullPath;
+      }
+    }
+    const children = [];
+    for (const entry of entries) {
+      if (!entry.isDirectory()) continue;
+      const dirName = entry.name;
+      const isDynamic = dirName.startsWith("[") && dirName.endsWith("]");
+      const param = isDynamic ? dirName.slice(1, -1) : dirName;
+      const routePath = isDynamic ? `:${param}` : dirName;
+      const nestedRoutes = scanDirectory(import_path.default.join(dir, dirName), routePath);
+      children.push(...nestedRoutes);
+    }
+    if (pagePath) {
+      routes.push({
+        path: basePath || "/",
+        componentPath: pagePath,
+        layoutPath,
+        loadingPath,
+        notFoundPath,
+        isDynamic: basePath.includes(":"),
+        params: basePath.match(/:\w+/g)?.map((p) => p.slice(1)) || [],
+        children: children.length > 0 ? children : void 0
+      });
+    } else if (layoutPath || children.length > 0) {
+      routes.push({
+        path: basePath || "/",
+        componentPath: "",
+        layoutPath,
+        loadingPath,
+        notFoundPath,
+        isDynamic: basePath.includes(":"),
+        params: basePath.match(/:\w+/g)?.map((p) => p.slice(1)) || [],
+        children: children.length > 0 ? children : void 0
+      });
+    }
+    return routes;
+  }
+  function generateRouteCode(routes) {
+    let imports = 'import { createElement, Suspense } from "react";\nimport { Outlet } from "react-router";\n';
+    let routeConfigs = "";
+    let importCounter = 0;
+    function processRoute(route, depth = 0) {
+      const indent = "  ".repeat(depth + 1);
+      const componentId = route.componentPath ? `Page${importCounter++}` : null;
+      const layoutId = route.layoutPath ? `Layout${importCounter++}` : null;
+      const loadingId = route.loadingPath ? `Loading${importCounter++}` : null;
+      const notFoundId = route.notFoundPath ? `NotFound${importCounter++}` : null;
+      if (componentId && route.componentPath) {
+        imports += `import ${componentId} from '/${appDir}/${route.componentPath}';
+`;
+      }
+      if (layoutId && route.layoutPath) {
+        imports += `import ${layoutId} from '/${appDir}/${route.layoutPath}';
+`;
+      }
+      if (loadingId && route.loadingPath) {
+        imports += `import ${loadingId} from '/${appDir}/${route.loadingPath}';
+`;
+      }
+      if (notFoundId && route.notFoundPath) {
+        imports += `import ${notFoundId} from '/${appDir}/${route.notFoundPath}';
+`;
+      }
+      let config = `${indent}{
+`;
+      config += `${indent}  path: '${route.path}',
+`;
+      if (layoutId) {
+        config += `${indent}  element: createElement(${layoutId}, null, createElement(Outlet)),
+`;
+      } else if (componentId) {
+        const element = loadingId ? `createElement(Suspense, { fallback: createElement(${loadingId}) }, createElement(${componentId}))` : `createElement(${componentId})`;
+        config += `${indent}  element: ${element},
+`;
+      } else {
+        config += `${indent}  element: createElement(Outlet),
+`;
+      }
+      if (notFoundId) {
+        config += `${indent}  errorElement: createElement(${notFoundId}),
+`;
+      }
+      if (route.children && route.children.length > 0) {
+        config += `${indent}  children: [
+`;
+        route.children.forEach((child) => {
+          config += processRoute(child, depth + 1);
+        });
+        config += `${indent}  ],
+`;
+      }
+      config += `${indent}},
+`;
+      return config;
+    }
+    routes.forEach((route) => {
+      routeConfigs += processRoute(route, 0);
+    });
+    return `${imports}
+export const routes = [
+${routeConfigs}];
+`;
+  }
+  return {
+    name: "router",
+    enforce: "pre",
+    resolveId(id) {
+      if (id === virtualModuleId) {
+        return resolvedVirtualModuleId;
+      }
+    },
+    load(id) {
+      if (id === resolvedVirtualModuleId) {
+        const routes = scanDirectory("");
+        return generateRouteCode(routes);
+      }
+    },
+    handleHotUpdate({ file, server }) {
+      if (file.includes(`/${appDir}/`)) {
+        const module2 = server.moduleGraph.getModuleById(resolvedVirtualModuleId);
+        if (module2) {
+          server.moduleGraph.invalidateModule(module2);
+          server.ws.send({ type: "full-reload" });
+        }
+      }
+    }
+  };
+}

package/dist/index.d.cts

@@ -0,0 +1,7 @@
+import { Plugin } from 'vite';
+
+declare function router(options?: {
+    appDir?: string;
+}): Plugin;
+
+export { router as default };

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+import { Plugin } from 'vite';
+
+declare function router(options?: {
+    appDir?: string;
+}): Plugin;
+
+export { router as default };

package/dist/index.js

@@ -0,0 +1,159 @@
+// src/index.ts
+import fs from "fs";
+import path from "path";
+function router(options = {}) {
+  const appDir = options.appDir || "app";
+  const virtualModuleId = "virtual:router";
+  const resolvedVirtualModuleId = "\0" + virtualModuleId;
+  function scanDirectory(dir, basePath = "") {
+    const routes = [];
+    const fullDir = path.join(process.cwd(), appDir, dir);
+    if (!fs.existsSync(fullDir)) return routes;
+    const entries = fs.readdirSync(fullDir, { withFileTypes: true });
+    let pagePath;
+    let layoutPath;
+    let loadingPath;
+    let notFoundPath;
+    for (const entry of entries) {
+      if (!entry.isFile()) continue;
+      const nameWithoutExt = entry.name.replace(/\.(tsx?|jsx?)$/, "");
+      const fullPath = path.join(dir, entry.name);
+      if (nameWithoutExt === "page") {
+        pagePath = fullPath;
+      } else if (nameWithoutExt === "layout") {
+        layoutPath = fullPath;
+      } else if (nameWithoutExt === "loading") {
+        loadingPath = fullPath;
+      } else if (nameWithoutExt === "not-found") {
+        notFoundPath = fullPath;
+      }
+    }
+    const children = [];
+    for (const entry of entries) {
+      if (!entry.isDirectory()) continue;
+      const dirName = entry.name;
+      const isDynamic = dirName.startsWith("[") && dirName.endsWith("]");
+      const param = isDynamic ? dirName.slice(1, -1) : dirName;
+      const routePath = isDynamic ? `:${param}` : dirName;
+      const nestedRoutes = scanDirectory(path.join(dir, dirName), routePath);
+      children.push(...nestedRoutes);
+    }
+    if (pagePath) {
+      routes.push({
+        path: basePath || "/",
+        componentPath: pagePath,
+        layoutPath,
+        loadingPath,
+        notFoundPath,
+        isDynamic: basePath.includes(":"),
+        params: basePath.match(/:\w+/g)?.map((p) => p.slice(1)) || [],
+        children: children.length > 0 ? children : void 0
+      });
+    } else if (layoutPath || children.length > 0) {
+      routes.push({
+        path: basePath || "/",
+        componentPath: "",
+        layoutPath,
+        loadingPath,
+        notFoundPath,
+        isDynamic: basePath.includes(":"),
+        params: basePath.match(/:\w+/g)?.map((p) => p.slice(1)) || [],
+        children: children.length > 0 ? children : void 0
+      });
+    }
+    return routes;
+  }
+  function generateRouteCode(routes) {
+    let imports = 'import { createElement, Suspense } from "react";\nimport { Outlet } from "react-router";\n';
+    let routeConfigs = "";
+    let importCounter = 0;
+    function processRoute(route, depth = 0) {
+      const indent = "  ".repeat(depth + 1);
+      const componentId = route.componentPath ? `Page${importCounter++}` : null;
+      const layoutId = route.layoutPath ? `Layout${importCounter++}` : null;
+      const loadingId = route.loadingPath ? `Loading${importCounter++}` : null;
+      const notFoundId = route.notFoundPath ? `NotFound${importCounter++}` : null;
+      if (componentId && route.componentPath) {
+        imports += `import ${componentId} from '/${appDir}/${route.componentPath}';
+`;
+      }
+      if (layoutId && route.layoutPath) {
+        imports += `import ${layoutId} from '/${appDir}/${route.layoutPath}';
+`;
+      }
+      if (loadingId && route.loadingPath) {
+        imports += `import ${loadingId} from '/${appDir}/${route.loadingPath}';
+`;
+      }
+      if (notFoundId && route.notFoundPath) {
+        imports += `import ${notFoundId} from '/${appDir}/${route.notFoundPath}';
+`;
+      }
+      let config = `${indent}{
+`;
+      config += `${indent}  path: '${route.path}',
+`;
+      if (layoutId) {
+        config += `${indent}  element: createElement(${layoutId}, null, createElement(Outlet)),
+`;
+      } else if (componentId) {
+        const element = loadingId ? `createElement(Suspense, { fallback: createElement(${loadingId}) }, createElement(${componentId}))` : `createElement(${componentId})`;
+        config += `${indent}  element: ${element},
+`;
+      } else {
+        config += `${indent}  element: createElement(Outlet),
+`;
+      }
+      if (notFoundId) {
+        config += `${indent}  errorElement: createElement(${notFoundId}),
+`;
+      }
+      if (route.children && route.children.length > 0) {
+        config += `${indent}  children: [
+`;
+        route.children.forEach((child) => {
+          config += processRoute(child, depth + 1);
+        });
+        config += `${indent}  ],
+`;
+      }
+      config += `${indent}},
+`;
+      return config;
+    }
+    routes.forEach((route) => {
+      routeConfigs += processRoute(route, 0);
+    });
+    return `${imports}
+export const routes = [
+${routeConfigs}];
+`;
+  }
+  return {
+    name: "router",
+    enforce: "pre",
+    resolveId(id) {
+      if (id === virtualModuleId) {
+        return resolvedVirtualModuleId;
+      }
+    },
+    load(id) {
+      if (id === resolvedVirtualModuleId) {
+        const routes = scanDirectory("");
+        return generateRouteCode(routes);
+      }
+    },
+    handleHotUpdate({ file, server }) {
+      if (file.includes(`/${appDir}/`)) {
+        const module = server.moduleGraph.getModuleById(resolvedVirtualModuleId);
+        if (module) {
+          server.moduleGraph.invalidateModule(module);
+          server.ws.send({ type: "full-reload" });
+        }
+      }
+    }
+  };
+}
+export {
+  router as default
+};

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@samadhi1311/router",
+  "version": "0.1.0",
+  "description": "A simple router for Vite inspired by Next.JS App Router",
+  "author": {
+    "name": "Samadhi Gunasinghe",
+    "email": "samadhi@hyperreal.cloud"
+  },
+  "contributors": [
+        {
+      "name": "Samadhi Gunasinghe",
+      "email": "samadhi@hyperreal.cloud",
+      "url": "https://github.com/samadhi1311"
+    },
+    {
+      "name": "Nipuni Gamage",
+      "email": "nipuni@hyperreal.cloud",
+      "url": "https://github.com/nipunigamage"
+    }
+  ],
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": ["dist"],
+  "peerDependencies": {
+    "vite": "^5 || ^6",
+    "react": "^18",
+    "react-router": "^6"
+  },
+  "keywords": ["vite", "vite-plugin", "react", "router", "nextjs"],
+  "scripts": {
+    "build": "tsup",
+    "prepublishOnly": "pnpm build"
+  }
+}