create-fleetbo-project 1.0.4 → 1.0.6

package/install-react-template.js

@@ -1,65 +1,153 @@
-#!/usr/bin/env node
-// Fichier : install-react-template.js (Version améliorée)
-
 const { execSync } = require('child_process');
 const fs = require('fs');
 const path = require('path');
 const https = require('https');
-const unzipper = require('unzipper'); // Une librairie pour décompresser les archives
+const unzipper = require('unzipper');
+const axios = require('axios');
+const ora = require('ora');
+const chalk = require('chalk');
 
 // --- Configuration ---
 const projectName = process.argv[2];
-const repoOwner = 'FleetFleetbo';
-const repoName = 'dev.fleetbo.io';
-const repoUrl = `https://github.com/${repoOwner}/${repoName}/archive/refs/heads/main.zip`;
+const tokenArgIndex = process.argv.indexOf('--token');
+const bootstrapToken = tokenArgIndex !== -1 ? process.argv[tokenArgIndex + 1] : null;
+const repoUrl = 'https://github.com/FleetFleetbo/dev.fleetbo.io/archive/refs/heads/main.zip';
+const bootstrapUrl = 'https://us-central1-myapp-259bf.cloudfunctions.net/bootstrapProject';
 
-// --- Validation de l'entrée ---
-if (!projectName) {
-  console.error('Erreur : Veuillez spécifier un nom pour votre projet.');
-  console.log('Usage: npx create-fleetbo-project <nom-du-projet>');
+// --- Validation ---
+if (!projectName || !bootstrapToken) {
+  console.error(chalk.red('Error: Missing project name or token.'));
+  console.log('Usage: npx create-fleetbo-project <project-name> --token <your-token>');
   process.exit(1);
 }
 
-// --- Fonction Principale Asynchrone ---
+// --- Main Function ---
 async function setupProject() {
-  console.log(`Création de votre projet Fleetbo "${projectName}"...`);
-
+  console.log(chalk.blue(`Creating your Fleetbo project "${projectName}"...`));
+  const spinner = ora();
+  
   try {
-    // 1. Télécharger le template depuis GitHub
-    console.log('Téléchargement du template...');
-    const response = await new Promise((resolve, reject) => {
-      https.get(repoUrl, res => resolve(res)).on('error', err => reject(err));
+    // 1. Fetch configuration
+    spinner.start('Fetching secure configuration...');
+    const response = await axios.post(bootstrapUrl, { token: bootstrapToken });
+    const projectSecrets = response.data;
+    spinner.succeed(chalk.green('Configuration retrieved!'));
+    
+    console.log(chalk.dim('Config received:'), {
+      fleetboDB: projectSecrets.fleetboDB ? '✓' : '✗',
+      appId: projectSecrets.appId ? '✓' : '✗'
     });
 
-    // 2. Décompresser l'archive dans le dossier du projet
-    // Le contenu du zip est dans un sous-dossier (ex: dev.fleetbo.io-main), on le gère avec .pipe()
+    // 2. Download template
+    spinner.start('Downloading template...');
+    const responseStream = await new Promise((resolve, reject) => 
+      https.get(repoUrl, res => resolve(res)).on('error', err => reject(err))
+    );
+    spinner.succeed(chalk.green('Template downloaded.'));
+
+    // 3. Unzip files
+    spinner.start('Unzipping files...');
     await new Promise((resolve, reject) => {
-        response.pipe(unzipper.Extract({ path: '.' }))
-            .on('finish', resolve)
-            .on('error', reject);
+      responseStream.pipe(unzipper.Extract({ path: '.' }))
+        .on('finish', resolve)
+        .on('error', reject);
     });
     
-    // Le dossier décompressé aura un nom comme "repoName-main", on le renomme
-    fs.renameSync(`${repoName}-main`, projectName);
+    // Rename directory
+    const extractedDir = 'dev.fleetbo.io-main';
+    if (fs.existsSync(extractedDir)) {
+      fs.renameSync(extractedDir, projectName);
+      spinner.succeed(chalk.green('Files unzipped.'));
+    } else {
+      throw new Error(`Extracted directory not found: ${extractedDir}`);
+    }
 
-    // 3. Se déplacer dans le nouveau dossier et installer les dépendances
-    process.chdir(projectName);
-    console.log('Installation des dépendances (cela peut prendre quelques minutes)...');
-    execSync('npm install', { stdio: 'inherit' });
+    // 4. Change to project directory
+    const projectPath = path.resolve(projectName);
+    process.chdir(projectPath);
+    console.log(chalk.dim(`Working directory: ${process.cwd()}`));
 
-    // 4. Mettre à jour le package.json avec le nom du projet
+    // 5. Configure project
+    spinner.start('Configuring project...');
+    
+    // Create .env file
+    const envContent = `REACT_APP_FLEETBO_DB_KEY="${projectSecrets.fleetboDB}"
+REACT_APP_ENTERPRISE_ID=${projectSecrets.appId}
+`;
+    const envPath = path.join(process.cwd(), '.env');
+    fs.writeFileSync(envPath, envContent, 'utf8');
+    
+    // Verify .env was created
+    if (fs.existsSync(envPath)) {
+      console.log(chalk.green('✓ .env file created successfully'));
+      console.log(chalk.dim(`  Location: ${envPath}`));
+    } else {
+      throw new Error('.env file was not created');
+    }
+
+    // Update package.json
     const packageJsonPath = path.join(process.cwd(), 'package.json');
     const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'));
     packageJson.name = projectName;
     fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2), 'utf8');
+    
+    spinner.succeed(chalk.green('Project configured.'));
 
-    console.log('\n🚀 Votre projet Fleetbo est prêt !');
-    console.log(`\nPour commencer, exécutez les commandes suivantes :`);
-    console.log(`   cd ${projectName}`);
-    console.log(`   npm start`);
+    // 6. Create .env.example for reference
+    const envExampleContent = `# Fleetbo Configuration
+# These values are automatically configured during project setup
+REACT_APP_FLEETBO_DB_KEY="your-fleetbo-db-key"
+REACT_APP_ENTERPRISE_ID=your-app-id
+`;
+    fs.writeFileSync('.env.example', envExampleContent, 'utf8');
+    console.log(chalk.dim('✓ .env.example created'));
+
+    // 7. Ensure .gitignore includes .env
+    const gitignorePath = path.join(process.cwd(), '.gitignore');
+    if (fs.existsSync(gitignorePath)) {
+      let gitignoreContent = fs.readFileSync(gitignorePath, 'utf8');
+      if (!gitignoreContent.includes('.env')) {
+        gitignoreContent += '\n# Environment variables\n.env\n.env.local\n';
+        fs.writeFileSync(gitignorePath, gitignoreContent, 'utf8');
+        console.log(chalk.dim('✓ .gitignore updated'));
+      }
+    }
+
+    // 8. Install dependencies
+    spinner.start('Installing dependencies (this may take a few minutes)...');
+    execSync('npm install', { stdio: 'inherit' });
+    spinner.succeed(chalk.green('Dependencies installed.'));
+
+    // 9. Final verification
+    console.log(chalk.green.bold('\n🚀 Your Fleetbo project is ready!\n'));
+    
+    // Verify configuration
+    if (fs.existsSync(envPath)) {
+      console.log(chalk.green('✓ Configuration file verified'));
+    } else {
+      console.log(chalk.yellow('⚠️  Warning: .env file not found after setup'));
+    }
+
+    console.log(chalk.cyan('\nTo get started:'));
+    console.log(chalk.cyan(`  cd ${projectName}`));
+    console.log(chalk.cyan(`  npm start`));
+    
+    console.log(chalk.dim('\nNote: Your .env file contains sensitive credentials and is excluded from git.'));
 
   } catch (error) {
-    console.error('\n❌ Une erreur est survenue lors de la création du projet :', error);
+    if (spinner.isSpinning) spinner.fail();
+    console.error(chalk.red('\n❌ An error occurred:'));
+    
+    if (error.response) {
+      console.error(chalk.red('API Error:'), error.response.data);
+    } else if (error.code === 'ENOENT') {
+      console.error(chalk.red('File Error:'), error.message);
+      console.error(chalk.yellow('This might be a permissions issue.'));
+    } else {
+      console.error(chalk.red(error.message));
+    }
+    
+    console.error(chalk.dim('\nStack trace:'), error.stack);
     process.exit(1);
   }
 }

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "create-fleetbo-project",
-  "version": "1.0.4",
-  "description": "Crée une nouvelle application mobile avec le framework Fleetbo.",
+  "version": "1.0.6",
+  "description": "Creates a new Fleetbo project.",
   "main": "install-react-template.js",
   "bin": {
     "create-fleetbo-project": "install-react-template.js"
   },
   "dependencies": {
+    "axios": "^1.12.2",
+    "chalk": "^4.1.2",
+    "ora": "^5.4.1",
     "unzipper": "^0.10.14",
     "yargs-parser": "^21.1.1"
   },
@@ -16,6 +19,6 @@
     "fullstack",
     "fleetbo"
   ],
-  "author": "Fleetbo",
+  "author": "Jean Aubain Tcheuffa",
   "license": "ISC"
 }