humanbehavior-js 0.5.50 → 0.5.51

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "humanbehavior-js",
-  "version": "0.5.50",
+  "version": "0.5.51",
   "description": "SDK for HumanBehavior session and event recording",
   "private": false,
   "packageManager": "npm@10.0.0",

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

@@ -340,13 +340,26 @@ class AutoInstallationWizard {
      */
     async generateNextJSModifications() {
         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)) {
+        // Check for App Router - try both with and without src directory
+        const appLayoutFileWithSrc = path.join(this.projectRoot, 'src', 'app', 'layout.tsx');
+        const appLayoutFile = path.join(this.projectRoot, 'app', 'layout.tsx');
+        const pagesLayoutFileWithSrc = path.join(this.projectRoot, 'src', 'pages', '_app.tsx');
+        const pagesLayoutFile = path.join(this.projectRoot, 'pages', '_app.tsx');
+        // Determine which layout file exists and set paths accordingly
+        let actualAppLayoutFile = null;
+        let providersFilePath = null;
+        if (fs.existsSync(appLayoutFileWithSrc)) {
+            actualAppLayoutFile = appLayoutFileWithSrc;
+            providersFilePath = path.join(this.projectRoot, 'src', 'app', 'providers.tsx');
+        }
+        else if (fs.existsSync(appLayoutFile)) {
+            actualAppLayoutFile = appLayoutFile;
+            providersFilePath = path.join(this.projectRoot, 'app', 'providers.tsx');
+        }
+        if (actualAppLayoutFile) {
             // Create providers.tsx file for App Router
             modifications.push({
-                filePath: path.join(this.projectRoot, 'src', 'app', 'providers.tsx'),
+                filePath: providersFilePath,
                 action: 'create',
                 content: `'use client';
 
@@ -362,19 +375,26 @@ export function Providers({ children }: { children: React.ReactNode }) {
                 description: 'Created providers.tsx file for Next.js App Router'
             });
             // Modify layout.tsx to use the provider
-            const content = fs.readFileSync(appLayoutFile, 'utf8');
+            const content = fs.readFileSync(actualAppLayoutFile, 'utf8');
             const modifiedContent = this.injectNextJSAppRouter(content);
             modifications.push({
-                filePath: appLayoutFile,
+                filePath: actualAppLayoutFile,
                 action: 'modify',
                 content: modifiedContent,
                 description: 'Added Providers wrapper to Next.js App Router layout'
             });
         }
-        else if (fs.existsSync(pagesLayoutFile)) {
+        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');
+            const importPath = fs.existsSync(pagesLayoutFileWithSrc)
+                ? '../components/providers'
+                : './components/providers';
             // Create providers.tsx file for Pages Router
             modifications.push({
-                filePath: path.join(this.projectRoot, 'src', 'components', 'providers.tsx'),
+                filePath: providersPath,
                 action: 'create',
                 content: `'use client';
 
@@ -390,10 +410,10 @@ export function Providers({ children }: { children: React.ReactNode }) {
                 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);
+            const content = fs.readFileSync(actualPagesLayoutFile, 'utf8');
+            const modifiedContent = this.injectNextJSPagesRouter(content, importPath);
             modifications.push({
-                filePath: pagesLayoutFile,
+                filePath: actualPagesLayoutFile,
                 action: 'modify',
                 content: modifiedContent,
                 description: 'Added Providers wrapper to Next.js Pages Router'
@@ -978,11 +998,11 @@ export const onClientEntry = () => {
         });
         return modifiedContent;
     }
-    injectNextJSPagesRouter(content) {
+    injectNextJSPagesRouter(content, importPath = '../components/providers') {
         if (content.includes('Providers')) {
             return content;
         }
-        const importStatement = `import { Providers } from '../components/providers';`;
+        const importStatement = `import { Providers } from '${importPath}';`;
         return content.replace(/function MyApp/, `${importStatement}\n\nfunction MyApp`).replace(/return \(([\s\S]*?)\);/, `return (
     <Providers>
       $1