revine 0.8.1 → 0.9.1

package/README.md

@@ -1,81 +1,81 @@
-# Revine
-
-[![npm version](https://img.shields.io/npm/v/revine)](https://www.npmjs.com/package/revine)
-[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
-
-A minimal React framework with file-based routing and TypeScript-first approach.
-
-## Features
-
-- ⚡️ Vite-powered development
-- 🗂 File-based routing (Next.js style)
-- 🛠 TypeScript support out-of-the-box
-- 🚀 Zero-config setup
-- 🔥 Hot Module Replacement (HMR)
-
-## Installation
-
-Create a new project with:
-
-```bash
-npx revine my-project
-```
-
-## Documentation
-
-### CLI Options
-
-```bash
-npx revine <project-name>
-```
-
-### Project Structure
-
-Generated projects follow this structure:
-
-```
-my-project/
-├── src/
-│   ├── pages/         # Route components
-│   │   └── index.tsx
-│   ├── App.tsx        # Router configuration
-│   └── main.tsx       # Entry point
-├── public/            # Static assets
-├── vite.config.ts     # Vite configuration
-└── package.json
-```
-
-### Routing Convention
-
-src/pages/index.tsx → /
-
-src/pages/about.tsx → /about
-
-src/pages/blog/[slug].tsx → /blog/:slug
-
-## Contributing
-
-### Clone repository
-
-```bash
-git clone https://github.com/your-username/revine.git
-```
-
-### Install dependencies
-
-```bash
-npm install
-```
-
-### Build and link locally
-
-```bash
-npm run build
-npm link
-```
-
-### Test locally
-
-revine test-project
-
-### Thank you for contributing!
+# Revine
+
+[![npm version](https://img.shields.io/npm/v/revine)](https://www.npmjs.com/package/revine)
+[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
+
+A minimal React framework with file-based routing and TypeScript-first approach.
+
+## Features
+
+- ⚡️ Vite-powered development
+- 🗂 File-based routing (Next.js style)
+- 🛠 TypeScript support out-of-the-box
+- 🚀 Zero-config setup
+- 🔥 Hot Module Replacement (HMR)
+
+## Installation
+
+Create a new project with:
+
+```bash
+npx revine my-project
+```
+
+## Documentation
+
+### CLI Options
+
+```bash
+npx revine <project-name>
+```
+
+### Project Structure
+
+Generated projects follow this structure:
+
+```
+my-project/
+├── src/
+│   ├── pages/         # Route components
+│   │   └── index.tsx
+│   ├── App.tsx        # Router configuration
+│   └── main.tsx       # Entry point
+├── public/            # Static assets
+├── vite.config.ts     # Vite configuration
+└── package.json
+```
+
+### Routing Convention
+
+src/pages/index.tsx → /
+
+src/pages/about.tsx → /about
+
+src/pages/blog/[slug].tsx → /blog/:slug
+
+## Contributing
+
+### Clone repository
+
+```bash
+git clone https://github.com/your-username/revine.git
+```
+
+### Install dependencies
+
+```bash
+npm install
+```
+
+### Build and link locally
+
+```bash
+npm run build
+npm link
+```
+
+### Test locally
+
+revine test-project
+
+### Thank you for contributing!

package/dist/commands/createProject.d.ts

@@ -0,0 +1,4 @@
+export declare function createProject(projectName: string, options: {
+    force?: boolean;
+}): Promise<void>;
+//# sourceMappingURL=createProject.d.ts.map

package/dist/commands/createProject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createProject.d.ts","sourceRoot":"","sources":["../../src/commands/createProject.ts"],"names":[],"mappings":"AAcA,wBAAsB,aAAa,CACjC,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,iBAuE7B"}

package/dist/config/package.d.ts

@@ -0,0 +1,6 @@
+interface UpdatePackageOptions {
+    useTailwind?: boolean;
+}
+export declare function updatePackageJson(filePath: string, projectName: string, options?: UpdatePackageOptions): Promise<void>;
+export {};
+//# sourceMappingURL=package.d.ts.map

package/dist/config/package.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"package.d.ts","sourceRoot":"","sources":["../../src/config/package.ts"],"names":[],"mappings":"AAEA,UAAU,oBAAoB;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAsB,iBAAiB,CACrC,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EACnB,OAAO,GAAE,oBAAyB,iBAkBnC"}

package/dist/config/package.js

@@ -3,6 +3,10 @@ export async function updatePackageJson(filePath, projectName, options = {}) {
     const packageJson = await fs.readJson(filePath);
     packageJson.name = projectName;
     packageJson.type = "module";
+    packageJson.dependencies = {
+        ...packageJson.dependencies,
+        revine: "latest",
+    };
     if (options.useTailwind) {
         packageJson.devDependencies = {
             ...packageJson.devDependencies,

package/dist/config/readme.d.ts

@@ -0,0 +1,2 @@
+export declare function updateReadme(filePath: string, projectName: string): Promise<void>;
+//# sourceMappingURL=readme.d.ts.map

package/dist/config/readme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"readme.d.ts","sourceRoot":"","sources":["../../src/config/readme.ts"],"names":[],"mappings":"AAEA,wBAAsB,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,iBAIvE"}

package/dist/config/vite.d.ts

@@ -0,0 +1,2 @@
+export declare function updateViteConfig(filePath: string): Promise<void>;
+//# sourceMappingURL=vite.d.ts.map

package/dist/config/vite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../../src/config/vite.ts"],"names":[],"mappings":"AAEA,wBAAsB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,iBAgBtD"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":""}

package/dist/index.js

@@ -1,21 +1,53 @@
 #!/usr/bin/env node
 import { Command } from "commander";
 import { createProject } from "./commands/createProject.js";
+import { spawn } from "child_process";
+import path from "path";
+import { fileURLToPath } from "url";
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 const program = new Command();
 // Main command handler for direct project creation
 const handleProjectCreation = async (projectName, options) => {
     await createProject(projectName, options);
 };
-// Root command (npx revine my-app)
+// Helper to run vite with internal config
+const runViteCommand = (command) => {
+    // Path to the compiled vite.config.js in dist
+    const configPath = path.resolve(__dirname, "runtime/bundler/vite.config.js");
+    const args = [command, "--config", configPath];
+    if (command === "dev") {
+        // Vite dev doesn't need 'dev' argument, just calling vite is enough
+        args.shift();
+    }
+    spawn("npx", ["vite", ...args], {
+        stdio: "inherit",
+        shell: true,
+    });
+};
+// Main command handler for direct project creation with command check
+const handleRootAction = async (projectName, options) => {
+    const knownCommands = ["create", "dev", "build", "preview"];
+    if (projectName && !knownCommands.includes(projectName)) {
+        await handleProjectCreation(projectName, options);
+    }
+    else if (!projectName) {
+        program.help();
+    }
+};
+// Root command
 program
-    .version("0.1.0")
-    .argument("[project-name]")
+    .version("0.8.0")
+    .argument("[project-name/command]")
     .option("-f, --force", "Force creation in non-empty directory")
-    .action(async (projectName, options) => {
-    if (projectName) {
-        await handleProjectCreation(projectName, options);
+    .action(async (arg, options) => {
+    // If it's a known command, Commander will handle it in the subcommand action.
+    // We only handle it here if it's NOT a known command.
+    const knownCommands = ["create", "dev", "build", "preview"];
+    if (arg && !knownCommands.includes(arg)) {
+        await handleProjectCreation(arg, options);
     }
-    else {
+    else if (!arg) {
         program.help();
     }
 });
@@ -27,4 +59,16 @@ program
     .action(async (projectName, options) => {
     await handleProjectCreation(projectName, options);
 });
+program
+    .command("dev")
+    .description("Start the development server")
+    .action(() => runViteCommand("dev"));
+program
+    .command("build")
+    .description("Build the project for production")
+    .action(() => runViteCommand("build"));
+program
+    .command("preview")
+    .description("Preview the production build")
+    .action(() => runViteCommand("preview"));
 program.parse(process.argv);

package/dist/prompts/git.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Initialize a Git repository in the project directory.
+ * @param projectDir - The directory where the project was set up.
+ */
+export default function initGit(projectDir: string): Promise<void>;
+//# sourceMappingURL=git.d.ts.map

package/dist/prompts/git.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"git.d.ts","sourceRoot":"","sources":["../../src/prompts/git.ts"],"names":[],"mappings":"AAiBA;;;GAGG;AACH,wBAA8B,OAAO,CAAC,UAAU,EAAE,MAAM,iBAuCvD"}

package/dist/prompts/index.d.ts

@@ -0,0 +1,4 @@
+export { default as askForTailwindSetup } from "./tailwind.js";
+export { default as runProject } from "./project.js";
+export { default as initGit } from "./git.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/prompts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/prompts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/dist/prompts/project.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Ask the user if they want to run the project after setup is complete.
+ * If the user confirms, it will start the dev server using the same revine
+ * binary that was invoked (i.e. the local build), rather than the npm package.
+ * @param projectDir - The directory where the project was set up.
+ */
+export default function runProject(projectDir: string): Promise<void>;
+//# sourceMappingURL=project.d.ts.map

package/dist/prompts/project.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"project.d.ts","sourceRoot":"","sources":["../../src/prompts/project.ts"],"names":[],"mappings":"AAIA;;;;;GAKG;AACH,wBAA8B,UAAU,CAAC,UAAU,EAAE,MAAM,iBAuB1D"}

package/dist/prompts/project.js

@@ -1,9 +1,10 @@
 import inquirer from "inquirer";
-import { execSync } from "child_process";
+import { spawn } from "child_process";
 import { logInfo } from "../utils/logger.js";
 /**
  * Ask the user if they want to run the project after setup is complete.
- * If the user confirms, it will run `npm run dev` or the equivalent command.
+ * If the user confirms, it will start the dev server using the same revine
+ * binary that was invoked (i.e. the local build), rather than the npm package.
  * @param projectDir - The directory where the project was set up.
  */
 export default async function runProject(projectDir) {
@@ -17,11 +18,13 @@ export default async function runProject(projectDir) {
     ]);
     if (runProject) {
         logInfo("Running your Revine project on dev server...");
-        try {
-            execSync("npm run dev", { cwd: projectDir, stdio: "inherit" });
-        }
-        catch (error) {
-            logInfo("Failed to start the project. You can manually run `npm run dev`.");
-        }
+        // Use the same revine binary that the user invoked (process.argv[1])
+        // so that local development always uses the local build.
+        const revineBin = process.argv[1];
+        spawn("node", [revineBin, "dev"], {
+            cwd: projectDir,
+            stdio: "inherit",
+            shell: false,
+        });
     }
 }

package/dist/prompts/tailwind.d.ts

@@ -0,0 +1,2 @@
+export default function askForTailwindSetup(): Promise<boolean>;
+//# sourceMappingURL=tailwind.d.ts.map

package/dist/prompts/tailwind.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind.d.ts","sourceRoot":"","sources":["../../src/prompts/tailwind.ts"],"names":[],"mappings":"AAEA,wBAA8B,mBAAmB,IAAI,OAAO,CAAC,OAAO,CAAC,CAUpE"}

package/dist/runtime/bundler/defaults/vite.d.ts

@@ -0,0 +1,15 @@
+export declare const defaultViteConfig: {
+    plugins: any[];
+    logLevel: string;
+    server: {
+        clearScreen: boolean;
+        open: boolean;
+        port: number;
+        host: boolean;
+    };
+    build: {
+        outDir: string;
+        emptyOutDir: boolean;
+    };
+};
+//# sourceMappingURL=vite.d.ts.map

package/dist/runtime/bundler/defaults/vite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../../../../src/runtime/bundler/defaults/vite.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;CAa7B,CAAC"}

package/dist/runtime/bundler/defaults/vite.js

@@ -0,0 +1,17 @@
+import react from "@vitejs/plugin-react";
+import { revineLoggerPlugin } from "../viteLoggerPlugin.js";
+import { revinePlugin } from "../revinePlugin.js";
+export const defaultViteConfig = {
+    plugins: [react(), revinePlugin(), revineLoggerPlugin()],
+    logLevel: "silent",
+    server: {
+        clearScreen: false,
+        open: true,
+        port: 3000,
+        host: true,
+    },
+    build: {
+        outDir: "build",
+        emptyOutDir: true,
+    },
+};

package/dist/runtime/bundler/generateConfig.d.ts

@@ -0,0 +1,2 @@
+export declare function generateRevineViteConfig(): Promise<any>;
+//# sourceMappingURL=generateConfig.d.ts.map

package/dist/runtime/bundler/generateConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateConfig.d.ts","sourceRoot":"","sources":["../../../src/runtime/bundler/generateConfig.ts"],"names":[],"mappings":"AAUA,wBAAsB,wBAAwB,iBAyB7C"}

package/dist/runtime/bundler/generateConfig.js

@@ -0,0 +1,27 @@
+import { merge } from "lodash-es";
+import path from "path";
+import fs from "fs-extra";
+import { defaultViteConfig } from "./defaults/vite.js";
+import { loadUserConfig } from "./utils/loadUserConfig.js";
+export async function generateRevineViteConfig() {
+    // Load the user's revine.config.ts
+    const userConfig = (await loadUserConfig());
+    // Merge user "vite" overrides with your default config
+    const finalConfig = merge({}, defaultViteConfig, userConfig.vite || {});
+    // Dynamically add Tailwind if present in the project
+    try {
+        const projectPkgPath = path.resolve(process.cwd(), "package.json");
+        const pkg = await fs.readJson(projectPkgPath);
+        const hasTailwind = pkg.devDependencies?.["@tailwindcss/vite"] ||
+            pkg.dependencies?.["@tailwindcss/vite"];
+        if (hasTailwind) {
+            const tailwindModule = "@tailwindcss/vite";
+            const { default: tailwindcss } = (await import(tailwindModule));
+            finalConfig.plugins = [...(finalConfig.plugins || []), tailwindcss()];
+        }
+    }
+    catch (e) {
+        // Ignore error if package.json not found or tailwind not importable
+    }
+    return finalConfig;
+}

package/dist/runtime/bundler/revinePlugin.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The Revine Vite plugin.
+ *
+ * Provides a virtual module for `revine/routing` so that:
+ *  - `import.meta.glob` is resolved by Vite in the *project* context (not node_modules)
+ *  - React runtime is resolved from the project's own node_modules
+ */
+export declare function revinePlugin(): any;
+//# sourceMappingURL=revinePlugin.d.ts.map

package/dist/runtime/bundler/revinePlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"revinePlugin.d.ts","sourceRoot":"","sources":["../../../src/runtime/bundler/revinePlugin.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,wBAAgB,YAAY,IAAI,GAAG,CA4DlC"}

package/dist/runtime/bundler/revinePlugin.js

@@ -0,0 +1,68 @@
+const VIRTUAL_ROUTING_ID = "\0revine:routing";
+/**
+ * The Revine Vite plugin.
+ *
+ * Provides a virtual module for `revine/routing` so that:
+ *  - `import.meta.glob` is resolved by Vite in the *project* context (not node_modules)
+ *  - React runtime is resolved from the project's own node_modules
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function revinePlugin() {
+    return {
+        name: "revine",
+        resolveId(id) {
+            if (id === "revine/routing") {
+                return VIRTUAL_ROUTING_ID;
+            }
+        },
+        // Return the routing source as a virtual module.
+        // Because it's virtual (not inside node_modules), Vite processes
+        // import.meta.glob and all imports normally in the project context.
+        load(id) {
+            if (id === VIRTUAL_ROUTING_ID) {
+                return `
+import { createBrowserRouter } from "react-router-dom";
+import { lazy, Suspense, createElement } from "react";
+
+// Eagerly load NotFound from the project's src directory.
+const notFoundModules = import.meta.glob("/src/NotFound.tsx", { eager: true });
+const NotFoundComponent = Object.values(notFoundModules)[0]?.default;
+
+// Lazily load all page components under /src/pages.
+const pages = import.meta.glob("/src/pages/**/*.tsx");
+
+const routes = Object.entries(pages).map(([filePath, component]) => {
+  let cleaned = filePath.replace(/\\\\/g, "/");
+  cleaned = cleaned.replace(/.*\\/pages\\//, "");
+  cleaned = cleaned.replace(/\\.tsx$/i, "");
+  cleaned = cleaned.replace(/\\/index$/, "");
+  cleaned = cleaned.replace(/\\[(\\w+)\\]/g, ":$1");
+  if (cleaned === "index") cleaned = "";
+
+  const routePath = cleaned === "" ? "/" : \`/\${cleaned}\`;
+  const Component = lazy(component);
+
+  return {
+    path: routePath,
+    element: createElement(
+      Suspense,
+      { fallback: createElement("div", null, "Loading\u2026") },
+      createElement(Component)
+    ),
+  };
+});
+
+// 404 fallback
+routes.push({
+  path: "*",
+  element: NotFoundComponent
+    ? createElement(NotFoundComponent)
+    : createElement("div", null, "404 - Page Not Found"),
+});
+
+export const router = createBrowserRouter(routes);
+`;
+            }
+        },
+    };
+}

package/dist/runtime/bundler/utils/loadUserConfig.d.ts

@@ -0,0 +1,2 @@
+export declare function loadUserConfig(): Promise<any>;
+//# sourceMappingURL=loadUserConfig.d.ts.map

package/dist/runtime/bundler/utils/loadUserConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadUserConfig.d.ts","sourceRoot":"","sources":["../../../../src/runtime/bundler/utils/loadUserConfig.ts"],"names":[],"mappings":"AAGA,wBAAsB,cAAc,iBAenC"}

package/dist/runtime/bundler/utils/loadUserConfig.js

@@ -0,0 +1,20 @@
+import path from "path";
+import { pathToFileURL } from "url";
+export async function loadUserConfig() {
+    const configPath = path.resolve(process.cwd(), "revine.config.ts");
+    try {
+        const configModule = await import(pathToFileURL(configPath).href);
+        return configModule.default || {};
+    }
+    catch (error) {
+        // If .ts fails, try .js or just return empty
+        try {
+            const configPathJs = path.resolve(process.cwd(), "revine.config.js");
+            const configModule = await import(pathToFileURL(configPathJs).href);
+            return configModule.default || {};
+        }
+        catch (e) {
+            return {};
+        }
+    }
+}

package/dist/runtime/bundler/vite.config.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("vite").UserConfigExport;
+export default _default;
+//# sourceMappingURL=vite.config.d.ts.map

package/dist/runtime/bundler/vite.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite.config.d.ts","sourceRoot":"","sources":["../../../src/runtime/bundler/vite.config.ts"],"names":[],"mappings":";AAIA,wBAGG"}

package/dist/runtime/bundler/vite.config.js

@@ -0,0 +1,7 @@
+import { defineConfig } from "vite";
+import { generateRevineViteConfig } from "./generateConfig.js";
+// Vite supports async config. We can do:
+export default defineConfig(async () => {
+    // Merge defaults + user overrides
+    return (await generateRevineViteConfig());
+});

package/dist/runtime/bundler/viteLoggerPlugin.d.ts

@@ -0,0 +1,3 @@
+import type { Plugin } from "vite";
+export declare function revineLoggerPlugin(): Plugin;
+//# sourceMappingURL=viteLoggerPlugin.d.ts.map

package/dist/runtime/bundler/viteLoggerPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viteLoggerPlugin.d.ts","sourceRoot":"","sources":["../../../src/runtime/bundler/viteLoggerPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAiB,MAAM,MAAM,CAAC;AAGlD,wBAAgB,kBAAkB,IAAI,MAAM,CA6B3C"}

package/dist/runtime/bundler/viteLoggerPlugin.js

@@ -0,0 +1,27 @@
+import chalk from "chalk";
+export function revineLoggerPlugin() {
+    //  custom chalk instance pointing to the indigo color
+    const indigo = chalk.hex("#6d28d9");
+    return {
+        name: "revine-logger",
+        configureServer(server) {
+            server.httpServer?.once("listening", () => {
+                const protocol = server.config.server.https ? "https" : "http";
+                const host = server.resolvedUrls?.local[0] || "localhost:3000";
+                const { network = [] } = server.resolvedUrls ?? {};
+                // Use the 'indigo' instance in place of 'chalk.cyan'
+                console.log(indigo("─────────────────────────────────────────────"));
+                console.log(indigo.bold("🚀 Revine Dev Server is now running!"));
+                console.log(indigo("─────────────────────────────────────────────"));
+                console.log(indigo(`Local:   ${chalk.green(`${protocol}://${host}`)}`));
+                if (network.length) {
+                    network.forEach((url) => {
+                        console.log(indigo(`Network: ${chalk.green(url)}`));
+                    });
+                }
+                console.log(indigo("─────────────────────────────────────────────"));
+                console.log("");
+            });
+        },
+    };
+}

package/dist/runtime/routing/fileBased.d.ts

@@ -0,0 +1,2 @@
+export declare const router: import("@remix-run/router").Router;
+//# sourceMappingURL=fileBased.d.ts.map

package/dist/runtime/routing/fileBased.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileBased.d.ts","sourceRoot":"","sources":["../../../src/runtime/routing/fileBased.tsx"],"names":[],"mappings":"AA6CA,eAAO,MAAM,MAAM,oCAA8B,CAAC"}