@tachui/core 0.7.0-alpha1

package/dist/viewport/adapters/web-adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-adapter.js","sources":["../../../src/viewport/adapters/web-adapter.ts"],"sourcesContent":["/**\n * Web Viewport Adapter\n *\n * Handles viewport management for web browsers using modals, portals, and popup windows.\n * Provides fallback strategies for different browser capabilities.\n */\n\nimport { createSignal } from '../../reactive'\nimport type { Signal } from '../../reactive/types'\nimport type { ComponentInstance } from '../../runtime/types'\nimport { mountComponentTree } from '../../runtime/dom-bridge'\nimport { detectViewportEnvironment, type PlatformDetectionConfig } from '../platform-detection'\nimport {\n  ViewportAdapter,\n  type ViewportEnvironment,\n  type ViewportInstance,\n  type ViewportState,\n  type ViewportType,\n  type WindowConfig,\n} from '../types'\n\n/**\n * Web-specific viewport adapter\n */\nexport class WebViewportAdapter extends ViewportAdapter {\n  readonly environment: ViewportEnvironment\n  private portals = new Map<string, WebPortalInstance>()\n  private modals = new Map<string, WebModalInstance>()\n  private popups = new Map<string, WebPopupInstance>()\n  private portalContainer: HTMLElement | null = null\n  private broadcastChannel: BroadcastChannel | null = null\n\n  constructor(config: PlatformDetectionConfig = {}) {\n    super()\n    this.environment = detectViewportEnvironment(config)\n    this.initializePortalContainer()\n  }\n\n  /**\n   * Check if we can create a window with given config\n   */\n  canCreateWindow(config: WindowConfig): boolean {\n    // Always can create modals and portals\n    if (!config.preferNativeWindow) {\n      return true\n    }\n\n    // Check if we can create popup windows\n    try {\n      return this.environment.capabilities.multiWindow\n    } catch {\n      return false\n    }\n  }\n\n  /**\n   * Create a viewport instance\n   */\n  createWindow(config: WindowConfig): ViewportInstance {\n    const windowType = this.determineWindowType(config)\n\n    switch (windowType) {\n      case 'window':\n        return this.createPopupWindow(config)\n\n      case 'modal':\n        return this.createModal(config)\n\n      case 'portal':\n        return this.createPortal(config)\n\n      default:\n        return this.createModal(config)\n    }\n  }\n\n  /**\n   * Destroy a window\n   */\n  async destroyWindow(windowId: string): Promise<void> {\n    // Try each type\n    const portal = this.portals.get(windowId)\n    if (portal) {\n      portal.dispose()\n      this.portals.delete(windowId)\n      return\n    }\n\n    const modal = this.modals.get(windowId)\n    if (modal) {\n      modal.dispose()\n      this.modals.delete(windowId)\n      return\n    }\n\n    const popup = this.popups.get(windowId)\n    if (popup) {\n      popup.dispose()\n      this.popups.delete(windowId)\n      return\n    }\n  }\n\n  /**\n   * Set up cross-window communication\n   */\n  setupCrossWindowCommunication(): void {\n    if ('BroadcastChannel' in window) {\n      // Use BroadcastChannel for same-origin communication\n      this.broadcastChannel = new BroadcastChannel('tachui-viewport')\n\n      this.broadcastChannel.addEventListener('message', (event: MessageEvent) => {\n        this.handleCrossWindowMessage(event.data)\n      })\n    } else {\n      // Fallback to localStorage events\n      const handleStorage = (event: StorageEvent) => {\n        if (event.key === 'tachui-viewport-message') {\n          try {\n            const message = JSON.parse(event.newValue || '{}')\n            this.handleCrossWindowMessage(message)\n          } catch {\n            // Ignore malformed messages\n          }\n        }\n      }\n      if (typeof window !== 'undefined') {\n        ;(window as any).addEventListener('storage', handleStorage)\n      }\n    }\n  }\n\n  /**\n   * Broadcast message to other windows\n   */\n  broadcastMessage(message: any, _excludeWindow?: string): void {\n    const messageData = {\n      ...message,\n      timestamp: Date.now(),\n      source: window.location.href,\n    }\n\n    if (this.broadcastChannel) {\n      this.broadcastChannel.postMessage(messageData)\n    } else {\n      // Fallback to localStorage\n      localStorage.setItem('tachui-viewport-message', JSON.stringify(messageData))\n      // Clear after a moment to avoid storage bloat\n      setTimeout(() => {\n        localStorage.removeItem('tachui-viewport-message')\n      }, 100)\n    }\n  }\n\n  /**\n   * Optimize for web platform\n   */\n  optimizeForPlatform(): void {\n    // Set up CSS custom properties for theming\n    document.documentElement.style.setProperty('--tachui-modal-backdrop-blur', '8px')\n    document.documentElement.style.setProperty('--tachui-modal-animation-duration', '200ms')\n    document.documentElement.style.setProperty('--tachui-modal-z-index', '1000')\n\n    // Set up global styles for modals if needed\n    this.injectGlobalStyles()\n  }\n\n  /**\n   * Create popup window (native browser window)\n   */\n  private createPopupWindow(config: WindowConfig): WebPopupInstance {\n    const popup = new WebPopupInstance(config)\n    this.popups.set(config.id, popup)\n    return popup\n  }\n\n  /**\n   * Create modal overlay\n   */\n  protected createModal(config: WindowConfig): WebModalInstance {\n    const modal = new WebModalInstance(config)\n    this.modals.set(config.id, modal)\n    return modal\n  }\n\n  /**\n   * Create portal\n   */\n  protected createPortal(config: WindowConfig): WebPortalInstance {\n    const portal = new WebPortalInstance(config, this.portalContainer!)\n    this.portals.set(config.id, portal)\n    return portal\n  }\n\n  /**\n   * Determine optimal window type\n   */\n  private determineWindowType(config: WindowConfig): ViewportType {\n    if (config.preferNativeWindow && this.environment.capabilities.multiWindow) {\n      return 'window'\n    }\n\n    if (config.modal !== false) {\n      return 'modal'\n    }\n\n    return 'portal'\n  }\n\n  /**\n   * Initialize portal container\n   */\n  private initializePortalContainer(): void {\n    // For single-page apps, try to use the existing app container first\n    let container = document.getElementById('app')\n\n    if (container) {\n      this.portalContainer = container\n      return\n    }\n\n    // Fallback to creating a separate portal container\n    container = document.getElementById('tachui-portals')\n\n    if (!container) {\n      container = document.createElement('div')\n      container.id = 'tachui-portals'\n      container.style.position = 'relative'\n      container.style.zIndex = '999'\n      document.body.appendChild(container)\n    }\n\n    this.portalContainer = container\n  }\n\n  /**\n   * Handle cross-window messages\n   */\n  private handleCrossWindowMessage(message: any): void {\n    // Forward to all viewport instances\n    this.portals.forEach((portal) => portal.receiveMessage(message))\n    this.modals.forEach((modal) => modal.receiveMessage(message))\n    this.popups.forEach((popup) => popup.receiveMessage(message))\n  }\n\n  /**\n   * Inject global CSS styles\n   */\n  private injectGlobalStyles(): void {\n    const styleId = 'tachui-viewport-styles'\n\n    if (document.getElementById(styleId)) {\n      return // Already injected\n    }\n\n    const style = document.createElement('style')\n    style.id = styleId\n    style.textContent = `\n      .tachui-modal-backdrop {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: rgba(0, 0, 0, 0.5);\n        backdrop-filter: blur(var(--tachui-modal-backdrop-blur, 8px));\n        z-index: var(--tachui-modal-z-index, 1000);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        animation: tachui-fade-in var(--tachui-modal-animation-duration, 200ms) ease-out;\n      }\n\n      .tachui-modal-content {\n        background: white;\n        border-radius: 8px;\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n        max-width: 90vw;\n        max-height: 90vh;\n        overflow: auto;\n        animation: tachui-scale-in var(--tachui-modal-animation-duration, 200ms) ease-out;\n      }\n\n      .tachui-portal {\n        position: relative;\n      }\n\n      @keyframes tachui-fade-in {\n        from {\n          opacity: 0;\n        }\n        to {\n          opacity: 1;\n        }\n      }\n\n      @keyframes tachui-scale-in {\n        from {\n          opacity: 0;\n          transform: scale(0.95);\n        }\n        to {\n          opacity: 1;\n          transform: scale(1);\n        }\n      }\n\n      @media (prefers-reduced-motion: reduce) {\n        .tachui-modal-backdrop,\n        .tachui-modal-content {\n          animation: none;\n        }\n      }\n    `\n\n    document.head.appendChild(style)\n  }\n}\n\n/**\n * Web popup window instance (using window.open)\n */\nclass WebPopupInstance implements ViewportInstance {\n  readonly id: string\n  readonly type: ViewportType = 'window'\n  readonly config: WindowConfig\n  state: Signal<ViewportState>\n\n  private nativeWindow: Window | null = null\n  private messageHandlers = new Set<(message: any) => void>()\n  private eventHandlers = new Map<string, Set<() => void>>()\n  private setState: (\n    value: ViewportState | ((prev: ViewportState) => ViewportState)\n  ) => ViewportState\n\n  constructor(config: WindowConfig) {\n    this.id = config.id\n    this.config = config\n\n    const [state, setState] = createSignal<ViewportState>({\n      id: config.id,\n      title: config.title || config.id,\n      isVisible: false,\n      isMinimized: false,\n      isMaximized: false,\n      isFullscreen: false,\n      isFocused: false,\n      bounds: {\n        x: config.x || 100,\n        y: config.y || 100,\n        width: config.width || 800,\n        height: config.height || 600,\n      },\n      // Phase 2: Enhanced state properties\n      isPooled: false,\n      lastUsed: Date.now(),\n      groupId: undefined,\n      tabIndex: undefined,\n      parentWindowId: undefined,\n    })\n\n    this.state = state as Signal<ViewportState>\n    this.setState = setState\n  }\n\n  render(_component: ComponentInstance): void {\n    // For popup windows, we need to render the component in the popup's document\n    if (!this.nativeWindow) return\n\n    // This would need integration with TachUI's rendering system\n    // For now, just set basic content\n    this.nativeWindow.document.title = this.config.title || this.config.id\n  }\n\n  async show(): Promise<void> {\n    if (this.nativeWindow && !this.nativeWindow.closed) {\n      this.nativeWindow.focus()\n      return\n    }\n\n    const features = this.buildWindowFeatures()\n    this.nativeWindow = window.open('', this.config.id, features)\n\n    if (!this.nativeWindow) {\n      throw new Error('Failed to open popup window (likely blocked by popup blocker)')\n    }\n\n    this.setupPopupEventHandlers()\n\n    // Update state\n    this.setState((prevState) => ({\n      ...prevState,\n      isVisible: true,\n      isFocused: true,\n    }))\n  }\n\n  async hide(): Promise<void> {\n    if (this.nativeWindow && !this.nativeWindow.closed) {\n      this.nativeWindow.blur()\n    }\n  }\n\n  async focus(): Promise<void> {\n    if (this.nativeWindow && !this.nativeWindow.closed) {\n      this.nativeWindow.focus()\n    }\n  }\n\n  async minimize(): Promise<void> {\n    // Not supported in web popups\n  }\n\n  async maximize(): Promise<void> {\n    // Not supported in web popups\n  }\n\n  async restore(): Promise<void> {\n    // Not supported in web popups\n  }\n\n  async close(): Promise<void> {\n    if (this.nativeWindow && !this.nativeWindow.closed) {\n      this.nativeWindow.close()\n    }\n    this.dispose()\n  }\n\n  dispose(): void {\n    this.messageHandlers.clear()\n    this.eventHandlers.clear()\n    this.nativeWindow = null\n  }\n\n  postMessage(message: any): void {\n    if (this.nativeWindow && !this.nativeWindow.closed) {\n      this.nativeWindow.postMessage(message, '*')\n    }\n  }\n\n  onMessage(handler: (message: any) => void): () => void {\n    this.messageHandlers.add(handler)\n    return () => this.messageHandlers.delete(handler)\n  }\n\n  receiveMessage(message: any): void {\n    this.messageHandlers.forEach((handler) => handler(message))\n  }\n\n  onShow(handler: () => void): () => void {\n    return this.addEventListener('show', handler)\n  }\n\n  onHide(handler: () => void): () => void {\n    return this.addEventListener('hide', handler)\n  }\n\n  onFocus(handler: () => void): () => void {\n    return this.addEventListener('focus', handler)\n  }\n\n  onBlur(handler: () => void): () => void {\n    return this.addEventListener('blur', handler)\n  }\n\n  onResize(_handler: (bounds: ViewportState['bounds']) => void): () => void {\n    // Web popups don't provide reliable resize events\n    return () => {}\n  }\n\n  onClose(handler: () => void): () => void {\n    return this.addEventListener('close', handler)\n  }\n\n  private addEventListener(event: string, handler: () => void): () => void {\n    if (!this.eventHandlers.has(event)) {\n      this.eventHandlers.set(event, new Set())\n    }\n\n    this.eventHandlers.get(event)!.add(handler)\n\n    return () => {\n      this.eventHandlers.get(event)?.delete(handler)\n    }\n  }\n\n  private emit(event: string): void {\n    const handlers = this.eventHandlers.get(event)\n    if (handlers) {\n      handlers.forEach((handler) => handler())\n    }\n  }\n\n  private buildWindowFeatures(): string {\n    const features = []\n\n    if (this.config.width) features.push(`width=${this.config.width}`)\n    if (this.config.height) features.push(`height=${this.config.height}`)\n    if (this.config.x) features.push(`left=${this.config.x}`)\n    if (this.config.y) features.push(`top=${this.config.y}`)\n\n    features.push(`resizable=${this.config.resizable !== false ? 'yes' : 'no'}`)\n    features.push('scrollbars=yes')\n    features.push('status=no')\n    features.push('toolbar=no')\n    features.push('menubar=no')\n    features.push('location=no')\n\n    return features.join(',')\n  }\n\n  private setupPopupEventHandlers(): void {\n    if (!this.nativeWindow) return\n\n    // Check if window is closed\n    const checkClosed = () => {\n      if (this.nativeWindow?.closed) {\n        this.emit('close')\n        return\n      }\n      setTimeout(checkClosed, 1000)\n    }\n    checkClosed()\n\n    // Listen for messages\n    window.addEventListener('message', (event) => {\n      if (event.source === this.nativeWindow) {\n        this.messageHandlers.forEach((handler) => handler(event.data))\n      }\n    })\n  }\n\n  // ==================== Phase 2: Enhanced Methods ====================\n\n  /**\n   * Window pooling and reuse\n   */\n  async prepareForReuse(): Promise<void> {\n    // Clear current content and reset state for reuse\n    if (this.nativeWindow && !this.nativeWindow.closed) {\n      this.nativeWindow.document.body.innerHTML = ''\n      this.nativeWindow.document.title = ''\n    }\n    this.messageHandlers.clear()\n  }\n\n  isReusable(): boolean {\n    return this.nativeWindow != null && !this.nativeWindow.closed\n  }\n\n  markAsUsed(): void {\n    this.setState((prev) => ({\n      ...prev,\n      lastUsed: Date.now(),\n    }))\n  }\n\n  async returnToPool(): Promise<void> {\n    await this.hide()\n    this.setState((prev) => ({\n      ...prev,\n      isPooled: true,\n      lastUsed: Date.now(),\n    }))\n  }\n\n  /**\n   * State synchronization (limited in popup windows due to cross-origin restrictions)\n   */\n  syncState<T>(_key: string, _value: T): void {\n    // Store locally for this window\n    if (!this.nativeWindow || this.nativeWindow.closed) return\n\n    try {\n      // Try to sync via postMessage (may fail due to CORS)\n      this.nativeWindow.postMessage({ type: 'sync_state', key: _key, value: _value }, '*')\n    } catch (error) {\n      console.warn('Failed to sync state to popup window:', error)\n    }\n  }\n\n  getSharedState<T>(_key: string): T | undefined {\n    // Cannot access shared state from popup due to security restrictions\n    return undefined\n  }\n\n  onSharedStateChange<T>(_key: string, _callback: (value: T) => void): () => void {\n    // Limited implementation due to popup security restrictions\n    return () => {} // No-op unsubscribe\n  }\n\n  /**\n   * Tab grouping (not supported for popup windows)\n   */\n  async attachToTab(_tabContainer: ViewportInstance): Promise<void> {\n    throw new Error('Tab grouping not supported for popup windows')\n  }\n\n  async detachFromTab(): Promise<ViewportInstance> {\n    return this // Already detached\n  }\n\n  getTabContainer(): ViewportInstance | null {\n    return null\n  }\n\n  getTabIndex(): number {\n    return this.state().tabIndex || 0\n  }\n\n  setTabIndex(index: number): void {\n    this.setState((prev) => ({\n      ...prev,\n      tabIndex: index,\n    }))\n  }\n\n  /**\n   * Parent-child relationships (limited for popup windows)\n   */\n  setParentWindow(parent: ViewportInstance): void {\n    this.setState((prev) => ({\n      ...prev,\n      parentWindowId: parent.id,\n    }))\n  }\n\n  getParentWindow(): ViewportInstance | null {\n    // Cannot access parent window reference due to security\n    return null\n  }\n\n  getChildWindows(): ViewportInstance[] {\n    // Cannot track child windows from popup\n    return []\n  }\n\n  addChildWindow(_child: ViewportInstance): void {\n    // Not supported for popup windows\n  }\n\n  removeChildWindow(_childId: string): void {\n    // Not supported for popup windows\n  }\n}\n\n/**\n * Web modal instance (overlay on current page)\n */\nclass WebModalInstance implements ViewportInstance {\n  readonly id: string\n  readonly type: ViewportType = 'modal'\n  readonly config: WindowConfig\n  state: Signal<ViewportState>\n\n  private backdropElement: HTMLElement | null = null\n  private contentElement: HTMLElement | null = null\n  private messageHandlers = new Set<(message: any) => void>()\n  private eventHandlers = new Map<string, Set<() => void>>()\n  private setState: (\n    value: ViewportState | ((prev: ViewportState) => ViewportState)\n  ) => ViewportState\n\n  constructor(config: WindowConfig) {\n    this.id = config.id\n    this.config = config\n\n    const [state, setState] = createSignal<ViewportState>({\n      id: config.id,\n      title: config.title || config.id,\n      isVisible: false,\n      isMinimized: false,\n      isMaximized: false,\n      isFullscreen: false,\n      isFocused: false,\n      bounds: {\n        x: 0,\n        y: 0,\n        width: config.width || 600,\n        height: config.height || 400,\n      },\n      zIndex: 1000,\n      // Phase 2: Enhanced state properties\n      isPooled: false,\n      lastUsed: Date.now(),\n      groupId: undefined,\n      tabIndex: undefined,\n      parentWindowId: undefined,\n    })\n\n    this.state = state as Signal<ViewportState>\n    this.setState = setState\n    this.createElement()\n  }\n\n  render(_component: ComponentInstance): void {\n    if (!this.contentElement) return\n\n    // This would integrate with TachUI's renderer\n    // For now, just set basic content\n    this.contentElement.innerHTML = `<div>Modal: ${this.config.title}</div>`\n  }\n\n  async show(): Promise<void> {\n    if (!this.backdropElement) return\n\n    document.body.appendChild(this.backdropElement)\n\n    // Update state\n    this.setState((prevState) => ({\n      ...prevState,\n      isVisible: true,\n      isFocused: true,\n    }))\n\n    this.emit('show')\n  }\n\n  async hide(): Promise<void> {\n    if (this.backdropElement?.parentNode) {\n      this.backdropElement.parentNode.removeChild(this.backdropElement)\n    }\n\n    // Update state\n    this.setState((prevState) => ({\n      ...prevState,\n      isVisible: false,\n      isFocused: false,\n    }))\n\n    this.emit('hide')\n  }\n\n  async focus(): Promise<void> {\n    if (this.contentElement) {\n      this.contentElement.focus()\n    }\n    this.emit('focus')\n  }\n\n  async minimize(): Promise<void> {\n    await this.hide()\n  }\n\n  async maximize(): Promise<void> {\n    // Could implement fullscreen modal\n  }\n\n  async restore(): Promise<void> {\n    await this.show()\n  }\n\n  async close(): Promise<void> {\n    await this.hide()\n    this.emit('close')\n    this.dispose()\n  }\n\n  dispose(): void {\n    if (this.backdropElement?.parentNode) {\n      this.backdropElement.parentNode.removeChild(this.backdropElement)\n    }\n    this.messageHandlers.clear()\n    this.eventHandlers.clear()\n  }\n\n  postMessage(_message: any): void {\n    // Broadcast to other modals/windows\n  }\n\n  onMessage(handler: (message: any) => void): () => void {\n    this.messageHandlers.add(handler)\n    return () => this.messageHandlers.delete(handler)\n  }\n\n  receiveMessage(message: any): void {\n    this.messageHandlers.forEach((handler) => handler(message))\n  }\n\n  onShow(handler: () => void): () => void {\n    return this.addEventListener('show', handler)\n  }\n  onHide(handler: () => void): () => void {\n    return this.addEventListener('hide', handler)\n  }\n  onFocus(handler: () => void): () => void {\n    return this.addEventListener('focus', handler)\n  }\n  onBlur(handler: () => void): () => void {\n    return this.addEventListener('blur', handler)\n  }\n  onResize(_handler: (bounds: ViewportState['bounds']) => void): () => void {\n    return () => {}\n  }\n  onClose(handler: () => void): () => void {\n    return this.addEventListener('close', handler)\n  }\n\n  private addEventListener(event: string, handler: () => void): () => void {\n    if (!this.eventHandlers.has(event)) {\n      this.eventHandlers.set(event, new Set())\n    }\n\n    this.eventHandlers.get(event)!.add(handler)\n\n    return () => {\n      this.eventHandlers.get(event)?.delete(handler)\n    }\n  }\n\n  private emit(event: string): void {\n    const handlers = this.eventHandlers.get(event)\n    if (handlers) {\n      handlers.forEach((handler) => handler())\n    }\n  }\n\n  private createElement(): void {\n    // Create backdrop\n    this.backdropElement = document.createElement('div')\n    this.backdropElement.className = 'tachui-modal-backdrop'\n\n    // Create content container\n    this.contentElement = document.createElement('div')\n    this.contentElement.className = 'tachui-modal-content'\n    this.contentElement.style.width = `${this.config.width || 600}px`\n    this.contentElement.style.height = `${this.config.height || 400}px`\n\n    this.backdropElement.appendChild(this.contentElement)\n\n    // Handle backdrop clicks\n    this.backdropElement.addEventListener('click', (e) => {\n      if (e.target === this.backdropElement && this.config.backdropDismiss !== false) {\n        this.close()\n      }\n    })\n\n    // Handle escape key\n    document.addEventListener('keydown', (e) => {\n      if (e.key === 'Escape' && this.config.escapeKeyDismiss !== false) {\n        this.close()\n      }\n    })\n  }\n\n  // ==================== Phase 2: Enhanced Methods ====================\n\n  private sharedState = new Map<string, any>()\n  private stateChangeCallbacks = new Map<string, Set<(value: any) => void>>()\n  private childWindows = new Map<string, ViewportInstance>()\n  private parentWindow: ViewportInstance | null = null\n  private tabContainer: ViewportInstance | null = null\n\n  /**\n   * Window pooling and reuse\n   */\n  async prepareForReuse(): Promise<void> {\n    // Clear current content and reset for reuse\n    if (this.contentElement) {\n      this.contentElement.innerHTML = ''\n    }\n    this.messageHandlers.clear()\n    this.sharedState.clear()\n    this.stateChangeCallbacks.clear()\n  }\n\n  isReusable(): boolean {\n    return this.backdropElement != null && this.contentElement != null\n  }\n\n  markAsUsed(): void {\n    this.setState((prev) => ({\n      ...prev,\n      lastUsed: Date.now(),\n    }))\n  }\n\n  async returnToPool(): Promise<void> {\n    await this.hide()\n    this.setState((prev) => ({\n      ...prev,\n      isPooled: true,\n      lastUsed: Date.now(),\n    }))\n  }\n\n  /**\n   * State synchronization (full support for modals)\n   */\n  syncState<T>(key: string, value: T): void {\n    this.sharedState.set(key, value)\n\n    // Notify local callbacks\n    const callbacks = this.stateChangeCallbacks.get(key)\n    if (callbacks) {\n      callbacks.forEach((callback) => callback(value))\n    }\n\n    // Sync to child windows\n    this.childWindows.forEach((child) => {\n      child.syncState(key, value)\n    })\n  }\n\n  getSharedState<T>(key: string): T | undefined {\n    return this.sharedState.get(key)\n  }\n\n  onSharedStateChange<T>(key: string, callback: (value: T) => void): () => void {\n    if (!this.stateChangeCallbacks.has(key)) {\n      this.stateChangeCallbacks.set(key, new Set())\n    }\n\n    this.stateChangeCallbacks.get(key)!.add(callback)\n\n    return () => {\n      this.stateChangeCallbacks.get(key)?.delete(callback)\n    }\n  }\n\n  /**\n   * Tab grouping (web modal tab simulation)\n   */\n  async attachToTab(tabContainer: ViewportInstance): Promise<void> {\n    this.tabContainer = tabContainer\n    // For web modals, we can simulate tabs by adding tab headers\n    this.createTabInterface()\n  }\n\n  async detachFromTab(): Promise<ViewportInstance> {\n    this.tabContainer = null\n    this.removeTabInterface()\n    return this\n  }\n\n  getTabContainer(): ViewportInstance | null {\n    return this.tabContainer\n  }\n\n  getTabIndex(): number {\n    return this.state().tabIndex || 0\n  }\n\n  setTabIndex(index: number): void {\n    this.setState((prev) => ({\n      ...prev,\n      tabIndex: index,\n    }))\n  }\n\n  /**\n   * Parent-child relationships (full support for modals)\n   */\n  setParentWindow(parent: ViewportInstance): void {\n    this.parentWindow = parent\n    this.setState((prev) => ({\n      ...prev,\n      parentWindowId: parent.id,\n    }))\n  }\n\n  getParentWindow(): ViewportInstance | null {\n    return this.parentWindow\n  }\n\n  getChildWindows(): ViewportInstance[] {\n    return Array.from(this.childWindows.values())\n  }\n\n  addChildWindow(child: ViewportInstance): void {\n    this.childWindows.set(child.id, child)\n    child.setParentWindow(this)\n  }\n\n  removeChildWindow(childId: string): void {\n    this.childWindows.delete(childId)\n  }\n\n  /**\n   * Tab interface helpers\n   */\n  private createTabInterface(): void {\n    if (!this.contentElement || !this.tabContainer) return\n\n    // Create tab header\n    const tabHeader = document.createElement('div')\n    tabHeader.className = 'tachui-modal-tab-header'\n    tabHeader.style.cssText = `\n      display: flex;\n      border-bottom: 1px solid #e0e0e0;\n      background: #f5f5f5;\n      min-height: 40px;\n    `\n\n    // Insert tab header\n    this.contentElement.insertBefore(tabHeader, this.contentElement.firstChild)\n  }\n\n  private removeTabInterface(): void {\n    if (!this.contentElement) return\n\n    const tabHeader = this.contentElement.querySelector('.tachui-modal-tab-header')\n    if (tabHeader) {\n      tabHeader.remove()\n    }\n  }\n}\n\n/**\n * Web portal instance (renders in portal container)\n */\nclass WebPortalInstance implements ViewportInstance {\n  readonly id: string\n  readonly type: ViewportType = 'portal'\n  readonly config: WindowConfig\n  state: Signal<ViewportState>\n\n  private portalElement: HTMLElement | null = null\n  private messageHandlers = new Set<(message: any) => void>()\n  private eventHandlers = new Map<string, Set<() => void>>()\n  private cleanupFunction: (() => void) | null = null\n  private setState: (\n    value: ViewportState | ((prev: ViewportState) => ViewportState)\n  ) => ViewportState\n\n  constructor(\n    config: WindowConfig,\n    private container: HTMLElement\n  ) {\n    this.id = config.id\n    this.config = config\n\n    const [state, setState] = createSignal<ViewportState>({\n      id: config.id,\n      title: config.title || config.id,\n      isVisible: false,\n      isMinimized: false,\n      isMaximized: false,\n      isFullscreen: false,\n      isFocused: false,\n      bounds: {\n        x: config.x || 0,\n        y: config.y || 0,\n        width: config.width || 400,\n        height: config.height || 300,\n      },\n      // Phase 2: Enhanced state properties\n      isPooled: false,\n      lastUsed: Date.now(),\n      groupId: undefined,\n      tabIndex: undefined,\n      parentWindowId: undefined,\n    })\n\n    this.state = state as Signal<ViewportState>\n    this.setState = setState\n    this.createElement()\n  }\n\n  render(component: ComponentInstance): void {\n    if (!this.portalElement) {\n      return\n    }\n\n    // Clear existing content\n    this.portalElement.innerHTML = ''\n\n    try {\n      // Use enhanced DOM bridge mounting to ensure lifecycle hooks are called\n      const cleanup = mountComponentTree(component, this.portalElement)\n      \n      // Store cleanup function for later disposal\n      this.cleanupFunction = cleanup\n    } catch (error) {\n      console.error('Error during mountComponentTree:', error)\n    }\n  }\n\n  async show(): Promise<void> {\n    if (!this.portalElement) {\n      return\n    }\n\n    // For single-page apps, replace the loading content instead of appending\n    if (this.container.id === 'app') {\n      this.container.innerHTML = ''\n    }\n\n    this.container.appendChild(this.portalElement)\n    this.portalElement.style.display = 'block'\n\n    this.setState((prevState) => ({\n      ...prevState,\n      isVisible: true,\n    }))\n\n    this.emit('show')\n  }\n\n  async hide(): Promise<void> {\n    if (this.portalElement) {\n      this.portalElement.style.display = 'none'\n    }\n\n    this.setState((prevState) => ({\n      ...prevState,\n      isVisible: false,\n    }))\n\n    this.emit('hide')\n  }\n\n  async focus(): Promise<void> {\n    this.emit('focus')\n  }\n  async minimize(): Promise<void> {\n    await this.hide()\n  }\n  async maximize(): Promise<void> {}\n  async restore(): Promise<void> {\n    await this.show()\n  }\n\n  async close(): Promise<void> {\n    if (this.portalElement?.parentNode) {\n      this.portalElement.parentNode.removeChild(this.portalElement)\n    }\n    this.emit('close')\n    this.dispose()\n  }\n\n  dispose(): void {\n    // Call component cleanup function first\n    if (this.cleanupFunction) {\n      this.cleanupFunction()\n      this.cleanupFunction = null\n    }\n    \n    if (this.portalElement?.parentNode) {\n      this.portalElement.parentNode.removeChild(this.portalElement)\n    }\n    this.messageHandlers.clear()\n    this.eventHandlers.clear()\n  }\n\n  postMessage(_message: any): void {}\n  onMessage(handler: (message: any) => void): () => void {\n    this.messageHandlers.add(handler)\n    return () => this.messageHandlers.delete(handler)\n  }\n\n  receiveMessage(message: any): void {\n    this.messageHandlers.forEach((handler) => handler(message))\n  }\n\n  onShow(handler: () => void): () => void {\n    return this.addEventListener('show', handler)\n  }\n  onHide(handler: () => void): () => void {\n    return this.addEventListener('hide', handler)\n  }\n  onFocus(handler: () => void): () => void {\n    return this.addEventListener('focus', handler)\n  }\n  onBlur(handler: () => void): () => void {\n    return this.addEventListener('blur', handler)\n  }\n  onResize(_handler: (bounds: ViewportState['bounds']) => void): () => void {\n    return () => {}\n  }\n  onClose(handler: () => void): () => void {\n    return this.addEventListener('close', handler)\n  }\n\n  private addEventListener(event: string, handler: () => void): () => void {\n    if (!this.eventHandlers.has(event)) {\n      this.eventHandlers.set(event, new Set())\n    }\n\n    this.eventHandlers.get(event)!.add(handler)\n\n    return () => {\n      this.eventHandlers.get(event)?.delete(handler)\n    }\n  }\n\n  private emit(event: string): void {\n    const handlers = this.eventHandlers.get(event)\n    if (handlers) {\n      handlers.forEach((handler) => handler())\n    }\n  }\n\n  private createElement(): void {\n    this.portalElement = document.createElement('div')\n    this.portalElement.className = 'tachui-portal'\n\n    // For single-page apps using the #app container, render transparently\n    if (this.container && this.container.id === 'app') {\n      // No positioning, background, or borders - just a transparent container\n      this.portalElement.style.position = 'static'\n      this.portalElement.style.width = '100%'\n      this.portalElement.style.height = 'auto'\n      this.portalElement.style.background = 'transparent'\n      this.portalElement.style.border = 'none'\n      this.portalElement.style.display = 'block'\n    } else {\n      // Traditional portal with positioning and styling\n      this.portalElement.style.position = 'absolute'\n      this.portalElement.style.left = `${this.config.x || 0}px`\n      this.portalElement.style.top = `${this.config.y || 0}px`\n      this.portalElement.style.width = `${this.config.width || 400}px`\n      this.portalElement.style.height = `${this.config.height || 300}px`\n      this.portalElement.style.background = 'white'\n      this.portalElement.style.border = '1px solid #ccc'\n      this.portalElement.style.borderRadius = '8px'\n      this.portalElement.style.boxShadow = '0 4px 12px rgba(0, 0, 0, 0.15)'\n      this.portalElement.style.display = 'none'\n    }\n  }\n\n  // ==================== Phase 2: Enhanced Methods ====================\n\n  private sharedState = new Map<string, any>()\n  private stateChangeCallbacks = new Map<string, Set<(value: any) => void>>()\n  private childWindows = new Map<string, ViewportInstance>()\n  private parentWindow: ViewportInstance | null = null\n  private tabContainer: ViewportInstance | null = null\n\n  /**\n   * Window pooling and reuse (excellent for portals)\n   */\n  async prepareForReuse(): Promise<void> {\n    // Clear current content and reset for reuse\n    if (this.portalElement) {\n      this.portalElement.innerHTML = ''\n    }\n    this.messageHandlers.clear()\n    this.sharedState.clear()\n    this.stateChangeCallbacks.clear()\n  }\n\n  isReusable(): boolean {\n    return this.portalElement != null\n  }\n\n  markAsUsed(): void {\n    this.setState((prev) => ({\n      ...prev,\n      lastUsed: Date.now(),\n    }))\n  }\n\n  async returnToPool(): Promise<void> {\n    await this.hide()\n    this.setState((prev) => ({\n      ...prev,\n      isPooled: true,\n      lastUsed: Date.now(),\n    }))\n  }\n\n  /**\n   * State synchronization (full support for portals)\n   */\n  syncState<T>(key: string, value: T): void {\n    this.sharedState.set(key, value)\n\n    // Notify local callbacks\n    const callbacks = this.stateChangeCallbacks.get(key)\n    if (callbacks) {\n      callbacks.forEach((callback) => callback(value))\n    }\n\n    // Sync to child windows\n    this.childWindows.forEach((child) => {\n      child.syncState(key, value)\n    })\n  }\n\n  getSharedState<T>(key: string): T | undefined {\n    return this.sharedState.get(key)\n  }\n\n  onSharedStateChange<T>(key: string, callback: (value: T) => void): () => void {\n    if (!this.stateChangeCallbacks.has(key)) {\n      this.stateChangeCallbacks.set(key, new Set())\n    }\n\n    this.stateChangeCallbacks.get(key)!.add(callback)\n\n    return () => {\n      this.stateChangeCallbacks.get(key)?.delete(callback)\n    }\n  }\n\n  /**\n   * Tab grouping (portal-based tab simulation)\n   */\n  async attachToTab(tabContainer: ViewportInstance): Promise<void> {\n    this.tabContainer = tabContainer\n    // Create visual tab interface for portals\n    this.createPortalTabInterface()\n  }\n\n  async detachFromTab(): Promise<ViewportInstance> {\n    this.tabContainer = null\n    this.removePortalTabInterface()\n    return this\n  }\n\n  getTabContainer(): ViewportInstance | null {\n    return this.tabContainer\n  }\n\n  getTabIndex(): number {\n    return this.state().tabIndex || 0\n  }\n\n  setTabIndex(index: number): void {\n    this.setState((prev) => ({\n      ...prev,\n      tabIndex: index,\n    }))\n  }\n\n  /**\n   * Parent-child relationships (full support for portals)\n   */\n  setParentWindow(parent: ViewportInstance): void {\n    this.parentWindow = parent\n    this.setState((prev) => ({\n      ...prev,\n      parentWindowId: parent.id,\n    }))\n  }\n\n  getParentWindow(): ViewportInstance | null {\n    return this.parentWindow\n  }\n\n  getChildWindows(): ViewportInstance[] {\n    return Array.from(this.childWindows.values())\n  }\n\n  addChildWindow(child: ViewportInstance): void {\n    this.childWindows.set(child.id, child)\n    child.setParentWindow(this)\n  }\n\n  removeChildWindow(childId: string): void {\n    this.childWindows.delete(childId)\n  }\n\n  /**\n   * Portal tab interface helpers\n   */\n  private createPortalTabInterface(): void {\n    if (!this.portalElement || !this.tabContainer) return\n\n    // Create tab header for portals\n    const tabHeader = document.createElement('div')\n    tabHeader.className = 'tachui-portal-tab-header'\n    tabHeader.style.cssText = `\n      display: flex;\n      background: #f8f9fa;\n      border-bottom: 1px solid #dee2e6;\n      min-height: 36px;\n      padding: 0 8px;\n      align-items: center;\n    `\n\n    // Insert tab header\n    this.portalElement.insertBefore(tabHeader, this.portalElement.firstChild)\n  }\n\n  private removePortalTabInterface(): void {\n    if (!this.portalElement) return\n\n    const tabHeader = this.portalElement.querySelector('.tachui-portal-tab-header')\n    if (tabHeader) {\n      tabHeader.remove()\n    }\n  }\n}\n"],"names":["WebViewportAdapter","ViewportAdapter","config","__publicField","detectViewportEnvironment","windowId","portal","modal","popup","event","handleStorage","message","_excludeWindow","messageData","WebPopupInstance","WebModalInstance","WebPortalInstance","container","styleId","style","state","setState","createSignal","_component","features","prevState","handler","_handler","handlers","checkClosed","prev","_key","_value","error","_callback","_tabContainer","index","parent","_child","_childId","_message","key","value","callbacks","callback","child","tabContainer","childId","tabHeader","component","cleanup","mountComponentTree"],"mappings":"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"}

package/dist/viewport/components.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../runtime/component-context.cjs"),w=require("../reactive/context.cjs"),c=require("./viewport-manager.cjs");var f=Object.defineProperty,h=(e,t,n)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,g=(e,t,n)=>h(e,typeof t!="symbol"?t+"":t,n);function a(e){return{type:"window-scene",sceneType:"window",id:e.id,title:e.title||e.id,content:e.children,options:e,render(){return{type:"component",id:`window-scene-${e.id}`,props:{},render:()=>({type:"element",tag:"div",props:{},children:[],element:document.createElement("div")})}},async open(){const t=c.getViewportManager(),n=w.createRoot(()=>p.withComponentContext(o=>e.children(),`Window-${e.id}`)({}));await t.openWindow(e.id,n,e)},async close(){await c.getViewportManager().dismissWindow(e.id)}}}function s(e){const t=c.getViewportManager(),n=t.createWindowGroup(e.id);e.groupingStrategy&&n.setGroupingStrategy(e.groupingStrategy),e.tabConfig&&n.configureTabbing(e.tabConfig),e.poolConfig&&n.configurePool(e.poolConfig),e.stateSyncScope&&n.enableStateSync(e.stateSyncScope),e.maxInstances&&n.setMaxInstances(e.maxInstances);const{groupingStrategy:o,tabConfig:u,poolConfig:S,stateSyncScope:b,maxInstances:W,...m}=e;return n.setDefaultOptions(m),{type:"window-group",sceneType:"window-group",id:e.id,title:e.title||e.id,content:e.children,options:e,group:n,render(){return{type:"component",id:`window-group-${e.id}`,props:{},render:()=>({type:"element",tag:"div",props:{},children:[],element:document.createElement("div")})}},async open(i){if(i!==void 0&&e.for)await n.openWindow(i,e.children);else{const r=e.children();await t.openWindow(e.id,r,e)}},async openForData(i){if(!e.for)throw new Error('WindowGroup must specify "for" parameter for data-driven windows');await n.openWindow(i,e.children)},async closeAll(){await n.closeAllWindows()},getWindows(){return n.getAllWindows()},configureGrouping(i){n.setGroupingStrategy(i)},configureTabs(i){n.configureTabbing(i)},configurePooling(i){n.configurePool(i)},enableStateSync(i){n.enableStateSync(i)},syncGroupState(i,r){n.syncState(i,r)},getGroupState(i){return n.getSharedState(i)},onGroupStateChange(i,r){return n.onStateChange(i,r)}}}function d(e){return{type:"app",scenes:e.children,render(){return{type:"component",id:"tachui-app",props:{},render:()=>({type:"element",tag:"div",props:{},children:[],element:document.createElement("div")})}},async initialize(){if(!c.getViewportManager(e.platformConfig)){const{initializeViewportSystem:n}=await Promise.resolve().then(()=>require("./index.cjs"));n()}},getScene(t){return e.children.find(n=>n.id===t)},async openScene(t,n){const o=this.getScene(t);if(!o)throw new Error(`Scene with id '${t}' not found`);o.type==="window-scene"?await o.open():o.type==="window-group"&&await o.open(n)}}}const l={documentGroup(e,t,n,o){return s({id:e,title:t,for:n,children:o,width:800,height:600,resizable:!0})},settingsWindow(e){return a({id:"settings",title:"Settings",width:600,height:400,resizable:!1,children:e})},inspectorWindow(e){return a({id:"inspector",title:"Inspector",width:300,height:500,resizable:!0,alwaysOnTop:!0,children:e})},paletteWindow(e,t,n){return a({id:e,title:t,width:250,height:400,resizable:!1,alwaysOnTop:!0,children:n})}},y={basicApp:()=>d({children:[a({id:"main",title:"My App",children:()=>({type:"component",id:"main-content",props:{},render:()=>({type:"element",tag:"div",props:{},children:[],element:document.createElement("div")})})}),l.settingsWindow(()=>({type:"component",id:"settings-content",props:{},render:()=>({type:"element",tag:"div",props:{},children:[],element:document.createElement("div")})}))]}),documentApp:()=>d({children:[s({id:"document",title:"Document",for:class{constructor(){g(this,"id"),g(this,"title")}},children:e=>({type:"component",id:`document-${e.id}`,props:{},render:()=>({type:"element",tag:"div",props:{},children:[],element:document.createElement("div")})})}),l.settingsWindow(()=>({type:"component",id:"settings",props:{},render:()=>({type:"element",tag:"div",props:{},children:[],element:document.createElement("div")})}))]})};exports.App=d;exports.ExampleScenes=y;exports.Window=a;exports.WindowGroup=s;exports.WindowUtils=l;
+//# sourceMappingURL=components.cjs.map

package/dist/viewport/components.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.cjs","sources":["../../src/viewport/components.ts"],"sourcesContent":["/**\n * SwiftUI-Style Viewport Components\n *\n * Provides Window and WindowGroup components that mirror SwiftUI's window management APIs.\n */\n\nimport type { ComponentInstance } from '../runtime/types'\nimport { withComponentContext } from '../runtime/component-context'\nimport { createRoot } from '../reactive/context'\nimport type { PlatformDetectionConfig } from './platform-detection'\nimport type {\n  WindowGroup as IWindowGroup,\n  StateSyncScope,\n  WindowGroupingStrategy,\n  WindowOptions,\n  WindowPoolConfig,\n  WindowTabConfig,\n} from './types'\nimport { getViewportManager } from './viewport-manager'\n\n/**\n * SwiftUI-style Window component\n * Creates a single, unique window that prevents duplicates\n */\nexport interface WindowProps extends WindowOptions {\n  id: string\n  title?: string\n  children: () => ComponentInstance\n}\n\nexport function Window(props: WindowProps): WindowSceneComponent {\n  return {\n    type: 'window-scene',\n    sceneType: 'window',\n    id: props.id,\n    title: props.title || props.id,\n    content: props.children,\n    options: props,\n\n    // Render method for scene management\n    render(): ComponentInstance {\n      return {\n        type: 'component',\n        id: `window-scene-${props.id}`,\n        props: {},\n        render: () => {\n          // This component doesn't render directly - it's managed by the viewport system\n          return {\n            type: 'element' as const,\n            tag: 'div',\n            props: {},\n            children: [],\n            element: document.createElement('div'),\n          }\n        },\n      }\n    },\n\n    // Open this window\n    async open(): Promise<void> {\n      const manager = getViewportManager()\n      \n      // First establish reactive root, then component context within it\n      const wrappedComponent = createRoot(() => {\n        return withComponentContext((_: any) => {\n          // Execute children function within both reactive and component context\n          const childComponent = props.children()\n          return childComponent\n        }, `Window-${props.id}`)({})\n      })\n      \n      \n      await manager.openWindow(props.id, wrappedComponent, props)\n    },\n\n    // Close this window\n    async close(): Promise<void> {\n      const manager = getViewportManager()\n      await manager.dismissWindow(props.id)\n    },\n  }\n}\n\n/**\n * SwiftUI-style WindowGroup component\n * Creates a group of windows that can have multiple instances\n */\nexport interface WindowGroupProps<T = any> extends WindowOptions {\n  id: string\n  title?: string\n  for?: new () => T // Type parameter for data-driven windows\n  children: T extends undefined ? () => ComponentInstance : (data: T) => ComponentInstance\n\n  // Phase 2: Enhanced configuration options\n  groupingStrategy?: WindowGroupingStrategy\n  tabConfig?: WindowTabConfig\n  poolConfig?: WindowPoolConfig\n  stateSyncScope?: StateSyncScope\n  maxInstances?: number\n}\n\nexport function WindowGroup<T = undefined>(props: WindowGroupProps<T>): WindowGroupComponent<T> {\n  const manager = getViewportManager()\n  const group = manager.createWindowGroup(props.id)\n\n  // Phase 2: Configure enhanced features\n  if (props.groupingStrategy) {\n    group.setGroupingStrategy(props.groupingStrategy)\n  }\n\n  if (props.tabConfig) {\n    group.configureTabbing(props.tabConfig)\n  }\n\n  if (props.poolConfig) {\n    group.configurePool(props.poolConfig)\n  }\n\n  if (props.stateSyncScope) {\n    group.enableStateSync(props.stateSyncScope)\n  }\n\n  if (props.maxInstances) {\n    group.setMaxInstances(props.maxInstances)\n  }\n\n  // Set default window options\n  const {\n    groupingStrategy: _groupingStrategy,\n    tabConfig: _tabConfig,\n    poolConfig: _poolConfig,\n    stateSyncScope: _stateSyncScope,\n    maxInstances: _maxInstances,\n    ...windowOptions\n  } = props\n  group.setDefaultOptions(windowOptions)\n\n  return {\n    type: 'window-group',\n    sceneType: 'window-group',\n    id: props.id,\n    title: props.title || props.id,\n    content: props.children,\n    options: props,\n    group,\n\n    // Render method for scene management\n    render(): ComponentInstance {\n      return {\n        type: 'component',\n        id: `window-group-${props.id}`,\n        props: {},\n        render: () => {\n          // This component doesn't render directly - it's managed by the viewport system\n          return {\n            type: 'element' as const,\n            tag: 'div',\n            props: {},\n            children: [],\n            element: document.createElement('div'),\n          }\n        },\n      }\n    },\n\n    // Open a window (data-driven or simple)\n    async open(data?: T): Promise<void> {\n      if (data !== undefined && props.for) {\n        // Data-driven window\n        await group.openWindow(data, props.children as (data: T) => ComponentInstance)\n      } else {\n        // Simple window\n        const component = (props.children as () => ComponentInstance)()\n        await manager.openWindow(props.id, component, props)\n      }\n    },\n\n    // Open window for specific data\n    async openForData(data: T): Promise<void> {\n      if (!props.for) {\n        throw new Error('WindowGroup must specify \"for\" parameter for data-driven windows')\n      }\n      await group.openWindow(data, props.children as (data: T) => ComponentInstance)\n    },\n\n    // Close all windows in this group\n    async closeAll(): Promise<void> {\n      await group.closeAllWindows()\n    },\n\n    // Get all windows in this group\n    getWindows() {\n      return group.getAllWindows()\n    },\n\n    // Phase 2: Enhanced methods\n    configureGrouping(strategy: WindowGroupingStrategy): void {\n      group.setGroupingStrategy(strategy)\n    },\n\n    configureTabs(config: WindowTabConfig): void {\n      group.configureTabbing(config)\n    },\n\n    configurePooling(config: WindowPoolConfig): void {\n      group.configurePool(config)\n    },\n\n    enableStateSync(scope: StateSyncScope): void {\n      group.enableStateSync(scope)\n    },\n\n    syncGroupState<S>(key: string, value: S): void {\n      group.syncState(key, value)\n    },\n\n    getGroupState<S>(key: string): S | undefined {\n      return group.getSharedState(key)\n    },\n\n    onGroupStateChange<S>(key: string, callback: (value: S) => void): () => void {\n      return group.onStateChange(key, callback)\n    },\n  }\n}\n\n/**\n * WindowScene component interface\n */\nexport interface WindowSceneComponent {\n  type: 'window-scene'\n  sceneType: 'window'\n  id: string\n  title: string\n  content: () => ComponentInstance\n  options: WindowOptions\n\n  render(): ComponentInstance\n  open(): Promise<void>\n  close(): Promise<void>\n}\n\n/**\n * WindowGroup component interface\n */\nexport interface WindowGroupComponent<T = any> {\n  type: 'window-group'\n  sceneType: 'window-group'\n  id: string\n  title: string\n  content: T extends undefined ? () => ComponentInstance : (data: T) => ComponentInstance\n  options: WindowOptions\n  group: IWindowGroup\n\n  render(): ComponentInstance\n  open(data?: T): Promise<void>\n  openForData(data: T): Promise<void>\n  closeAll(): Promise<void>\n  getWindows(): import('./types').ViewportInstance[]\n\n  // Phase 2: Enhanced methods\n  configureGrouping(strategy: WindowGroupingStrategy): void\n  configureTabs(config: WindowTabConfig): void\n  configurePooling(config: WindowPoolConfig): void\n  enableStateSync(scope: StateSyncScope): void\n  syncGroupState<S>(key: string, value: S): void\n  getGroupState<S>(key: string): S | undefined\n  onGroupStateChange<S>(key: string, callback: (value: S) => void): () => void\n}\n\n/**\n * Scene type union\n */\nexport type WindowScene = WindowSceneComponent | WindowGroupComponent\n\n/**\n * App-level scene container (SwiftUI App equivalent)\n */\nexport interface AppSceneProps {\n  children: WindowScene[]\n  /** Platform detection configuration to disable potentially intrusive capability tests */\n  platformConfig?: PlatformDetectionConfig\n}\n\nexport function App(props: AppSceneProps): AppComponent {\n  return {\n    type: 'app',\n    scenes: props.children,\n\n    render(): ComponentInstance {\n      return {\n        type: 'component',\n        id: 'tachui-app',\n        props: {},\n        render: () => {\n          // App component manages scenes but doesn't render them directly\n          return {\n            type: 'element' as const,\n            tag: 'div',\n            props: {},\n            children: [],\n            element: document.createElement('div'),\n          }\n        },\n      }\n    },\n\n    // Initialize all scenes\n    async initialize(): Promise<void> {\n      // Set up viewport environment for the app\n      const manager = getViewportManager(props.platformConfig)\n      // Initialize the viewport system if not already done\n      if (!manager) {\n        const { initializeViewportSystem } = await import('./index')\n        initializeViewportSystem()\n      }\n    },\n\n    // Get scene by ID\n    getScene(id: string): WindowScene | undefined {\n      return props.children.find((scene) => scene.id === id)\n    },\n\n    // Open a specific scene\n    async openScene(id: string, data?: any): Promise<void> {\n      const scene = this.getScene(id)\n      if (!scene) {\n        throw new Error(`Scene with id '${id}' not found`)\n      }\n\n      if (scene.type === 'window-scene') {\n        await scene.open()\n      } else if (scene.type === 'window-group') {\n        await scene.open(data)\n      }\n    },\n  }\n}\n\n/**\n * App component interface\n */\nexport interface AppComponent {\n  type: 'app'\n  scenes: WindowScene[]\n\n  render(): ComponentInstance\n  initialize(): Promise<void>\n  getScene(id: string): WindowScene | undefined\n  openScene(id: string, data?: any): Promise<void>\n}\n\n/**\n * Utility functions for window management\n */\nexport const WindowUtils = {\n  /**\n   * Create a document window group\n   */\n  documentGroup<T>(\n    id: string,\n    title: string,\n    documentType: new () => T,\n    content: (document: T) => ComponentInstance\n  ): WindowGroupComponent<T> {\n    return WindowGroup({\n      id,\n      title,\n      for: documentType,\n      children: content as any,\n      width: 800,\n      height: 600,\n      resizable: true,\n    })\n  },\n\n  /**\n   * Create a settings window\n   */\n  settingsWindow(content: () => ComponentInstance): WindowSceneComponent {\n    return Window({\n      id: 'settings',\n      title: 'Settings',\n      width: 600,\n      height: 400,\n      resizable: false,\n      children: content,\n    })\n  },\n\n  /**\n   * Create an inspector window\n   */\n  inspectorWindow(content: () => ComponentInstance): WindowSceneComponent {\n    return Window({\n      id: 'inspector',\n      title: 'Inspector',\n      width: 300,\n      height: 500,\n      resizable: true,\n      alwaysOnTop: true,\n      children: content,\n    })\n  },\n\n  /**\n   * Create a palette window\n   */\n  paletteWindow(id: string, title: string, content: () => ComponentInstance): WindowSceneComponent {\n    return Window({\n      id,\n      title,\n      width: 250,\n      height: 400,\n      resizable: false,\n      alwaysOnTop: true,\n      children: content,\n    })\n  },\n}\n\n/**\n * Example usage patterns\n */\nexport const ExampleScenes = {\n  /**\n   * Basic app with main window and settings\n   */\n  basicApp: () =>\n    App({\n      children: [\n        Window({\n          id: 'main',\n          title: 'My App',\n          children: () => ({\n            type: 'component',\n            id: 'main-content',\n            props: {},\n            render: () => ({\n              type: 'element' as const,\n              tag: 'div',\n              props: {},\n              children: [],\n              element: document.createElement('div'),\n            }),\n          }),\n        }),\n\n        WindowUtils.settingsWindow(() => ({\n          type: 'component',\n          id: 'settings-content',\n          props: {},\n          render: () => ({\n            type: 'element' as const,\n            tag: 'div',\n            props: {},\n            children: [],\n            element: document.createElement('div'),\n          }),\n        })),\n      ],\n    }),\n\n  /**\n   * Document-based app\n   */\n  documentApp: () =>\n    App({\n      children: [\n        WindowGroup({\n          id: 'document',\n          title: 'Document',\n          for: class Document {\n            id!: string\n            title!: string\n          },\n          children: (doc) => ({\n            type: 'component',\n            id: `document-${doc.id}`,\n            props: {},\n            render: () => ({\n              type: 'element' as const,\n              tag: 'div',\n              props: {},\n              children: [],\n              element: document.createElement('div'),\n            }),\n          }),\n        }),\n\n        WindowUtils.settingsWindow(() => ({\n          type: 'component',\n          id: 'settings',\n          props: {},\n          render: () => ({\n            type: 'element' as const,\n            tag: 'div',\n            props: {},\n            children: [],\n            element: document.createElement('div'),\n          }),\n        })),\n      ],\n    }),\n}\n"],"names":["Window","props","manager","getViewportManager","wrappedComponent","createRoot","withComponentContext","_","WindowGroup","group","_groupingStrategy","_tabConfig","_poolConfig","_stateSyncScope","_maxInstances","windowOptions","data","component","strategy","config","scope","key","value","callback","App","initializeViewportSystem","id","scene","WindowUtils","title","documentType","content","ExampleScenes","__publicField","doc"],"mappings":"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"}

package/dist/viewport/components.d.ts

@@ -0,0 +1,131 @@
+/**
+ * SwiftUI-Style Viewport Components
+ *
+ * Provides Window and WindowGroup components that mirror SwiftUI's window management APIs.
+ */
+import type { ComponentInstance } from '../runtime/types';
+import type { PlatformDetectionConfig } from './platform-detection';
+import type { WindowGroup as IWindowGroup, StateSyncScope, WindowGroupingStrategy, WindowOptions, WindowPoolConfig, WindowTabConfig } from './types';
+/**
+ * SwiftUI-style Window component
+ * Creates a single, unique window that prevents duplicates
+ */
+export interface WindowProps extends WindowOptions {
+    id: string;
+    title?: string;
+    children: () => ComponentInstance;
+}
+export declare function Window(props: WindowProps): WindowSceneComponent;
+/**
+ * SwiftUI-style WindowGroup component
+ * Creates a group of windows that can have multiple instances
+ */
+export interface WindowGroupProps<T = any> extends WindowOptions {
+    id: string;
+    title?: string;
+    for?: new () => T;
+    children: T extends undefined ? () => ComponentInstance : (data: T) => ComponentInstance;
+    groupingStrategy?: WindowGroupingStrategy;
+    tabConfig?: WindowTabConfig;
+    poolConfig?: WindowPoolConfig;
+    stateSyncScope?: StateSyncScope;
+    maxInstances?: number;
+}
+export declare function WindowGroup<T = undefined>(props: WindowGroupProps<T>): WindowGroupComponent<T>;
+/**
+ * WindowScene component interface
+ */
+export interface WindowSceneComponent {
+    type: 'window-scene';
+    sceneType: 'window';
+    id: string;
+    title: string;
+    content: () => ComponentInstance;
+    options: WindowOptions;
+    render(): ComponentInstance;
+    open(): Promise<void>;
+    close(): Promise<void>;
+}
+/**
+ * WindowGroup component interface
+ */
+export interface WindowGroupComponent<T = any> {
+    type: 'window-group';
+    sceneType: 'window-group';
+    id: string;
+    title: string;
+    content: T extends undefined ? () => ComponentInstance : (data: T) => ComponentInstance;
+    options: WindowOptions;
+    group: IWindowGroup;
+    render(): ComponentInstance;
+    open(data?: T): Promise<void>;
+    openForData(data: T): Promise<void>;
+    closeAll(): Promise<void>;
+    getWindows(): import('./types').ViewportInstance[];
+    configureGrouping(strategy: WindowGroupingStrategy): void;
+    configureTabs(config: WindowTabConfig): void;
+    configurePooling(config: WindowPoolConfig): void;
+    enableStateSync(scope: StateSyncScope): void;
+    syncGroupState<S>(key: string, value: S): void;
+    getGroupState<S>(key: string): S | undefined;
+    onGroupStateChange<S>(key: string, callback: (value: S) => void): () => void;
+}
+/**
+ * Scene type union
+ */
+export type WindowScene = WindowSceneComponent | WindowGroupComponent;
+/**
+ * App-level scene container (SwiftUI App equivalent)
+ */
+export interface AppSceneProps {
+    children: WindowScene[];
+    /** Platform detection configuration to disable potentially intrusive capability tests */
+    platformConfig?: PlatformDetectionConfig;
+}
+export declare function App(props: AppSceneProps): AppComponent;
+/**
+ * App component interface
+ */
+export interface AppComponent {
+    type: 'app';
+    scenes: WindowScene[];
+    render(): ComponentInstance;
+    initialize(): Promise<void>;
+    getScene(id: string): WindowScene | undefined;
+    openScene(id: string, data?: any): Promise<void>;
+}
+/**
+ * Utility functions for window management
+ */
+export declare const WindowUtils: {
+    /**
+     * Create a document window group
+     */
+    documentGroup<T>(id: string, title: string, documentType: new () => T, content: (document: T) => ComponentInstance): WindowGroupComponent<T>;
+    /**
+     * Create a settings window
+     */
+    settingsWindow(content: () => ComponentInstance): WindowSceneComponent;
+    /**
+     * Create an inspector window
+     */
+    inspectorWindow(content: () => ComponentInstance): WindowSceneComponent;
+    /**
+     * Create a palette window
+     */
+    paletteWindow(id: string, title: string, content: () => ComponentInstance): WindowSceneComponent;
+};
+/**
+ * Example usage patterns
+ */
+export declare const ExampleScenes: {
+    /**
+     * Basic app with main window and settings
+     */
+    basicApp: () => AppComponent;
+    /**
+     * Document-based app
+     */
+    documentApp: () => AppComponent;
+};
+//# sourceMappingURL=components.d.ts.map

package/dist/viewport/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/viewport/components.ts"],"names":[],"mappings":"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"}

package/dist/viewport/components.js

@@ -0,0 +1,298 @@
+import { withComponentContext as p } from "../runtime/component-context.js";
+import { createRoot as w } from "../reactive/context.js";
+import { getViewportManager as a } from "./viewport-manager.js";
+var f = Object.defineProperty, h = (e, t, n) => t in e ? f(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, d = (e, t, n) => h(e, typeof t != "symbol" ? t + "" : t, n);
+function c(e) {
+  return {
+    type: "window-scene",
+    sceneType: "window",
+    id: e.id,
+    title: e.title || e.id,
+    content: e.children,
+    options: e,
+    // Render method for scene management
+    render() {
+      return {
+        type: "component",
+        id: `window-scene-${e.id}`,
+        props: {},
+        render: () => ({
+          type: "element",
+          tag: "div",
+          props: {},
+          children: [],
+          element: document.createElement("div")
+        })
+      };
+    },
+    // Open this window
+    async open() {
+      const t = a(), n = w(() => p((o) => e.children(), `Window-${e.id}`)({}));
+      await t.openWindow(e.id, n, e);
+    },
+    // Close this window
+    async close() {
+      await a().dismissWindow(e.id);
+    }
+  };
+}
+function g(e) {
+  const t = a(), n = t.createWindowGroup(e.id);
+  e.groupingStrategy && n.setGroupingStrategy(e.groupingStrategy), e.tabConfig && n.configureTabbing(e.tabConfig), e.poolConfig && n.configurePool(e.poolConfig), e.stateSyncScope && n.enableStateSync(e.stateSyncScope), e.maxInstances && n.setMaxInstances(e.maxInstances);
+  const {
+    groupingStrategy: o,
+    tabConfig: u,
+    poolConfig: y,
+    stateSyncScope: S,
+    maxInstances: b,
+    ...m
+  } = e;
+  return n.setDefaultOptions(m), {
+    type: "window-group",
+    sceneType: "window-group",
+    id: e.id,
+    title: e.title || e.id,
+    content: e.children,
+    options: e,
+    group: n,
+    // Render method for scene management
+    render() {
+      return {
+        type: "component",
+        id: `window-group-${e.id}`,
+        props: {},
+        render: () => ({
+          type: "element",
+          tag: "div",
+          props: {},
+          children: [],
+          element: document.createElement("div")
+        })
+      };
+    },
+    // Open a window (data-driven or simple)
+    async open(i) {
+      if (i !== void 0 && e.for)
+        await n.openWindow(i, e.children);
+      else {
+        const r = e.children();
+        await t.openWindow(e.id, r, e);
+      }
+    },
+    // Open window for specific data
+    async openForData(i) {
+      if (!e.for)
+        throw new Error('WindowGroup must specify "for" parameter for data-driven windows');
+      await n.openWindow(i, e.children);
+    },
+    // Close all windows in this group
+    async closeAll() {
+      await n.closeAllWindows();
+    },
+    // Get all windows in this group
+    getWindows() {
+      return n.getAllWindows();
+    },
+    // Phase 2: Enhanced methods
+    configureGrouping(i) {
+      n.setGroupingStrategy(i);
+    },
+    configureTabs(i) {
+      n.configureTabbing(i);
+    },
+    configurePooling(i) {
+      n.configurePool(i);
+    },
+    enableStateSync(i) {
+      n.enableStateSync(i);
+    },
+    syncGroupState(i, r) {
+      n.syncState(i, r);
+    },
+    getGroupState(i) {
+      return n.getSharedState(i);
+    },
+    onGroupStateChange(i, r) {
+      return n.onStateChange(i, r);
+    }
+  };
+}
+function l(e) {
+  return {
+    type: "app",
+    scenes: e.children,
+    render() {
+      return {
+        type: "component",
+        id: "tachui-app",
+        props: {},
+        render: () => ({
+          type: "element",
+          tag: "div",
+          props: {},
+          children: [],
+          element: document.createElement("div")
+        })
+      };
+    },
+    // Initialize all scenes
+    async initialize() {
+      if (!a(e.platformConfig)) {
+        const { initializeViewportSystem: n } = await import("./index.js");
+        n();
+      }
+    },
+    // Get scene by ID
+    getScene(t) {
+      return e.children.find((n) => n.id === t);
+    },
+    // Open a specific scene
+    async openScene(t, n) {
+      const o = this.getScene(t);
+      if (!o)
+        throw new Error(`Scene with id '${t}' not found`);
+      o.type === "window-scene" ? await o.open() : o.type === "window-group" && await o.open(n);
+    }
+  };
+}
+const s = {
+  /**
+   * Create a document window group
+   */
+  documentGroup(e, t, n, o) {
+    return g({
+      id: e,
+      title: t,
+      for: n,
+      children: o,
+      width: 800,
+      height: 600,
+      resizable: !0
+    });
+  },
+  /**
+   * Create a settings window
+   */
+  settingsWindow(e) {
+    return c({
+      id: "settings",
+      title: "Settings",
+      width: 600,
+      height: 400,
+      resizable: !1,
+      children: e
+    });
+  },
+  /**
+   * Create an inspector window
+   */
+  inspectorWindow(e) {
+    return c({
+      id: "inspector",
+      title: "Inspector",
+      width: 300,
+      height: 500,
+      resizable: !0,
+      alwaysOnTop: !0,
+      children: e
+    });
+  },
+  /**
+   * Create a palette window
+   */
+  paletteWindow(e, t, n) {
+    return c({
+      id: e,
+      title: t,
+      width: 250,
+      height: 400,
+      resizable: !1,
+      alwaysOnTop: !0,
+      children: n
+    });
+  }
+}, _ = {
+  /**
+   * Basic app with main window and settings
+   */
+  basicApp: () => l({
+    children: [
+      c({
+        id: "main",
+        title: "My App",
+        children: () => ({
+          type: "component",
+          id: "main-content",
+          props: {},
+          render: () => ({
+            type: "element",
+            tag: "div",
+            props: {},
+            children: [],
+            element: document.createElement("div")
+          })
+        })
+      }),
+      s.settingsWindow(() => ({
+        type: "component",
+        id: "settings-content",
+        props: {},
+        render: () => ({
+          type: "element",
+          tag: "div",
+          props: {},
+          children: [],
+          element: document.createElement("div")
+        })
+      }))
+    ]
+  }),
+  /**
+   * Document-based app
+   */
+  documentApp: () => l({
+    children: [
+      g({
+        id: "document",
+        title: "Document",
+        for: class {
+          constructor() {
+            d(this, "id"), d(this, "title");
+          }
+        },
+        children: (e) => ({
+          type: "component",
+          id: `document-${e.id}`,
+          props: {},
+          render: () => ({
+            type: "element",
+            tag: "div",
+            props: {},
+            children: [],
+            element: document.createElement("div")
+          })
+        })
+      }),
+      s.settingsWindow(() => ({
+        type: "component",
+        id: "settings",
+        props: {},
+        render: () => ({
+          type: "element",
+          tag: "div",
+          props: {},
+          children: [],
+          element: document.createElement("div")
+        })
+      }))
+    ]
+  })
+};
+export {
+  l as App,
+  _ as ExampleScenes,
+  c as Window,
+  g as WindowGroup,
+  s as WindowUtils
+};
+//# sourceMappingURL=components.js.map