onairos 2.2.1 → 2.3.1

package/tests/laravel/setup.js

@@ -0,0 +1,84 @@
+/**
+ * Laravel Integration Test Setup
+ * 
+ * Sets up the testing environment for Laravel-specific functionality
+ */
+
+import { vi } from 'vitest';
+
+// Mock import.meta.env for Laravel Vite environment
+global.import = {
+  meta: {
+    env: {
+      DEV: true,
+      PROD: false,
+      VITE_ONAIROS_API_KEY: 'test-api-key',
+      VITE_ONAIROS_TEST_MODE: 'true',
+      VITE_ONAIROS_BASE_URL: 'https://api2.onairos.uk'
+    }
+  }
+};
+
+// Mock window.open for OAuth popup tests
+global.window.open = vi.fn(() => ({
+  closed: false,
+  close: vi.fn(),
+  location: { href: '' }
+}));
+
+// Mock fetch for API calls
+global.fetch = vi.fn(() =>
+  Promise.resolve({
+    ok: true,
+    json: () => Promise.resolve({ success: true })
+  })
+);
+
+// Mock performance API
+global.performance = {
+  now: vi.fn(() => Date.now())
+};
+
+// Mock localStorage
+const localStorageMock = {
+  getItem: vi.fn(),
+  setItem: vi.fn(),
+  removeItem: vi.fn(),
+  clear: vi.fn()
+};
+global.localStorage = localStorageMock;
+
+// Set up default viewport dimensions
+Object.defineProperty(window, 'innerWidth', {
+  writable: true,
+  configurable: true,
+  value: 1024
+});
+
+Object.defineProperty(window, 'innerHeight', {
+  writable: true,
+  configurable: true,
+  value: 768
+});
+
+// Mock user agent for desktop by default
+Object.defineProperty(window.navigator, 'userAgent', {
+  writable: true,
+  configurable: true,
+  value: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36'
+});
+
+// Clean up after each test
+afterEach(() => {
+  // Reset DOM
+  document.body.innerHTML = '';
+  
+  // Clear all mocks
+  vi.clearAllMocks();
+  
+  // Reset window properties
+  delete window.OnairosConfig;
+  delete window.OnairosUtils;
+  delete window.createOnairosButton;
+  delete window.initializeOnairosForBlade;
+}); 

package/tests/laravel/vitest.config.js

@@ -0,0 +1,20 @@
+import { defineConfig } from 'vitest/config';
+import vue from '@vitejs/plugin-vue';
+import { resolve } from 'path';
+
+export default defineConfig({
+  plugins: [vue()],
+  test: {
+    environment: 'jsdom',
+    globals: true,
+    setupFiles: ['./setup.js']
+  },
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, '../../src'),
+      'onairos': resolve(__dirname, '../../src/index.js'),
+      'onairos/blade': resolve(__dirname, '../../src/laravel/blade-helpers.js'),
+      'onairos/vite-plugin': resolve(__dirname, '../../src/laravel/vite-plugin.js')
+    }
+  }
+}); 

package/webpack.config.js

@@ -1,164 +1,197 @@
-const path = require('path');
-const TerserPlugin = require('terser-webpack-plugin');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const CopyWebpackPlugin = require('copy-webpack-plugin');
-
-const baseConfig = {
-  externals: {
-    react: {
-      commonjs: 'react',
-      commonjs2: 'react',
-      amd: 'React',
-      root: 'React'
-    },
-    'react-dom': {
-      commonjs: 'react-dom',
-      commonjs2: 'react-dom',
-      amd: 'ReactDOM',
-      root: 'ReactDOM'
-    },
-    'ajv': 'ajv',
-    'ajv/dist/runtime/validation_error': 'ajv/dist/runtime/validation_error',
-    'ajv/dist/runtime/equal': 'ajv/dist/runtime/equal',
-    'ajv/dist/runtime/ucs2length': 'ajv/dist/runtime/ucs2length',
-    'ajv/dist/runtime/uri': 'ajv/dist/runtime/uri',
-    '@anthropic-ai/sdk': '@anthropic-ai/sdk',
-    '@google/generative-ai': '@google/generative-ai',
-    '@pinecone-database/pinecone': '@pinecone-database/pinecone',
-    'openai': 'openai'
-  },
-  optimization: {
-    minimize: true,
-    minimizer: [
-      new TerserPlugin({
-        terserOptions: {
-          compress: {
-            dead_code: true,
-          },
-          mangle: true,
-          output: {
-            comments: false,
-          },
-        },
-        extractComments: false,
-      }),
-    ],
-  },
-  devtool: process.env.NODE_ENV === 'production' ? false : 'source-map',
-  module: {
-    rules: [
-      {
-        test: /\.jsx?$/,
-        exclude: /node_modules/,
-        use: {
-          loader: 'babel-loader',
-          options: {
-            presets: ['@babel/preset-env', '@babel/preset-react']
-          }
-        }
-      },
-      {
-        test: /\.(png|jpg|gif|svg)$/i,
-        type: 'asset/resource',
-        generator: {
-          filename: 'static/[hash][ext][query]'
-        }
-      }
-    ]
-  },
-  resolve: {
-    extensions: ['.js', '.jsx', '.mjs'],
-    alias: {
-      '@': path.resolve(__dirname, 'src'),
-    },
-    fallback: {
-      "crypto": require.resolve("crypto-browserify"),
-      "stream": require.resolve("stream-browserify"),
-      "assert": require.resolve("assert"),
-      "http": require.resolve("stream-http"),
-      "https": require.resolve("https-browserify"),
-      "os": require.resolve("os-browserify/browser"),
-      "url": require.resolve("url"),
-      "zlib": require.resolve("browserify-zlib"),
-      "path": require.resolve("path-browserify"),
-      "vm": require.resolve("vm-browserify"),
-      "fs": false,
-      "net": false,
-      "tls": false,
-      "child_process": false
-    }
-  }
-};
-
-module.exports = [
-  // UMD build for browsers
-  {
-    ...baseConfig,
-    entry: {
-      onairos: path.resolve(__dirname, 'src', 'onairos.jsx'),
-      iframe: path.resolve(__dirname, 'src', 'iframe', 'data_request_page.js')
-    },
-    output: {
-      path: path.resolve(__dirname, 'dist'),
-      filename: (pathData) => {
-        return pathData.chunk.name === 'onairos' ? 'onairos.bundle.js' : '[name].bundle.js';
-      },
-      libraryTarget: 'umd',
-      library: 'Onairos',
-      globalObject: 'this',
-      umdNamedDefine: true,
-      publicPath: 'auto',
-    },
-    plugins: [
-      new HtmlWebpackPlugin({
-        template: path.resolve(__dirname, 'src', 'iframe', 'data_request_iframe.html'),
-        filename: 'data_request_iframe.html',
-        chunks: ['iframe'],
-        inject: true
-      }),
-      new CopyWebpackPlugin({
-        patterns: [
-          {
-            from: path.resolve(__dirname, 'public', 'data_request_popup.html'),
-            to: path.resolve(__dirname, 'dist', 'data_request_popup.html')
-          },
-          {
-            from: path.resolve(__dirname, 'public', 'oauth-callback.html'),
-            to: path.resolve(__dirname, 'dist', 'oauth-callback.html')
-          }
-        ]
-      })
-    ]
-  },
-  // ESM build
-  {
-    ...baseConfig,
-    entry: path.resolve(__dirname, 'src', 'onairos.jsx'),
-    experiments: {
-      outputModule: true
-    },
-    output: {
-      path: path.resolve(__dirname, 'dist'),
-      filename: 'onairos.esm.js',
-      library: {
-        type: 'module'
-      },
-      environment: {
-        module: true
-      }
-    },
-    externals: {
-      react: 'react',
-      'react-dom': 'react-dom',
-      'ajv': 'ajv',
-      'ajv/dist/runtime/validation_error': 'ajv/dist/runtime/validation_error',
-      'ajv/dist/runtime/equal': 'ajv/dist/runtime/equal',
-      'ajv/dist/runtime/ucs2length': 'ajv/dist/runtime/ucs2length',
-      'ajv/dist/runtime/uri': 'ajv/dist/runtime/uri',
-      '@anthropic-ai/sdk': '@anthropic-ai/sdk',
-      '@google/generative-ai': '@google/generative-ai',
-      '@pinecone-database/pinecone': '@pinecone-database/pinecone',
-      'openai': 'openai'
-    }
-  }
+const path = require('path');
+const TerserPlugin = require('terser-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+
+const baseConfig = {
+  externals: {
+    react: {
+      commonjs: 'react',
+      commonjs2: 'react',
+      amd: 'React',
+      root: 'React'
+    },
+    'react-dom': {
+      commonjs: 'react-dom',
+      commonjs2: 'react-dom',
+      amd: 'ReactDOM',
+      root: 'ReactDOM'
+    },
+    'ajv': 'ajv',
+    'ajv/dist/runtime/validation_error': 'ajv/dist/runtime/validation_error',
+    'ajv/dist/runtime/equal': 'ajv/dist/runtime/equal',
+    'ajv/dist/runtime/ucs2length': 'ajv/dist/runtime/ucs2length',
+    'ajv/dist/runtime/uri': 'ajv/dist/runtime/uri',
+    '@anthropic-ai/sdk': '@anthropic-ai/sdk',
+    '@google/generative-ai': '@google/generative-ai',
+    '@pinecone-database/pinecone': '@pinecone-database/pinecone',
+    'openai': 'openai'
+  },
+  optimization: {
+    minimize: true,
+    minimizer: [
+      new TerserPlugin({
+        terserOptions: {
+          compress: {
+            dead_code: true,
+          },
+          mangle: true,
+          output: {
+            comments: false,
+          },
+        },
+        extractComments: false,
+      }),
+    ],
+  },
+  devtool: process.env.NODE_ENV === 'production' ? false : 'source-map',
+  module: {
+    rules: [
+      {
+        test: /\.jsx?$/,
+        exclude: /node_modules/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            presets: ['@babel/preset-env', '@babel/preset-react']
+          }
+        }
+      },
+      {
+        test: /\.(png|jpg|gif|svg)$/i,
+        type: 'asset/resource',
+        generator: {
+          filename: 'static/[hash][ext][query]'
+        }
+      }
+    ]
+  },
+  resolve: {
+    extensions: ['.js', '.jsx', '.mjs'],
+    alias: {
+      '@': path.resolve(__dirname, 'src'),
+    },
+    fallback: {
+      "crypto": require.resolve("crypto-browserify"),
+      "stream": require.resolve("stream-browserify"),
+      "assert": require.resolve("assert"),
+      "http": require.resolve("stream-http"),
+      "https": require.resolve("https-browserify"),
+      "os": require.resolve("os-browserify/browser"),
+      "url": require.resolve("url"),
+      "zlib": require.resolve("browserify-zlib"),
+      "path": require.resolve("path-browserify"),
+      "vm": require.resolve("vm-browserify"),
+      "fs": false,
+      "net": false,
+      "tls": false,
+      "child_process": false
+    }
+  }
+};
+
+// ES Module specific externals configuration
+const esmExternals = {
+  react: 'react',
+  'react-dom': 'react-dom',
+  'ajv': 'ajv',
+  'ajv/dist/runtime/validation_error': 'ajv/dist/runtime/validation_error',
+  'ajv/dist/runtime/equal': 'ajv/dist/runtime/equal',
+  'ajv/dist/runtime/ucs2length': 'ajv/dist/runtime/ucs2length',
+  'ajv/dist/runtime/uri': 'ajv/dist/runtime/uri',
+  '@anthropic-ai/sdk': '@anthropic-ai/sdk',
+  '@google/generative-ai': '@google/generative-ai',
+  '@pinecone-database/pinecone': '@pinecone-database/pinecone',
+  'openai': 'openai'
+};
+
+module.exports = [
+  // UMD build for browsers
+  {
+    ...baseConfig,
+    entry: {
+      onairos: path.resolve(__dirname, 'src', 'onairos.jsx'),
+      iframe: path.resolve(__dirname, 'src', 'iframe', 'data_request_page.js')
+    },
+    output: {
+      path: path.resolve(__dirname, 'dist'),
+      filename: (pathData) => {
+        return pathData.chunk.name === 'onairos' ? 'onairos.bundle.js' : '[name].bundle.js';
+      },
+      libraryTarget: 'umd',
+      library: 'Onairos',
+      globalObject: 'this',
+      umdNamedDefine: true,
+      publicPath: 'auto',
+    },
+    plugins: [
+      new HtmlWebpackPlugin({
+        template: path.resolve(__dirname, 'src', 'iframe', 'data_request_iframe.html'),
+        filename: 'data_request_iframe.html',
+        chunks: ['iframe'],
+        inject: true
+      }),
+      new CopyWebpackPlugin({
+        patterns: [
+          {
+            from: path.resolve(__dirname, 'public', 'data_request_popup.html'),
+            to: path.resolve(__dirname, 'dist', 'data_request_popup.html')
+          },
+          {
+            from: path.resolve(__dirname, 'public', 'oauth-callback.html'),
+            to: path.resolve(__dirname, 'dist', 'oauth-callback.html')
+          }
+        ]
+      })
+    ]
+  },
+
+  // Laravel-specific build
+  {
+    ...baseConfig,
+    entry: {
+      'onairos-laravel': path.resolve(__dirname, 'src', 'laravel', 'blade-helpers.js')
+    },
+    output: {
+      path: path.resolve(__dirname, 'dist'),
+      filename: '[name].js',
+      libraryTarget: 'umd',
+      library: 'OnairosLaravel',
+      globalObject: 'this',
+      umdNamedDefine: true,
+    },
+    externals: {
+      // Laravel build shouldn't externalize React since blade-helpers.js doesn't use React
+      'ajv': 'ajv',
+      'ajv/dist/runtime/validation_error': 'ajv/dist/runtime/validation_error',
+      'ajv/dist/runtime/equal': 'ajv/dist/runtime/equal',
+      'ajv/dist/runtime/ucs2length': 'ajv/dist/runtime/ucs2length',
+      'ajv/dist/runtime/uri': 'ajv/dist/runtime/uri',
+      '@anthropic-ai/sdk': '@anthropic-ai/sdk',
+      '@google/generative-ai': '@google/generative-ai',
+      '@pinecone-database/pinecone': '@pinecone-database/pinecone',
+      'openai': 'openai'
+    }
+  },
+
+  // ES Module build
+  {
+    ...baseConfig,
+    entry: path.resolve(__dirname, 'src', 'onairos.jsx'),
+    externals: esmExternals,
+    experiments: {
+      outputModule: true,
+    },
+    output: {
+      path: path.resolve(__dirname, 'dist'),
+      filename: 'onairos.esm.js',
+      library: {
+        type: 'module'
+      },
+      environment: {
+        module: true
+      }
+    },
+    target: 'es2020'
+  }
 ];