humanbehavior-js 0.4.13 → 0.4.15

package/dist/types/wizard/index.d.ts

@@ -6,12 +6,22 @@
  */
 interface FrameworkInfo$2 {
     name: string;
-    type: 'react' | 'vue' | 'angular' | 'svelte' | 'nextjs' | 'nuxt' | 'remix' | 'vanilla' | 'node' | 'auto';
+    type: 'react' | 'vue' | 'angular' | 'svelte' | 'nextjs' | 'nuxt' | 'remix' | 'vanilla' | 'astro' | 'gatsby' | 'node' | 'auto';
     bundler?: 'vite' | 'webpack' | 'esbuild' | 'rollup';
     packageManager?: 'npm' | 'yarn' | 'pnpm';
     hasTypeScript?: boolean;
     hasRouter?: boolean;
     projectRoot?: string;
+    version?: string;
+    majorVersion?: number;
+    features?: {
+        hasReact18?: boolean;
+        hasVue3?: boolean;
+        hasNuxt3?: boolean;
+        hasAngularStandalone?: boolean;
+        hasNextAppRouter?: boolean;
+        hasSvelteKit?: boolean;
+    };
 }
 interface CodeModification {
     filePath: string;
@@ -31,6 +41,12 @@ declare class AutoInstallationWizard {
     protected projectRoot: string;
     protected framework: FrameworkInfo$2 | null;
     constructor(apiKey: string, projectRoot?: string);
+    /**
+     * Simple version comparison utility
+     */
+    private compareVersions;
+    private isVersionGte;
+    private getMajorVersion;
     /**
      * Main installation method - detects framework and auto-installs
      */
@@ -55,6 +71,10 @@ declare class AutoInstallationWizard {
      * Generate Next.js-specific modifications
      */
     private generateNextJSModifications;
+    /**
+     * Generate Astro-specific modifications
+     */
+    private generateAstroModifications;
     /**
      * Generate Nuxt-specific modifications
      */
@@ -79,6 +99,10 @@ declare class AutoInstallationWizard {
      * Generate vanilla JS/TS modifications
      */
     private generateVanillaModifications;
+    /**
+     * Generate Gatsby-specific modifications
+     */
+    private generateGatsbyModifications;
     /**
      * Apply modifications to the codebase
      */
@@ -101,7 +125,13 @@ declare class AutoInstallationWizard {
     private injectSvelteStore;
     private injectSvelteKitLayout;
     private injectVanillaScript;
+    /**
+     * Inject Astro layout with HumanBehavior component
+     */
+    private injectAstroLayout;
     private injectNuxtConfig;
+    private injectGatsbyLayout;
+    private injectGatsbyBrowser;
     /**
      * Helper method to find the best environment file for a framework
      */
@@ -269,20 +299,14 @@ interface AICLIOptions {
     projectPath?: string;
     yes?: boolean;
     dryRun?: boolean;
-    useAI?: boolean;
-    browser?: boolean;
     framework?: string;
-    manual?: boolean;
 }
 declare class AIAutoInstallCLI {
-    private rl;
     private options;
     constructor(options: AICLIOptions);
     run(): Promise<void>;
     private getApiKey;
-    private chooseInstallationMode;
     private confirmInstallation;
-    private getInstallationModeDisplay;
     private chooseFramework;
     private displayResults;
 }
@@ -302,11 +326,11 @@ interface CLIOptions {
     dryRun?: boolean;
 }
 declare class AutoInstallCLI {
-    private rl;
     private options;
     constructor(options: CLIOptions);
     run(): Promise<void>;
     private getApiKey;
+    private chooseFramework;
     private confirmInstallation;
     private displayResults;
 }
@@ -319,12 +343,22 @@ declare class AutoInstallCLI {
 
 interface FrameworkInfo$1 {
     name: string;
-    type: 'react' | 'vue' | 'angular' | 'svelte' | 'nextjs' | 'nuxt' | 'remix' | 'vanilla' | 'node';
+    type: 'react' | 'vue' | 'angular' | 'svelte' | 'nextjs' | 'nuxt' | 'remix' | 'vanilla' | 'astro' | 'gatsby' | 'node';
     bundler?: 'vite' | 'webpack' | 'esbuild' | 'rollup';
     packageManager?: 'npm' | 'yarn' | 'pnpm';
     hasTypeScript?: boolean;
     hasRouter?: boolean;
     projectRoot?: string;
+    version?: string;
+    majorVersion?: number;
+    features?: {
+        hasReact18?: boolean;
+        hasVue3?: boolean;
+        hasNuxt3?: boolean;
+        hasAngularStandalone?: boolean;
+        hasNextAppRouter?: boolean;
+        hasSvelteKit?: boolean;
+    };
 }
 interface RemoteAIServiceConfig {
     apiEndpoint: string;
@@ -374,7 +408,7 @@ declare class RemoteAIService {
 
 interface FrameworkInfo {
     name: string;
-    type: 'react' | 'vue' | 'angular' | 'svelte' | 'nextjs' | 'nuxt' | 'remix' | 'vanilla' | 'node';
+    type: 'react' | 'vue' | 'angular' | 'svelte' | 'nextjs' | 'nuxt' | 'remix' | 'vanilla' | 'astro' | 'node';
     bundler?: 'vite' | 'webpack' | 'esbuild' | 'rollup';
     packageManager?: 'npm' | 'yarn' | 'pnpm';
     hasTypeScript?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "humanbehavior-js",
-  "version": "0.4.13",
+  "version": "0.4.15",
   "description": "SDK for HumanBehavior session and event recording",
   "type": "module",
   "main": "./dist/cjs/index.js",
@@ -60,6 +60,8 @@
   "author": "Chirag Kawediya, Skyler Ji, Amogh Chaturvedi",
   "license": "ISC",
   "dependencies": {
+    "@clack/prompts": "^0.11.0",
+    "@rollup/plugin-json": "^6.1.0",
     "@rrweb/record": "^2.0.0-alpha.17",
     "@types/react": "^19.0.12",
     "openai": "^5.12.0",

package/rollup.config.js

@@ -3,10 +3,11 @@ import resolve from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
 import terser from '@rollup/plugin-terser';
 import dts from 'rollup-plugin-dts';
+import json from '@rollup/plugin-json';
 
 // External dependencies that shouldn't be bundled
 const external = ['react', 'react-dom', 'react/jsx-runtime'];
-const nodeExternal = ['fs', 'path', 'child_process', 'readline'];
+const nodeExternal = ['fs', 'path', 'child_process', 'readline', '@clack/prompts'];
 
 // Global variables for UMD build
 const globals = {
@@ -305,6 +306,7 @@ export default [
         preferBuiltins: true
       }),
       commonjs(),
+      json(),
       typescript({
         tsconfig: './tsconfig.json',
         declaration: false,
@@ -327,6 +329,7 @@ export default [
         preferBuiltins: true
       }),
       commonjs(),
+      json(),
       typescript({
         tsconfig: './tsconfig.json',
         declaration: false,
@@ -396,6 +399,7 @@ export default [
         preferBuiltins: true
       }),
       commonjs(),
+      json(),
       typescript({
         tsconfig: './tsconfig.json',
         declaration: false,

package/src/types/clack.d.ts

@@ -0,0 +1,31 @@
+declare module '@clack/prompts' {
+  export function intro(message: string): void;
+  export function outro(message: string): void;
+  export function cancel(message: string): void;
+  export function note(message: string, title?: string): void;
+  
+  export function text(options: {
+    message: string;
+    placeholder?: string;
+    defaultValue?: string;
+    validate?: (value: string) => string | undefined;
+  }): Promise<string>;
+  
+  export function select(options: {
+    message: string;
+    options: Array<{
+      label: string;
+      value: string;
+      hint?: string;
+    }>;
+  }): Promise<string>;
+  
+  export function confirm(options: {
+    message: string;
+  }): Promise<boolean>;
+  
+  export function spinner(): {
+    start(message: string): void;
+    stop(message?: string): void;
+  };
+}

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

@@ -123,6 +123,9 @@ class DefaultAIService implements CentralizedAIService {
     } 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;
@@ -139,7 +142,7 @@ class DefaultAIService implements CentralizedAIService {
     
     // Integration strategy
     let integrationStrategy: 'provider' | 'plugin' | 'module' | 'script' | 'standalone' = 'script';
-    if (framework.type === 'react' || framework.type === 'nextjs') {
+    if (framework.type === 'react' || framework.type === 'nextjs' || framework.type === 'gatsby') {
       integrationStrategy = 'provider';
     } else if (framework.type === 'vue') {
       integrationStrategy = 'plugin';

package/src/wizard/ai/manual-framework-wizard.ts

@@ -187,6 +187,8 @@ export class ManualFrameworkInstallationWizard extends AutoInstallationWizard {
       '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' }