fleetbo-cockpit-cli 1.0.180 → 1.0.183

package/cli.js

@@ -120,49 +120,62 @@ const checkGitSecurity = () => {
 };
 
 const injectRouteIntoAppJs = (moduleName, subPath = '') => {
-    const appJsPath = fs.existsSync(path.join(process.cwd(), 'src', 'App.jsx'))
-    ? path.join(process.cwd(), 'src', 'App.jsx')
-    : path.join(process.cwd(), 'src', 'App.jsx');
-    if (!fs.existsSync(appJsPath)) {
-        console.error(`   \x1b[31m[Safety Stop]\x1b[0m App.jsx missing.`);
+    // 🔍 DÉTERMINATION DU FICHIER CIBLE SELON LE FRAMEWORK
+    const targetFile = JS_FRAMEWORK === 'vue'
+        ? path.join(process.cwd(), 'src', 'router.js')  // Cible Vue
+        : path.join(process.cwd(), 'src', 'App.jsx');    // Cible React
+
+    if (!fs.existsSync(targetFile)) {
+        console.error(`   \x1b[31m[Safety Stop]\x1b[0m ${path.basename(targetFile)} missing.`);
         return false;
     }
 
-    let content = fs.readFileSync(appJsPath, 'utf8');
+    let content = fs.readFileSync(targetFile, 'utf8');
     const importAnchor = '// FLEETBO_MORE_IMPORTS';
-    const routeAnchor = '{/* FLEETBO_DYNAMIC ROUTES */}';
+    const routeAnchor = JS_FRAMEWORK === 'vue'
+        ? '/* FLEETBO_DYNAMIC ROUTES */'
+        : '{/* FLEETBO_DYNAMIC ROUTES */}';
 
     if (!content.includes(importAnchor) || !content.includes(routeAnchor)) {
-        console.log(`   \x1b[33m[Skipped]\x1b[0m Anchors missing in App.jsx. Manual injection required.`);
+        console.log(`   \x1b[33m[Skipped]\x1b[0m Anchors missing in ${path.basename(targetFile)}. Manual injection required.`);
         return false;
     }
 
     const cleanSubPath = subPath ? `${subPath}/` : '';
-    const importLine = `import ${moduleName} from './app/${cleanSubPath}${moduleName}';`;
-    const routeLine = `<Route path="/${cleanSubPath}${moduleName.toLowerCase()}" element={<${moduleName} />} />`;
+    let importLine, routeLine;
+
+    if (JS_FRAMEWORK === 'vue') {
+        // 🟢 SYNTAXE VUE
+        importLine = `import ${moduleName} from './app/${cleanSubPath}${moduleName}.vue';`;
+        routeLine = `{ path: '/${cleanSubPath}${moduleName.toLowerCase()}', component: ${moduleName} },`;
+    } else {
+        // 🔵 SYNTAXE REACT
+        importLine = `import ${moduleName} from './app/${cleanSubPath}${moduleName}';`;
+        routeLine = `<Route path="/${cleanSubPath}${moduleName.toLowerCase()}" element={<${moduleName} />} />`;
+    }
 
     let modified = false;
 
     // 1. Injection de l'import (Capture l'indentation d'origine)
     if (!content.includes(importLine)) {
-        const importMatch = content.match(new RegExp(`(\\n[ \\t]*)${importAnchor.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}`));
+        const importMatch = content.match(new RegExp(`(\\n[ \\t]*)${importAnchor.replace(/[.*+?^${}()|[\\]\\]/g, '\\$&')}`));
         const importIndent = importMatch ? importMatch[1] : '\n';
         content = content.replace(importAnchor, `${importLine}${importIndent}${importAnchor}`);
         modified = true;
     }
-    
-    // 2. Injection de la route (Capture l'indentation d'origine, fini les espaces en dur !)
+
+    // 2. Injection de la route (Capture l'indentation d'origine)
     if (!content.includes(routeLine)) {
-        const routeMatch = content.match(new RegExp(`(\\n[ \\t]*)${routeAnchor.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}`));
+        const routeMatch = content.match(new RegExp(`(\\n[ \\t]*)${routeAnchor.replace(/[.*+?^${}()|[\\]\\]/g, '\\$&')}`));
         const routeIndent = routeMatch ? routeMatch[1] : '\n';
         content = content.replace(routeAnchor, `${routeLine}${routeIndent}${routeAnchor}`);
         modified = true;
     }
-    
+
     if (modified) {
-        fs.writeFileSync(appJsPath, content);
+        fs.writeFileSync(targetFile, content);
     }
-    
+
     return modified;
 };
 
@@ -231,34 +244,39 @@ const getModuleCache = async ({ projectId, moduleName }) => {
 };
 
 const removeRouteFromAppJs = (moduleName) => {
-    const appJsPath = fs.existsSync(path.join(process.cwd(), 'src', 'App.jsx'))
-    ? path.join(process.cwd(), 'src', 'App.jsx')
-    : path.join(process.cwd(), 'src', 'App.jsx');
-    if (!fs.existsSync(appJsPath)) return false;
+    const targetFile = JS_FRAMEWORK === 'vue'
+        ? path.join(process.cwd(), 'src', 'router.js')
+        : path.join(process.cwd(), 'src', 'App.jsx');
+    if (!fs.existsSync(targetFile)) return false;
 
-    let content = fs.readFileSync(appJsPath, 'utf8');
-    
-    const importLine = `import ${moduleName} from './app/mocks/${moduleName}';`;
-    const routeLine = `<Route path="/mocks/${moduleName.toLowerCase()}" element={<${moduleName} />} />`;
+    let content = fs.readFileSync(targetFile, 'utf8');
+
+    let importLine, routeLine;
+    if (JS_FRAMEWORK === 'vue') {
+        importLine = `import ${moduleName} from './app/mocks/${moduleName}.vue';`;
+        routeLine = `{ path: '/mocks/${moduleName.toLowerCase()}', component: ${moduleName} },`;
+    } else {
+        importLine = `import ${moduleName} from './app/mocks/${moduleName}';`;
+        routeLine = `<Route path="/mocks/${moduleName.toLowerCase()}" element={<${moduleName} />} />`;
+    }
 
     const originalContent = content;
-    
-    // On supprime l'import ET le saut de ligne qui le suit
+
     const importRegex = new RegExp(`${importLine.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}\\n?`, 'g');
     content = content.replace(importRegex, '');
 
-    // On supprime la route ET tous les espaces/sauts de ligne qui la PRÉCÈDENT
     const routeRegex = new RegExp(`\\n?\\s*${routeLine.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}`, 'g');
     content = content.replace(routeRegex, '');
 
     if (content !== originalContent) {
-        fs.writeFileSync(appJsPath, content);
-        console.log(`   \x1b[32m[Unrouted]\x1b[0m ${moduleName} removed from App.jsx.`);
+        fs.writeFileSync(targetFile, content);
+        console.log(`   \x1b[32m[Unrouted]\x1b[0m ${moduleName} removed from ${path.basename(targetFile)}.`);
         return true;
     }
     return false;
 };
 
+
 // ============================================
 // COMMAND: alex
 // ============================================
@@ -1079,13 +1097,12 @@ else {
         const npmCmd = process.platform === 'win32' ? 'npm.cmd' : 'npm';
 
         // Lancement agnostique du serveur de dev (React, Vue, etc.)
-        const devServer = spawn(`${npmCmd} run dev --silent`, {
+        const devServer = spawn(`${npmCmd} run dev --silent -- --host 127.0.0.1`, {
             stdio: ['ignore', 'pipe', 'pipe'],
             shell: true,
             env: { 
                 ...process.env, 
                 NODE_OPTIONS: '--no-deprecation'
-                // On a retiré le forçage du PORT ici pour laisser Vite choisir (souvent 5173 pour Vue)
             }
         });
 
@@ -1183,7 +1200,7 @@ else {
                 };
 
                 startUplink(0);
-                
+
                 }
             }
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fleetbo-cockpit-cli",
-  "version": "1.0.180",
+  "version": "1.0.183",
   "description": "Fleetbo CLI - Build native mobile apps with React",
   "author": "Fleetbo",
   "license": "MIT",