navilo 1.2.4 → 1.2.5

package/README.md

@@ -30,17 +30,21 @@ Navilo automatically generates a route tree from your `src/app` (or custom) dire
 
 ## Quick Start
 
-### Vite Config
+You can use the CLI to setup your project automatically.
 
-1. Install react router dom since its our peer dependency
+```bash
+npx navilo init
+```
+
+Or you can do the following steps manually:
 
+### Vite Config
+1. Install react router dom since its our peer dependency
 ```bash
 npm install react-router-dom@6.16.0
-
 ```
 
 2.Add the navilo to plugin in vite config
-
 ```ts
 // vite.config.ts
 import {defineConfig} from 'vite';
@@ -70,7 +74,7 @@ declare module 'virtual:navilo-routes' {
 
 ```tsx
 import {RouterProvider} from "react-router-dom";
-import {router} from 'virtual:preluder-routes';
+import {router} from 'virtual:navilo-routes';
 
 export function App() {
     return (

package/bin/navilo.js

@@ -0,0 +1,87 @@
+#!/usr/bin/env node
+
+const { execSync } = require('child_process');
+const fs = require('fs');
+const path = require('path');
+
+const commands = {
+  init: () => {
+    console.log('Initializing Navilo...');    
+
+    const packageJsonPath = path.join(process.cwd(), 'package.json');
+    if (fs.existsSync(packageJsonPath)) {
+      const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'));
+      const dependencies = { ...packageJson.dependencies, ...packageJson.devDependencies };
+      if (!dependencies['react-router-dom'] || dependencies['react-router-dom'] !== '^6.16.0') {
+        console.log('Installing react-router-dom@^6.16.0...');
+        execSync('npm install react-router-dom@^6.16.0', { stdio: 'inherit' });
+      }
+    } else {
+        console.log('package.json not found. Please run in a valid project directory.');
+        return;
+    }
+
+    const viteConfigPath = path.join(process.cwd(), 'vite.config.ts');
+    if (fs.existsSync(viteConfigPath)) {
+        let viteConfig = fs.readFileSync(viteConfigPath, 'utf-8');
+        if (!viteConfig.includes('navilo(')) {
+            viteConfig = viteConfig.replace(/plugins: \[(.*)\]/s, (match, plugins) => {
+                return `plugins: [${plugins.trim()}, navilo({ pagesDir: 'src/app' })]`;
+            });
+            viteConfig = "import navilo from 'navilo';\n" + viteConfig;
+            fs.writeFileSync(viteConfigPath, viteConfig);
+            console.log('Updated vite.config.ts');
+        }
+    } else {
+        console.log('vite.config.ts not found. Please ensure you are in a Vite project.');
+    }
+
+    const viteEnvDtsPath = path.join(process.cwd(), 'src/vite-env.d.ts');
+    const declaration = `/// <reference types="vite/client" />
+declare module 'virtual:navilo-routes' {
+    export const router;
+}
+`;
+    if (fs.existsSync(viteEnvDtsPath)) {
+        let content = fs.readFileSync(viteEnvDtsPath, 'utf-8');
+        if (!content.includes('virtual:navilo-routes')) {
+            content += '\n' + declaration;
+            fs.writeFileSync(viteEnvDtsPath, content);
+        }
+    } else {
+        fs.writeFileSync(viteEnvDtsPath, declaration);
+    }
+    console.log('Updated/created vite-env.d.ts');
+
+
+    const appFilePath = path.join(process.cwd(), 'src/App.tsx');
+    if (fs.existsSync(appFilePath)) {
+        let appFileContent = fs.readFileSync(appFilePath, 'utf-8');
+        if (!appFileContent.includes('virtual:navilo-routes')) {
+            appFileContent = `import { RouterProvider } from "react-router-dom";
+import { router } from 'virtual:navilo-routes';
+
+export function App() {
+    return (
+        <RouterProvider router={router} />
+    );
+}
+`;
+            fs.writeFileSync(appFilePath, appFileContent);
+            console.log('Updated App.tsx');
+        }
+    } else {
+        console.log('src/App.tsx not found. You will need to manually set up the router provider.');
+    }
+
+    console.log('Navilo initialization complete! 🎉');
+  },
+};
+
+const command = process.argv[2];
+
+if (commands[command]) {
+  commands[command]();
+} else {
+  console.log('Unknown command. Available commands: init');
+}

package/package.json

@@ -1,17 +1,22 @@
 {
   "name": "navilo",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "description": "File-based routing plugin for Vite + React applications",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "bin"
   ],
+  "bin": {
+    "navilo": "bin/navilo.js"
+  },
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "prepack": "npm run build"
   },
   "keywords": [
     "vite",
@@ -47,4 +52,4 @@
     "vitest": "^3.2.4"
   },
   "packageManager": "pnpm@10.14.0+sha512.ad27a79641b49c3e481a16a805baa71817a04bbe06a38d17e60e2eaee83f6a146c6a688125f5792e48dd5ba30e7da52a5cda4c3992b9ccf333f9ce223af84748"
-}
+}