create-fleetbo-project 1.2.97 → 1.2.98

package/install-react-template.js

@@ -1,5 +1,6 @@
 #!/usr/bin/env node
 
+// 🥷 SILENCIEUX ABSOLU : S'exécute instantanément pour tuer la plomberie de NPX
 process.stdout.write("\x1b[1A\x1b[2K".repeat(4));
 console.clear();
 
@@ -15,54 +16,61 @@ const projectNameArg = args.find(arg => !arg.startsWith('--'));
 const tokenArg = args.find(arg => arg.startsWith('--token='));
 const emailArg = args.find(arg => arg.startsWith('--email='));
 const frameworkArg = args.find(arg => arg.startsWith('--framework='));
-
 const bootstrapTokenArg = tokenArg ? tokenArg.split('=')[1] : null;
 const userEmailArg = emailArg ? emailArg.split('=')[1] : null;
-const framework = frameworkArg ? frameworkArg.split('=')[1].toLowerCase() : 'react';
+const jsFramework = frameworkArg ? frameworkArg.split('=')[1] : 'react';
 
 if (!projectNameArg || !bootstrapTokenArg || !userEmailArg) {
-    console.error('\n Usage: npx create-fleetbo-project <name> --token=<token> --email=<email> [--framework=react|vue]');
+    console.error('\n Usage: npx create-fleetbo-project <n> --token=<token> --email=<email> [--framework=vue]');
     process.exit(1);
 }
 
-const projectName = projectNameArg;
-const projectDir = path.join(process.cwd(), projectName);
-
-// 🌐 SÉLECTION DYNAMIQUE DE LA SOURCE
-let archiveUrl;
-if (framework === 'vue') {
-    console.log(`\n 🔍 Resolving latest Vue template from npm registry...`);
+// 🌐 RÉSOLUTION UNIFIÉE DEPUIS NPM
+// React : my-fleetbo-react | Vue : my-fleetbo-vue
+// NPM = CDN industriel, SemVer, zéro rate limit GitHub
+const getArchiveUrl = () => {
+    const templatePackage = jsFramework === 'vue' ? 'my-fleetbo-vue' : 'my-fleetbo-react';
+    console.log(` 🔍 Resolving latest ${jsFramework.toUpperCase()} template from npm registry...`);
     try {
-        archiveUrl = execSync('npm view my-fleetbo-vue dist.tarball', { stdio: ['pipe', 'pipe', 'ignore'] }).toString().trim();
+        const tarball = execSync(`npm view ${templatePackage} dist.tarball`, { stdio: ['pipe', 'pipe', 'ignore'] }).toString().trim();
+        if (!tarball) throw new Error('Empty response');
+        return Promise.resolve(tarball);
     } catch (e) {
-        console.error('\n ❌ Error: Could not locate "my-fleetbo-vue" on npm.');
-        process.exit(1);
+        return Promise.reject(new Error(`Could not locate "${templatePackage}" on npm. Is it published?`));
     }
-} else {
-    const repoOwner = 'FleetFleetbo';
-    const repoName = 'dev.fleetbo.io';
-    const branchName = 'master'; 
-    archiveUrl = `https://github.com/${repoOwner}/${repoName}/archive/refs/heads/${branchName}.tar.gz`;
-}
+};
+
+const projectName = projectNameArg;
+const projectDir = path.join(process.cwd(), projectName);
 
 function fetchProjectKeys(token) {
     return new Promise((resolve, reject) => {
         const postData = JSON.stringify({ token });
         const uri = new URL(bootstrapUrl);
         const options = { 
-            hostname: uri.hostname, path: uri.pathname, method: 'POST', 
-            headers: { 'Content-Type': 'application/json', 'Content-Length': Buffer.byteLength(postData) } 
+            hostname: uri.hostname, 
+            path: uri.pathname, 
+            method: 'POST', 
+            headers: { 
+                'Content-Type': 'application/json', 
+                'Content-Length': Buffer.byteLength(postData) 
+            } 
         };
         const req = https.request(options, (res) => {
             let data = '';
             res.on('data', (chunk) => { data += chunk; });
             res.on('end', () => {
                 if (res.statusCode >= 200 && res.statusCode < 300) {
-                    try { resolve(JSON.parse(data)); } catch (e) { reject(new Error('Invalid response')); }
-                } else { reject(new Error(`Server error ${res.statusCode}`)); }
+                    try { resolve(JSON.parse(data)); } 
+                    catch (e) { reject(new Error('Invalid response')); }
+                } else { 
+                    reject(new Error(`Server error ${res.statusCode}`)); 
+                }
             });
         });
-        req.on('error', (e) => reject(e)); req.write(postData); req.end();
+        req.on('error', (e) => reject(e));
+        req.write(postData);
+        req.end();
     });
 }
 
@@ -70,33 +78,51 @@ function downloadEngine(url, dest) {
     return new Promise((resolve, reject) => {
         const uri = new URL(url);
         const options = {
-            hostname: uri.hostname, path: uri.pathname + uri.search, method: 'GET',
-            headers: { 'User-Agent': 'Fleetbo-CLI-Installer', 'Accept': '*/*' }
+            hostname: uri.hostname, 
+            path: uri.pathname + uri.search, 
+            method: 'GET',
+            headers: { 
+                'User-Agent': 'Fleetbo-CLI-Installer', 
+                'Accept': '*/*' 
+            }
         };
         const request = https.get(options, (response) => {
             if (response.statusCode === 301 || response.statusCode === 302) {
-                if (!response.headers.location) { reject(new Error("Redirect error")); return; }
+                if (!response.headers.location) { 
+                    reject(new Error("Redirect error")); 
+                    return; 
+                }
                 downloadEngine(response.headers.location, dest).then(resolve).catch(reject);
                 return;
             }
-            if (response.statusCode !== 200) { reject(new Error(`Status: ${response.statusCode}`)); return; }
+            if (response.statusCode !== 200) { 
+                reject(new Error(`Status: ${response.statusCode}`)); 
+                return; 
+            }
             const file = fs.createWriteStream(dest);
             response.pipe(file);
             file.on('finish', () => file.close(resolve));
-            file.on('error', (err) => { fs.unlink(dest, () => {}); reject(err); });
+            file.on('error', (err) => { 
+                fs.unlink(dest, () => {}); 
+                reject(err); 
+            });
         });
         request.on('error', (err) => reject(err));
     });
 }
 
 async function setupProject() {
-    console.log(`\n ⚡ Initializing Fleetbo Framework (\x1b[36m${framework.toUpperCase()}\x1b[0m) for "${projectName}"...`);
+    console.log(`\n ⚡ Initializing Fleetbo Framework for "${projectName}"...`);
   
     try {
-        if (fs.existsSync(projectDir)) { throw new Error(`Directory "${projectName}" already exists.`); }
+        if (fs.existsSync(projectDir)) {
+            throw new Error(`Directory "${projectName}" already exists.`);
+        }
         fs.mkdirSync(projectDir);
 
-        console.log(' [1/8] Downloading Fleetbo Core Engine...');
+        const frameworkLabel = jsFramework === 'vue' ? 'Vue' : 'React';
+        console.log(` [1/8] Downloading Fleetbo ${frameworkLabel} Engine...`);
+        const archiveUrl = await getArchiveUrl();
         const archivePath = path.join(projectDir, 'engine.tar.gz');
         await downloadEngine(archiveUrl, archivePath);
 
@@ -104,17 +130,19 @@ async function setupProject() {
         try {
             execSync(`tar -xf "${archivePath}" -C "${projectDir}" --strip-components=1`, { stdio: 'ignore' });
             fs.unlinkSync(archivePath); 
-        } catch (e) { throw new Error("Extract failed."); }
+        } catch (e) { 
+            throw new Error("Extract failed."); 
+        }
 
         process.chdir(projectDir);
 
-        console.log(' [3/8] Standardizing Architecture...');
-        if (framework === 'react') {
-            const oldPath = path.join(projectDir, 'src/pages');
-            const newPath = path.join(projectDir, 'src/app');
-            if (fs.existsSync(oldPath) && !fs.existsSync(newPath)) {
-                try { fs.renameSync(oldPath, newPath); } catch (err) {}
-            }
+        console.log(' [3/8] Standardizing Architecture (Vite)...');
+        // Pour Vite, on s'assure juste que l'arborescence de base est correcte.
+        // On retire les vieux renommages CRA (App.js) pour éviter de casser App.jsx
+        const oldPath = path.join(projectDir, 'src/pages');
+        const newPath = path.join(projectDir, 'src/app');
+        if (fs.existsSync(oldPath) && !fs.existsSync(newPath)) {
+            try { fs.renameSync(oldPath, newPath); } catch (err) {}
         }
 
         console.log(' [4/8] Authenticating with Fleetbo Cloud...');
@@ -132,7 +160,17 @@ WDS_SOCKET_PORT=0`;
         fs.writeFileSync(path.join(projectDir, '.env'), envContent, 'utf8');
         
         console.log(' [6/8] Securing environment (adding .gitignore)...');
-        const gitignoreContent = `# Fleetbo Security\n.env\n.env.local\nnode_modules/\ndist/\nbuild/\n.DS_Store\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\n`;
+        const gitignoreContent = `# Fleetbo Security
+.env
+.env.local
+node_modules/
+dist/
+build/
+.DS_Store
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+`;
         fs.writeFileSync(path.join(projectDir, '.gitignore'), gitignoreContent, 'utf8');
 
         const npmrcContent = `loglevel=silent\nupdate-notifier=false\n`; 
@@ -140,6 +178,7 @@ WDS_SOCKET_PORT=0`;
 
         console.log(' [7/8] Installing dependencies...');
         execSync('npm install --no-audit --no-fund --silent', { stdio: 'inherit' }); 
+
         execSync('npm install cloudflared --save-dev --no-audit --no-fund --silent', { stdio: 'ignore' });
 
         console.log(' [8/8] Finalizing setup...');
@@ -147,6 +186,7 @@ WDS_SOCKET_PORT=0`;
         const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'));
         packageJson.name = projectName;
         
+        // Configuration pour utiliser le package NPM centralisé
         packageJson.scripts = { 
             ...packageJson.scripts, 
             "fleetbo": "npx -y fleetbo-cockpit-cli@latest",
@@ -158,23 +198,35 @@ WDS_SOCKET_PORT=0`;
 
         const scriptsDir = path.join(projectDir, 'scripts');
         if (fs.existsSync(scriptsDir)) {
-            try { fs.rmSync(scriptsDir, { recursive: true, force: true }); } catch (e) {}
+            try {
+                fs.rmSync(scriptsDir, { recursive: true, force: true });
+            } catch (e) {
+                // Ignore si ça échoue
+            }
         }
 
+        // ==========================================
+        // 🎯 L'ANNONCE DE SUCCÈS ET LE MINI-TUTO
+        // ==========================================
         console.log('\n \x1b[1;32m✓ [Fleetbo] Project successfully created!\x1b[0m');
         console.log(`\n  Installation path: \x1b[36m${projectDir}\x1b[0m\n`);
+
         console.log(' \x1b[1;33m🚀 NEXT STEPS (Mini-Tutorial):\x1b[0m');
         console.log(' --------------------------------------------------');
-        console.log(` 1️ Navigate to your project  : \x1b[36mcd ${projectName}\x1b[0m`);
-        console.log(' 2️ Launch the Fleetbo Engine : \x1b[36mnpm run fleetbo\x1b[0m');
-        console.log(' 3️ Summon Alex (AI Architect): \x1b[36mnpm run fleetbo alex\x1b[0m');
+        console.log(` 1️  Navigate to your project  : \x1b[36mcd ${projectName}\x1b[0m`);
+        console.log(' 2️  Launch the Fleetbo Engine : \x1b[36mnpm run fleetbo\x1b[0m');
+        console.log(' 3️  Summon Alex (AI Architect): \x1b[36mnpm run fleetbo alex\x1b[0m');
         console.log(' --------------------------------------------------');
         console.log('\n \x1b[2mHappy coding! Build something amazing without limits.\x1b[0m\n');
+
+        console.log('');
         
     } catch (error) {
         console.error('\n Setup failed:', error.message);
         if (fs.existsSync(projectDir)) {
-            try { fs.rmSync(projectDir, { recursive: true, force: true }); } catch(e) {}
+            try { 
+                fs.rmSync(projectDir, { recursive: true, force: true }); 
+            } catch(e) {}
         }
         process.exit(1);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-fleetbo-project",
-  "version": "1.2.97",
+  "version": "1.2.98",
   "description": "Creates a new Fleetbo project.",
   "main": "install-react-template.js",
   "bin": {