humanbehavior-js 0.4.19 → 0.4.20

package/src/wizard/core/install-wizard.ts

@@ -698,8 +698,17 @@ export default defineNuxtPlugin(() => {
       });
     }
 
-    // Handle Angular environment file (legacy structure)
+    // Handle Angular environment files (proper Angular way)
     const envFile = path.join(this.projectRoot, 'src', 'environments', 'environment.ts');
+    const envProdFile = path.join(this.projectRoot, 'src', 'environments', 'environment.prod.ts');
+    
+    // Create environments directory if it doesn't exist
+    const envDir = path.dirname(envFile);
+    if (!fs.existsSync(envDir)) {
+      fs.mkdirSync(envDir, { recursive: true });
+    }
+    
+    // Create or update development environment
     if (fs.existsSync(envFile)) {
       const content = fs.readFileSync(envFile, 'utf8');
       if (!content.includes('humanBehaviorApiKey')) {
@@ -707,20 +716,62 @@ export default defineNuxtPlugin(() => {
           /export const environment = {([\s\S]*?)};/,
           `export const environment = {
   $1,
-  humanBehaviorApiKey: process.env['HUMANBEHAVIOR_API_KEY'] || ''
+  humanBehaviorApiKey: '${this.apiKey}'
 };`
         );
         modifications.push({
           filePath: envFile,
           action: 'modify',
           content: modifiedContent,
-          description: 'Added API key to Angular environment'
+          description: 'Added API key to Angular development environment'
+        });
+      }
+    } else {
+      // Create new development environment file
+      modifications.push({
+        filePath: envFile,
+        action: 'create',
+        content: `export const environment = {
+  production: false,
+  humanBehaviorApiKey: '${this.apiKey}'
+};`,
+        description: 'Created Angular development environment file'
+      });
+    }
+    
+    // Create or update production environment
+    if (fs.existsSync(envProdFile)) {
+      const content = fs.readFileSync(envProdFile, 'utf8');
+      if (!content.includes('humanBehaviorApiKey')) {
+        const modifiedContent = content.replace(
+          /export const environment = {([\s\S]*?)};/,
+          `export const environment = {
+  $1,
+  humanBehaviorApiKey: '${this.apiKey}'
+};`
+        );
+        modifications.push({
+          filePath: envProdFile,
+          action: 'modify',
+          content: modifiedContent,
+          description: 'Added API key to Angular production environment'
         });
       }
+    } else {
+      // Create new production environment file
+      modifications.push({
+        filePath: envProdFile,
+        action: 'create',
+        content: `export const environment = {
+  production: true,
+  humanBehaviorApiKey: '${this.apiKey}'
+};`,
+        description: 'Created Angular production environment file'
+      });
     }
 
-    // Create or append to environment file
-    modifications.push(this.createEnvironmentModification(this.framework!));
+    // For Angular, we don't need .env files since we use environment.ts
+    // The environment files are already created above
 
     return modifications;
   }
@@ -1255,11 +1306,12 @@ export default function App()`
     }
 
     const importStatement = `import { initializeHumanBehavior } from 'humanbehavior-js/angular';`;
+    const environmentImport = `import { environment } from './environments/environment';`;
     
-    // Add import at the top
+    // Add imports at the top
     let modifiedContent = content.replace(
       /import.*from.*['"]@angular/,
-      `${importStatement}\n$&`
+      `${importStatement}\n${environmentImport}\n$&`
     );
 
     // Add initialization after bootstrapApplication
@@ -1269,9 +1321,7 @@ export default function App()`
 
 // Initialize HumanBehavior SDK (client-side only)
 if (typeof window !== 'undefined') {
-  const tracker = initializeHumanBehavior(
-    '${this.apiKey}'
-  );
+  const tracker = initializeHumanBehavior(environment.humanBehaviorApiKey);
 }`
     );