create-fleetbo-project 1.2.17 → 1.2.19

package/install-react-template.js

@@ -12,47 +12,40 @@ const branchName = 'master';
 const archiveUrl = `https://github.com/${repoOwner}/${repoName}/archive/refs/heads/${branchName}.tar.gz`;
 const bootstrapUrl = 'https://us-central1-myapp-259bf.cloudfunctions.net/bootstrapProject';
 
-// --- LE CONTENU DU GARDIEN (CLI.JS) - VERSION BYPASS WARNING ---
+// --- LE GARDIEN CLOUDFLARE (Version Production Silencieuse) ---
 const CLI_SCRIPT_CONTENT = `#!/usr/bin/env node
 
-const { spawn, exec, execSync } = require('child_process');
+const { spawn, execSync } = require('child_process');
 const fs = require('fs');
 const path = require('path');
 const axios = require('axios');
 const dotenv = require('dotenv');
-const ngrok = require('ngrok'); 
 const os = require('os');
 
 const UPDATE_NETWORK_URL = 'https://us-central1-myapp-259bf.cloudfunctions.net/updateDeveloperNetwork';
-const PORT = 3000; 
-const NGROK_PORT = 4040; 
+const PORT = 3000;
 
-const sleep = (ms) => new Promise(resolve => setTimeout(resolve, ms));
-
-// Tueur de processus générique par port
+// Nettoyage des ports (Mac/Linux)
 function killProcessOnPort(port) {
     try {
         if (process.platform !== 'win32') {
             const pid = execSync(\`lsof -ti:\${port} 2>/dev/null\`).toString().trim();
-            if (pid) {
-                const pids = pid.split('\\n').join(' ');
-                console.log(\`[Fleetbo] 🔫 Freeing port \${port} (PIDs: \${pids})...\`);
-                execSync(\`kill -9 \${pids}\`);
-            }
+            if (pid) execSync(\`kill -9 \${pid.split('\\n').join(' ')} 2>/dev/null\`);
         }
     } catch (e) {}
 }
 
-async function forceKillNgrok() {
-    return new Promise((resolve) => {
-        const cmd = process.platform === 'win32' ? 'taskkill /IM ngrok.exe /F' : 'pkill ngrok';
-        exec(cmd, () => resolve());
-    });
+// Nettoyage spécifique Cloudflare
+function killCloudflared() {
+    try {
+        const cmd = process.platform === 'win32' ? 'taskkill /IM cloudflared.exe /F' : 'pkill cloudflared';
+        execSync(cmd + ' 2>/dev/null');
+    } catch (e) {}
 }
 
 async function cleanupAndExit(code = 0) {
     console.log('\\n[Fleetbo] 🛑 Stopping services...');
-    try { await ngrok.kill(); } catch(e){}
+    killCloudflared();
     killProcessOnPort(PORT);
     process.exit(code);
 }
@@ -62,13 +55,10 @@ process.on('SIGTERM', () => cleanupAndExit(0));
 
 async function syncFirebase(keyApp, networkUrl) {
     try {
-        // Si on utilise l'auth basique, l'URL inclut user:pass@... pour faciliter l'accès si besoin
-        // Mais pour le simulateur, mieux vaut envoyer l'URL standard et laisser le navigateur demander.
         await axios.post(UPDATE_NETWORK_URL, { keyApp, networkUrl });
         console.log('\\n[Fleetbo] ---------------------------------------------------');
         console.log(\`[Fleetbo] ✅ Tunnel Active: \${networkUrl}\`);
-        console.log(\`[Fleetbo] 🚀 Simulator: https://fleetbo.io/studio/view/\${keyApp}\`);
-        console.log(\`[Fleetbo] 🔑 Credentials: User="fleetbo", Pass="admin"\`); // RAPPEL POUR LE DEV
+        console.log(\`[Fleetbo] 🚀 Emulator: https://fleetbo.io/studio/view/\${keyApp}\`);
         console.log('[Fleetbo] ---------------------------------------------------\\n');
     } catch (err) {
         console.error(\`[Fleetbo] ⚠️ Sync Error: \${err.message}\`);
@@ -78,11 +68,9 @@ async function syncFirebase(keyApp, networkUrl) {
 async function runGuardian() {
     console.log(\`[Fleetbo] 🛡️  Starting Fleetbo Guardian on \${os.platform()}...\`);
 
-    console.log(\`[Fleetbo] 🧹 Preparing environment...\`);
-    await forceKillNgrok();
-    killProcessOnPort(NGROK_PORT);
+    // 1. NETTOYAGE PRÉVENTIF
+    killCloudflared();
     killProcessOnPort(PORT);
-    await sleep(1000);
 
     const envPath = path.join(process.cwd(), '.env');
     if (!fs.existsSync(envPath)) {
@@ -90,18 +78,10 @@ async function runGuardian() {
         process.exit(1);
     }
     dotenv.config({ path: envPath });
-    
     const keyApp = process.env.REACT_KEY_APP;
-    const authToken = process.env.NGROK_AUTHTOKEN;
-
-    if (authToken) {
-        try {
-            await ngrok.authtoken(authToken);
-            await sleep(500); 
-        } catch (e) {}
-    }
 
-    console.log(\`[Fleetbo] 📦 Booting React Server on port \${PORT}...\`);
+    // 2. DÉMARRAGE REACT
+    console.log(\`[Fleetbo] 📦 Booting React Server...\`);
     const npmCmd = process.platform === 'win32' ? 'npm.cmd' : 'npm';
     
     const devServer = spawn(npmCmd, ['start'], {
@@ -114,37 +94,33 @@ async function runGuardian() {
 
     let tunnelStarted = false;
 
-    devServer.stdout.on('data', async (data) => {
+    devServer.stdout.on('data', (data) => {
         const output = data.toString();
         
         if (!tunnelStarted && (output.includes('Local:') || output.includes('Compiled successfully'))) {
             tunnelStarted = true;
-            console.log(\`\\n[Fleetbo] 🔗 React is ready. Initiating Tunnel...\`);
-
-            try {
-                const url = await ngrok.connect({
-                    addr: PORT,
-                    name: \`fleetbo_\${Date.now()}\`,
-                    auth: "fleetbo:admin" // <--- C'EST ICI QUE C'EST DÉFINI
-                });
-                await syncFirebase(keyApp, url);
-            } catch (firstErr) {
-                try {
-                    await sleep(2000);
-                    const urlRetry = await ngrok.connect({
-                        addr: PORT,
-                        name: \`fleetbo_retry_\${Date.now()}\`,
-                        auth: "fleetbo:admin" // Retry avec Auth aussi
-                    });
-                    await syncFirebase(keyApp, urlRetry);
-                } catch (finalErr) {
-                    console.error('\\n[Fleetbo] ❌ NGROK ERROR');
-                    console.error("Message:", finalErr.message);
-                    if (finalErr.message.includes('ERR_NGROK_4018')) {
-                         console.error("👉 Add NGROK_AUTHTOKEN=... to your .env file OR run 'npx ngrok config add-authtoken <TOKEN>'");
+            console.log(\`\\n[Fleetbo] 🔗 React is ready. Establishing secure tunnel...\`);
+
+            // 3. DÉMARRAGE TUNNEL CLOUDFLARE (via npm exec pour la compatibilité)
+            const npxCmd = process.platform === 'win32' ? 'npx.cmd' : 'npx';
+            const tunnel = spawn(npxCmd, ['cloudflared', 'tunnel', '--url', \`http://localhost:\${PORT}\`]);
+
+            // Capture de l'URL dans les logs
+            tunnel.stderr.on('data', (chunk) => {
+                const log = chunk.toString();
+                const match = log.match(/https:\/\/[a-zA-Z0-9-]+\.trycloudflare\.com/);
+                if (match) {
+                    const url = match[0];
+                    if (global.currentUrl !== url) {
+                        global.currentUrl = url;
+                        syncFirebase(keyApp, url);
                     }
                 }
-            }
+            });
+            
+            tunnel.on('error', (err) => {
+                 console.error("[Fleetbo] ❌ Tunnel Error. Ensure 'cloudflared' is installed.");
+            });
         }
     });
 }
@@ -157,11 +133,9 @@ const args = process.argv.slice(2);
 const projectNameArg = args.find(arg => !arg.startsWith('--'));
 const tokenArg = args.find(arg => arg.startsWith('--token='));
 const bootstrapTokenArg = tokenArg ? tokenArg.split('=')[1] : null;
-const ngrokArg = args.find(arg => arg.startsWith('--ngrok='));
-const ngrokTokenArg = ngrokArg ? ngrokArg.split('=')[1] : null;
 
 if (!projectNameArg || !bootstrapTokenArg) {
-    console.error('\n ❌ Usage: npx create-fleetbo-project <name> --token=<fleetbo-token> [--ngrok=<ngrok-token>]');
+    console.error('\n ❌ Usage: npx create-fleetbo-project <name> --token=<token>');
     process.exit(1);
 }
 
@@ -201,10 +175,7 @@ function downloadEngine(url, dest) {
         };
         const request = https.get(options, (response) => {
             if (response.statusCode === 301 || response.statusCode === 302) {
-                if (!response.headers.location) {
-                    reject(new Error("Redirect found but no location header"));
-                    return;
-                }
+                if (!response.headers.location) { reject(new Error("Redirect error")); return; }
                 downloadEngine(response.headers.location, dest).then(resolve).catch(reject);
                 return;
             }
@@ -234,7 +205,7 @@ async function setupProject() {
     try {
         execSync(`tar -xf "${archivePath}" -C "${projectDir}" --strip-components=1`, { stdio: 'ignore' });
         fs.unlinkSync(archivePath); 
-    } catch (e) { throw new Error("Failed to extract engine. Ensure 'tar' is available."); }
+    } catch (e) { throw new Error("Extract failed."); }
 
     process.chdir(projectDir);
 
@@ -243,19 +214,17 @@ async function setupProject() {
     if (!keys.enterpriseId) throw new Error("Invalid keys.");
 
     console.log('   [4/6]  ⚙️  Configuring environment & CLI...');
-    let envContent = `REACT_APP_FLEETBO_DB_KEY=${keys.fleetboDBKey}\nREACT_APP_ENTERPRISE_ID=${keys.enterpriseId}\nREACT_KEY_APP=${projectName}\nDANGEROUSLY_DISABLE_HOST_CHECK=true\n`;
-    if (ngrokTokenArg) {
-        console.log('          ✅ Ngrok token injected into .env');
-        envContent += `NGROK_AUTHTOKEN=${ngrokTokenArg}\n`;
-    } else {
-        console.log('          ℹ️  No Ngrok token provided. Assuming global config.');
-    }
+    // On force le host check pour la compatibilité tunnel
+    const envContent = `REACT_APP_FLEETBO_DB_KEY=${keys.fleetboDBKey}\nREACT_APP_ENTERPRISE_ID=${keys.enterpriseId}\nREACT_KEY_APP=${projectName}\nDANGEROUSLY_DISABLE_HOST_CHECK=true\n`;
+    
     fs.writeFileSync(path.join(projectDir, '.env'), envContent, 'utf8');
     fs.writeFileSync(path.join(projectDir, 'cli.js'), CLI_SCRIPT_CONTENT, 'utf8');
 
     console.log('   [5/6]  📚 Installing dependencies...');
     execSync('npm install', { stdio: 'inherit' }); 
-    execSync('npm install ngrok dotenv axios --save-dev', { stdio: 'ignore' });
+    
+    // Installation de cloudflared
+    execSync('npm install cloudflared dotenv axios --save-dev', { stdio: 'ignore' });
 
     console.log('   [6/6]  ✨ Finalizing setup...');
     const packageJsonPath = path.join(projectDir, 'package.json');
@@ -277,9 +246,6 @@ async function setupProject() {
 setupProject();
 
 
-
-
-
 {/*
   
 const { execSync } = require('child_process');

package/package.json

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