@lookalike/widget 1.0.0-beta.7 → 1.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Lookalike
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,120 +1,64 @@
-# @lookalike/widget
+# Lookalike Widget Embed
 
-Embed Lookalike conversational AI widgets in your website.
+Self-contained, shadow DOM encapsulated widget for embedding Lookalike conversational AI avatars.
 
-## Installation
+## Development
 
-```bash
-npm install @lookalike/widget
-```
-
-## Usage
-
-### ES Modules / TypeScript
-
-```typescript
-import { LookalikeWidget } from '@lookalike/widget';
+1. Install dependencies:
+   ```bash
+   npm install
+   ```
 
-const widget = new LookalikeWidget({
-  handle: 'john-doe',
-  variant: 'floating',
-  theme: { primaryColor: '#3b82f6' }
-});
+2. Build the widget:
+   ```bash
+   npm run build
+   ```
 
-// Register event handlers
-widget.on('ready', () => console.log('Widget ready'));
-widget.on('message', (role, content) => console.log(`${role}: ${content}`));
-widget.on('sessionStart', (mode) => console.log(`Session started in ${mode} mode`));
+3. Test locally:
+   Open `dist/example.html` in a browser
 
-// Mount to DOM
-widget.mount(document.body);
+## Deployment
 
-// Control the widget
-widget.expand();
-widget.collapse();
-
-// Clean up
-widget.destroy();
+### NPM Package
+```bash
+npm publish
 ```
 
-### CDN / Script Tag
-
+### CDN Usage
+After publishing, users can include:
 ```html
-<script src="https://unpkg.com/@lookalike/widget/dist/widget.umd.js"></script>
-<script>
-  const widget = new Lookalike.Widget({
-    handle: 'john-doe',
-    variant: 'floating'
-  });
-
-  widget.on('ready', () => console.log('Ready!'));
-  widget.mount(document.body);
-</script>
+<script src="https://unpkg.com/@lookalike/widget@latest/dist/lookalike-widget.min.js"></script>
 ```
 
-## Configuration
+## Key Features
 
-| Option | Type | Default | Description |
-|--------|------|---------|-------------|
-| `handle` | `string` | Required | The Lookalike handle to load |
-| `variant` | `'floating' \| 'inline'` | `'floating'` | Widget display variant |
-| `anchor` | `'bottom-right' \| 'bottom-left' \| 'top-right' \| 'top-left'` | `'bottom-right'` | Position for floating variant |
-| `collapsible` | `boolean` | `false` | For inline variant: allow collapse |
-| `modes` | `('text' \| 'audio' \| 'video')[]` | `['text', 'audio', 'video']` | Allowed chat modes |
-| `theme` | `object` | `undefined` | Theme customization |
-| `baseUrl` | `string` | `'https://lookalike.com'` | Base URL for widget |
+- **No Wix dependencies** - Completely standalone
+- **Shadow DOM** - Complete style encapsulation
+- **Attribute-based config** - Simple HTML attributes
+- **CDN optimized** - Minified and ready for unpkg/jsdelivr
+- **Cross-platform** - Works in any modern browser
 
-### Theme Options
+## Usage Examples
 
-```typescript
-{
-  theme: {
-    primaryColor: '#3b82f6',   // Header background color
-    accentColor: '#ffffff',     // Text/icon color
-    borderRadius: '16px'        // Corner radius
-  }
-}
-```
-
-## Events
-
-| Event | Arguments | Description |
-|-------|-----------|-------------|
-| `ready` | - | Widget has loaded |
-| `resize` | `collapsed: boolean` | Widget collapsed/expanded |
-| `sessionStart` | `mode: string` | Chat session started |
-| `sessionEnd` | - | Chat session ended |
-| `message` | `role: string, content: string` | New message received |
-| `error` | `code: string, message: string` | Error occurred |
-
-## Methods
-
-| Method | Description |
-|--------|-------------|
-| `mount(container)` | Mount widget to DOM element or selector |
-| `expand()` | Expand the widget |
-| `collapse()` | Collapse the widget |
-| `destroy()` | Remove widget and clean up |
-| `isExpanded()` | Check if widget is expanded |
-
-## Inline Variant
-
-For embedding the widget inline in your page:
-
-```typescript
-const widget = new LookalikeWidget({
-  handle: 'john-doe',
-  variant: 'inline',
-  collapsible: true  // Optional: allow collapse
-});
-
-widget.mount('#chat-container');
+### Basic
+```html
+<lookalike-widget uuid="your-uuid"></lookalike-widget>
 ```
 
+### With Custom Styling
 ```html
-<div id="chat-container" style="width: 400px; height: 600px;"></div>
+<lookalike-widget 
+  uuid="your-uuid"
+  color="#ff6b6b"
+  text="true"
+  audio="false"
+  video="true">
+</lookalike-widget>
 ```
 
-## License
+## Files
 
-MIT
+- `main-embed.js` - Source code (shadow DOM version)
+- `build.js` - Build script with Terser minification
+- `package.json` - NPM package configuration
+- `dist/` - Built files ready for CDN deployment

package/dist/README.md

@@ -0,0 +1,81 @@
+# Lookalike Widget
+
+A lightweight, self-contained widget for embedding Lookalike conversational AI avatars into any website.
+
+## Features
+
+- 🚀 **Zero dependencies** - Self-contained web component
+- 🔒 **Shadow DOM encapsulation** - No CSS conflicts
+- 📱 **Responsive design** - Works on desktop and mobile
+- ⚡ **CDN ready** - Optimized for fast loading
+- 🎨 **Customizable** - Colors and interaction modes
+
+## Quick Start
+
+### CDN (Recommended)
+
+```html
+<script src="https://unpkg.com/@lookalike/widget@latest/dist/lookalike-widget.min.js"></script>
+<lookalike-widget uuid="your-uuid-here"></lookalike-widget>
+```
+
+### Self-hosted
+
+1. Download `lookalike-widget.min.js`
+2. Host it on your server
+3. Include in your HTML:
+
+```html
+<script src="/path/to/lookalike-widget.min.js"></script>
+<lookalike-widget uuid="your-uuid-here"></lookalike-widget>
+```
+
+## Configuration
+
+| Attribute | Default | Description |
+|-----------|---------|-------------|
+| `uuid` | *required* | Your Lookalike storyfile UUID |
+| `color` | `#2563eb` | Primary theme color |
+| `text` | `true` | Enable text chat |
+| `audio` | `true` | Enable voice calls |
+| `video` | `true` | Enable video chat |
+
+## Examples
+
+### Basic Widget
+```html
+<lookalike-widget uuid="019b4c51-7701-726a-8f59-e89a854682f3"></lookalike-widget>
+```
+
+### Custom Theme
+```html
+<lookalike-widget 
+  uuid="your-uuid"
+  color="#ff6b6b">
+</lookalike-widget>
+```
+
+### Text-only Mode
+```html
+<lookalike-widget 
+  uuid="your-uuid"
+  audio="false"
+  video="false">
+</lookalike-widget>
+```
+
+## Browser Support
+
+- Chrome 54+
+- Firefox 63+
+- Safari 10.1+
+- Edge 79+
+
+## File Sizes
+
+- **Minified**: ~11KB
+- **Gzipped**: ~3KB (estimated)
+
+## License
+
+MIT License - see LICENSE file for details.

package/dist/example.html

@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Lookalike Widget Example</title>
+</head>
+<body>
+    <h1>Lookalike Widget Demo</h1>
+    <p>The widget will appear in the bottom-right corner.</p>
+    
+    <!-- Basic usage -->
+    <lookalike-widget uuid="019b4c51-7701-726a-8f59-e89a854682f3"></lookalike-widget>
+    
+    <!-- Advanced usage with custom colors and modes -->
+    <!-- 
+    <lookalike-widget 
+      uuid="your-uuid-here"
+      color="#ff6b6b"
+      text="true"
+      audio="false"
+      video="true">
+    </lookalike-widget>
+    -->
+    
+    <!-- Load widget script -->
+    <script src="./lookalike-widget.min.js"></script>
+</body>
+</html>

package/dist/lookalike-widget.js

@@ -0,0 +1,524 @@
+/*!
+ * Lookalike Widget v1.1.0
+ * https://lookalike.com
+ * 
+ * Copy/paste embed widget for conversational AI avatars
+ * Usage: <lookalike-widget uuid="your-uuid"></lookalike-widget>
+ */
+// Lookalike Widget - Standalone Embed Version
+// Self-contained widget for copy/paste embedding (no Wix dependencies)
+// Uses shadow DOM for complete encapsulation
+
+const DEFAULT_UUID = '019b4c51-7701-726a-8f59-e89a854682f3';
+
+function getBaseUrl() {
+  const hostname = window.location.hostname;
+  if (hostname === 'localhost' || hostname === '127.0.0.1') {
+    console.log('🏠 Local development detected');
+    return 'http://localhost:3000';
+  }
+  console.log('🌐 Using production URL');
+  return 'https://lookalike.com';
+}
+
+const BASE_URL = getBaseUrl();
+
+class LookalikeWidget extends HTMLElement {
+  constructor() {
+    super();
+    this.config = {
+      storyfileUuid: null,
+      primaryColor: '#2563eb',
+      enableText: true,
+      enableVideo: true,
+      enableAudio: true
+    };
+    this.currentIframe = null;
+    this.shadow = null;
+    this.messageHandler = null;
+    this.isInWixEmbed = false;
+  }
+
+  connectedCallback() {
+    console.log('🚀 Lookalike Widget initializing...');
+    
+    // Detect if we're in a Wix custom code embed (or similar constrained iframe)
+    this.detectWixEmbed();
+    
+    // Create shadow DOM for encapsulation
+    this.shadow = this.attachShadow({ mode: 'closed' });
+    
+    // Load configuration from attributes
+    this.loadConfiguration();
+    
+    // Initialize as live widget
+    this.initLive();
+  }
+
+  detectWixEmbed() {
+    try {
+      // Check if we're in an iframe and can't access parent
+      const inIframe = window !== window.parent;
+      
+      // Check for Wix-specific indicators
+      const hasWixIndicators = 
+        window.location.hostname.includes('wix.com') ||
+        window.location.hostname.includes('wixsite.com') ||
+        window.location.search.includes('wix') ||
+        document.referrer.includes('wix') ||
+        (inIframe && (
+          window.innerWidth < 500 || // Typical small embed size
+          window.innerHeight < 300
+        ));
+
+      this.isInWixEmbed = inIframe && hasWixIndicators;
+      
+      if (this.isInWixEmbed) {
+        console.log('🔍 Detected Wix embed environment - using full-screen overlay mode');
+      }
+    } catch (error) {
+      // If we can't access parent due to cross-origin, assume we're in an embed
+      this.isInWixEmbed = true;
+      console.log('🔍 Cross-origin iframe detected - using full-screen overlay mode');
+    }
+  }
+
+  loadConfiguration() {
+    // Read configuration from HTML attributes
+    if (this.hasAttribute('uuid')) {
+      this.config.storyfileUuid = this.getAttribute('uuid');
+    }
+    if (this.hasAttribute('color')) {
+      this.config.primaryColor = this.getAttribute('color');
+    }
+    if (this.hasAttribute('text')) {
+      this.config.enableText = this.getAttribute('text') !== 'false';
+    }
+    if (this.hasAttribute('video')) {
+      this.config.enableVideo = this.getAttribute('video') !== 'false';
+    }
+    if (this.hasAttribute('audio')) {
+      this.config.enableAudio = this.getAttribute('audio') !== 'false';
+    }
+    
+    // Use default UUID if none provided
+    if (!this.config.storyfileUuid) {
+      this.config.storyfileUuid = DEFAULT_UUID;
+      console.log('🔧 Using default UUID:', DEFAULT_UUID);
+    }
+    
+    console.log('📥 Loaded config from attributes:', this.config);
+  }
+
+  static get observedAttributes() {
+    return ['uuid', 'color', 'text', 'video', 'audio'];
+  }
+
+  attributeChangedCallback(name, oldValue, newValue) {
+    if (oldValue !== newValue && this.shadow) {
+      console.log(`🔄 Attribute changed: ${name} = ${newValue}`);
+      
+      switch (name) {
+        case 'uuid':
+          this.config.storyfileUuid = newValue;
+          break;
+        case 'color':
+          this.config.primaryColor = newValue;
+          break;
+        case 'text':
+          this.config.enableText = newValue !== 'false';
+          break;
+        case 'video':
+          this.config.enableVideo = newValue !== 'false';
+          break;
+        case 'audio':
+          this.config.enableAudio = newValue !== 'false';
+          break;
+      }
+      
+      console.log(`🔄 Updated config after attribute change:`, this.config);
+      
+      // Reinitialize widget
+      if (this.isConnected) {
+        this.shadow.innerHTML = '';
+        this.initLive();
+      }
+    }
+  }
+
+  initLive() {
+    console.log('🚀 Initializing live widget with config:', this.config);
+    
+    if (this.isInWixEmbed) {
+      this.initWixEmbedMode();
+    } else {
+      this.initStandardMode();
+    }
+    
+    this.injectShadowContent();
+    this.injectIframe();
+  }
+
+  initWixEmbedMode() {
+    console.log('📱 Initializing Wix embed mode with full-screen overlay');
+    
+    // Make the host element a full-screen transparent overlay
+    this.style.cssText = `
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100vw;
+      height: 100vh;
+      border: 0;
+      z-index: 9999;
+      background: transparent;
+      pointer-events: none;
+      display: block;
+    `;
+    
+    // Add collapsed class initially
+    this.className = 'collapsed wix-embed';
+  }
+
+  initStandardMode() {
+    console.log('💻 Initializing standard mode');
+    
+    // Set host element positioning and initial size (original behavior)
+    this.style.cssText = `
+      position: fixed;
+      bottom: 16px;
+      right: 16px;
+      width: 380px;
+      height: 60px;
+      max-width: calc(100vw - 32px);
+      border: 0;
+      border-radius: 16px;
+      z-index: 9999;
+      box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
+      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+      background: transparent;
+      display: block;
+    `;
+    
+    // Add collapsed class initially
+    this.className = 'collapsed';
+  }
+
+  injectShadowContent() {
+    // Create styles within shadow DOM
+    const style = document.createElement('style');
+    style.textContent = `
+      @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
+      
+      :host {
+        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+      }
+
+      /* Standard mode styles */
+      :host(.collapsed:not(.wix-embed)) {
+        height: 60px !important;
+        max-height: 60px !important;
+      }
+
+      :host(.expanded:not(.wix-embed)) {
+        height: 520px;
+        max-height: calc(100vh - 32px);
+      }
+
+      /* Wix embed mode: container for positioned widget */
+      .wix-widget-container {
+        position: absolute;
+        bottom: 16px;
+        right: 16px;
+        width: 380px;
+        height: 60px;
+        max-width: calc(100vw - 32px);
+        border-radius: 16px;
+        box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
+        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+        background: transparent;
+        pointer-events: auto;
+      }
+
+      :host(.wix-embed.collapsed) .wix-widget-container {
+        height: 60px;
+      }
+
+      :host(.wix-embed.expanded) .wix-widget-container {
+        height: 520px;
+        max-height: calc(100vh - 32px);
+      }
+
+      @media (max-width: 639px) {
+        :host(.expanded:not(.wix-embed)) {
+          width: 100vw;
+          height: 100vh;
+          max-width: none;
+          max-height: none;
+          bottom: 0;
+          right: 0;
+          border-radius: 0;
+          box-shadow: none;
+        }
+        
+        :host(:not(.wix-embed)) {
+          width: calc(100vw - 16px);
+          right: 8px;
+          bottom: 8px;
+        }
+        
+        :host(.collapsed:not(.wix-embed)) {
+          height: 60px !important;
+          max-height: 60px !important;
+          width: calc(100vw - 16px);
+          right: 8px;
+          bottom: 8px;
+          border-radius: 16px;
+          box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
+        }
+
+        /* Wix embed mobile styles */
+        :host(.wix-embed.expanded) .wix-widget-container {
+          width: 100vw;
+          height: 100vh;
+          max-width: none;
+          max-height: none;
+          bottom: 0;
+          right: 0;
+          border-radius: 0;
+          box-shadow: none;
+        }
+        
+        .wix-widget-container {
+          width: calc(100vw - 16px);
+          right: 8px;
+          bottom: 8px;
+        }
+        
+        :host(.wix-embed.collapsed) .wix-widget-container {
+          height: 60px !important;
+          width: calc(100vw - 16px);
+          right: 8px;
+          bottom: 8px;
+          border-radius: 16px;
+          box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
+        }
+      }
+      
+      .loading {
+        background: #f3f4f6;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 100%;
+        height: 100%;
+        border-radius: inherit;
+      }
+      
+      .loading::after {
+        content: 'Loading chat...';
+        color: #6b7280;
+        font-size: 14px;
+      }
+
+      .error-container {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-direction: column;
+        background: #f9fafb;
+        border-radius: inherit;
+        border: 2px dashed #d1d5db;
+        color: #6b7280;
+        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+        text-align: center;
+        padding: 20px;
+        box-sizing: border-box;
+      }
+
+      .error-icon {
+        font-size: 24px;
+        margin-bottom: 8px;
+      }
+
+      .error-title {
+        font-size: 14px;
+        font-weight: 500;
+        margin-bottom: 4px;
+      }
+
+      .error-message {
+        font-size: 12px;
+      }
+
+      .error-uuid {
+        font-size: 11px;
+        margin-top: 8px;
+        opacity: 0.7;
+      }
+
+      iframe {
+        width: 100%;
+        height: 100%;
+        border: 0;
+        border-radius: inherit;
+      }
+    `;
+    
+    this.shadow.appendChild(style);
+    
+    // Create container for iframe
+    const container = document.createElement('div');
+    
+    if (this.isInWixEmbed) {
+      // In Wix embed mode, create a positioned container within the full-screen overlay
+      container.className = 'wix-widget-container';
+    } else {
+      // In standard mode, container fills the host element
+      container.style.cssText = `
+        width: 100%;
+        height: 100%;
+        border-radius: inherit;
+      `;
+    }
+    
+    this.shadow.appendChild(container);
+  }
+
+  buildIframeSrc() {
+    if (!this.config.storyfileUuid) {
+      console.error('❌ No storyfile UUID configured');
+      return null;
+    }
+    
+    const url = new URL(`/${this.config.storyfileUuid}/chat`, BASE_URL);
+    url.searchParams.set('embed', '');
+    url.searchParams.set('variant', 'floating');
+    url.searchParams.set('anchor', 'bottom-right');
+    
+    // Add enabled modes
+    const modes = [];
+    if (this.config.enableText) modes.push('text');
+    if (this.config.enableAudio) modes.push('audio');
+    if (this.config.enableVideo) modes.push('video');
+    
+    if (modes.length > 0 && modes.length < 3) {
+      url.searchParams.set('modes', modes.join(','));
+    }
+    
+    // Add theme
+    if (this.config.primaryColor && this.config.primaryColor !== '#2563eb') {
+      url.searchParams.set('theme', `primary:${this.config.primaryColor}`);
+    }
+    
+    console.log('🔗 Built iframe URL:', url.toString());
+    return url.toString();
+  }
+
+  injectIframe() {
+    const container = this.shadow.querySelector(this.isInWixEmbed ? '.wix-widget-container' : 'div:last-child');
+    
+    // Remove existing iframe if present
+    const existingIframe = container.querySelector('iframe');
+    if (existingIframe) existingIframe.remove();
+
+    const iframeSrc = this.buildIframeSrc();
+    if (!iframeSrc) {
+      this.showConfigurationError(container);
+      return;
+    }
+
+    const iframe = document.createElement('iframe');
+    iframe.className = 'loading';
+    iframe.src = iframeSrc;
+    iframe.allow = 'microphone; camera';
+    iframe.loading = 'lazy';
+    iframe.setAttribute('sandbox', 'allow-scripts allow-same-origin allow-forms allow-popups allow-presentation');
+    
+    iframe.onerror = () => {
+      console.error('❌ Failed to load widget iframe');
+      this.showLoadingError(container);
+    };
+    
+    iframe.onload = () => {
+      console.log('✅ Iframe loaded successfully');
+      iframe.classList.remove('loading');
+    };
+    
+    this.currentIframe = iframe;
+    this.setupMessageHandling(iframe);
+    container.appendChild(iframe);
+  }
+
+  setupMessageHandling(iframe) {
+    // Clean up existing handler
+    if (this.messageHandler) {
+      window.removeEventListener('message', this.messageHandler);
+    }
+
+    this.messageHandler = (e) => {
+      if (e.source !== iframe.contentWindow) return;
+
+      if (e.data?.type === 'lookalike-widget-ready') {
+        console.log('🎉 Widget ready, setting up communication');
+        
+        const channel = new MessageChannel();
+        channel.port1.onmessage = (ev) => {
+          console.log('📏 Received resize message:', ev.data);
+          if (ev.data?.type === 'lookalike-widget-resize') {
+            const newClass = ev.data.collapsed ? 'collapsed' : 'expanded';
+            console.log(`📏 Widget resize: ${this.className} → ${newClass}`);
+            this.className = newClass;
+          }
+        };
+
+        iframe.contentWindow.postMessage(
+          { type: 'lookalike-init-channel' },
+          BASE_URL,
+          [channel.port2]
+        );
+      }
+    };
+
+    window.addEventListener('message', this.messageHandler);
+  }
+
+  showConfigurationError(container) {
+    container.innerHTML = `
+      <div class="error-container">
+        <div class="error-icon">⚠️</div>
+        <div class="error-title">Configuration Error</div>
+        <div class="error-message">No UUID configured. Please add a uuid attribute.</div>
+        <div class="error-uuid">Expected: &lt;lookalike-widget uuid="your-uuid"&gt;</div>
+      </div>
+    `;
+  }
+
+  showLoadingError(container) {
+    container.innerHTML = `
+      <div class="error-container">
+        <div class="error-icon">⚠️</div>
+        <div class="error-title">Widget Loading Error</div>
+        <div class="error-message">Check console for details</div>
+        <div class="error-uuid">UUID: ${this.config.storyfileUuid}</div>
+      </div>
+    `;
+  }
+
+  disconnectedCallback() {
+    if (this.messageHandler) {
+      window.removeEventListener('message', this.messageHandler);
+      this.messageHandler = null;
+    }
+  }
+}
+
+// Register the custom element
+customElements.define('lookalike-widget', LookalikeWidget);
+
+// Export for module systems
+if (typeof module !== 'undefined' && module.exports) {
+  module.exports = LookalikeWidget;
+}

package/dist/lookalike-widget.min.js

@@ -0,0 +1,8 @@
+/*!
+ * Lookalike Widget v1.1.0
+ * https://lookalike.com
+ * 
+ * Copy/paste embed widget for conversational AI avatars
+ * Usage: <lookalike-widget uuid="your-uuid"></lookalike-widget>
+ */
+const DEFAULT_UUID="019b4c51-7701-726a-8f59-e89a854682f3";function getBaseUrl(){const e=window.location.hostname;return"localhost"===e||"127.0.0.1"===e?(console.log("🏠 Local development detected"),"http://localhost:3000"):(console.log("🌐 Using production URL"),"https://lookalike.com")}const BASE_URL=getBaseUrl();class LookalikeWidget extends HTMLElement{constructor(){super(),this.config={storyfileUuid:null,primaryColor:"#2563eb",enableText:!0,enableVideo:!0,enableAudio:!0},this.currentIframe=null,this.shadow=null,this.messageHandler=null,this.isInWixEmbed=!1}connectedCallback(){console.log("🚀 Lookalike Widget initializing..."),this.detectWixEmbed(),this.shadow=this.attachShadow({mode:"closed"}),this.loadConfiguration(),this.initLive()}detectWixEmbed(){try{const e=window!==window.parent,n=window.location.hostname.includes("wix.com")||window.location.hostname.includes("wixsite.com")||window.location.search.includes("wix")||document.referrer.includes("wix")||e&&(window.innerWidth<500||window.innerHeight<300);this.isInWixEmbed=e&&n,this.isInWixEmbed&&console.log("🔍 Detected Wix embed environment - using full-screen overlay mode")}catch(e){this.isInWixEmbed=!0,console.log("🔍 Cross-origin iframe detected - using full-screen overlay mode")}}loadConfiguration(){this.hasAttribute("uuid")&&(this.config.storyfileUuid=this.getAttribute("uuid")),this.hasAttribute("color")&&(this.config.primaryColor=this.getAttribute("color")),this.hasAttribute("text")&&(this.config.enableText="false"!==this.getAttribute("text")),this.hasAttribute("video")&&(this.config.enableVideo="false"!==this.getAttribute("video")),this.hasAttribute("audio")&&(this.config.enableAudio="false"!==this.getAttribute("audio")),this.config.storyfileUuid||(this.config.storyfileUuid=DEFAULT_UUID,console.log("🔧 Using default UUID:",DEFAULT_UUID)),console.log("📥 Loaded config from attributes:",this.config)}static get observedAttributes(){return["uuid","color","text","video","audio"]}attributeChangedCallback(e,n,i){if(n!==i&&this.shadow){switch(console.log(`🔄 Attribute changed: ${e} = ${i}`),e){case"uuid":this.config.storyfileUuid=i;break;case"color":this.config.primaryColor=i;break;case"text":this.config.enableText="false"!==i;break;case"video":this.config.enableVideo="false"!==i;break;case"audio":this.config.enableAudio="false"!==i}console.log("🔄 Updated config after attribute change:",this.config),this.isConnected&&(this.shadow.innerHTML="",this.initLive())}}initLive(){console.log("🚀 Initializing live widget with config:",this.config),this.isInWixEmbed?this.initWixEmbedMode():this.initStandardMode(),this.injectShadowContent(),this.injectIframe()}initWixEmbedMode(){console.log("📱 Initializing Wix embed mode with full-screen overlay"),this.style.cssText="\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100vw;\n      height: 100vh;\n      border: 0;\n      z-index: 9999;\n      background: transparent;\n      pointer-events: none;\n      display: block;\n    ",this.className="collapsed wix-embed"}initStandardMode(){console.log("💻 Initializing standard mode"),this.style.cssText="\n      position: fixed;\n      bottom: 16px;\n      right: 16px;\n      width: 380px;\n      height: 60px;\n      max-width: calc(100vw - 32px);\n      border: 0;\n      border-radius: 16px;\n      z-index: 9999;\n      box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      background: transparent;\n      display: block;\n    ",this.className="collapsed"}injectShadowContent(){const e=document.createElement("style");e.textContent="\n      @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');\n      \n      :host {\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n      }\n\n      /* Standard mode styles */\n      :host(.collapsed:not(.wix-embed)) {\n        height: 60px !important;\n        max-height: 60px !important;\n      }\n\n      :host(.expanded:not(.wix-embed)) {\n        height: 520px;\n        max-height: calc(100vh - 32px);\n      }\n\n      /* Wix embed mode: container for positioned widget */\n      .wix-widget-container {\n        position: absolute;\n        bottom: 16px;\n        right: 16px;\n        width: 380px;\n        height: 60px;\n        max-width: calc(100vw - 32px);\n        border-radius: 16px;\n        box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        background: transparent;\n        pointer-events: auto;\n      }\n\n      :host(.wix-embed.collapsed) .wix-widget-container {\n        height: 60px;\n      }\n\n      :host(.wix-embed.expanded) .wix-widget-container {\n        height: 520px;\n        max-height: calc(100vh - 32px);\n      }\n\n      @media (max-width: 639px) {\n        :host(.expanded:not(.wix-embed)) {\n          width: 100vw;\n          height: 100vh;\n          max-width: none;\n          max-height: none;\n          bottom: 0;\n          right: 0;\n          border-radius: 0;\n          box-shadow: none;\n        }\n        \n        :host(:not(.wix-embed)) {\n          width: calc(100vw - 16px);\n          right: 8px;\n          bottom: 8px;\n        }\n        \n        :host(.collapsed:not(.wix-embed)) {\n          height: 60px !important;\n          max-height: 60px !important;\n          width: calc(100vw - 16px);\n          right: 8px;\n          bottom: 8px;\n          border-radius: 16px;\n          box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);\n        }\n\n        /* Wix embed mobile styles */\n        :host(.wix-embed.expanded) .wix-widget-container {\n          width: 100vw;\n          height: 100vh;\n          max-width: none;\n          max-height: none;\n          bottom: 0;\n          right: 0;\n          border-radius: 0;\n          box-shadow: none;\n        }\n        \n        .wix-widget-container {\n          width: calc(100vw - 16px);\n          right: 8px;\n          bottom: 8px;\n        }\n        \n        :host(.wix-embed.collapsed) .wix-widget-container {\n          height: 60px !important;\n          width: calc(100vw - 16px);\n          right: 8px;\n          bottom: 8px;\n          border-radius: 16px;\n          box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);\n        }\n      }\n      \n      .loading {\n        background: #f3f4f6;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 100%;\n        height: 100%;\n        border-radius: inherit;\n      }\n      \n      .loading::after {\n        content: 'Loading chat...';\n        color: #6b7280;\n        font-size: 14px;\n      }\n\n      .error-container {\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-direction: column;\n        background: #f9fafb;\n        border-radius: inherit;\n        border: 2px dashed #d1d5db;\n        color: #6b7280;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n        text-align: center;\n        padding: 20px;\n        box-sizing: border-box;\n      }\n\n      .error-icon {\n        font-size: 24px;\n        margin-bottom: 8px;\n      }\n\n      .error-title {\n        font-size: 14px;\n        font-weight: 500;\n        margin-bottom: 4px;\n      }\n\n      .error-message {\n        font-size: 12px;\n      }\n\n      .error-uuid {\n        font-size: 11px;\n        margin-top: 8px;\n        opacity: 0.7;\n      }\n\n      iframe {\n        width: 100%;\n        height: 100%;\n        border: 0;\n        border-radius: inherit;\n      }\n    ",this.shadow.appendChild(e);const n=document.createElement("div");this.isInWixEmbed?n.className="wix-widget-container":n.style.cssText="\n        width: 100%;\n        height: 100%;\n        border-radius: inherit;\n      ",this.shadow.appendChild(n)}buildIframeSrc(){if(!this.config.storyfileUuid)return console.error("❌ No storyfile UUID configured"),null;const e=new URL(`/${this.config.storyfileUuid}/chat`,BASE_URL);e.searchParams.set("embed",""),e.searchParams.set("variant","floating"),e.searchParams.set("anchor","bottom-right");const n=[];return this.config.enableText&&n.push("text"),this.config.enableAudio&&n.push("audio"),this.config.enableVideo&&n.push("video"),n.length>0&&n.length<3&&e.searchParams.set("modes",n.join(",")),this.config.primaryColor&&"#2563eb"!==this.config.primaryColor&&e.searchParams.set("theme",`primary:${this.config.primaryColor}`),console.log("🔗 Built iframe URL:",e.toString()),e.toString()}injectIframe(){const e=this.shadow.querySelector(this.isInWixEmbed?".wix-widget-container":"div:last-child"),n=e.querySelector("iframe");n&&n.remove();const i=this.buildIframeSrc();if(!i)return void this.showConfigurationError(e);const t=document.createElement("iframe");t.className="loading",t.src=i,t.allow="microphone; camera",t.loading="lazy",t.setAttribute("sandbox","allow-scripts allow-same-origin allow-forms allow-popups allow-presentation"),t.onerror=()=>{console.error("❌ Failed to load widget iframe"),this.showLoadingError(e)},t.onload=()=>{console.log("✅ Iframe loaded successfully"),t.classList.remove("loading")},this.currentIframe=t,this.setupMessageHandling(t),e.appendChild(t)}setupMessageHandling(e){this.messageHandler&&window.removeEventListener("message",this.messageHandler),this.messageHandler=n=>{if(n.source===e.contentWindow&&"lookalike-widget-ready"===n.data?.type){console.log("🎉 Widget ready, setting up communication");const n=new MessageChannel;n.port1.onmessage=e=>{if(console.log("📏 Received resize message:",e.data),"lookalike-widget-resize"===e.data?.type){const n=e.data.collapsed?"collapsed":"expanded";console.log(`📏 Widget resize: ${this.className} → ${n}`),this.className=n}},e.contentWindow.postMessage({type:"lookalike-init-channel"},BASE_URL,[n.port2])}},window.addEventListener("message",this.messageHandler)}showConfigurationError(e){e.innerHTML='\n      <div class="error-container">\n        <div class="error-icon">⚠️</div>\n        <div class="error-title">Configuration Error</div>\n        <div class="error-message">No UUID configured. Please add a uuid attribute.</div>\n        <div class="error-uuid">Expected: &lt;lookalike-widget uuid="your-uuid"&gt;</div>\n      </div>\n    '}showLoadingError(e){e.innerHTML=`\n      <div class="error-container">\n        <div class="error-icon">⚠️</div>\n        <div class="error-title">Widget Loading Error</div>\n        <div class="error-message">Check console for details</div>\n        <div class="error-uuid">UUID: ${this.config.storyfileUuid}</div>\n      </div>\n    `}disconnectedCallback(){this.messageHandler&&(window.removeEventListener("message",this.messageHandler),this.messageHandler=null)}}customElements.define("lookalike-widget",LookalikeWidget),"undefined"!=typeof module&&module.exports&&(module.exports=LookalikeWidget);

package/package.json

@@ -1,67 +1,54 @@
 {
   "name": "@lookalike/widget",
-  "version": "1.0.0-beta.7",
-  "description": "Embed Lookalike conversational AI widgets in your website with Wix integration support",
+  "version": "1.2.0",
+  "description": "Lookalike conversational AI widget for easy embedding",
+  "main": "dist/lookalike-widget.js",
+  "module": "dist/lookalike-widget.js",
+  "unpkg": "dist/lookalike-widget.min.js",
+  "jsdelivr": "dist/lookalike-widget.min.js",
   "type": "module",
-  "main": "dist/index.cjs",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "unpkg": "dist/widget.umd.js",
-  "jsdelivr": "dist/widget.umd.js",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    }
-  },
   "files": [
-    "dist"
+    "dist/",
+    "README.md",
+    "LICENSE"
   ],
   "scripts": {
-    "build": "vite build",
-    "build:production": "npm run build:es-cjs && npm run build:umd",
-    "build:es-cjs": "vite build",
-    "build:umd": "vite build --config vite.config.production.ts",
-    "dev": "vite build --watch",
-    "test": "node dev-server.js",
-    "test:build": "node dev-server.js --build",
-    "version:patch": "npm version patch",
-    "version:minor": "npm version minor",
-    "version:major": "npm version major",
-    "version:beta": "npm version prerelease --preid=beta",
-    "prepublishOnly": "npm run build:production",
-    "publish:beta": "npm publish --tag beta",
-    "publish:latest": "npm publish --tag latest"
-  },
-  "devDependencies": {
-    "typescript": "^5.0.0",
-    "vite": "^5.0.0",
-    "vite-plugin-dts": "^3.0.0"
+    "build": "node build.js",
+    "prepublishOnly": "npm run build",
+    "test": "node -e \"console.log('No tests yet')\"",
+    "serve": "npx http-server dist -p 8080 -o"
   },
   "keywords": [
-    "lookalike",
+    "ai",
     "widget",
     "chat",
-    "ai",
-    "conversational",
-    "wix",
     "embed",
-    "iframe"
+    "conversational-ai",
+    "web-component",
+    "lookalike",
+    "avatar",
+    "shadow-dom"
   ],
-  "author": "Storyfile LLC",
+  "author": "Lookalike <support@lookalike.com>",
+  "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/Storyfilellc/lookalike.git",
-    "directory": "plugins/public/widget"
+    "url": "https://github.com/lookalike/widget"
   },
   "homepage": "https://lookalike.com",
   "bugs": {
-    "url": "https://github.com/Storyfilellc/lookalike/issues"
+    "url": "https://github.com/lookalike/widget/issues"
   },
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
+  "engines": {
+    "node": ">=14"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ],
+  "devDependencies": {
+    "terser": "^5.16.0",
+    "http-server": "^14.1.1"
   }
-}
+}

package/dist/index.d.ts

@@ -1,3 +0,0 @@
-export { LookalikeWidget, Widget } from './widget';
-export type { LookalikeWidgetConfig, LookalikeWidgetEvents, LookalikeWidgetInstance, LookalikeTheme, WidgetVariant, WidgetAnchor, ChatMode, } from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAClD,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,uBAAuB,EACvB,cAAc,EACd,aAAa,EACb,YAAY,EACZ,QAAQ,GACT,MAAM,SAAS,CAAA"}

package/dist/types.d.ts

@@ -1,122 +0,0 @@
-/**
- * Widget display variant
- */
-export type WidgetVariant = 'floating' | 'inline';
-/**
- * Anchor position for floating widget
- */
-export type WidgetAnchor = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
-/**
- * Chat mode
- */
-export type ChatMode = 'text' | 'audio' | 'video';
-/**
- * Theme customization options
- */
-export interface LookalikeTheme {
-    /**
-     * Primary background color (e.g., '#3b82f6')
-     */
-    primaryColor?: string;
-    /**
-     * Accent/text color (e.g., '#ffffff')
-     */
-    accentColor?: string;
-    /**
-     * Border radius (e.g., '16px' or '1rem')
-     */
-    borderRadius?: string;
-}
-/**
- * Widget configuration options
- */
-export interface LookalikeWidgetConfig {
-    /**
-     * The Lookalike handle (username) to load
-     */
-    handle: string;
-    /**
-     * Widget display variant. 'floating' allows collapse/expand, 'inline' is embedded.
-     * @default 'floating'
-     */
-    variant?: WidgetVariant;
-    /**
-     * Anchor position for floating variant
-     * @default 'bottom-right'
-     */
-    anchor?: WidgetAnchor;
-    /**
-     * For inline variant: whether the widget can be collapsed
-     * @default false
-     */
-    collapsible?: boolean;
-    /**
-     * Allowed chat modes
-     * @default ['text', 'audio', 'video']
-     */
-    modes?: ChatMode[];
-    /**
-     * Theme customization
-     */
-    theme?: LookalikeTheme;
-    /**
-     * Base URL for the widget iframe
-     * @default 'https://lookalike.com'
-     */
-    baseUrl?: string;
-}
-/**
- * Event handlers for widget events
- */
-export interface LookalikeWidgetEvents {
-    /**
-     * Called when the widget is ready
-     */
-    onReady?: () => void;
-    /**
-     * Called when the widget resizes (collapse/expand)
-     */
-    onResize?: (collapsed: boolean) => void;
-    /**
-     * Called when a chat session starts
-     */
-    onSessionStart?: (mode: ChatMode) => void;
-    /**
-     * Called when a chat session ends
-     */
-    onSessionEnd?: () => void;
-    /**
-     * Called when a new message is received
-     */
-    onMessage?: (role: 'user' | 'assistant', content: string) => void;
-    /**
-     * Called when an error occurs
-     */
-    onError?: (code: string, message: string) => void;
-}
-/**
- * Widget instance interface for controlling the widget
- */
-export interface LookalikeWidgetInstance {
-    /**
-     * Mount the widget to a container element
-     */
-    mount(container: string | HTMLElement): void;
-    /**
-     * Expand the widget (show full chat)
-     */
-    expand(): void;
-    /**
-     * Collapse the widget (minimize)
-     */
-    collapse(): void;
-    /**
-     * Destroy the widget and clean up
-     */
-    destroy(): void;
-    /**
-     * Check if widget is currently expanded
-     */
-    isExpanded(): boolean;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,QAAQ,CAAA;AAEjD;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,cAAc,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,CAAA;AAEpF;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAA;AAEjD;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IACvC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;IACzC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,WAAW,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACjE;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CAClD;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,KAAK,CAAC,SAAS,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAAA;IAC5C;;OAEG;IACH,MAAM,IAAI,IAAI,CAAA;IACd;;OAEG;IACH,QAAQ,IAAI,IAAI,CAAA;IAChB;;OAEG;IACH,OAAO,IAAI,IAAI,CAAA;IACf;;OAEG;IACH,UAAU,IAAI,OAAO,CAAA;CACtB"}

package/dist/umd.d.ts

@@ -1,4 +0,0 @@
-import { LookalikeWidget } from './widget';
-
-export default LookalikeWidget;
-//# sourceMappingURL=umd.d.ts.map

package/dist/umd.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"umd.d.ts","sourceRoot":"","sources":["../src/umd.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAG1C,eAAe,eAAe,CAAA"}

package/dist/widget.d.ts

@@ -1,66 +0,0 @@
-import { LookalikeWidgetConfig, LookalikeWidgetEvents, LookalikeWidgetInstance } from './types';
-
-/**
- * Lookalike Widget - Embed conversational AI in your website
- *
- * @example
- * ```javascript
- * const widget = new LookalikeWidget({
- *   handle: 'john-doe',
- *   variant: 'floating',
- *   theme: { primaryColor: '#3b82f6' }
- * });
- *
- * widget.on('ready', () => console.log('Widget ready'));
- * widget.on('message', (role, content) => console.log(`${role}: ${content}`));
- *
- * widget.mount(document.body);
- * ```
- */
-export declare class LookalikeWidget implements LookalikeWidgetInstance {
-    private config;
-    private events;
-    private iframe;
-    private container;
-    private port;
-    private expanded;
-    private mounted;
-    private messageHandler;
-    constructor(config: LookalikeWidgetConfig);
-    /**
-     * Register an event handler
-     */
-    on<K extends keyof LookalikeWidgetEvents>(event: K, handler: NonNullable<LookalikeWidgetEvents[K]>): this;
-    /**
-     * Remove an event handler
-     */
-    off<K extends keyof LookalikeWidgetEvents>(event: K): this;
-    /**
-     * Mount the widget to a container element
-     */
-    mount(container: string | HTMLElement): void;
-    /**
-     * Expand the widget
-     */
-    expand(): void;
-    /**
-     * Collapse the widget
-     */
-    collapse(): void;
-    /**
-     * Destroy the widget and clean up
-     */
-    destroy(): void;
-    /**
-     * Check if widget is currently expanded
-     */
-    isExpanded(): boolean;
-    private buildIframeUrl;
-    private getIframeStyles;
-    private handleMessage;
-    private initMessageChannel;
-    private sendCommand;
-    private updateIframeSize;
-}
-export { LookalikeWidget as Widget };
-//# sourceMappingURL=widget.d.ts.map

package/dist/widget.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../src/widget.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACrB,uBAAuB,EAExB,MAAM,SAAS,CAAA;AAyBhB;;;;;;;;;;;;;;;;GAgBG;AACH,qBAAa,eAAgB,YAAW,uBAAuB;IAC7D,OAAO,CAAC,MAAM,CAA6F;IAC3G,OAAO,CAAC,MAAM,CAA4B;IAC1C,OAAO,CAAC,MAAM,CAAiC;IAC/C,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,IAAI,CAA2B;IACvC,OAAO,CAAC,QAAQ,CAAQ;IACxB,OAAO,CAAC,OAAO,CAAQ;IACvB,OAAO,CAAC,cAAc,CAA2C;gBAErD,MAAM,EAAE,qBAAqB;IAYzC;;OAEG;IACH,EAAE,CAAC,CAAC,SAAS,MAAM,qBAAqB,EACtC,KAAK,EAAE,CAAC,EACR,OAAO,EAAE,WAAW,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAC7C,IAAI;IAKP;;OAEG;IACH,GAAG,CAAC,CAAC,SAAS,MAAM,qBAAqB,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI;IAK1D;;OAEG;IACH,KAAK,CAAC,SAAS,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI;IA2C5C;;OAEG;IACH,MAAM,IAAI,IAAI;IAId;;OAEG;IACH,QAAQ,IAAI,IAAI;IAIhB;;OAEG;IACH,OAAO,IAAI,IAAI;IAqBf;;OAEG;IACH,UAAU,IAAI,OAAO;IAIrB,OAAO,CAAC,cAAc;IA0CtB,OAAO,CAAC,eAAe;IAkCvB,OAAO,CAAC,aAAa;IA0CrB,OAAO,CAAC,kBAAkB;IA+C1B,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,gBAAgB;CAqBzB;AAGD,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,CAAA"}

package/dist/widget.umd.js

@@ -1,18 +0,0 @@
-(function(n,s){typeof exports=="object"&&typeof module<"u"?module.exports=s():typeof define=="function"&&define.amd?define(s):(n=typeof globalThis<"u"?globalThis:n||self,n.LookalikeWidget=s())})(this,function(){"use strict";const n="https://lookalike.com",s={WIDGET_READY:"lookalike-widget-ready",WIDGET_RESIZE:"lookalike-widget-resize",SESSION_START:"lookalike-session-start",SESSION_END:"lookalike-session-end",MESSAGE:"lookalike-message",ERROR:"lookalike-error",INIT_CHANNEL:"lookalike-init-channel",COMMAND:"lookalike-command"},E={EXPAND:"expand",COLLAPSE:"collapse"};class x{constructor(e){this.events={},this.iframe=null,this.container=null,this.port=null,this.expanded=!1,this.mounted=!1,this.messageHandler=null,this.config={handle:e.handle,variant:e.variant??"floating",anchor:e.anchor??"bottom-right",collapsible:e.collapsible??!1,modes:e.modes??["text","audio","video"],baseUrl:e.baseUrl??n,theme:e.theme}}on(e,t){return this.events[e]=t,this}off(e){return delete this.events[e],this}mount(e){if(this.mounted){console.warn("LookalikeWidget: Already mounted");return}if(typeof e=="string"){const t=document.querySelector(e);if(!t)throw new Error(`LookalikeWidget: Container "${e}" not found`);this.container=t}else this.container=e;this.iframe=document.createElement("iframe"),this.iframe.src=this.buildIframeUrl(),this.iframe.style.cssText=this.getIframeStyles(),this.iframe.setAttribute("allow","camera; microphone; autoplay"),this.iframe.setAttribute("allowfullscreen",""),this.iframe.onload=()=>{console.log("[Widget] Iframe loaded successfully")},this.iframe.onerror=t=>{console.error("[Widget] Iframe error:",t)},this.messageHandler=this.handleMessage.bind(this),window.addEventListener("message",this.messageHandler),console.log("[Widget] Message listener added"),this.container.appendChild(this.iframe),this.mounted=!0,console.log("[Widget] Iframe mounted, URL:",this.iframe.src)}expand(){this.sendCommand(E.EXPAND)}collapse(){this.sendCommand(E.COLLAPSE)}destroy(){this.messageHandler&&(window.removeEventListener("message",this.messageHandler),this.messageHandler=null),this.port&&(this.port.close(),this.port=null),this.iframe&&this.container&&(this.container.removeChild(this.iframe),this.iframe=null),this.container=null,this.mounted=!1,this.expanded=!1}isExpanded(){return this.expanded}buildIframeUrl(){const e=new URL(`/${this.config.handle}/chat`,this.config.baseUrl);if(e.searchParams.set("embed",""),e.searchParams.set("variant",this.config.variant),this.config.variant==="floating"&&e.searchParams.set("anchor",this.config.anchor),this.config.variant==="inline"&&this.config.collapsible&&e.searchParams.set("collapsible",""),e.searchParams.set("modes",this.config.modes.join(",")),this.config.theme){const t=[];this.config.theme.primaryColor&&t.push(`primary:${this.config.theme.primaryColor}`),this.config.theme.accentColor&&t.push(`accent:${this.config.theme.accentColor}`),this.config.theme.borderRadius&&t.push(`radius:${this.config.theme.borderRadius}`),t.length>0&&e.searchParams.set("theme",t.join(","))}return e.toString()}getIframeStyles(){if(this.config.variant==="floating"){const e=this.config.anchor;return`
-        position: fixed;
-        ${{"bottom-right":"bottom: 20px; right: 20px;","bottom-left":"bottom: 20px; left: 20px;","top-right":"top: 20px; right: 20px;","top-left":"top: 20px; left: 20px;"}[e]}
-        width: 380px;
-        height: 72px;
-        max-height: 72px;
-        border: none;
-        border-radius: 16px;
-        z-index: 9999;
-        transition: all 0.3s ease;
-      `.replace(/\s+/g," ").trim()}return`
-      width: 100%;
-      height: 100%;
-      min-height: 400px;
-      border: none;
-      border-radius: 16px;
-    `.replace(/\s+/g," ").trim()}handleMessage(e){var a,o,r,l,h,d,c,m,f,g,p,u,S;if(console.log("[Widget] Received message:",e.data,"from:",e.source===((a=this.iframe)==null?void 0:a.contentWindow)?"iframe":"unknown"),this.iframe&&e.source!==this.iframe.contentWindow){console.log("[Widget] Ignoring message - not from iframe");return}const{type:t,...i}=e.data||{};switch(t){case s.WIDGET_READY:console.log("[Widget] WIDGET_READY event received!"),this.initMessageChannel(),(r=(o=this.events).onReady)==null||r.call(o);break;case s.WIDGET_RESIZE:console.log("[Widget] Received resize event:",{collapsed:i.collapsed,expanded:!i.collapsed}),this.expanded=!i.collapsed,this.updateIframeSize(i.collapsed),(h=(l=this.events).onResize)==null||h.call(l,i.collapsed);break;case s.SESSION_START:(c=(d=this.events).onSessionStart)==null||c.call(d,i.mode);break;case s.SESSION_END:(f=(m=this.events).onSessionEnd)==null||f.call(m);break;case s.MESSAGE:(p=(g=this.events).onMessage)==null||p.call(g,i.role,i.content);break;case s.ERROR:(S=(u=this.events).onError)==null||S.call(u,i.code,i.message);break}}initMessageChannel(){var t;if(!((t=this.iframe)!=null&&t.contentWindow))return;const e=new MessageChannel;this.port=e.port1,this.port.onmessage=i=>{var r,l,h,d,c,m,f,g,p,u;console.log("[Widget] Port message received:",i.data);const{type:a,...o}=i.data||{};switch(a){case s.WIDGET_RESIZE:console.log("[Widget] Received resize event:",{collapsed:o.collapsed,expanded:!o.collapsed}),this.expanded=!o.collapsed,this.updateIframeSize(o.collapsed),(l=(r=this.events).onResize)==null||l.call(r,o.collapsed);break;case s.SESSION_START:(d=(h=this.events).onSessionStart)==null||d.call(h,o.mode);break;case s.SESSION_END:(m=(c=this.events).onSessionEnd)==null||m.call(c);break;case s.MESSAGE:(g=(f=this.events).onMessage)==null||g.call(f,o.role,o.content);break;case s.ERROR:(u=(p=this.events).onError)==null||u.call(p,o.code,o.message);break}},this.iframe.contentWindow.postMessage({type:s.INIT_CHANNEL},"*",[e.port2])}sendCommand(e,t){var a;const i={type:s.COMMAND,action:e,payload:t};this.port?this.port.postMessage(i):(a=this.iframe)!=null&&a.contentWindow&&this.iframe.contentWindow.postMessage(i,"*")}updateIframeSize(e){if(console.log("[Widget] updateIframeSize called:",{collapsed:e,variant:this.config.variant,hasIframe:!!this.iframe}),!this.iframe||this.config.variant!=="floating"){console.log("[Widget] updateIframeSize skipped - no iframe or not floating variant");return}e?(console.log("[Widget] Setting collapsed size: 380x72"),this.iframe.style.width="380px",this.iframe.style.height="72px",this.iframe.style.maxHeight="72px"):(console.log("[Widget] Setting expanded size: 380x520"),this.iframe.style.width="380px",this.iframe.style.height="520px",this.iframe.style.maxHeight="calc(100vh - 40px)")}}return x});
-//# sourceMappingURL=widget.umd.js.map

package/dist/widget.umd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"widget.umd.js","sources":["../src/widget.ts"],"sourcesContent":["import type {\r\n  LookalikeWidgetConfig,\r\n  LookalikeWidgetEvents,\r\n  LookalikeWidgetInstance,\r\n  ChatMode,\r\n} from './types'\r\n\r\n// Use production URL if defined, otherwise fallback to lookalike.com\r\nconst DEFAULT_BASE_URL = typeof __PRODUCTION_BASE_URL__ !== 'undefined' \r\n  ? __PRODUCTION_BASE_URL__ \r\n  : 'https://lookalike.com'\r\n\r\n// Event type constants\r\nconst EVENTS = {\r\n  WIDGET_READY: 'lookalike-widget-ready',\r\n  WIDGET_RESIZE: 'lookalike-widget-resize',\r\n  SESSION_START: 'lookalike-session-start',\r\n  SESSION_END: 'lookalike-session-end',\r\n  MESSAGE: 'lookalike-message',\r\n  ERROR: 'lookalike-error',\r\n  INIT_CHANNEL: 'lookalike-init-channel',\r\n  COMMAND: 'lookalike-command',\r\n} as const\r\n\r\n// Command constants\r\nconst COMMANDS = {\r\n  EXPAND: 'expand',\r\n  COLLAPSE: 'collapse',\r\n} as const\r\n\r\n/**\r\n * Lookalike Widget - Embed conversational AI in your website\r\n *\r\n * @example\r\n * ```javascript\r\n * const widget = new LookalikeWidget({\r\n *   handle: 'john-doe',\r\n *   variant: 'floating',\r\n *   theme: { primaryColor: '#3b82f6' }\r\n * });\r\n *\r\n * widget.on('ready', () => console.log('Widget ready'));\r\n * widget.on('message', (role, content) => console.log(`${role}: ${content}`));\r\n *\r\n * widget.mount(document.body);\r\n * ```\r\n */\r\nexport class LookalikeWidget implements LookalikeWidgetInstance {\r\n  private config: Required<Omit<LookalikeWidgetConfig, 'theme'>> & { theme?: LookalikeWidgetConfig['theme'] }\r\n  private events: LookalikeWidgetEvents = {}\r\n  private iframe: HTMLIFrameElement | null = null\r\n  private container: HTMLElement | null = null\r\n  private port: MessagePort | null = null\r\n  private expanded = false\r\n  private mounted = false\r\n  private messageHandler: ((e: MessageEvent) => void) | null = null\r\n\r\n  constructor(config: LookalikeWidgetConfig) {\r\n    this.config = {\r\n      handle: config.handle,\r\n      variant: config.variant ?? 'floating',\r\n      anchor: config.anchor ?? 'bottom-right',\r\n      collapsible: config.collapsible ?? false,\r\n      modes: config.modes ?? ['text', 'audio', 'video'],\r\n      baseUrl: config.baseUrl ?? DEFAULT_BASE_URL,\r\n      theme: config.theme,\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Register an event handler\r\n   */\r\n  on<K extends keyof LookalikeWidgetEvents>(\r\n    event: K,\r\n    handler: NonNullable<LookalikeWidgetEvents[K]>\r\n  ): this {\r\n    this.events[event] = handler as LookalikeWidgetEvents[K]\r\n    return this\r\n  }\r\n\r\n  /**\r\n   * Remove an event handler\r\n   */\r\n  off<K extends keyof LookalikeWidgetEvents>(event: K): this {\r\n    delete this.events[event]\r\n    return this\r\n  }\r\n\r\n  /**\r\n   * Mount the widget to a container element\r\n   */\r\n  mount(container: string | HTMLElement): void {\r\n    if (this.mounted) {\r\n      console.warn('LookalikeWidget: Already mounted')\r\n      return\r\n    }\r\n\r\n    // Resolve container\r\n    if (typeof container === 'string') {\r\n      const el = document.querySelector(container)\r\n      if (!el) {\r\n        throw new Error(`LookalikeWidget: Container \"${container}\" not found`)\r\n      }\r\n      this.container = el as HTMLElement\r\n    } else {\r\n      this.container = container\r\n    }\r\n\r\n    // Create iframe\r\n    this.iframe = document.createElement('iframe')\r\n    this.iframe.src = this.buildIframeUrl()\r\n    this.iframe.style.cssText = this.getIframeStyles()\r\n    this.iframe.setAttribute('allow', 'camera; microphone; autoplay')\r\n    this.iframe.setAttribute('allowfullscreen', '')\r\n    \r\n    // Add load event listener for debugging\r\n    this.iframe.onload = () => {\r\n      console.log('[Widget] Iframe loaded successfully')\r\n    }\r\n    this.iframe.onerror = (error) => {\r\n      console.error('[Widget] Iframe error:', error)\r\n    }\r\n\r\n    // Set up message listener for handshake\r\n    this.messageHandler = this.handleMessage.bind(this)\r\n    window.addEventListener('message', this.messageHandler)\r\n    console.log('[Widget] Message listener added')\r\n\r\n    // Append iframe\r\n    this.container.appendChild(this.iframe)\r\n    this.mounted = true\r\n    console.log('[Widget] Iframe mounted, URL:', this.iframe.src)\r\n  }\r\n\r\n  /**\r\n   * Expand the widget\r\n   */\r\n  expand(): void {\r\n    this.sendCommand(COMMANDS.EXPAND)\r\n  }\r\n\r\n  /**\r\n   * Collapse the widget\r\n   */\r\n  collapse(): void {\r\n    this.sendCommand(COMMANDS.COLLAPSE)\r\n  }\r\n\r\n  /**\r\n   * Destroy the widget and clean up\r\n   */\r\n  destroy(): void {\r\n    if (this.messageHandler) {\r\n      window.removeEventListener('message', this.messageHandler)\r\n      this.messageHandler = null\r\n    }\r\n\r\n    if (this.port) {\r\n      this.port.close()\r\n      this.port = null\r\n    }\r\n\r\n    if (this.iframe && this.container) {\r\n      this.container.removeChild(this.iframe)\r\n      this.iframe = null\r\n    }\r\n\r\n    this.container = null\r\n    this.mounted = false\r\n    this.expanded = false\r\n  }\r\n\r\n  /**\r\n   * Check if widget is currently expanded\r\n   */\r\n  isExpanded(): boolean {\r\n    return this.expanded\r\n  }\r\n\r\n  private buildIframeUrl(): string {\r\n    const url = new URL(`/${this.config.handle}/chat`, this.config.baseUrl)\r\n\r\n    // Add embed flag\r\n    url.searchParams.set('embed', '')\r\n\r\n    // Add variant\r\n    url.searchParams.set('variant', this.config.variant)\r\n\r\n    // Add anchor for floating\r\n    if (this.config.variant === 'floating') {\r\n      url.searchParams.set('anchor', this.config.anchor)\r\n    }\r\n\r\n    // Add collapsible for inline\r\n    if (this.config.variant === 'inline' && this.config.collapsible) {\r\n      url.searchParams.set('collapsible', '')\r\n    }\r\n\r\n    // Add modes\r\n    url.searchParams.set('modes', this.config.modes.join(','))\r\n\r\n    // Add theme\r\n    if (this.config.theme) {\r\n      const themeParts: string[] = []\r\n      if (this.config.theme.primaryColor) {\r\n        themeParts.push(`primary:${this.config.theme.primaryColor}`)\r\n      }\r\n      if (this.config.theme.accentColor) {\r\n        themeParts.push(`accent:${this.config.theme.accentColor}`)\r\n      }\r\n      if (this.config.theme.borderRadius) {\r\n        themeParts.push(`radius:${this.config.theme.borderRadius}`)\r\n      }\r\n      if (themeParts.length > 0) {\r\n        url.searchParams.set('theme', themeParts.join(','))\r\n      }\r\n    }\r\n\r\n    return url.toString()\r\n  }\r\n\r\n  private getIframeStyles(): string {\r\n    if (this.config.variant === 'floating') {\r\n      // Floating: positioned in corner, needs to resize based on collapsed state\r\n      const anchor = this.config.anchor\r\n      const position = {\r\n        'bottom-right': 'bottom: 20px; right: 20px;',\r\n        'bottom-left': 'bottom: 20px; left: 20px;',\r\n        'top-right': 'top: 20px; right: 20px;',\r\n        'top-left': 'top: 20px; left: 20px;',\r\n      }[anchor]\r\n\r\n      return `\r\n        position: fixed;\r\n        ${position}\r\n        width: 380px;\r\n        height: 72px;\r\n        max-height: 72px;\r\n        border: none;\r\n        border-radius: 16px;\r\n        z-index: 9999;\r\n        transition: all 0.3s ease;\r\n      `.replace(/\\s+/g, ' ').trim()\r\n    }\r\n\r\n    // Inline: fills container\r\n    return `\r\n      width: 100%;\r\n      height: 100%;\r\n      min-height: 400px;\r\n      border: none;\r\n      border-radius: 16px;\r\n    `.replace(/\\s+/g, ' ').trim()\r\n  }\r\n\r\n  private handleMessage(e: MessageEvent): void {\r\n    console.log('[Widget] Received message:', e.data, 'from:', e.source === this.iframe?.contentWindow ? 'iframe' : 'unknown')\r\n    // Only accept messages from our iframe\r\n    if (this.iframe && e.source !== this.iframe.contentWindow) {\r\n      console.log('[Widget] Ignoring message - not from iframe')\r\n      return\r\n    }\r\n\r\n    const { type, ...payload } = e.data || {}\r\n\r\n    switch (type) {\r\n      case EVENTS.WIDGET_READY:\r\n        console.log('[Widget] WIDGET_READY event received!')\r\n        this.initMessageChannel()\r\n        this.events.onReady?.()\r\n        break\r\n\r\n      case EVENTS.WIDGET_RESIZE:\r\n        console.log('[Widget] Received resize event:', { collapsed: payload.collapsed, expanded: !payload.collapsed })\r\n        this.expanded = !payload.collapsed\r\n        this.updateIframeSize(payload.collapsed)\r\n        this.events.onResize?.(payload.collapsed)\r\n        break\r\n\r\n      case EVENTS.SESSION_START:\r\n        this.events.onSessionStart?.(payload.mode as ChatMode)\r\n        break\r\n\r\n      case EVENTS.SESSION_END:\r\n        this.events.onSessionEnd?.()\r\n        break\r\n\r\n      case EVENTS.MESSAGE:\r\n        this.events.onMessage?.(payload.role, payload.content)\r\n        break\r\n\r\n      case EVENTS.ERROR:\r\n        this.events.onError?.(payload.code, payload.message)\r\n        break\r\n    }\r\n  }\r\n\r\n  private initMessageChannel(): void {\r\n    if (!this.iframe?.contentWindow) return\r\n\r\n    // Create a MessageChannel for secure communication\r\n    const channel = new MessageChannel()\r\n    this.port = channel.port1\r\n\r\n    // Set up port message handler\r\n    this.port.onmessage = (e) => {\r\n      console.log('[Widget] Port message received:', e.data)\r\n      // For MessageChannel, we don't need to check source since the channel is secure\r\n      const { type, ...payload } = e.data || {}\r\n      \r\n      switch (type) {\r\n        case EVENTS.WIDGET_RESIZE:\r\n          console.log('[Widget] Received resize event:', { collapsed: payload.collapsed, expanded: !payload.collapsed })\r\n          this.expanded = !payload.collapsed\r\n          this.updateIframeSize(payload.collapsed)\r\n          this.events.onResize?.(payload.collapsed)\r\n          break\r\n\r\n        case EVENTS.SESSION_START:\r\n          this.events.onSessionStart?.(payload.mode as ChatMode)\r\n          break\r\n\r\n        case EVENTS.SESSION_END:\r\n          this.events.onSessionEnd?.()\r\n          break\r\n\r\n        case EVENTS.MESSAGE:\r\n          this.events.onMessage?.(payload.role, payload.content)\r\n          break\r\n\r\n        case EVENTS.ERROR:\r\n          this.events.onError?.(payload.code, payload.message)\r\n          break\r\n      }\r\n    }\r\n\r\n    // Send port2 to iframe\r\n    this.iframe.contentWindow.postMessage(\r\n      { type: EVENTS.INIT_CHANNEL },\r\n      '*',\r\n      [channel.port2]\r\n    )\r\n  }\r\n\r\n  private sendCommand(action: string, payload?: unknown): void {\r\n    const message = { type: EVENTS.COMMAND, action, payload }\r\n\r\n    if (this.port) {\r\n      this.port.postMessage(message)\r\n    } else if (this.iframe?.contentWindow) {\r\n      this.iframe.contentWindow.postMessage(message, '*')\r\n    }\r\n  }\r\n\r\n  private updateIframeSize(collapsed: boolean): void {\r\n    console.log('[Widget] updateIframeSize called:', { collapsed, variant: this.config.variant, hasIframe: !!this.iframe })\r\n    if (!this.iframe || this.config.variant !== 'floating') {\r\n      console.log('[Widget] updateIframeSize skipped - no iframe or not floating variant')\r\n      return\r\n    }\r\n\r\n    if (collapsed) {\r\n      // Match the online widget's collapsed height more closely\r\n      console.log('[Widget] Setting collapsed size: 380x72')\r\n      this.iframe.style.width = '380px'\r\n      this.iframe.style.height = '72px'\r\n      this.iframe.style.maxHeight = '72px'\r\n    } else {\r\n      // Match the online widget's expanded dimensions\r\n      console.log('[Widget] Setting expanded size: 380x520')\r\n      this.iframe.style.width = '380px'\r\n      this.iframe.style.height = '520px'\r\n      this.iframe.style.maxHeight = 'calc(100vh - 40px)'\r\n    }\r\n  }\r\n}\r\n\r\n// Also export as Widget for convenience with UMD\r\nexport { LookalikeWidget as Widget }\r\n"],"names":["DEFAULT_BASE_URL","EVENTS","COMMANDS","LookalikeWidget","config","event","handler","container","el","error","url","themeParts","anchor","_a","type","payload","_c","_b","_e","_d","_g","_f","_i","_h","_k","_j","_m","_l","channel","e","action","message","collapsed"],"mappings":"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"}