humanbehavior-js 0.4.16 → 0.4.18

package/package/dist/cli/auto-install.js

@@ -0,0 +1,1957 @@
+#!/usr/bin/env node
+import * as fs from 'fs';
+import * as path from 'path';
+import * as clack from '@clack/prompts';
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+/**
+ * HumanBehavior SDK Auto-Installation Wizard
+ *
+ * This wizard automatically detects the user's framework and modifies their codebase
+ * to integrate the SDK with minimal user intervention.
+ */
+class AutoInstallationWizard {
+    constructor(apiKey, projectRoot = process.cwd()) {
+        this.framework = null;
+        this.apiKey = apiKey;
+        this.projectRoot = projectRoot;
+    }
+    /**
+     * Simple version comparison utility
+     */
+    compareVersions(version1, version2) {
+        const v1Parts = version1.split('.').map(Number);
+        const v2Parts = version2.split('.').map(Number);
+        for (let i = 0; i < Math.max(v1Parts.length, v2Parts.length); i++) {
+            const v1 = v1Parts[i] || 0;
+            const v2 = v2Parts[i] || 0;
+            if (v1 > v2)
+                return 1;
+            if (v1 < v2)
+                return -1;
+        }
+        return 0;
+    }
+    isVersionGte(version, target) {
+        return this.compareVersions(version, target) >= 0;
+    }
+    getMajorVersion(version) {
+        return parseInt(version.split('.')[0]) || 0;
+    }
+    /**
+     * Main installation method - detects framework and auto-installs
+     */
+    install() {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                // Step 1: Detect framework
+                this.framework = yield this.detectFramework();
+                // Step 2: Install package
+                yield this.installPackage();
+                // Step 3: Generate and apply code modifications
+                const modifications = yield this.generateModifications();
+                yield this.applyModifications(modifications);
+                // Step 4: Generate next steps
+                const nextSteps = this.generateNextSteps();
+                return {
+                    success: true,
+                    framework: this.framework,
+                    modifications,
+                    errors: [],
+                    nextSteps
+                };
+            }
+            catch (error) {
+                return {
+                    success: false,
+                    framework: this.framework || { name: 'unknown', type: 'vanilla' },
+                    modifications: [],
+                    errors: [error instanceof Error ? error.message : 'Unknown error'],
+                    nextSteps: []
+                };
+            }
+        });
+    }
+    /**
+     * Detect the current framework and project setup
+     */
+    detectFramework() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const packageJsonPath = path.join(this.projectRoot, 'package.json');
+            if (!fs.existsSync(packageJsonPath)) {
+                return {
+                    name: 'vanilla',
+                    type: 'vanilla',
+                    projectRoot: this.projectRoot
+                };
+            }
+            const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'));
+            const dependencies = Object.assign(Object.assign({}, packageJson.dependencies), packageJson.devDependencies);
+            // Detect framework with version information
+            let framework = {
+                name: 'vanilla',
+                type: 'vanilla',
+                projectRoot: this.projectRoot,
+                features: {}
+            };
+            if (dependencies.nuxt) {
+                const nuxtVersion = dependencies.nuxt;
+                const isNuxt3 = this.isVersionGte(nuxtVersion, '3.0.0');
+                framework = {
+                    name: 'nuxt',
+                    type: 'nuxt',
+                    version: nuxtVersion,
+                    majorVersion: this.getMajorVersion(nuxtVersion),
+                    hasTypeScript: !!dependencies.typescript,
+                    hasRouter: true,
+                    projectRoot: this.projectRoot,
+                    features: {
+                        hasNuxt3: isNuxt3
+                    }
+                };
+            }
+            else if (dependencies.next) {
+                const nextVersion = dependencies.next;
+                const isNext13 = this.isVersionGte(nextVersion, '13.0.0');
+                framework = {
+                    name: 'nextjs',
+                    type: 'nextjs',
+                    version: nextVersion,
+                    majorVersion: this.getMajorVersion(nextVersion),
+                    hasTypeScript: !!dependencies.typescript || !!dependencies['@types/node'],
+                    hasRouter: true,
+                    projectRoot: this.projectRoot,
+                    features: {
+                        hasNextAppRouter: isNext13
+                    }
+                };
+            }
+            else if (dependencies['@remix-run/react'] || dependencies['@remix-run/dev']) {
+                const remixVersion = dependencies['@remix-run/react'] || dependencies['@remix-run/dev'];
+                framework = {
+                    name: 'remix',
+                    type: 'remix',
+                    version: remixVersion,
+                    majorVersion: this.getMajorVersion(remixVersion),
+                    hasTypeScript: !!dependencies.typescript || !!dependencies['@types/react'],
+                    hasRouter: true,
+                    projectRoot: this.projectRoot,
+                    features: {}
+                };
+            }
+            else if (dependencies.react) {
+                const reactVersion = dependencies.react;
+                const isReact18 = this.isVersionGte(reactVersion, '18.0.0');
+                framework = {
+                    name: 'react',
+                    type: 'react',
+                    version: reactVersion,
+                    majorVersion: this.getMajorVersion(reactVersion),
+                    hasTypeScript: !!dependencies.typescript || !!dependencies['@types/react'],
+                    hasRouter: !!dependencies['react-router-dom'] || !!dependencies['react-router'],
+                    projectRoot: this.projectRoot,
+                    features: {
+                        hasReact18: isReact18
+                    }
+                };
+            }
+            else if (dependencies.vue) {
+                const vueVersion = dependencies.vue;
+                const isVue3 = this.isVersionGte(vueVersion, '3.0.0');
+                framework = {
+                    name: 'vue',
+                    type: 'vue',
+                    version: vueVersion,
+                    majorVersion: this.getMajorVersion(vueVersion),
+                    hasTypeScript: !!dependencies.typescript || !!dependencies['@vue/cli-service'],
+                    hasRouter: !!dependencies['vue-router'],
+                    projectRoot: this.projectRoot,
+                    features: {
+                        hasVue3: isVue3
+                    }
+                };
+            }
+            else if (dependencies['@angular/core']) {
+                const angularVersion = dependencies['@angular/core'];
+                const isAngular17 = this.isVersionGte(angularVersion, '17.0.0');
+                framework = {
+                    name: 'angular',
+                    type: 'angular',
+                    version: angularVersion,
+                    majorVersion: this.getMajorVersion(angularVersion),
+                    hasTypeScript: true,
+                    hasRouter: true,
+                    projectRoot: this.projectRoot,
+                    features: {
+                        hasAngularStandalone: isAngular17
+                    }
+                };
+            }
+            else if (dependencies.svelte) {
+                const svelteVersion = dependencies.svelte;
+                const isSvelteKit = !!dependencies['@sveltejs/kit'];
+                framework = {
+                    name: 'svelte',
+                    type: 'svelte',
+                    version: svelteVersion,
+                    majorVersion: this.getMajorVersion(svelteVersion),
+                    hasTypeScript: !!dependencies.typescript || !!dependencies['svelte-check'],
+                    hasRouter: !!dependencies['svelte-routing'] || !!dependencies['@sveltejs/kit'],
+                    projectRoot: this.projectRoot,
+                    features: {
+                        hasSvelteKit: isSvelteKit
+                    }
+                };
+            }
+            else if (dependencies.astro) {
+                const astroVersion = dependencies.astro;
+                framework = {
+                    name: 'astro',
+                    type: 'astro',
+                    version: astroVersion,
+                    majorVersion: this.getMajorVersion(astroVersion),
+                    hasTypeScript: !!dependencies.typescript || !!dependencies['@astrojs/ts-plugin'],
+                    hasRouter: true,
+                    projectRoot: this.projectRoot,
+                    features: {}
+                };
+            }
+            else if (dependencies.gatsby) {
+                const gatsbyVersion = dependencies.gatsby;
+                framework = {
+                    name: 'gatsby',
+                    type: 'gatsby',
+                    version: gatsbyVersion,
+                    majorVersion: this.getMajorVersion(gatsbyVersion),
+                    hasTypeScript: !!dependencies.typescript || !!dependencies['@types/react'],
+                    hasRouter: true,
+                    projectRoot: this.projectRoot,
+                    features: {}
+                };
+            }
+            // Detect bundler
+            if (dependencies.vite) {
+                framework.bundler = 'vite';
+            }
+            else if (dependencies.webpack) {
+                framework.bundler = 'webpack';
+            }
+            else if (dependencies.esbuild) {
+                framework.bundler = 'esbuild';
+            }
+            else if (dependencies.rollup) {
+                framework.bundler = 'rollup';
+            }
+            // Detect package manager
+            if (fs.existsSync(path.join(this.projectRoot, 'yarn.lock'))) {
+                framework.packageManager = 'yarn';
+            }
+            else if (fs.existsSync(path.join(this.projectRoot, 'pnpm-lock.yaml'))) {
+                framework.packageManager = 'pnpm';
+            }
+            else {
+                framework.packageManager = 'npm';
+            }
+            return framework;
+        });
+    }
+    /**
+     * Install the SDK package
+     */
+    installPackage() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c, _d;
+            const { execSync } = yield import('child_process');
+            // Build base command
+            let command = ((_a = this.framework) === null || _a === void 0 ? void 0 : _a.packageManager) === 'yarn'
+                ? 'yarn add humanbehavior-js'
+                : ((_b = this.framework) === null || _b === void 0 ? void 0 : _b.packageManager) === 'pnpm'
+                    ? 'pnpm add humanbehavior-js'
+                    : 'npm install humanbehavior-js';
+            // Add legacy peer deps flag for npm to handle dependency conflicts
+            if (((_c = this.framework) === null || _c === void 0 ? void 0 : _c.packageManager) !== 'yarn' && ((_d = this.framework) === null || _d === void 0 ? void 0 : _d.packageManager) !== 'pnpm') {
+                command += ' --legacy-peer-deps';
+            }
+            try {
+                execSync(command, { cwd: this.projectRoot, stdio: 'inherit' });
+            }
+            catch (error) {
+                throw new Error(`Failed to install humanbehavior-js: ${error}`);
+            }
+        });
+    }
+    /**
+     * Generate code modifications based on framework
+     */
+    generateModifications() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            const modifications = [];
+            switch ((_a = this.framework) === null || _a === void 0 ? void 0 : _a.type) {
+                case 'react':
+                    modifications.push(...yield this.generateReactModifications());
+                    break;
+                case 'nextjs':
+                    modifications.push(...yield this.generateNextJSModifications());
+                    break;
+                case 'nuxt':
+                    modifications.push(...yield this.generateNuxtModifications());
+                    break;
+                case 'astro':
+                    modifications.push(...yield this.generateAstroModifications());
+                    break;
+                case 'gatsby':
+                    modifications.push(...yield this.generateGatsbyModifications());
+                    break;
+                case 'remix':
+                    modifications.push(...yield this.generateRemixModifications());
+                    break;
+                case 'vue':
+                    modifications.push(...yield this.generateVueModifications());
+                    break;
+                case 'angular':
+                    modifications.push(...yield this.generateAngularModifications());
+                    break;
+                case 'svelte':
+                    modifications.push(...yield this.generateSvelteModifications());
+                    break;
+                default:
+                    modifications.push(...yield this.generateVanillaModifications());
+            }
+            return modifications;
+        });
+    }
+    /**
+     * Generate React-specific modifications
+     */
+    generateReactModifications() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const modifications = [];
+            // Find main App component or index file
+            const appFile = this.findReactAppFile();
+            if (appFile) {
+                const content = fs.readFileSync(appFile, 'utf8');
+                const modifiedContent = this.injectReactProvider(content, appFile);
+                modifications.push({
+                    filePath: appFile,
+                    action: 'modify',
+                    content: modifiedContent,
+                    description: 'Added HumanBehaviorProvider to React app'
+                });
+            }
+            // Create or append to environment file
+            modifications.push(this.createEnvironmentModification(this.framework));
+            return modifications;
+        });
+    }
+    /**
+     * Generate Next.js-specific modifications
+     */
+    generateNextJSModifications() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const modifications = [];
+            // Check for App Router
+            const appLayoutFile = path.join(this.projectRoot, 'src', 'app', 'layout.tsx');
+            const pagesLayoutFile = path.join(this.projectRoot, 'src', 'pages', '_app.tsx');
+            if (fs.existsSync(appLayoutFile)) {
+                // Create providers.tsx file for App Router
+                modifications.push({
+                    filePath: path.join(this.projectRoot, 'src', 'app', 'providers.tsx'),
+                    action: 'create',
+                    content: `'use client';
+
+import { HumanBehaviorProvider } from 'humanbehavior-js/react';
+
+export function Providers({ children }: { children: React.ReactNode }) {
+  return (
+    <HumanBehaviorProvider apiKey={process.env.NEXT_PUBLIC_HUMANBEHAVIOR_API_KEY}>
+      {children}
+    </HumanBehaviorProvider>
+  );
+}`,
+                    description: 'Created providers.tsx file for Next.js App Router'
+                });
+                // Modify layout.tsx to use the provider
+                const content = fs.readFileSync(appLayoutFile, 'utf8');
+                const modifiedContent = this.injectNextJSAppRouter(content);
+                modifications.push({
+                    filePath: appLayoutFile,
+                    action: 'modify',
+                    content: modifiedContent,
+                    description: 'Added Providers wrapper to Next.js App Router layout'
+                });
+            }
+            else if (fs.existsSync(pagesLayoutFile)) {
+                // Create providers.tsx file for Pages Router
+                modifications.push({
+                    filePath: path.join(this.projectRoot, 'src', 'components', 'providers.tsx'),
+                    action: 'create',
+                    content: `'use client';
+
+import { HumanBehaviorProvider } from 'humanbehavior-js/react';
+
+export function Providers({ children }: { children: React.ReactNode }) {
+  return (
+    <HumanBehaviorProvider apiKey={process.env.NEXT_PUBLIC_HUMANBEHAVIOR_API_KEY}>
+      {children}
+    </HumanBehaviorProvider>
+  );
+}`,
+                    description: 'Created providers.tsx file for Pages Router'
+                });
+                // Modify _app.tsx to use the provider
+                const content = fs.readFileSync(pagesLayoutFile, 'utf8');
+                const modifiedContent = this.injectNextJSPagesRouter(content);
+                modifications.push({
+                    filePath: pagesLayoutFile,
+                    action: 'modify',
+                    content: modifiedContent,
+                    description: 'Added Providers wrapper to Next.js Pages Router'
+                });
+            }
+            // Create or append to environment file
+            modifications.push(this.createEnvironmentModification(this.framework));
+            return modifications;
+        });
+    }
+    /**
+     * Generate Astro-specific modifications
+     */
+    generateAstroModifications() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const modifications = [];
+            // Create Astro component for HumanBehavior
+            const astroComponentPath = path.join(this.projectRoot, 'src', 'components', 'HumanBehavior.astro');
+            const astroComponentContent = `---
+// This component will only run on the client side
+---
+
+<script>
+  import { HumanBehaviorTracker } from 'humanbehavior-js';
+  
+  // Get API key from environment variable
+  const apiKey = import.meta.env.PUBLIC_HUMANBEHAVIOR_API_KEY;
+  
+  console.log('HumanBehavior: API key found:', apiKey ? 'Yes' : 'No');
+  
+  if (apiKey) {
+    try {
+      const tracker = HumanBehaviorTracker.init(apiKey);
+      console.log('HumanBehavior: Tracker initialized successfully');
+      
+      // Test event to verify tracking is working
+      setTimeout(() => {
+        tracker.customEvent('astro_page_view', {
+          page: window.location.pathname,
+          framework: 'astro'
+        }).then(() => {
+          console.log('HumanBehavior: Test event sent successfully');
+        }).catch((error) => {
+          console.error('HumanBehavior: Failed to send test event:', error);
+        });
+      }, 1000);
+      
+    } catch (error) {
+      console.error('HumanBehavior: Failed to initialize tracker:', error);
+    }
+  } else {
+    console.error('HumanBehavior: No API key found');
+  }
+</script>`;
+            modifications.push({
+                filePath: astroComponentPath,
+                action: 'create',
+                content: astroComponentContent,
+                description: 'Created Astro component for HumanBehavior SDK'
+            });
+            // Find and update layout file
+            const layoutFiles = [
+                path.join(this.projectRoot, 'src', 'layouts', 'Layout.astro'),
+                path.join(this.projectRoot, 'src', 'layouts', 'layout.astro'),
+                path.join(this.projectRoot, 'src', 'layouts', 'BaseLayout.astro')
+            ];
+            let layoutFile = null;
+            for (const file of layoutFiles) {
+                if (fs.existsSync(file)) {
+                    layoutFile = file;
+                    break;
+                }
+            }
+            if (layoutFile) {
+                const content = fs.readFileSync(layoutFile, 'utf8');
+                const modifiedContent = this.injectAstroLayout(content);
+                modifications.push({
+                    filePath: layoutFile,
+                    action: 'modify',
+                    content: modifiedContent,
+                    description: 'Added HumanBehavior component to Astro layout'
+                });
+            }
+            // Add environment variable
+            modifications.push(this.createEnvironmentModification(this.framework));
+            return modifications;
+        });
+    }
+    /**
+     * Generate Nuxt-specific modifications
+     */
+    generateNuxtModifications() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const modifications = [];
+            // Create plugin file for Nuxt (in app directory)
+            const pluginFile = path.join(this.projectRoot, 'app', 'plugins', 'humanbehavior.client.ts');
+            modifications.push({
+                filePath: pluginFile,
+                action: 'create',
+                content: `import { HumanBehaviorTracker } from 'humanbehavior-js';
+
+export default defineNuxtPlugin(() => {
+  const config = useRuntimeConfig();
+  
+  // Initialize HumanBehavior SDK (client-side only)
+  if (typeof window !== 'undefined') {
+    const apiKey = config.public.humanBehaviorApiKey;
+    console.log('HumanBehavior: API key:', apiKey ? 'present' : 'missing');
+    
+    if (apiKey) {
+      try {
+        const tracker = HumanBehaviorTracker.init(apiKey);
+        console.log('HumanBehavior: Tracker initialized successfully');
+      } catch (error) {
+        console.error('HumanBehavior: Failed to initialize tracker:', error);
+      }
+    } else {
+      console.error('HumanBehavior: No API key found in runtime config');
+    }
+  }
+});`,
+                description: 'Created Nuxt plugin for HumanBehavior SDK in app directory'
+            });
+            // Create environment configuration
+            const nuxtConfigFile = path.join(this.projectRoot, 'nuxt.config.ts');
+            if (fs.existsSync(nuxtConfigFile)) {
+                const content = fs.readFileSync(nuxtConfigFile, 'utf8');
+                const modifiedContent = this.injectNuxtConfig(content);
+                modifications.push({
+                    filePath: nuxtConfigFile,
+                    action: 'modify',
+                    content: modifiedContent,
+                    description: 'Added HumanBehavior runtime config to Nuxt config'
+                });
+            }
+            // Create or append to environment file
+            modifications.push(this.createEnvironmentModification(this.framework));
+            return modifications;
+        });
+    }
+    /**
+     * Generate Remix-specific modifications
+     */
+    generateRemixModifications() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const modifications = [];
+            // Find root.tsx file
+            const rootFile = path.join(this.projectRoot, 'app', 'root.tsx');
+            if (fs.existsSync(rootFile)) {
+                const content = fs.readFileSync(rootFile, 'utf8');
+                const modifiedContent = this.injectRemixProvider(content);
+                modifications.push({
+                    filePath: rootFile,
+                    action: 'modify',
+                    content: modifiedContent,
+                    description: 'Added HumanBehaviorProvider to Remix root component'
+                });
+            }
+            // Create or append to environment file
+            modifications.push(this.createEnvironmentModification(this.framework));
+            return modifications;
+        });
+    }
+    /**
+     * Generate Vue-specific modifications
+     */
+    generateVueModifications() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const modifications = [];
+            // Find main.js or main.ts
+            const mainFile = this.findVueMainFile();
+            if (mainFile) {
+                const content = fs.readFileSync(mainFile, 'utf8');
+                const modifiedContent = this.injectVuePlugin(content);
+                modifications.push({
+                    filePath: mainFile,
+                    action: 'modify',
+                    content: modifiedContent,
+                    description: 'Added HumanBehaviorPlugin to Vue app'
+                });
+            }
+            // Create or append to environment file
+            modifications.push(this.createEnvironmentModification(this.framework));
+            return modifications;
+        });
+    }
+    /**
+     * Generate Angular-specific modifications
+     */
+    generateAngularModifications() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const modifications = [];
+            // Check for modern Angular (standalone components) vs legacy (NgModule)
+            const appModuleFile = path.join(this.projectRoot, 'src', 'app', 'app.module.ts');
+            const appComponentFile = path.join(this.projectRoot, 'src', 'app', 'app.ts');
+            const mainFile = path.join(this.projectRoot, 'src', 'main.ts');
+            const isModernAngular = fs.existsSync(appComponentFile) && !fs.existsSync(appModuleFile);
+            if (isModernAngular) {
+                // Modern Angular 17+ with standalone components
+                if (fs.existsSync(mainFile)) {
+                    const content = fs.readFileSync(mainFile, 'utf8');
+                    const modifiedContent = this.injectAngularStandaloneInit(content);
+                    modifications.push({
+                        filePath: mainFile,
+                        action: 'modify',
+                        content: modifiedContent,
+                        description: 'Added HumanBehavior initialization to Angular main.ts'
+                    });
+                }
+            }
+            else if (fs.existsSync(appModuleFile)) {
+                // Legacy Angular with NgModule
+                const content = fs.readFileSync(appModuleFile, 'utf8');
+                const modifiedContent = this.injectAngularModule(content);
+                modifications.push({
+                    filePath: appModuleFile,
+                    action: 'modify',
+                    content: modifiedContent,
+                    description: 'Added HumanBehaviorModule to Angular app'
+                });
+            }
+            // Handle Angular environment file (legacy structure)
+            const envFile = path.join(this.projectRoot, 'src', 'environments', 'environment.ts');
+            if (fs.existsSync(envFile)) {
+                const content = fs.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'] || ''
+};`);
+                    modifications.push({
+                        filePath: envFile,
+                        action: 'modify',
+                        content: modifiedContent,
+                        description: 'Added API key to Angular environment'
+                    });
+                }
+            }
+            // Create or append to environment file
+            modifications.push(this.createEnvironmentModification(this.framework));
+            return modifications;
+        });
+    }
+    /**
+     * Generate Svelte-specific modifications
+     */
+    generateSvelteModifications() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const modifications = [];
+            // Check for SvelteKit
+            const svelteConfigFile = path.join(this.projectRoot, 'svelte.config.js');
+            const isSvelteKit = fs.existsSync(svelteConfigFile);
+            if (isSvelteKit) {
+                // SvelteKit - create layout file
+                const layoutFile = path.join(this.projectRoot, 'src', 'routes', '+layout.svelte');
+                if (fs.existsSync(layoutFile)) {
+                    const content = fs.readFileSync(layoutFile, 'utf8');
+                    const modifiedContent = this.injectSvelteKitLayout(content);
+                    modifications.push({
+                        filePath: layoutFile,
+                        action: 'modify',
+                        content: modifiedContent,
+                        description: 'Added HumanBehavior store to SvelteKit layout'
+                    });
+                }
+            }
+            else {
+                // Regular Svelte - modify main file
+                const mainFile = this.findSvelteMainFile();
+                if (mainFile) {
+                    const content = fs.readFileSync(mainFile, 'utf8');
+                    const modifiedContent = this.injectSvelteStore(content);
+                    modifications.push({
+                        filePath: mainFile,
+                        action: 'modify',
+                        content: modifiedContent,
+                        description: 'Added HumanBehavior store to Svelte app'
+                    });
+                }
+            }
+            // Create or append to environment file
+            modifications.push(this.createEnvironmentModification(this.framework));
+            return modifications;
+        });
+    }
+    /**
+     * Generate vanilla JS/TS modifications
+     */
+    generateVanillaModifications() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const modifications = [];
+            // Find HTML file to inject script
+            const htmlFile = this.findHTMLFile();
+            if (htmlFile) {
+                const content = fs.readFileSync(htmlFile, 'utf8');
+                const modifiedContent = this.injectVanillaScript(content);
+                modifications.push({
+                    filePath: htmlFile,
+                    action: 'modify',
+                    content: modifiedContent,
+                    description: 'Added HumanBehavior CDN script to HTML file'
+                });
+            }
+            // Create or append to environment file
+            modifications.push(this.createEnvironmentModification(this.framework));
+            return modifications;
+        });
+    }
+    /**
+     * Generate Gatsby-specific modifications
+     */
+    generateGatsbyModifications() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const modifications = [];
+            // Modify or create gatsby-browser.js for Gatsby
+            const gatsbyBrowserFile = path.join(this.projectRoot, 'gatsby-browser.js');
+            if (fs.existsSync(gatsbyBrowserFile)) {
+                const content = fs.readFileSync(gatsbyBrowserFile, 'utf8');
+                const modifiedContent = this.injectGatsbyBrowser(content);
+                modifications.push({
+                    filePath: gatsbyBrowserFile,
+                    action: 'modify',
+                    content: modifiedContent,
+                    description: 'Added HumanBehavior initialization to Gatsby browser'
+                });
+            }
+            else {
+                // Create gatsby-browser.js if it doesn't exist
+                modifications.push({
+                    filePath: gatsbyBrowserFile,
+                    action: 'create',
+                    content: `import { HumanBehaviorTracker } from 'humanbehavior-js';
+
+export const onClientEntry = () => {
+  console.log('Gatsby browser entry point loaded');
+  const apiKey = process.env.GATSBY_HUMANBEHAVIOR_API_KEY;
+  console.log('API Key found:', apiKey ? 'Yes' : 'No');
+  if (apiKey) {
+    const tracker = HumanBehaviorTracker.init(apiKey);
+    console.log('HumanBehavior SDK initialized for Gatsby');
+  } else {
+    console.log('No API key found in environment variables');
+  }
+};`,
+                    description: 'Created gatsby-browser.js with HumanBehavior initialization'
+                });
+            }
+            // Create or append to environment file
+            modifications.push(this.createEnvironmentModification(this.framework));
+            return modifications;
+        });
+    }
+    /**
+     * Apply modifications to the codebase
+     */
+    applyModifications(modifications) {
+        return __awaiter(this, void 0, void 0, function* () {
+            for (const modification of modifications) {
+                try {
+                    const dir = path.dirname(modification.filePath);
+                    if (!fs.existsSync(dir)) {
+                        fs.mkdirSync(dir, { recursive: true });
+                    }
+                    switch (modification.action) {
+                        case 'create':
+                            fs.writeFileSync(modification.filePath, modification.content);
+                            break;
+                        case 'modify':
+                            fs.writeFileSync(modification.filePath, modification.content);
+                            break;
+                        case 'append':
+                            fs.appendFileSync(modification.filePath, '\n' + modification.content);
+                            break;
+                    }
+                }
+                catch (error) {
+                    throw new Error(`Failed to apply modification to ${modification.filePath}: ${error}`);
+                }
+            }
+        });
+    }
+    /**
+     * Generate next steps for the user
+     */
+    generateNextSteps() {
+        var _a, _b;
+        const steps = [
+            '✅ SDK installed and configured automatically!',
+            '🚀 Your app is now tracking user behavior',
+            '📊 View sessions in your HumanBehavior dashboard',
+            '🔧 Customize tracking in your code as needed'
+        ];
+        if (((_a = this.framework) === null || _a === void 0 ? void 0 : _a.type) === 'react' || ((_b = this.framework) === null || _b === void 0 ? void 0 : _b.type) === 'nextjs') {
+            steps.push('💡 Use the useHumanBehavior() hook to track custom events');
+        }
+        return steps;
+    }
+    // Helper methods for file detection and content injection
+    findReactAppFile() {
+        const possibleFiles = [
+            'src/App.jsx', 'src/App.js', 'src/App.tsx', 'src/App.ts',
+            'src/index.js', 'src/index.tsx', 'src/main.js', 'src/main.tsx'
+        ];
+        for (const file of possibleFiles) {
+            const fullPath = path.join(this.projectRoot, file);
+            if (fs.existsSync(fullPath)) {
+                return fullPath;
+            }
+        }
+        return null;
+    }
+    findVueMainFile() {
+        const possibleFiles = [
+            'src/main.js', 'src/main.ts', 'src/main.jsx', 'src/main.tsx'
+        ];
+        for (const file of possibleFiles) {
+            const fullPath = path.join(this.projectRoot, file);
+            if (fs.existsSync(fullPath)) {
+                return fullPath;
+            }
+        }
+        return null;
+    }
+    findSvelteMainFile() {
+        const possibleFiles = [
+            'src/main.js', 'src/main.ts', 'src/main.svelte'
+        ];
+        for (const file of possibleFiles) {
+            const fullPath = path.join(this.projectRoot, file);
+            if (fs.existsSync(fullPath)) {
+                return fullPath;
+            }
+        }
+        return null;
+    }
+    findHTMLFile() {
+        const possibleFiles = ['index.html', 'public/index.html', 'dist/index.html'];
+        for (const file of possibleFiles) {
+            const fullPath = path.join(this.projectRoot, file);
+            if (fs.existsSync(fullPath)) {
+                return fullPath;
+            }
+        }
+        return null;
+    }
+    injectReactProvider(content, filePath) {
+        var _a, _b, _c;
+        filePath.endsWith('.tsx') || filePath.endsWith('.ts');
+        // Check if already has HumanBehaviorProvider
+        if (content.includes('HumanBehaviorProvider')) {
+            return content;
+        }
+        // Determine the correct environment variable syntax based on bundler
+        const isVite = ((_a = this.framework) === null || _a === void 0 ? void 0 : _a.bundler) === 'vite';
+        const envVar = isVite
+            ? 'import.meta.env.VITE_HUMANBEHAVIOR_API_KEY!'
+            : 'process.env.HUMANBEHAVIOR_API_KEY!';
+        const importStatement = `import { HumanBehaviorProvider } from 'humanbehavior-js/react';`;
+        // Enhanced parsing for React 18+ features
+        const hasReact18 = (_c = (_b = this.framework) === null || _b === void 0 ? void 0 : _b.features) === null || _c === void 0 ? void 0 : _c.hasReact18;
+        // Handle different React patterns
+        if (content.includes('function App()') || content.includes('const App =')) {
+            // Add import statement
+            let modifiedContent = content.replace(/(import.*?from.*?['"]react['"];?)/, `$1\n${importStatement}`);
+            // If no React import found, add it at the top
+            if (!modifiedContent.includes(importStatement)) {
+                modifiedContent = `${importStatement}\n\n${modifiedContent}`;
+            }
+            // Wrap the App component return with HumanBehaviorProvider
+            modifiedContent = modifiedContent.replace(/(return\s*\([\s\S]*?\)\s*;)/, `return (
+    <HumanBehaviorProvider apiKey={${envVar}}>
+      $1
+    </HumanBehaviorProvider>
+  );`);
+            return modifiedContent;
+        }
+        // Handle React 18+ createRoot pattern
+        if (hasReact18 && content.includes('createRoot')) {
+            let modifiedContent = content.replace(/(import.*?from.*?['"]react['"];?)/, `$1\n${importStatement}`);
+            if (!modifiedContent.includes(importStatement)) {
+                modifiedContent = `${importStatement}\n\n${modifiedContent}`;
+            }
+            // Wrap the root render with HumanBehaviorProvider
+            modifiedContent = modifiedContent.replace(/(root\.render\s*\([\s\S]*?\)\s*;)/, `root.render(
+    <HumanBehaviorProvider apiKey={${envVar}}>
+      $1
+    </HumanBehaviorProvider>
+  );`);
+            return modifiedContent;
+        }
+        // Fallback: simple injection
+        return `${importStatement}\n\n${content}`;
+    }
+    injectNextJSAppRouter(content) {
+        if (content.includes('Providers')) {
+            return content;
+        }
+        const importStatement = `import { Providers } from './providers';`;
+        // First, add the import statement
+        let modifiedContent = content.replace(/export default function RootLayout/, `${importStatement}\n\nexport default function RootLayout`);
+        // Then wrap the body content with Providers
+        // Use a more specific approach to handle the body content
+        modifiedContent = modifiedContent.replace(/<body([^>]*)>([\s\S]*?)<\/body>/, (match, bodyAttrs, bodyContent) => {
+            // Trim whitespace and newlines from bodyContent
+            const trimmedContent = bodyContent.trim();
+            return `<body${bodyAttrs}>
+        <Providers>
+          ${trimmedContent}
+        </Providers>
+      </body>`;
+        });
+        return modifiedContent;
+    }
+    injectNextJSPagesRouter(content) {
+        if (content.includes('Providers')) {
+            return content;
+        }
+        const importStatement = `import { Providers } from '../components/providers';`;
+        return content.replace(/function MyApp/, `${importStatement}\n\nfunction MyApp`).replace(/return \(([\s\S]*?)\);/, `return (
+    <Providers>
+      $1
+    </Providers>
+  );`);
+    }
+    injectRemixProvider(content) {
+        if (content.includes('HumanBehaviorProvider')) {
+            return content;
+        }
+        const importStatement = `import { HumanBehaviorProvider, createHumanBehaviorLoader } from 'humanbehavior-js/remix';`;
+        const useLoaderDataImport = `import { useLoaderData } from "@remix-run/react";`;
+        // Add imports more robustly
+        let modifiedContent = content;
+        // Add HumanBehaviorProvider import - find the last import and add after it
+        if (!content.includes('HumanBehaviorProvider')) {
+            const lastImportIndex = modifiedContent.lastIndexOf('import');
+            if (lastImportIndex !== -1) {
+                const nextLineIndex = modifiedContent.indexOf('\n', lastImportIndex);
+                if (nextLineIndex !== -1) {
+                    modifiedContent = modifiedContent.slice(0, nextLineIndex + 1) +
+                        importStatement + '\n' +
+                        modifiedContent.slice(nextLineIndex + 1);
+                }
+                else {
+                    modifiedContent = modifiedContent + '\n' + importStatement;
+                }
+            }
+            else {
+                modifiedContent = importStatement + '\n' + modifiedContent;
+            }
+        }
+        // Add useLoaderData import - find the last import and add after it
+        if (!content.includes('useLoaderData')) {
+            const lastImportIndex = modifiedContent.lastIndexOf('import');
+            if (lastImportIndex !== -1) {
+                const nextLineIndex = modifiedContent.indexOf('\n', lastImportIndex);
+                if (nextLineIndex !== -1) {
+                    modifiedContent = modifiedContent.slice(0, nextLineIndex + 1) +
+                        useLoaderDataImport + '\n' +
+                        modifiedContent.slice(nextLineIndex + 1);
+                }
+                else {
+                    modifiedContent = modifiedContent + '\n' + useLoaderDataImport;
+                }
+            }
+            else {
+                modifiedContent = useLoaderDataImport + '\n' + modifiedContent;
+            }
+        }
+        // Add loader function before the App component
+        if (!content.includes('export const loader')) {
+            modifiedContent = modifiedContent.replace(/export default function App\(\)/, `export const loader = createHumanBehaviorLoader();
+
+export default function App()`);
+        }
+        // Wrap the App component content with HumanBehaviorProvider
+        modifiedContent = modifiedContent.replace(/export default function App\(\) \{[\s\S]*?return \(([\s\S]*?)\);[\s\S]*?\}/, `export default function App() {
+  const data = useLoaderData<typeof loader>();
+  
+  return (
+    <HumanBehaviorProvider apiKey={data.ENV.HUMANBEHAVIOR_API_KEY}>
+      $1
+    </HumanBehaviorProvider>
+  );
+}`);
+        return modifiedContent;
+    }
+    injectVuePlugin(content) {
+        var _a, _b;
+        if (content.includes('HumanBehaviorPlugin')) {
+            return content;
+        }
+        const importStatement = `import { HumanBehaviorPlugin } from 'humanbehavior-js/vue';`;
+        // Enhanced Vue 3 support with version detection
+        const hasVue3 = (_b = (_a = this.framework) === null || _a === void 0 ? void 0 : _a.features) === null || _b === void 0 ? void 0 : _b.hasVue3;
+        if (hasVue3) {
+            // Vue 3 with Composition API
+            const pluginUsage = `app.use(HumanBehaviorPlugin, {
+  apiKey: import.meta.env.VITE_HUMANBEHAVIOR_API_KEY
+});`;
+            let modifiedContent = content;
+            // Add import statement
+            if (!content.includes(importStatement)) {
+                modifiedContent = content.replace(/(import.*?from.*?['"]vue['"];?)/, `$1\n${importStatement}`);
+                // If no Vue import found, add it at the top
+                if (!modifiedContent.includes(importStatement)) {
+                    modifiedContent = `${importStatement}\n\n${modifiedContent}`;
+                }
+            }
+            // Handle createApp pattern
+            if (content.includes('createApp')) {
+                modifiedContent = modifiedContent.replace(/(app\.mount\(.*?\))/, `${pluginUsage}\n\n$1`);
+            }
+            return modifiedContent;
+        }
+        else {
+            // Vue 2 with Options API
+            const pluginUsage = `Vue.use(HumanBehaviorPlugin, {
+  apiKey: process.env.VUE_APP_HUMANBEHAVIOR_API_KEY
+});`;
+            let modifiedContent = content;
+            // Add import statement
+            if (!content.includes(importStatement)) {
+                modifiedContent = content.replace(/(import.*?from.*?['"]vue['"];?)/, `$1\n${importStatement}`);
+                if (!modifiedContent.includes(importStatement)) {
+                    modifiedContent = `${importStatement}\n\n${modifiedContent}`;
+                }
+            }
+            // Handle new Vue pattern
+            if (content.includes('new Vue')) {
+                modifiedContent = modifiedContent.replace(/(new Vue\(.*?\))/, `${pluginUsage}\n\n$1`);
+            }
+            return modifiedContent;
+        }
+    }
+    injectAngularModule(content) {
+        if (content.includes('HumanBehaviorModule')) {
+            return content;
+        }
+        const importStatement = `import { HumanBehaviorModule } from 'humanbehavior-js/angular';`;
+        const environmentImport = `import { environment } from '../environments/environment';`;
+        // Add environment import if not present
+        let modifiedContent = content;
+        if (!content.includes('environment')) {
+            modifiedContent = content.replace(/import.*from.*['"]@angular/, `${environmentImport}\n$&`);
+        }
+        return modifiedContent.replace(/imports:\s*\[([\s\S]*?)\]/, `imports: [
+    $1,
+    HumanBehaviorModule.forRoot({
+      apiKey: environment.humanBehaviorApiKey
+    })
+  ]`).replace(/import.*from.*['"]@angular/, `$&\n${importStatement}`);
+    }
+    injectAngularStandaloneInit(content) {
+        if (content.includes('initializeHumanBehavior')) {
+            return content;
+        }
+        const importStatement = `import { initializeHumanBehavior } from 'humanbehavior-js/angular';`;
+        // Add import at the top
+        let modifiedContent = content.replace(/import.*from.*['"]@angular/, `${importStatement}\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}'
+  );
+}`);
+        return modifiedContent;
+    }
+    injectSvelteStore(content) {
+        if (content.includes('humanBehaviorStore')) {
+            return content;
+        }
+        const importStatement = `import { humanBehaviorStore } from 'humanbehavior-js/svelte';`;
+        const initCode = `humanBehaviorStore.init(process.env.PUBLIC_HUMANBEHAVIOR_API_KEY || '');`;
+        return `${importStatement}\n${initCode}\n\n${content}`;
+    }
+    injectSvelteKitLayout(content) {
+        if (content.includes('humanBehaviorStore')) {
+            return content;
+        }
+        const importStatement = `import { humanBehaviorStore } from 'humanbehavior-js/svelte';`;
+        const envImport = `import { PUBLIC_HUMANBEHAVIOR_API_KEY } from '$env/static/public';`;
+        const initCode = `humanBehaviorStore.init(PUBLIC_HUMANBEHAVIOR_API_KEY || '');`;
+        // Add to script section - handle different script tag patterns
+        if (content.includes('<script lang="ts">')) {
+            return content.replace(/<script lang="ts">/, `<script lang="ts">\n\t${envImport}\n\t${importStatement}\n\t${initCode}`);
+        }
+        else if (content.includes('<script>')) {
+            return content.replace(/<script>/, `<script>\n\t${envImport}\n\t${importStatement}\n\t${initCode}`);
+        }
+        else if (content.includes('<script context="module">')) {
+            return content.replace(/<script\s+context="module">/, `<script context="module">\n\t${envImport}\n\t${importStatement}\n\t${initCode}`);
+        }
+        else {
+            // If no script tag found, add one at the beginning
+            return content.replace(/<svelte:head>/, `<script lang="ts">\n\t${envImport}\n\t${importStatement}\n\t${initCode}\n</script>\n\n<svelte:head>`);
+        }
+    }
+    injectVanillaScript(content) {
+        if (content.includes('humanbehavior-js')) {
+            return content;
+        }
+        const cdnScript = `<script src="https://unpkg.com/humanbehavior-js@latest/dist/index.min.js"></script>`;
+        const initScript = `<script>
+  // Initialize HumanBehavior SDK
+  // Note: For vanilla HTML, the API key must be hardcoded since env vars aren't available
+  const tracker = HumanBehaviorTracker.init('${this.apiKey}');
+</script>`;
+        return content.replace(/<\/head>/, `  ${cdnScript}\n  ${initScript}\n</head>`);
+    }
+    /**
+     * Inject Astro layout with HumanBehavior component
+     */
+    injectAstroLayout(content) {
+        // Check if HumanBehavior component is already imported
+        if (content.includes('HumanBehavior') || content.includes('humanbehavior-js')) {
+            return content; // Already has HumanBehavior
+        }
+        // Add import inside frontmatter if not present
+        let modifiedContent = content;
+        if (!content.includes('import HumanBehavior')) {
+            const importStatement = 'import HumanBehavior from \'../components/HumanBehavior.astro\';';
+            const frontmatterEndIndex = content.indexOf('---', 3);
+            if (frontmatterEndIndex !== -1) {
+                // Insert import inside frontmatter, before the closing ---
+                modifiedContent = content.slice(0, frontmatterEndIndex) + '\n' + importStatement + '\n' + content.slice(frontmatterEndIndex);
+            }
+            else {
+                // No frontmatter, add at the very beginning
+                modifiedContent = '---\n' + importStatement + '\n---\n\n' + content;
+            }
+        }
+        // Find the closing </body> tag and add HumanBehavior component before it
+        const bodyCloseIndex = modifiedContent.lastIndexOf('</body>');
+        if (bodyCloseIndex === -1) {
+            // No body tag found, append to end
+            return modifiedContent + '\n\n<HumanBehavior />';
+        }
+        // Add component before closing body tag
+        return modifiedContent.slice(0, bodyCloseIndex) + '  <HumanBehavior />\n' + modifiedContent.slice(bodyCloseIndex);
+    }
+    injectNuxtConfig(content) {
+        var _a, _b;
+        if (content.includes('humanBehaviorApiKey')) {
+            return content;
+        }
+        // Enhanced Nuxt 3 support with version detection
+        const hasNuxt3 = (_b = (_a = this.framework) === null || _a === void 0 ? void 0 : _a.features) === null || _b === void 0 ? void 0 : _b.hasNuxt3;
+        if (hasNuxt3) {
+            // Nuxt 3 with runtime config
+            return content.replace(/export default defineNuxtConfig\(\{/, `export default defineNuxtConfig({
+  runtimeConfig: {
+    public: {
+      humanBehaviorApiKey: process.env.NUXT_PUBLIC_HUMANBEHAVIOR_API_KEY
+    }
+  },`);
+        }
+        else {
+            // Nuxt 2 with env config
+            return content.replace(/export default \{/, `export default {
+  env: {
+    humanBehaviorApiKey: process.env.HUMANBEHAVIOR_API_KEY
+  },`);
+        }
+    }
+    injectGatsbyLayout(content) {
+        if (content.includes('HumanBehavior')) {
+            return content;
+        }
+        const importStatement = `import HumanBehavior from './HumanBehavior';`;
+        const componentUsage = `<HumanBehavior apiKey={process.env.GATSBY_HUMANBEHAVIOR_API_KEY || ''} />`;
+        // Add import at the top
+        let modifiedContent = content.replace(/import.*from.*['"]\./, `${importStatement}\n$&`);
+        // Add component before closing body tag
+        modifiedContent = modifiedContent.replace(/(\s*<\/body>)/, `\n      ${componentUsage}\n$1`);
+        return modifiedContent;
+    }
+    injectGatsbyBrowser(content) {
+        if (content.includes('HumanBehaviorTracker')) {
+            return content;
+        }
+        const importStatement = `import { HumanBehaviorTracker } from 'humanbehavior-js';`;
+        const initCode = `
+// Initialize HumanBehavior SDK
+export const onClientEntry = () => {
+  console.log('Gatsby browser entry point loaded');
+  const apiKey = process.env.GATSBY_HUMANBEHAVIOR_API_KEY;
+  console.log('API Key found:', apiKey ? 'Yes' : 'No');
+  if (apiKey) {
+    const tracker = HumanBehaviorTracker.init(apiKey);
+    console.log('HumanBehavior SDK initialized for Gatsby');
+  } else {
+    console.log('No API key found in environment variables');
+  }
+};`;
+        // If the file already has content, add the import and init code
+        if (content.trim()) {
+            return `${importStatement}${initCode}\n\n${content}`;
+        }
+        else {
+            // If file is empty, just return the new content
+            return `${importStatement}${initCode}`;
+        }
+    }
+    /**
+     * Helper method to find the best environment file for a framework
+     */
+    findBestEnvFile(framework) {
+        const possibleEnvFiles = [
+            '.env.local',
+            '.env.development.local',
+            '.env.development',
+            '.env.local.development',
+            '.env',
+            '.env.production',
+            '.env.staging'
+        ];
+        // Framework-specific environment variable names
+        const getEnvVarName = (framework) => {
+            // Handle React+Vite specifically
+            if (framework.type === 'react' && framework.bundler === 'vite') {
+                return 'VITE_HUMANBEHAVIOR_API_KEY';
+            }
+            // Framework-specific mappings
+            const envVarNames = {
+                react: 'HUMANBEHAVIOR_API_KEY',
+                nextjs: 'NEXT_PUBLIC_HUMANBEHAVIOR_API_KEY',
+                vue: 'VITE_HUMANBEHAVIOR_API_KEY',
+                svelte: 'PUBLIC_HUMANBEHAVIOR_API_KEY',
+                angular: 'HUMANBEHAVIOR_API_KEY',
+                nuxt: 'NUXT_PUBLIC_HUMANBEHAVIOR_API_KEY',
+                remix: 'HUMANBEHAVIOR_API_KEY',
+                vanilla: 'HUMANBEHAVIOR_API_KEY',
+                astro: 'PUBLIC_HUMANBEHAVIOR_API_KEY',
+                gatsby: 'GATSBY_HUMANBEHAVIOR_API_KEY',
+                node: 'HUMANBEHAVIOR_API_KEY',
+                auto: 'HUMANBEHAVIOR_API_KEY'
+            };
+            return envVarNames[framework.type] || 'HUMANBEHAVIOR_API_KEY';
+        };
+        const envVarName = getEnvVarName(framework);
+        // Check for existing files
+        for (const envFile of possibleEnvFiles) {
+            const fullPath = path.join(this.projectRoot, envFile);
+            if (fs.existsSync(fullPath)) {
+                return { filePath: fullPath, envVarName };
+            }
+        }
+        // Framework-specific default file creation
+        const defaultFiles = {
+            react: '.env.local',
+            nextjs: '.env.local',
+            vue: '.env.local',
+            svelte: '.env',
+            angular: '.env',
+            nuxt: '.env',
+            remix: '.env.local',
+            vanilla: '.env',
+            astro: '.env',
+            gatsby: '.env.development',
+            node: '.env',
+            auto: '.env'
+        };
+        const defaultFile = defaultFiles[framework.type] || '.env';
+        return {
+            filePath: path.join(this.projectRoot, defaultFile),
+            envVarName
+        };
+    }
+    /**
+     * Helper method to create or append to environment files
+     */
+    createEnvironmentModification(framework) {
+        const { filePath, envVarName } = this.findBestEnvFile(framework);
+        // Clean the API key to prevent formatting issues
+        const cleanApiKey = this.apiKey.trim();
+        if (fs.existsSync(filePath)) {
+            // Check if the variable already exists
+            const content = fs.readFileSync(filePath, 'utf8');
+            if (content.includes(envVarName)) {
+                // Variable exists, don't modify
+                return {
+                    filePath,
+                    action: 'modify',
+                    content: content, // No change
+                    description: `API key already exists in ${path.basename(filePath)}`
+                };
+            }
+            else {
+                // Append to existing file
+                return {
+                    filePath,
+                    action: 'append',
+                    content: `\n${envVarName}=${cleanApiKey}`,
+                    description: `Added API key to existing ${path.basename(filePath)}`
+                };
+            }
+        }
+        else {
+            // Create new file
+            return {
+                filePath,
+                action: 'create',
+                content: `${envVarName}=${cleanApiKey}`,
+                description: `Created ${path.basename(filePath)} with API key`
+            };
+        }
+    }
+}
+
+/**
+ * Remote AI Service Implementation
+ *
+ * This connects to your deployed Lambda function via API Gateway
+ */
+class RemoteAIService {
+    constructor(config) {
+        this.config = Object.assign({ timeout: 10000 }, config);
+    }
+    /**
+     * Analyze code patterns using your deployed AI service
+     */
+    analyzeCodePatterns(codeSamples) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const response = yield fetch(`${this.config.apiEndpoint}/analyze`, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({ codeSamples }),
+                    signal: AbortSignal.timeout(this.config.timeout || 10000)
+                });
+                if (!response.ok) {
+                    throw new Error(`AI service returned ${response.status}: ${response.statusText}`);
+                }
+                const result = yield response.json();
+                return result.analysis;
+            }
+            catch (error) {
+                console.warn('Remote AI service failed, falling back to heuristic analysis:', error);
+                return this.performHeuristicAnalysis(codeSamples);
+            }
+        });
+    }
+    /**
+     * Resolve conflicts using your deployed AI service
+     */
+    resolveConflicts(conflicts, framework) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const response = yield fetch(`${this.config.apiEndpoint}/resolve-conflicts`, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({ conflicts, framework }),
+                    signal: AbortSignal.timeout(this.config.timeout || 10000)
+                });
+                if (!response.ok) {
+                    throw new Error(`AI service returned ${response.status}: ${response.statusText}`);
+                }
+                const result = yield response.json();
+                return result.resolutions || [];
+            }
+            catch (error) {
+                console.warn('Remote AI conflict resolution failed, using heuristic approach:', error);
+                return this.resolveConflictsHeuristic(conflicts, framework);
+            }
+        });
+    }
+    /**
+     * Generate optimizations using your deployed AI service
+     */
+    generateOptimizations(framework, patterns) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const response = yield fetch(`${this.config.apiEndpoint}/optimize`, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({ framework, patterns }),
+                    signal: AbortSignal.timeout(this.config.timeout || 10000)
+                });
+                if (!response.ok) {
+                    throw new Error(`AI service returned ${response.status}: ${response.statusText}`);
+                }
+                const result = yield response.json();
+                return result.optimizations || [];
+            }
+            catch (error) {
+                console.warn('Remote AI optimization generation failed, using heuristic approach:', error);
+                return this.generateOptimizationsHeuristic(framework, patterns);
+            }
+        });
+    }
+    /**
+     * Heuristic analysis fallback
+     */
+    performHeuristicAnalysis(codeSamples) {
+        const patterns = codeSamples.join(' ').toLowerCase();
+        // Framework detection
+        let framework = { name: 'vanilla', type: 'vanilla' };
+        let confidence = 0.5;
+        if (patterns.includes('nuxt') || patterns.includes('nuxtjs') || patterns.includes('defineNuxtConfig') || patterns.includes('nuxt.config') || patterns.includes('@nuxt/') || patterns.includes('useNuxtApp') || patterns.includes('useRuntimeConfig') || patterns.includes('useSeoMeta') || patterns.includes('useHead') || patterns.includes('useLazyFetch') || patterns.includes('useFetch') || patterns.includes('useAsyncData') || patterns.includes('#app')) {
+            framework = { name: 'nuxt', type: 'nuxt' };
+            confidence = 0.95;
+        }
+        else if (patterns.includes('next') || patterns.includes('nextjs') || patterns.includes('next/link') || patterns.includes('next/image') || patterns.includes('next/navigation') || patterns.includes('next/router') || patterns.includes('getserverSideProps') || patterns.includes('getstaticProps') || patterns.includes('getstaticPaths') || patterns.includes('app/layout') || patterns.includes('app/page') || patterns.includes('pages/')) {
+            framework = { name: 'nextjs', type: 'nextjs' };
+            confidence = 0.95;
+        }
+        else if (patterns.includes('gatsby') || patterns.includes('gatsby-browser') || patterns.includes('gatsby-ssr') || patterns.includes('gatsby-node') || patterns.includes('gatsby-config') || patterns.includes('useStaticQuery') || patterns.includes('graphql')) {
+            framework = { name: 'gatsby', type: 'gatsby' };
+            confidence = 0.95;
+        }
+        else if (patterns.includes('react')) {
+            framework = { name: 'react', type: 'react' };
+            confidence = 0.9;
+        }
+        else if (patterns.includes('vue')) {
+            framework = { name: 'vue', type: 'vue' };
+            confidence = 0.9;
+        }
+        else if (patterns.includes('angular')) {
+            framework = { name: 'angular', type: 'angular' };
+            confidence = 0.9;
+        }
+        else if (patterns.includes('svelte')) {
+            framework = { name: 'svelte', type: 'svelte' };
+            confidence = 0.9;
+        }
+        else if (patterns.includes('astro')) {
+            framework = { name: 'astro', type: 'astro' };
+            confidence = 0.9;
+        }
+        // Integration strategy
+        let integrationStrategy = 'script';
+        if (framework.type === 'react' || framework.type === 'nextjs' || framework.type === 'gatsby') {
+            integrationStrategy = 'provider';
+        }
+        else if (framework.type === 'vue') {
+            integrationStrategy = 'plugin';
+        }
+        else if (framework.type === 'angular') {
+            integrationStrategy = 'module';
+        }
+        // Compatibility mode
+        let compatibilityMode = 'modern';
+        if (patterns.includes('require(') || patterns.includes('var ')) {
+            compatibilityMode = 'legacy';
+        }
+        return {
+            framework,
+            confidence,
+            patterns: codeSamples,
+            conflicts: [],
+            recommendations: [],
+            integrationStrategy,
+            compatibilityMode
+        };
+    }
+    /**
+     * Heuristic conflict resolution
+     */
+    resolveConflictsHeuristic(conflicts, framework) {
+        const resolutions = [];
+        for (const conflict of conflicts) {
+            switch (conflict) {
+                case 'existing_humanbehavior_code':
+                    resolutions.push('update_existing_integration');
+                    break;
+                case 'existing_provider':
+                    resolutions.push('merge_providers');
+                    break;
+                case 'module_system_conflict':
+                    resolutions.push('hybrid_module_support');
+                    break;
+                default:
+                    resolutions.push('skip_conflict');
+            }
+        }
+        return resolutions;
+    }
+    /**
+     * Heuristic optimization generation
+     */
+    generateOptimizationsHeuristic(framework, patterns) {
+        const optimizations = [];
+        switch (framework.type) {
+            case 'react':
+                optimizations.push('Use React.memo for performance optimization');
+                optimizations.push('Implement error boundaries for better error tracking');
+                optimizations.push('Consider using React.lazy for code splitting');
+                break;
+            case 'vue':
+                optimizations.push('Use Vue 3 Composition API for better performance');
+                optimizations.push('Implement proper error handling in components');
+                optimizations.push('Consider using Vue Router for navigation tracking');
+                break;
+            case 'angular':
+                optimizations.push('Use Angular standalone components for better tree-shaking');
+                optimizations.push('Implement proper error handling with ErrorHandler');
+                optimizations.push('Consider using Angular signals for state management');
+                break;
+            default:
+                optimizations.push('Enable performance tracking');
+                optimizations.push('Implement error tracking');
+                optimizations.push('Consider progressive enhancement');
+        }
+        return optimizations;
+    }
+}
+
+/**
+ * Manual Framework Installation Wizard
+ *
+ * This wizard allows users to manually specify their framework instead of auto-detection.
+ * Useful when auto-detection fails or users want more control.
+ */
+class ManualFrameworkInstallationWizard extends AutoInstallationWizard {
+    constructor(apiKey, projectRoot = process.cwd(), framework) {
+        super(apiKey, projectRoot);
+        this.selectedFramework = framework.toLowerCase();
+        this.framework = this.createFrameworkInfo(this.selectedFramework);
+    }
+    /**
+     * Manual installation with user-specified framework
+     */
+    install() {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                // Step 1: Handle framework selection
+                if (this.selectedFramework === 'auto') {
+                    // Use full AI detection for "Other" option
+                    this.framework = yield this.runFullDetection();
+                }
+                else {
+                    // Set framework based on user selection
+                    this.framework = this.createFrameworkInfo(this.selectedFramework);
+                    if (!this.framework) {
+                        this.framework = { name: 'unknown', type: 'vanilla' };
+                    }
+                    // Step 2: Run full detection logic to find entry points, file names, etc.
+                    const detectedFramework = yield this.runFullDetection();
+                    // Step 3: Merge manual framework with detected details
+                    this.framework = Object.assign(Object.assign({}, detectedFramework), { name: this.framework.name, type: this.framework.type });
+                }
+                // Step 4: Install package
+                yield this.installPackage();
+                // Step 5: Generate and apply code modifications
+                const modifications = yield this.generateModifications();
+                yield this.applyModifications(modifications);
+                // Step 6: Generate next steps
+                const nextSteps = this.generateManualNextSteps();
+                return {
+                    success: true,
+                    framework: this.framework,
+                    modifications,
+                    errors: [],
+                    nextSteps,
+                    selectedFramework: this.selectedFramework,
+                    manualMode: true
+                };
+            }
+            catch (error) {
+                return {
+                    success: false,
+                    framework: this.framework || { name: 'unknown', type: 'vanilla' },
+                    modifications: [],
+                    errors: [error instanceof Error ? error.message : 'Unknown error'],
+                    nextSteps: [],
+                    selectedFramework: this.selectedFramework,
+                    manualMode: true
+                };
+            }
+        });
+    }
+    /**
+     * Run full detection logic to find entry points, file names, bundler, etc.
+     */
+    runFullDetection() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.selectedFramework === 'auto') {
+                // Use AI service for auto-detection
+                const aiService = new RemoteAIService({
+                    apiEndpoint: 'https://ik3zxh4790.execute-api.us-east-1.amazonaws.com/prod'
+                });
+                // Use AI service directly for detection
+                const projectFiles = yield this.scanProjectFiles();
+                const codeSamples = yield this.extractCodeSamples(projectFiles);
+                const aiAnalysis = yield aiService.analyzeCodePatterns(codeSamples);
+                return aiAnalysis.framework;
+            }
+            else {
+                // Use traditional detection for manual frameworks
+                const tempWizard = new AutoInstallationWizard(this.apiKey, this.projectRoot);
+                const detected = yield tempWizard.detectFramework();
+                return detected;
+            }
+        });
+    }
+    /**
+     * Scan project files for analysis
+     */
+    scanProjectFiles() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const files = [];
+            const scanDir = (dir, depth = 0) => {
+                if (depth > 3)
+                    return; // Limit depth
+                try {
+                    const items = fs.readdirSync(dir);
+                    for (const item of items) {
+                        const fullPath = path.join(dir, item);
+                        const stat = fs.statSync(fullPath);
+                        if (stat.isDirectory() && !item.startsWith('.') && item !== 'node_modules') {
+                            scanDir(fullPath, depth + 1);
+                        }
+                        else if (stat.isFile() && this.isRelevantFile(item)) {
+                            files.push(fullPath);
+                        }
+                    }
+                }
+                catch (error) {
+                    // Skip inaccessible directories
+                }
+            };
+            scanDir(this.projectRoot);
+            return files;
+        });
+    }
+    /**
+     * Check if file is relevant for analysis
+     */
+    isRelevantFile(filename) {
+        const relevantExtensions = [
+            '.js', '.jsx', '.ts', '.tsx', '.vue', '.svelte', '.html',
+            '.json', '.config.js', '.config.ts', '.babelrc', '.eslintrc'
+        ];
+        const relevantNames = [
+            'package.json', 'tsconfig.json', 'vite.config', 'webpack.config',
+            'next.config', 'nuxt.config', 'angular.json', 'svelte.config'
+        ];
+        return relevantExtensions.some(ext => filename.endsWith(ext)) ||
+            relevantNames.some(name => filename.includes(name));
+    }
+    /**
+     * Extract code samples for AI analysis
+     */
+    extractCodeSamples(files) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const samples = [];
+            for (const file of files.slice(0, 20)) { // Limit to 20 files
+                try {
+                    const content = fs.readFileSync(file, 'utf8');
+                    const relativePath = path.relative(this.projectRoot, file);
+                    samples.push(`File: ${relativePath}\n${content.substring(0, 1000)}`);
+                }
+                catch (error) {
+                    // Skip unreadable files
+                }
+            }
+            return samples;
+        });
+    }
+    /**
+     * Create framework info based on user selection
+     */
+    createFrameworkInfo(framework) {
+        const frameworkMap = {
+            'react': { name: 'react', type: 'react' },
+            'nextjs': { name: 'nextjs', type: 'nextjs' },
+            'next': { name: 'nextjs', type: 'nextjs' },
+            'vue': { name: 'vue', type: 'vue' },
+            'nuxt': { name: 'nuxt', type: 'nuxt' },
+            'nuxtjs': { name: 'nuxt', type: 'nuxt' },
+            'angular': { name: 'angular', type: 'angular' },
+            'svelte': { name: 'svelte', type: 'svelte' },
+            'sveltekit': { name: 'svelte', type: 'svelte' },
+            'remix': { name: 'remix', type: 'remix' },
+            'astro': { name: 'astro', type: 'astro' },
+            'gatsby': { name: 'gatsby', type: 'gatsby' },
+            'vanilla': { name: 'vanilla', type: 'vanilla' },
+            'node': { name: 'node', type: 'node' },
+            'auto': { name: 'auto-detected', type: 'auto' }
+        };
+        return frameworkMap[framework] || { name: framework, type: 'vanilla' };
+    }
+    /**
+     * Override framework detection to use manual selection
+     */
+    detectFramework() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.framework || { name: 'unknown', type: 'vanilla' };
+        });
+    }
+    /**
+     * Generate next steps with manual mode info
+     */
+    generateManualNextSteps() {
+        var _a;
+        return [
+            '✅ Manual framework installation completed!',
+            `🎯 Selected framework: ${((_a = this.framework) === null || _a === void 0 ? void 0 : _a.name) || 'unknown'}`,
+            `🔧 Integration strategy: ${this.getIntegrationStrategy()}`,
+            '🚀 Your app is now ready to track user behavior',
+            '📊 View sessions in your HumanBehavior dashboard'
+        ];
+    }
+    /**
+     * Get integration strategy based on framework
+     */
+    getIntegrationStrategy() {
+        var _a;
+        if (!((_a = this.framework) === null || _a === void 0 ? void 0 : _a.type))
+            return 'script';
+        switch (this.framework.type) {
+            case 'react':
+            case 'nextjs':
+                return 'provider';
+            case 'vue':
+                return 'plugin';
+            case 'angular':
+                return 'module';
+            default:
+                return 'script';
+        }
+    }
+}
+
+/**
+ * HumanBehavior SDK Auto-Installation CLI
+ *
+ * Usage: npx humanbehavior-js auto-install [api-key]
+ *
+ * This tool automatically detects the user's framework and modifies their codebase
+ * to integrate the SDK with minimal user intervention.
+ */
+class AutoInstallCLI {
+    constructor(options) {
+        this.options = options;
+    }
+    run() {
+        return __awaiter(this, void 0, void 0, function* () {
+            clack.intro('🚀 HumanBehavior SDK Auto-Installation');
+            try {
+                // Get API key
+                const apiKey = yield this.getApiKey();
+                if (!apiKey) {
+                    clack.cancel('API key is required');
+                    process.exit(1);
+                }
+                // Get project path
+                const projectPath = this.options.projectPath || process.cwd();
+                // Choose framework
+                const framework = yield this.chooseFramework();
+                if (!framework) {
+                    clack.cancel('Installation cancelled.');
+                    process.exit(0);
+                }
+                // Confirm installation
+                if (!this.options.yes) {
+                    const confirmed = yield this.confirmInstallation(projectPath, framework);
+                    if (!confirmed) {
+                        clack.cancel('Installation cancelled.');
+                        process.exit(0);
+                    }
+                }
+                // Run installation
+                const spinner = clack.spinner();
+                spinner.start('🔍 Analyzing your project...');
+                const wizard = new ManualFrameworkInstallationWizard(apiKey, projectPath, framework);
+                const result = yield wizard.install();
+                spinner.stop('Detection complete!');
+                // Display results
+                this.displayResults(result);
+            }
+            catch (error) {
+                clack.cancel(`Error: ${error instanceof Error ? error.message : 'Unknown error'}`);
+                process.exit(1);
+            }
+        });
+    }
+    getApiKey() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.options.apiKey) {
+                return this.options.apiKey;
+            }
+            const apiKey = yield clack.text({
+                message: 'Enter your HumanBehavior API key:',
+                placeholder: 'hb_...',
+                validate: (value) => {
+                    if (!value)
+                        return 'API key is required';
+                    if (!value.startsWith('hb_'))
+                        return 'API key should start with "hb_"';
+                    return undefined;
+                }
+            });
+            return apiKey;
+        });
+    }
+    chooseFramework() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const framework = yield clack.select({
+                message: 'Select your framework:',
+                options: [
+                    { label: 'React', value: 'react' },
+                    { label: 'Next.js', value: 'nextjs' },
+                    { label: 'Vue', value: 'vue' },
+                    { label: 'Angular', value: 'angular' },
+                    { label: 'Svelte', value: 'svelte' },
+                    { label: 'Nuxt.js', value: 'nuxt' },
+                    { label: 'Remix', value: 'remix' },
+                    { label: 'Astro', value: 'astro' },
+                    { label: 'Gatsby', value: 'gatsby' },
+                    { label: 'Vanilla JS/TS', value: 'vanilla' }
+                ]
+            });
+            return framework;
+        });
+    }
+    confirmInstallation(projectPath, framework) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const confirmed = yield clack.confirm({
+                message: `Ready to install HumanBehavior SDK in ${projectPath} for ${framework}?`
+            });
+            return confirmed;
+        });
+    }
+    displayResults(result) {
+        if (result.success) {
+            clack.outro('🎉 Installation completed successfully!');
+            // Display framework info
+            clack.note(`Framework detected: ${result.framework.name} (${result.framework.type})`, 'Framework Info');
+            // Display modifications
+            if (result.modifications && result.modifications.length > 0) {
+                const modifications = result.modifications.map((mod) => `${mod.action}: ${mod.filePath} - ${mod.description}`);
+                clack.note(modifications.join('\n'), 'Files Modified');
+            }
+            // Display next steps
+            if (result.nextSteps && result.nextSteps.length > 0) {
+                clack.note(result.nextSteps.join('\n'), 'Next Steps');
+            }
+        }
+        else {
+            clack.cancel('Installation failed');
+            if (result.errors && result.errors.length > 0) {
+                clack.note(result.errors.join('\n'), 'Errors');
+            }
+        }
+    }
+}
+function parseArgs() {
+    const args = process.argv.slice(2);
+    const options = {};
+    for (let i = 0; i < args.length; i++) {
+        const arg = args[i];
+        switch (arg) {
+            case '--help':
+            case '-h':
+                showHelp();
+                process.exit(0);
+                break;
+            case '--yes':
+            case '-y':
+                options.yes = true;
+                break;
+            case '--dry-run':
+                options.dryRun = true;
+                break;
+            case '--project':
+            case '-p':
+                options.projectPath = args[++i];
+                break;
+            default:
+                if (!options.apiKey && !arg.startsWith('-')) {
+                    options.apiKey = arg;
+                }
+                break;
+        }
+    }
+    return options;
+}
+function showHelp() {
+    console.log(`
+🚀 HumanBehavior SDK Auto-Installation
+
+Usage: npx humanbehavior-js auto-install [api-key] [options]
+
+This tool automatically detects your framework and integrates the HumanBehavior SDK.
+
+Options:
+  -h, --help              Show this help message
+  -y, --yes               Skip all prompts and use defaults
+  --dry-run               Show what would be changed without making changes
+  -p, --project <path>    Specify project directory
+
+Examples:
+  npx humanbehavior-js auto-install
+  npx humanbehavior-js auto-install hb_your_api_key_here
+  npx humanbehavior-js auto-install --project ./my-app --yes
+`);
+}
+// Main execution
+if (import.meta.url === `file://${process.argv[1]}`) {
+    const options = parseArgs();
+    const cli = new AutoInstallCLI(options);
+    cli.run().catch((error) => {
+        clack.cancel(`Unexpected error: ${error.message}`);
+        process.exit(1);
+    });
+}
+
+export { AutoInstallCLI };
+//# sourceMappingURL=auto-install.js.map