@tachui/core 0.7.0-alpha1 → 0.7.1-alpha

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

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

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

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

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

package/dist/viewport/components.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components.js","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/environment.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../runtime/context.cjs"),u=require("./viewport-manager.cjs"),w=s.createContext(null);function c({children:n,manager:t}){const e=t||u.getViewportManager(),i={openWindow:async(r,m,a)=>await e.openWindow(r,m,a),dismissWindow:async r=>await e.dismissWindow(r),viewportEnvironment:e.environment,currentWindow:null};return{type:"context-provider",context:w,value:i,children:Array.isArray(n)?n:[n]}}function o(){const n=s.useContext(w);if(!n)throw new Error("useViewportEnvironment must be used within a ViewportEnvironmentProvider");return n()}function d(){const{openWindow:n}=o();return n}function p(){const{dismissWindow:n}=o();return n}function v(){const{viewportEnvironment:n}=o();return n}function W(){const{currentWindow:n}=o();return n}function E(){return u.getViewportManager()}function V(n,t){return e=>c({children:n(e),manager:t})}function f(n){return t=>{const e=d(),i=p(),r=v();return n({...t,openWindow:e,dismissWindow:i,viewportEnvironment:r})}}const g={openWindow:"openWindow",dismissWindow:"dismissWindow",viewportEnvironment:"viewportEnvironment",currentWindow:"currentWindow"};function l(n){return o()[n]}exports.EnvironmentKeys=g;exports.ViewportEnvironmentProvider=c;exports.createWindowAwareComponent=f;exports.getEnvironmentValue=l;exports.useCurrentWindow=W;exports.useDismissWindow=p;exports.useOpenWindow=d;exports.useViewportEnvironment=o;exports.useViewportInfo=v;exports.useViewportManager=E;exports.withViewportEnvironment=V;
-//# sourceMappingURL=environment.cjs.map

package/dist/viewport/environment.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"environment.cjs","sources":["../../src/viewport/environment.ts"],"sourcesContent":["/**\n * Viewport Environment System\n *\n * Provides SwiftUI-style environment values for viewport operations.\n * Enables components to access viewport management through @Environment.\n */\n\nimport { createContext, useContext } from '../runtime/context'\nimport type { ComponentInstance } from '../runtime/types'\nimport type {\n  ViewportEnvironment,\n  ViewportEnvironmentValues,\n  ViewportInstance,\n  ViewportManager,\n  WindowOptions,\n} from './types'\nimport { getViewportManager } from './viewport-manager'\n\n/**\n * Viewport environment context\n */\nconst ViewportEnvironmentContext = createContext<ViewportEnvironmentValues | null>(null)\n\n/**\n * Provider component for viewport environment\n */\nexport function ViewportEnvironmentProvider({\n  children,\n  manager,\n}: {\n  children: ComponentInstance | ComponentInstance[]\n  manager?: ViewportManager\n}) {\n  const viewportManager = manager || getViewportManager()\n\n  const environmentValues: ViewportEnvironmentValues = {\n    openWindow: async (id: string, component: ComponentInstance, options?: WindowOptions) => {\n      return await viewportManager.openWindow(id, component, options)\n    },\n\n    dismissWindow: async (id: string) => {\n      return await viewportManager.dismissWindow(id)\n    },\n\n    viewportEnvironment: viewportManager.environment,\n\n    currentWindow: null, // This would be set based on current context\n  }\n\n  return {\n    type: 'context-provider' as const,\n    context: ViewportEnvironmentContext,\n    value: environmentValues,\n    children: Array.isArray(children) ? children : [children],\n  }\n}\n\n/**\n * Hook to access viewport environment values\n */\nexport function useViewportEnvironment(): ViewportEnvironmentValues {\n  const context = useContext(ViewportEnvironmentContext)\n\n  if (!context) {\n    throw new Error('useViewportEnvironment must be used within a ViewportEnvironmentProvider')\n  }\n\n  return context() as ViewportEnvironmentValues\n}\n\n/**\n * Hook for opening windows (SwiftUI-style @Environment(\\.openWindow))\n */\nexport function useOpenWindow(): (\n  id: string,\n  component: ComponentInstance,\n  options?: WindowOptions\n) => Promise<ViewportInstance> {\n  const { openWindow } = useViewportEnvironment()\n  return openWindow\n}\n\n/**\n * Hook for dismissing windows (SwiftUI-style @Environment(\\.dismissWindow))\n */\nexport function useDismissWindow(): (id: string) => Promise<void> {\n  const { dismissWindow } = useViewportEnvironment()\n  return dismissWindow\n}\n\n/**\n * Hook to get the viewport environment info\n */\nexport function useViewportInfo(): ViewportEnvironment {\n  const { viewportEnvironment } = useViewportEnvironment()\n  return viewportEnvironment\n}\n\n/**\n * Hook to get the current window (if any)\n */\nexport function useCurrentWindow(): ViewportInstance | null {\n  const { currentWindow } = useViewportEnvironment()\n  return currentWindow\n}\n\n/**\n * Hook to access the viewport manager directly\n */\nexport function useViewportManager(): ViewportManager {\n  return getViewportManager()\n}\n\n/**\n * Higher-order component that provides viewport environment\n */\nexport function withViewportEnvironment<T>(\n  Component: (props: T) => ComponentInstance,\n  manager?: ViewportManager\n) {\n  return (props: T) => {\n    return ViewportEnvironmentProvider({\n      children: Component(props),\n      manager,\n    })\n  }\n}\n\n/**\n * Utility to create a window-aware component\n */\nexport function createWindowAwareComponent<T>(\n  Component: (\n    props: T & {\n      openWindow: ViewportEnvironmentValues['openWindow']\n      dismissWindow: ViewportEnvironmentValues['dismissWindow']\n      viewportEnvironment: ViewportEnvironment\n    }\n  ) => ComponentInstance\n) {\n  return (props: T) => {\n    const openWindow = useOpenWindow()\n    const dismissWindow = useDismissWindow()\n    const viewportEnvironment = useViewportInfo()\n\n    return Component({\n      ...props,\n      openWindow,\n      dismissWindow,\n      viewportEnvironment,\n    })\n  }\n}\n\n/**\n * Environment key constants (SwiftUI-style)\n */\nexport const EnvironmentKeys = {\n  openWindow: 'openWindow' as const,\n  dismissWindow: 'dismissWindow' as const,\n  viewportEnvironment: 'viewportEnvironment' as const,\n  currentWindow: 'currentWindow' as const,\n}\n\n/**\n * Type-safe environment value getter\n */\nexport function getEnvironmentValue<K extends keyof ViewportEnvironmentValues>(\n  key: K\n): ViewportEnvironmentValues[K] {\n  const environment = useViewportEnvironment()\n  return environment[key]\n}\n"],"names":["ViewportEnvironmentContext","createContext","ViewportEnvironmentProvider","children","manager","viewportManager","getViewportManager","environmentValues","id","component","options","useViewportEnvironment","context","useContext","useOpenWindow","openWindow","useDismissWindow","dismissWindow","useViewportInfo","viewportEnvironment","useCurrentWindow","currentWindow","useViewportManager","withViewportEnvironment","Component","props","createWindowAwareComponent","EnvironmentKeys","getEnvironmentValue","key"],"mappings":"8JAqBMA,EAA6BC,EAAAA,cAAgD,IAAI,EAKhF,SAASC,EAA4B,CAC1C,SAAAC,EACA,QAAAC,CACF,EAGG,CACD,MAAMC,EAAkBD,GAAWE,qBAAA,EAE7BC,EAA+C,CACnD,WAAY,MAAOC,EAAYC,EAA8BC,IACpD,MAAML,EAAgB,WAAWG,EAAIC,EAAWC,CAAO,EAGhE,cAAe,MAAOF,GACb,MAAMH,EAAgB,cAAcG,CAAE,EAG/C,oBAAqBH,EAAgB,YAErC,cAAe,IAAA,EAGjB,MAAO,CACL,KAAM,mBACN,QAASL,EACT,MAAOO,EACP,SAAU,MAAM,QAAQJ,CAAQ,EAAIA,EAAW,CAACA,CAAQ,CAAA,CAE5D,CAKO,SAASQ,GAAoD,CAClE,MAAMC,EAAUC,EAAAA,WAAWb,CAA0B,EAErD,GAAI,CAACY,EACH,MAAM,IAAI,MAAM,0EAA0E,EAG5F,OAAOA,EAAA,CACT,CAKO,SAASE,GAIe,CAC7B,KAAM,CAAE,WAAAC,CAAA,EAAeJ,EAAA,EACvB,OAAOI,CACT,CAKO,SAASC,GAAkD,CAChE,KAAM,CAAE,cAAAC,CAAA,EAAkBN,EAAA,EAC1B,OAAOM,CACT,CAKO,SAASC,GAAuC,CACrD,KAAM,CAAE,oBAAAC,CAAA,EAAwBR,EAAA,EAChC,OAAOQ,CACT,CAKO,SAASC,GAA4C,CAC1D,KAAM,CAAE,cAAAC,CAAA,EAAkBV,EAAA,EAC1B,OAAOU,CACT,CAKO,SAASC,GAAsC,CACpD,OAAOhB,qBAAA,CACT,CAKO,SAASiB,EACdC,EACApB,EACA,CACA,OAAQqB,GACCvB,EAA4B,CACjC,SAAUsB,EAAUC,CAAK,EACzB,QAAArB,CAAA,CACD,CAEL,CAKO,SAASsB,EACdF,EAOA,CACA,OAAQC,GAAa,CACnB,MAAMV,EAAaD,EAAA,EACbG,EAAgBD,EAAA,EAChBG,EAAsBD,EAAA,EAE5B,OAAOM,EAAU,CACf,GAAGC,EACH,WAAAV,EACA,cAAAE,EACA,oBAAAE,CAAA,CACD,CACH,CACF,CAKO,MAAMQ,EAAkB,CAC7B,WAAY,aACZ,cAAe,gBACf,oBAAqB,sBACrB,cAAe,eACjB,EAKO,SAASC,EACdC,EAC8B,CAE9B,OADoBlB,EAAA,EACDkB,CAAG,CACxB"}