create-fleetbo-project 1.0.5 → 1.0.6

package/install-react-template.js

@@ -12,8 +12,7 @@ const projectName = process.argv[2];
 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';
-// ⚠️ REPLACE WITH YOUR bootstrapProject FUNCTION URL
-const bootstrapUrl = 'https://us-central1-myapp-259bf.cloudfunctions.net/bootstrapProject'; 
+const bootstrapUrl = 'https://us-central1-myapp-259bf.cloudfunctions.net/bootstrapProject';
 
 // --- Validation ---
 if (!projectName || !bootstrapToken) {
@@ -26,49 +25,129 @@ if (!projectName || !bootstrapToken) {
 async function setupProject() {
   console.log(chalk.blue(`Creating your Fleetbo project "${projectName}"...`));
   const spinner = ora();
-
+  
   try {
+    // 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. Download template
     spinner.start('Downloading template...');
-    const responseStream = await new Promise((resolve, reject) => https.get(repoUrl, res => resolve(res)).on('error', err => reject(err)));
+    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) => {
-        responseStream.pipe(unzipper.Extract({ path: '.' }))
-            .on('finish', resolve).on('error', reject);
+      responseStream.pipe(unzipper.Extract({ path: '.' }))
+        .on('finish', resolve)
+        .on('error', reject);
     });
-    fs.renameSync(`dev.fleetbo.io-main`, projectName);
-    spinner.succeed(chalk.green('Files unzipped.'));
+    
+    // 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}`);
+    }
 
-    process.chdir(projectName);
+    // 4. Change to project directory
+    const projectPath = path.resolve(projectName);
+    process.chdir(projectPath);
+    console.log(chalk.dim(`Working directory: ${process.cwd()}`));
 
+    // 5. Configure project
     spinner.start('Configuring project...');
-    const envContent = `REACT_APP_FLEETBO_DB_KEY="${projectSecrets.fleetboDB}"\nREACT_APP_ENTERPRISE_ID=${projectSecrets.appId}\n`;
-    fs.writeFileSync('.env', envContent, 'utf8');
     
+    // 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.'));
 
+    // 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.'));
 
-    console.log(chalk.green.bold('\n🚀 Your Fleetbo project is ready!'));
-    console.log(`\nTo get started:`);
-    console.log(chalk.cyan(`   cd ${projectName}`));
-    console.log(chalk.cyan(`   npm start`));
+    // 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) {
     if (spinner.isSpinning) spinner.fail();
-    console.error(chalk.red('\n❌ An error occurred:'), error.response ? error.response.data : error.message);
+    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,6 +1,6 @@
 {
   "name": "create-fleetbo-project",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "Creates a new Fleetbo project.",
   "main": "install-react-template.js",
   "bin": {