humanbehavior-js 0.5.69 → 0.5.70

package/packages/wizard/dist/cli/ai-auto-install.js

@@ -335,6 +335,57 @@ class AutoInstallationWizard {
         modifications.push(this.createEnvironmentModification(this.framework));
         return modifications;
     }
+    /**
+     * Helper: Merge HBProvider into existing providers.tsx file
+     */
+    mergeProvidersFile(filePath) {
+        const hbProviderContent = `export function HBProvider({ children }: { children: React.ReactNode }) {
+  return (
+    <HumanBehaviorProvider apiKey={process.env.NEXT_PUBLIC_HUMANBEHAVIOR_API_KEY}>
+      {children}
+    </HumanBehaviorProvider>
+  );
+}`;
+        if (!fs.existsSync(filePath)) {
+            // File doesn't exist, create new file
+            return `'use client';
+
+import { HumanBehaviorProvider } from 'humanbehavior-js/react';
+
+${hbProviderContent}`;
+        }
+        // File exists, read and merge
+        const existingContent = fs.readFileSync(filePath, 'utf8');
+        // Check if HBProvider already exists
+        if (existingContent.includes('export function HBProvider') || existingContent.includes('export const HBProvider')) {
+            // Already exists, return unchanged
+            return existingContent;
+        }
+        // Check if HumanBehaviorProvider import exists
+        let modifiedContent = existingContent;
+        if (!existingContent.includes("from 'humanbehavior-js/react'")) {
+            // Add the import - try to add after 'use client' or at the top
+            if (existingContent.includes("'use client'")) {
+                modifiedContent = existingContent.replace(/('use client';?)\s*\n/, `$1\n\nimport { HumanBehaviorProvider } from 'humanbehavior-js/react';\n`);
+            }
+            else {
+                // Add at the top
+                modifiedContent = `import { HumanBehaviorProvider } from 'humanbehavior-js/react';\n\n${existingContent}`;
+            }
+        }
+        // Add HBProvider export at the end
+        // Ensure there's proper spacing before adding the export
+        const trimmed = modifiedContent.trimEnd();
+        if (trimmed === '') {
+            // File is empty (after trimming trailing whitespace)
+            modifiedContent = hbProviderContent;
+        }
+        else {
+            // Add double newline for separation
+            modifiedContent = `${trimmed}\n\n${hbProviderContent}`;
+        }
+        return modifiedContent;
+    }
     /**
      * Generate Next.js-specific modifications
      */
@@ -348,51 +399,48 @@ class AutoInstallationWizard {
         // Determine which layout file exists and set paths accordingly
         let actualAppLayoutFile = null;
         let providersFilePath = null;
+        let providersImportPath = null;
         if (fs.existsSync(appLayoutFileWithSrc)) {
             actualAppLayoutFile = appLayoutFileWithSrc;
             providersFilePath = path.join(this.projectRoot, 'src', 'app', 'providers.tsx');
+            providersImportPath = '@/app/providers';
         }
         else if (fs.existsSync(appLayoutFile)) {
             actualAppLayoutFile = appLayoutFile;
             providersFilePath = path.join(this.projectRoot, 'app', 'providers.tsx');
+            providersImportPath = '@/app/providers';
         }
         if (actualAppLayoutFile) {
-            // Create providers.tsx file for App Router
+            // Merge or create providers.tsx file
+            const providersContent = this.mergeProvidersFile(providersFilePath);
+            const fileExists = fs.existsSync(providersFilePath);
             modifications.push({
                 filePath: providersFilePath,
-                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'
+                action: fileExists ? 'modify' : 'create',
+                content: providersContent,
+                description: fileExists
+                    ? 'Merged HBProvider into existing providers.tsx file'
+                    : 'Created providers.tsx file with HBProvider for Next.js App Router'
             });
             // Modify layout.tsx to use the provider
             const content = fs.readFileSync(actualAppLayoutFile, 'utf8');
-            const modifiedContent = this.injectNextJSAppRouter(content);
+            const modifiedContent = this.injectNextJSAppRouter(content, providersImportPath);
             modifications.push({
                 filePath: actualAppLayoutFile,
                 action: 'modify',
                 content: modifiedContent,
-                description: 'Added Providers wrapper to Next.js App Router layout'
+                description: 'Added HumanBehavior provider wrapper to Next.js App Router layout'
             });
         }
         else if (fs.existsSync(pagesLayoutFileWithSrc) || fs.existsSync(pagesLayoutFile)) {
             const actualPagesLayoutFile = fs.existsSync(pagesLayoutFileWithSrc) ? pagesLayoutFileWithSrc : pagesLayoutFile;
             const providersPath = fs.existsSync(pagesLayoutFileWithSrc)
-                ? path.join(this.projectRoot, 'src', 'components', 'providers.tsx')
-                : path.join(this.projectRoot, 'components', 'providers.tsx');
+                ? path.join(this.projectRoot, 'src', 'components', 'HumanBehaviorProvider.tsx')
+                : path.join(this.projectRoot, 'components', 'HumanBehaviorProvider.tsx');
             const importPath = fs.existsSync(pagesLayoutFileWithSrc)
-                ? '../components/providers'
-                : './components/providers';
-            // Create providers.tsx file for Pages Router
+                ? '../components/HumanBehaviorProvider'
+                : './components/HumanBehaviorProvider';
+            // Create dedicated HumanBehavior provider file for Pages Router
             modifications.push({
                 filePath: providersPath,
                 action: 'create',
@@ -400,14 +448,14 @@ export function Providers({ children }: { children: React.ReactNode }) {
 
 import { HumanBehaviorProvider } from 'humanbehavior-js/react';
 
-export function Providers({ children }: { children: React.ReactNode }) {
+export function HBProvider({ children }: { children: React.ReactNode }) {
   return (
     <HumanBehaviorProvider apiKey={process.env.NEXT_PUBLIC_HUMANBEHAVIOR_API_KEY}>
       {children}
     </HumanBehaviorProvider>
   );
 }`,
-                description: 'Created providers.tsx file for Pages Router'
+                description: 'Created HumanBehavior provider file for Pages Router'
             });
             // Modify _app.tsx to use the provider
             const content = fs.readFileSync(actualPagesLayoutFile, 'utf8');
@@ -416,7 +464,7 @@ export function Providers({ children }: { children: React.ReactNode }) {
                 filePath: actualPagesLayoutFile,
                 action: 'modify',
                 content: modifiedContent,
-                description: 'Added Providers wrapper to Next.js Pages Router'
+                description: 'Added HumanBehavior provider wrapper to Next.js Pages Router'
             });
         }
         // Create or append to environment file
@@ -978,11 +1026,11 @@ export const onClientEntry = () => {
         // Fallback: simple injection
         return `${importStatement}\n\n${content}`;
     }
-    injectNextJSAppRouter(content) {
-        if (content.includes('Providers')) {
+    injectNextJSAppRouter(content, importPath = '@/app/providers') {
+        if (content.includes('HBProvider')) {
             return content;
         }
-        const importStatement = `import { Providers } from './providers';`;
+        const importStatement = `import { HBProvider } from '${importPath}';`;
         // 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
@@ -991,22 +1039,22 @@ export const onClientEntry = () => {
             // Trim whitespace and newlines from bodyContent
             const trimmedContent = bodyContent.trim();
             return `<body${bodyAttrs}>
-        <Providers>
+        <HBProvider>
           ${trimmedContent}
-        </Providers>
+        </HBProvider>
       </body>`;
         });
         return modifiedContent;
     }
-    injectNextJSPagesRouter(content, importPath = '../components/providers') {
-        if (content.includes('Providers')) {
+    injectNextJSPagesRouter(content, importPath = '../components/HumanBehaviorProvider') {
+        if (content.includes('HBProvider')) {
             return content;
         }
-        const importStatement = `import { Providers } from '${importPath}';`;
+        const importStatement = `import { HBProvider } from '${importPath}';`;
         return content.replace(/function MyApp/, `${importStatement}\n\nfunction MyApp`).replace(/return \(([\s\S]*?)\);/, `return (
-    <Providers>
+    <HBProvider>
       $1
-    </Providers>
+    </HBProvider>
   );`);
     }
     injectRemixProvider(content) {