@lookalike/widget 1.0.0-beta.1

package/README.md

@@ -0,0 +1,120 @@
+# @lookalike/widget
+
+Embed Lookalike conversational AI widgets in your website.
+
+## Installation
+
+```bash
+npm install @lookalike/widget
+```
+
+## Usage
+
+### ES Modules / TypeScript
+
+```typescript
+import { LookalikeWidget } from '@lookalike/widget';
+
+const widget = new LookalikeWidget({
+  handle: 'john-doe',
+  variant: 'floating',
+  theme: { primaryColor: '#3b82f6' }
+});
+
+// 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`));
+
+// Mount to DOM
+widget.mount(document.body);
+
+// Control the widget
+widget.expand();
+widget.collapse();
+
+// Clean up
+widget.destroy();
+```
+
+### CDN / Script Tag
+
+```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>
+```
+
+## Configuration
+
+| 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 |
+
+### Theme Options
+
+```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');
+```
+
+```html
+<div id="chat-container" style="width: 400px; height: 600px;"></div>
+```
+
+## License
+
+MIT

package/dist/index.cjs

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v="https://your-app-name.up.railway.app",a={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"},S={EXPAND:"expand",COLLAPSE:"collapse"};class E{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??v,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(S.EXPAND)}collapse(){this.sendCommand(S.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 o,i,n,r,l,h,d,c,m,g,f,p,u;if(console.log("[Widget] Received message:",e.data,"from:",e.source===((o=this.iframe)==null?void 0:o.contentWindow)?"iframe":"unknown"),this.iframe&&e.source!==this.iframe.contentWindow){console.log("[Widget] Ignoring message - not from iframe");return}const{type:t,...s}=e.data||{};switch(t){case a.WIDGET_READY:console.log("[Widget] WIDGET_READY event received!"),this.initMessageChannel(),(n=(i=this.events).onReady)==null||n.call(i);break;case a.WIDGET_RESIZE:console.log("[Widget] Received resize event:",{collapsed:s.collapsed,expanded:!s.collapsed}),this.expanded=!s.collapsed,this.updateIframeSize(s.collapsed),(l=(r=this.events).onResize)==null||l.call(r,s.collapsed);break;case a.SESSION_START:(d=(h=this.events).onSessionStart)==null||d.call(h,s.mode);break;case a.SESSION_END:(m=(c=this.events).onSessionEnd)==null||m.call(c);break;case a.MESSAGE:(f=(g=this.events).onMessage)==null||f.call(g,s.role,s.content);break;case a.ERROR:(u=(p=this.events).onError)==null||u.call(p,s.code,s.message);break}}initMessageChannel(){var t;if(!((t=this.iframe)!=null&&t.contentWindow))return;const e=new MessageChannel;this.port=e.port1,this.port.onmessage=s=>{var n,r,l,h,d,c,m,g,f,p;console.log("[Widget] Port message received:",s.data);const{type:o,...i}=s.data||{};switch(o){case a.WIDGET_RESIZE:console.log("[Widget] Received resize event:",{collapsed:i.collapsed,expanded:!i.collapsed}),this.expanded=!i.collapsed,this.updateIframeSize(i.collapsed),(r=(n=this.events).onResize)==null||r.call(n,i.collapsed);break;case a.SESSION_START:(h=(l=this.events).onSessionStart)==null||h.call(l,i.mode);break;case a.SESSION_END:(c=(d=this.events).onSessionEnd)==null||c.call(d);break;case a.MESSAGE:(g=(m=this.events).onMessage)==null||g.call(m,i.role,i.content);break;case a.ERROR:(p=(f=this.events).onError)==null||p.call(f,i.code,i.message);break}},this.iframe.contentWindow.postMessage({type:a.INIT_CHANNEL},"*",[e.port2])}sendCommand(e,t){var o;const s={type:a.COMMAND,action:e,payload:t};this.port?this.port.postMessage(s):(o=this.iframe)!=null&&o.contentWindow&&this.iframe.contentWindow.postMessage(s,"*")}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)")}}exports.LookalikeWidget=E;exports.Widget=E;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","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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"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1 @@
+{"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/index.js

@@ -0,0 +1,195 @@
+const S = "https://your-app-name.up.railway.app", a = {
+  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 v {
+  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 ?? S,
+      theme: e.theme
+    };
+  }
+  /**
+   * Register an event handler
+   */
+  on(e, t) {
+    return this.events[e] = t, this;
+  }
+  /**
+   * Remove an event handler
+   */
+  off(e) {
+    return delete this.events[e], this;
+  }
+  /**
+   * Mount the widget to a container element
+   */
+  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 the widget
+   */
+  expand() {
+    this.sendCommand(E.EXPAND);
+  }
+  /**
+   * Collapse the widget
+   */
+  collapse() {
+    this.sendCommand(E.COLLAPSE);
+  }
+  /**
+   * Destroy the widget and clean up
+   */
+  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;
+  }
+  /**
+   * Check if widget is currently expanded
+   */
+  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 o, i, n, r, l, h, d, c, m, g, f, p, u;
+    if (console.log("[Widget] Received message:", e.data, "from:", e.source === ((o = this.iframe) == null ? void 0 : o.contentWindow) ? "iframe" : "unknown"), this.iframe && e.source !== this.iframe.contentWindow) {
+      console.log("[Widget] Ignoring message - not from iframe");
+      return;
+    }
+    const { type: t, ...s } = e.data || {};
+    switch (t) {
+      case a.WIDGET_READY:
+        console.log("[Widget] WIDGET_READY event received!"), this.initMessageChannel(), (n = (i = this.events).onReady) == null || n.call(i);
+        break;
+      case a.WIDGET_RESIZE:
+        console.log("[Widget] Received resize event:", { collapsed: s.collapsed, expanded: !s.collapsed }), this.expanded = !s.collapsed, this.updateIframeSize(s.collapsed), (l = (r = this.events).onResize) == null || l.call(r, s.collapsed);
+        break;
+      case a.SESSION_START:
+        (d = (h = this.events).onSessionStart) == null || d.call(h, s.mode);
+        break;
+      case a.SESSION_END:
+        (m = (c = this.events).onSessionEnd) == null || m.call(c);
+        break;
+      case a.MESSAGE:
+        (f = (g = this.events).onMessage) == null || f.call(g, s.role, s.content);
+        break;
+      case a.ERROR:
+        (u = (p = this.events).onError) == null || u.call(p, s.code, s.message);
+        break;
+    }
+  }
+  initMessageChannel() {
+    var t;
+    if (!((t = this.iframe) != null && t.contentWindow)) return;
+    const e = new MessageChannel();
+    this.port = e.port1, this.port.onmessage = (s) => {
+      var n, r, l, h, d, c, m, g, f, p;
+      console.log("[Widget] Port message received:", s.data);
+      const { type: o, ...i } = s.data || {};
+      switch (o) {
+        case a.WIDGET_RESIZE:
+          console.log("[Widget] Received resize event:", { collapsed: i.collapsed, expanded: !i.collapsed }), this.expanded = !i.collapsed, this.updateIframeSize(i.collapsed), (r = (n = this.events).onResize) == null || r.call(n, i.collapsed);
+          break;
+        case a.SESSION_START:
+          (h = (l = this.events).onSessionStart) == null || h.call(l, i.mode);
+          break;
+        case a.SESSION_END:
+          (c = (d = this.events).onSessionEnd) == null || c.call(d);
+          break;
+        case a.MESSAGE:
+          (g = (m = this.events).onMessage) == null || g.call(m, i.role, i.content);
+          break;
+        case a.ERROR:
+          (p = (f = this.events).onError) == null || p.call(f, i.code, i.message);
+          break;
+      }
+    }, this.iframe.contentWindow.postMessage(
+      { type: a.INIT_CHANNEL },
+      "*",
+      [e.port2]
+    );
+  }
+  sendCommand(e, t) {
+    var o;
+    const s = { type: a.COMMAND, action: e, payload: t };
+    this.port ? this.port.postMessage(s) : (o = this.iframe) != null && o.contentWindow && this.iframe.contentWindow.postMessage(s, "*");
+  }
+  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)");
+  }
+}
+export {
+  v as LookalikeWidget,
+  v as Widget
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.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","_b","_c","_d","_e","_f","_g","_h","_i","_j","_k","_l","_m","type","payload","channel","e","action","message","collapsed"],"mappings":"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"}

package/dist/types.d.ts

@@ -0,0 +1,122 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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/widget.d.ts

@@ -0,0 +1,66 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,18 @@
+(function(a,r){typeof exports=="object"&&typeof module<"u"?r(exports):typeof define=="function"&&define.amd?define(["exports"],r):(a=typeof globalThis<"u"?globalThis:a||self,r(a.LookalikeWidget={}))})(this,function(a){"use strict";const r="https://your-app-name.up.railway.app",i={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??r,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 n,o,l,h,d,c,m,f,g,p,u,S,v;if(console.log("[Widget] Received message:",e.data,"from:",e.source===((n=this.iframe)==null?void 0:n.contentWindow)?"iframe":"unknown"),this.iframe&&e.source!==this.iframe.contentWindow){console.log("[Widget] Ignoring message - not from iframe");return}const{type:t,...s}=e.data||{};switch(t){case i.WIDGET_READY:console.log("[Widget] WIDGET_READY event received!"),this.initMessageChannel(),(l=(o=this.events).onReady)==null||l.call(o);break;case i.WIDGET_RESIZE:console.log("[Widget] Received resize event:",{collapsed:s.collapsed,expanded:!s.collapsed}),this.expanded=!s.collapsed,this.updateIframeSize(s.collapsed),(d=(h=this.events).onResize)==null||d.call(h,s.collapsed);break;case i.SESSION_START:(m=(c=this.events).onSessionStart)==null||m.call(c,s.mode);break;case i.SESSION_END:(g=(f=this.events).onSessionEnd)==null||g.call(f);break;case i.MESSAGE:(u=(p=this.events).onMessage)==null||u.call(p,s.role,s.content);break;case i.ERROR:(v=(S=this.events).onError)==null||v.call(S,s.code,s.message);break}}initMessageChannel(){var t;if(!((t=this.iframe)!=null&&t.contentWindow))return;const e=new MessageChannel;this.port=e.port1,this.port.onmessage=s=>{var l,h,d,c,m,f,g,p,u,S;console.log("[Widget] Port message received:",s.data);const{type:n,...o}=s.data||{};switch(n){case i.WIDGET_RESIZE:console.log("[Widget] Received resize event:",{collapsed:o.collapsed,expanded:!o.collapsed}),this.expanded=!o.collapsed,this.updateIframeSize(o.collapsed),(h=(l=this.events).onResize)==null||h.call(l,o.collapsed);break;case i.SESSION_START:(c=(d=this.events).onSessionStart)==null||c.call(d,o.mode);break;case i.SESSION_END:(f=(m=this.events).onSessionEnd)==null||f.call(m);break;case i.MESSAGE:(p=(g=this.events).onMessage)==null||p.call(g,o.role,o.content);break;case i.ERROR:(S=(u=this.events).onError)==null||S.call(u,o.code,o.message);break}},this.iframe.contentWindow.postMessage({type:i.INIT_CHANNEL},"*",[e.port2])}sendCommand(e,t){var n;const s={type:i.COMMAND,action:e,payload:t};this.port?this.port.postMessage(s):(n=this.iframe)!=null&&n.contentWindow&&this.iframe.contentWindow.postMessage(s,"*")}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)")}}a.LookalikeWidget=x,a.Widget=x,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});
+//# sourceMappingURL=widget.umd.js.map

package/dist/widget.umd.js.map

@@ -0,0 +1 @@
+{"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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"}

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@lookalike/widget",
+  "version": "1.0.0-beta.1",
+  "description": "Embed Lookalike conversational AI widgets in your website with Wix integration support",
+  "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"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "build:production": "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"
+  },
+  "keywords": [
+    "lookalike",
+    "widget",
+    "chat",
+    "ai",
+    "conversational",
+    "wix",
+    "embed",
+    "iframe"
+  ],
+  "author": "Storyfile LLC",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Storyfilellc/lookalike.git",
+    "directory": "plugins/public/widget"
+  },
+  "homepage": "https://lookalike.com",
+  "bugs": {
+    "url": "https://github.com/Storyfilellc/lookalike/issues"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  }
+}