humanbehavior-js 0.4.19 → 0.4.21

package/dist/cjs/wizard/index.cjs

@@ -679,25 +679,72 @@ export default defineNuxtPlugin(() => {
                     description: 'Added HumanBehaviorModule to Angular app'
                 });
             }
-            // Handle Angular environment file (legacy structure)
+            // Handle Angular environment files (proper Angular way)
             const envFile = path__namespace.join(this.projectRoot, 'src', 'environments', 'environment.ts');
+            const envProdFile = path__namespace.join(this.projectRoot, 'src', 'environments', 'environment.prod.ts');
+            // Create environments directory if it doesn't exist
+            const envDir = path__namespace.dirname(envFile);
+            if (!fs__namespace.existsSync(envDir)) {
+                fs__namespace.mkdirSync(envDir, { recursive: true });
+            }
+            // Create or update development environment
             if (fs__namespace.existsSync(envFile)) {
                 const content = fs__namespace.readFileSync(envFile, 'utf8');
                 if (!content.includes('humanBehaviorApiKey')) {
                     const modifiedContent = content.replace(/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'
                     });
                 }
             }
-            // Create or append to environment file
-            modifications.push(this.createEnvironmentModification(this.framework));
+            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__namespace.existsSync(envProdFile)) {
+                const content = fs__namespace.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'
+                });
+            }
+            // For Angular, we don't need .env files since we use environment.ts
+            // The environment files are already created above
             return modifications;
         });
     }
@@ -1115,16 +1162,15 @@ export default function App()`);
             return content;
         }
         const importStatement = `import { initializeHumanBehavior } from 'humanbehavior-js/angular';`;
-        // Add import at the top
-        let modifiedContent = content.replace(/import.*from.*['"]@angular/, `${importStatement}\n$&`);
+        const environmentImport = `import { environment } from './environments/environment';`;
+        // Add imports at the top
+        let modifiedContent = content.replace(/import.*from.*['"]@angular/, `${importStatement}\n${environmentImport}\n$&`);
         // Add initialization after bootstrapApplication
         modifiedContent = modifiedContent.replace(/(bootstrapApplication\([^}]+\}?\)(?:\s*\.catch[^;]+;)?)/, `$1
 
 // Initialize HumanBehavior SDK (client-side only)
 if (typeof window !== 'undefined') {
-  const tracker = initializeHumanBehavior(
-    '${this.apiKey}'
-  );
+  const tracker = initializeHumanBehavior(environment.humanBehaviorApiKey);
 }`);
         return modifiedContent;
     }