@wewear/virtual-try-on 1.0.0 → 1.2.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/widget.ts","../src/installer.ts"],"sourcesContent":["/**\n * WeWear Virtual Try-On Widget Implementation\n *\n * Core widget class that handles virtual try-on functionality integration.\n * Manages button creation, API communication, and modal display.\n */\n\nimport type { VirtualTryOnConfig, VirtualTryOnResult } from \"./index.js\";\n\n/** Default configuration constants */\nconst DEFAULT_CONFIG = {\n  BASE_URL: \"https://virtual-try-on-widget.vercel.app\",\n  PRODUCT_PAGE_SELECTOR: \"/product/\",\n  GALLERY_SELECTOR: \".woocommerce-product-gallery__image\",\n  SKU_SELECTOR: \".sku\",\n  BUTTON_POSITION: \"bottom-right\" as const,\n} as const;\n\n/** CSS class names for consistent styling */\nconst CSS_CLASSES = {\n  BUTTON_CONTAINER: \"wewear-vto-button-container\",\n  BUTTON: \"wewear-vto-button\",\n  MODAL: \"wewear-vto-modal\",\n} as const;\n\n/** Z-index values for proper layering */\nconst Z_INDEX = {\n  BUTTON: 10,\n  MODAL: 99999,\n} as const;\n\nexport class VirtualTryOnWidget {\n  private readonly config: Required<VirtualTryOnConfig>;\n\n  constructor(config: VirtualTryOnConfig = {}) {\n    this.config = {\n      baseUrl: config.baseUrl || DEFAULT_CONFIG.BASE_URL,\n      productPageSelector:\n        config.productPageSelector || DEFAULT_CONFIG.PRODUCT_PAGE_SELECTOR,\n      gallerySelector:\n        config.gallerySelector || DEFAULT_CONFIG.GALLERY_SELECTOR,\n      skuSelector: config.skuSelector || DEFAULT_CONFIG.SKU_SELECTOR,\n      buttonPosition: config.buttonPosition || DEFAULT_CONFIG.BUTTON_POSITION,\n    };\n  }\n\n  /**\n   * Retrieves a cookie value by name\n   * @param name - Cookie name to retrieve\n   * @returns Cookie value or null if not found\n   */\n  private getCookie(name: string): string | null {\n    if (typeof document === \"undefined\") return null;\n\n    const value = `; ${document.cookie}`;\n    const parts = value.split(`; ${name}=`);\n\n    if (parts.length === 2) {\n      const part = parts.pop();\n      return part ? part.split(\";\").shift()?.trim() || null : null;\n    }\n\n    return null;\n  }\n\n  /**\n   * Makes API call to virtual try-on service\n   * @param ww_access_token - Optional authentication token\n   * @param ww_user_id - User identifier\n   * @param ww_product_id - Product identifier\n   * @returns Promise with virtual try-on result or null if failed\n   */\n  private async callVirtualTryOnApi(\n    ww_access_token: string | null,\n    ww_user_id: string,\n    ww_product_id: string,\n  ): Promise<VirtualTryOnResult | null> {\n    try {\n      const response = await fetch(\n        `${this.config.baseUrl}/api/virtual-try-on`,\n        {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n            Accept: \"application/json\",\n          },\n          body: JSON.stringify({\n            ww_access_token,\n            ww_user_id,\n            ww_product_id,\n          }),\n        },\n      );\n\n      if (!response.ok) {\n        throw new Error(\n          `API responded with status ${response.status}: ${response.statusText}`,\n        );\n      }\n\n      const result = await response.json();\n\n      if (!result.imageUrl) {\n        throw new Error(\"API response missing imageUrl\");\n      }\n\n      return result;\n    } catch (error) {\n      console.error(\"[WeWear VTO] API call failed:\", error);\n      return null;\n    }\n  }\n\n  /**\n   * Creates the virtual try-on button element\n   * @param onClick - Click handler function\n   * @returns Button container element\n   */\n  private createButton(onClick: () => void): HTMLElement {\n    const container = document.createElement(\"div\");\n    container.className = CSS_CLASSES.BUTTON_CONTAINER;\n\n    const positionStyles = this.getPositionStyles();\n    container.style.cssText = `\n      position: absolute;\n      ${positionStyles}\n      display: flex;\n      border-radius: 50%;\n      background: #000000;\n      padding: 4px;\n      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n      z-index: ${Z_INDEX.BUTTON};\n      transition: transform 0.2s ease, box-shadow 0.2s ease;\n    `;\n\n    const button = document.createElement(\"button\");\n    button.type = \"button\";\n    button.className = CSS_CLASSES.BUTTON;\n    button.setAttribute(\"aria-label\", \"Virtual Try-On\");\n    button.setAttribute(\"title\", \"Try this product virtually\");\n    button.style.cssText = `\n      display: flex;\n      width: 36px;\n      height: 36px;\n      cursor: pointer;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      padding: 10px;\n      border: none;\n      background: transparent;\n      color: #ffffff;\n    `;\n\n    // Add hover effects\n    container.addEventListener(\"mouseenter\", () => {\n      container.style.transform = \"scale(1.05)\";\n      container.style.boxShadow = \"0 30px 60px -12px rgba(0, 0, 0, 0.35)\";\n    });\n\n    container.addEventListener(\"mouseleave\", () => {\n      container.style.transform = \"scale(1)\";\n      container.style.boxShadow = \"0 25px 50px -12px rgba(0, 0, 0, 0.25)\";\n    });\n\n    button.innerHTML = `\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n        <path d=\"M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z\"></path>\n        <circle cx=\"12\" cy=\"13\" r=\"3\"></circle>\n      </svg>\n    `;\n\n    button.onclick = onClick;\n    container.appendChild(button);\n    return container;\n  }\n\n  /**\n   * Gets CSS position styles based on button position configuration\n   * @returns CSS position string\n   */\n  private getPositionStyles(): string {\n    switch (this.config.buttonPosition) {\n      case \"bottom-left\":\n        return \"left: 20px; bottom: 20px;\";\n      case \"top-right\":\n        return \"right: 20px; top: 20px;\";\n      case \"top-left\":\n        return \"left: 20px; top: 20px;\";\n      default:\n        return \"right: 20px; bottom: 20px;\";\n    }\n  }\n\n  /**\n   * Displays the virtual try-on result in a modal\n   * @param imageUrl - URL of the virtual try-on image\n   */\n  private showImageModal(imageUrl: string): void {\n    // Remove any existing modals first\n    const existingModals = document.querySelectorAll(`.${CSS_CLASSES.MODAL}`);\n    existingModals.forEach((modal) => {\n      modal.remove();\n    });\n\n    const modal = document.createElement(\"div\");\n    modal.className = CSS_CLASSES.MODAL;\n    modal.setAttribute(\"role\", \"dialog\");\n    modal.setAttribute(\"aria-modal\", \"true\");\n    modal.setAttribute(\"aria-label\", \"Virtual Try-On Result\");\n    modal.style.cssText = `\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: rgba(0, 0, 0, 0.8);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: ${Z_INDEX.MODAL};\n      animation: fadeIn 0.3s ease;\n    `;\n\n    modal.innerHTML = `\n      <div style=\"\n        background: #ffffff;\n        padding: 20px;\n        border-radius: 12px;\n        max-width: 90vw;\n        max-height: 90vh;\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\n        animation: slideIn 0.3s ease;\n      \">\n        <img \n          src=\"${imageUrl}\" \n          alt=\"Virtual Try-On Result\"\n          style=\"\n            max-width: 100%;\n            max-height: 80vh;\n            border-radius: 8px;\n            display: block;\n          \" \n        />\n        <div style=\"\n          text-align: right;\n          margin-top: 15px;\n        \">\n          <button \n            type=\"button\"\n            style=\"\n              padding: 8px 16px;\n              border: none;\n              background: #000000;\n              color: #ffffff;\n              border-radius: 6px;\n              cursor: pointer;\n              font-size: 14px;\n              font-weight: 500;\n              transition: background-color 0.2s ease;\n            \"\n            onmouseover=\"this.style.backgroundColor='#333333'\"\n            onmouseout=\"this.style.backgroundColor='#000000'\"\n          >\n            Close\n          </button>\n        </div>\n      </div>\n      <style>\n        @keyframes fadeIn {\n          from { opacity: 0; }\n          to { opacity: 1; }\n        }\n        @keyframes slideIn {\n          from { transform: scale(0.9) translateY(20px); opacity: 0; }\n          to { transform: scale(1) translateY(0); opacity: 1; }\n        }\n      </style>\n    `;\n\n    const closeButton = modal.querySelector(\"button\");\n    const modalContent = modal.querySelector(\"div\");\n\n    // Close on button click\n    if (closeButton) {\n      closeButton.onclick = () => modal.remove();\n    }\n\n    // Close on backdrop click\n    modal.onclick = (e) => {\n      if (e.target === modal) {\n        modal.remove();\n      }\n    };\n\n    // Prevent content clicks from closing modal\n    if (modalContent) {\n      modalContent.onclick = (e) => e.stopPropagation();\n    }\n\n    // Close on Escape key\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") {\n        modal.remove();\n        document.removeEventListener(\"keydown\", handleEscape);\n      }\n    };\n    document.addEventListener(\"keydown\", handleEscape);\n\n    document.body.appendChild(modal);\n  }\n\n  /**\n   * Initializes the virtual try-on widget on the current page\n   * @returns Promise that resolves when initialization is complete\n   */\n  public async init(): Promise<void> {\n    try {\n      // Check if we're on a product page\n      if (!window.location.pathname.includes(this.config.productPageSelector)) {\n        return;\n      }\n\n      // Find the gallery container\n      const container = document.querySelector(this.config.gallerySelector);\n      if (!container || !(container instanceof HTMLElement)) {\n        console.warn(\n          \"[WeWear VTO] Gallery container not found:\",\n          this.config.gallerySelector,\n        );\n        return;\n      }\n\n      // Ensure container has relative positioning for button placement\n      if (getComputedStyle(container).position === \"static\") {\n        container.style.position = \"relative\";\n      }\n\n      // Create and add the virtual try-on button\n      const button = this.createButton(async () => {\n        await this.handleTryOnClick();\n      });\n\n      container.appendChild(button);\n      console.log(\"[WeWear VTO] Widget initialized successfully\");\n    } catch (error) {\n      console.error(\"[WeWear VTO] Initialization failed:\", error);\n    }\n  }\n\n  /**\n   * Handles virtual try-on button click\n   * @private\n   */\n  private async handleTryOnClick(): Promise<void> {\n    try {\n      // Get required data\n      const ww_access_token = this.getCookie(\"ww_access_token\");\n      const ww_user_id = this.getCookie(\"ww_user_id\");\n      const skuElement = document.querySelector(this.config.skuSelector);\n      const ww_product_id = skuElement?.textContent?.trim();\n\n      // Validate required data\n      if (!ww_user_id) {\n        console.warn(\"[WeWear VTO] Missing required cookie: ww_user_id\");\n        this.showError(\"Please sign in to use virtual try-on\");\n        return;\n      }\n\n      if (!ww_product_id) {\n        console.warn(\n          \"[WeWear VTO] Product SKU not found:\",\n          this.config.skuSelector,\n        );\n        this.showError(\"Product information not available\");\n        return;\n      }\n\n      // Show loading state (could be implemented)\n      console.log(\"[WeWear VTO] Processing virtual try-on request...\");\n\n      // Make API call\n      const result = await this.callVirtualTryOnApi(\n        ww_access_token,\n        ww_user_id,\n        ww_product_id,\n      );\n\n      if (result?.imageUrl) {\n        this.showImageModal(result.imageUrl);\n      } else {\n        this.showError(\n          \"Virtual try-on service is currently unavailable. Please try again later.\",\n        );\n      }\n    } catch (error) {\n      console.error(\"[WeWear VTO] Try-on request failed:\", error);\n      this.showError(\"An unexpected error occurred. Please try again.\");\n    }\n  }\n\n  /**\n   * Shows an error message to the user\n   * @param message - Error message to display\n   * @private\n   */\n  private showError(message: string): void {\n    // Simple alert for now - could be enhanced with a custom modal\n    alert(`WeWear Virtual Try-On: ${message}`);\n  }\n\n  /**\n   * Destroys the widget and cleans up resources\n   */\n  public destroy(): void {\n    try {\n      // Remove all buttons\n      const buttons = document.querySelectorAll(\n        `.${CSS_CLASSES.BUTTON_CONTAINER}`,\n      );\n      buttons.forEach((button) => {\n        button.remove();\n      });\n\n      // Remove all modals\n      const modals = document.querySelectorAll(`.${CSS_CLASSES.MODAL}`);\n      modals.forEach((modal) => {\n        modal.remove();\n      });\n\n      console.log(\"[WeWear VTO] Widget destroyed successfully\");\n    } catch (error) {\n      console.error(\"[WeWear VTO] Error during widget destruction:\", error);\n    }\n  }\n}\n","/**\n * WeWear Virtual Try-On Widget Auto-Installer\n *\n * Provides automatic initialization and management of the virtual try-on widget.\n * Handles DOM ready states and widget lifecycle management.\n */\n\nimport type { VirtualTryOnConfig } from \"./index.js\";\nimport { VirtualTryOnWidget } from \"./widget.js\";\n\nlet widgetInstance: VirtualTryOnWidget | null = null;\n\n/**\n * Initializes the virtual try-on widget with optional configuration\n * @param config - Widget configuration options\n */\nexport function initVirtualTryOn(config?: VirtualTryOnConfig): void {\n  try {\n    // Clean up any existing instance\n    if (widgetInstance) {\n      widgetInstance.destroy();\n      widgetInstance = null;\n    }\n\n    // Create and initialize new instance\n    widgetInstance = new VirtualTryOnWidget(config);\n\n    // Initialize immediately if DOM is ready, otherwise wait for it\n    if (document.readyState === \"loading\") {\n      document.addEventListener(\"DOMContentLoaded\", () => {\n        widgetInstance?.init().catch((error) => {\n          console.error(\n            \"[WeWear VTO] Failed to initialize after DOM ready:\",\n            error,\n          );\n        });\n      });\n    } else {\n      widgetInstance.init().catch((error) => {\n        console.error(\"[WeWear VTO] Failed to initialize:\", error);\n      });\n    }\n  } catch (error) {\n    console.error(\"[WeWear VTO] Initialization error:\", error);\n  }\n}\n\n/**\n * Destroys the current widget instance and cleans up resources\n */\nexport function destroyVirtualTryOn(): void {\n  try {\n    if (widgetInstance) {\n      widgetInstance.destroy();\n      widgetInstance = null;\n      console.log(\"[WeWear VTO] Widget instance destroyed\");\n    }\n  } catch (error) {\n    console.error(\"[WeWear VTO] Error destroying widget:\", error);\n  }\n}\n\n/**\n * Gets the current widget instance (for debugging purposes)\n * @returns Current widget instance or null\n */\nexport function getWidgetInstance(): VirtualTryOnWidget | null {\n  return widgetInstance;\n}\n\n// Auto-initialize if window object exists (browser environment)\nif (typeof window !== \"undefined\") {\n  initVirtualTryOn();\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/api.ts","../src/constants.ts","../src/camera.ts","../src/utils.ts","../src/components/button.ts","../src/components/camera-modal.ts","../src/components/image-modal.ts","../src/components/review-modal.ts","../src/widget.ts","../src/installer.ts"],"sourcesContent":["import type { VirtualTryOnResult } from \"./index.js\";\n\nexport async function callVirtualTryOnApi(\n    baseUrl: string,\n    ww_access_token: string,\n    ww_user_id: string,\n    ww_product_id: string,\n    ww_image: Blob,\n): Promise<VirtualTryOnResult | null> {\n    try {\n        const formData = new FormData();\n        formData.append(\"ww_user_id\", ww_user_id);\n        formData.append(\"ww_product_id\", ww_product_id);\n        formData.append(\"ww_image\", ww_image, \"captured-image.jpg\");\n        formData.append(\"ww_access_token\", ww_access_token);\n\n        const response = await fetch(`${baseUrl}/api/virtual-try-on`, {\n            method: \"POST\",\n            body: formData,\n        });\n\n        if (!response.ok) {\n            console.error(\n                \"[WeWear VTO] API request failed:\",\n                response.status,\n                response.statusText,\n            );\n            return null;\n        }\n\n        const result = await response.json();\n        console.log(\"[WeWear VTO] API response:\", result);\n        return result;\n    } catch (error) {\n        console.error(\"[WeWear VTO] API call failed:\", error);\n        return null;\n    }\n}\n","/** Default configuration constants */\nexport const DEFAULT_CONFIG = {\n    BASE_URL: \"https://virtual-try-on-widget.vercel.app\",\n    PRODUCT_PAGE_SELECTOR: \"/product/\",\n    GALLERY_SELECTOR: \".woocommerce-product-gallery__image\",\n    SKU_SELECTOR: \".sku\",\n    BUTTON_POSITION: \"bottom-right\" as const,\n} as const;\n\n/** CSS class names for consistent styling */\nexport const CSS_CLASSES = {\n    BUTTON_CONTAINER: \"wewear-vto-button-container\",\n    BUTTON: \"wewear-vto-button\",\n    MODAL: \"wewear-vto-modal\",\n} as const;\n\n/** Z-index values for proper layering */\nexport const Z_INDEX = {\n    BUTTON: 10,\n    MODAL: 99999,\n} as const;\n\n/** Camera constraints for optimal capture */\nexport const CAMERA_CONSTRAINTS = {\n    video: {\n        width: { ideal: 1280 },\n        height: { ideal: 720 },\n        facingMode: \"user\", // Front-facing camera\n    },\n    audio: false,\n} as const;\n\n/** Image capture settings */\nexport const IMAGE_SETTINGS = {\n    FORMAT: \"image/jpeg\",\n    QUALITY: 0.8,\n} as const;\n","import { CAMERA_CONSTRAINTS, IMAGE_SETTINGS } from \"./constants.js\";\n\nexport async function startCamera(\n    video: HTMLVideoElement,\n    loadingIndicator: HTMLElement,\n    captureButton: HTMLButtonElement,\n): Promise<void> {\n    console.log(\"[WeWear VTO] Starting camera...\");\n\n    try {\n        console.log(\"[WeWear VTO] Requesting camera access...\");\n        const stream =\n            await navigator.mediaDevices.getUserMedia(CAMERA_CONSTRAINTS);\n        video.srcObject = stream;\n\n        video.onloadedmetadata = () => {\n            console.log(\"[WeWear VTO] Camera stream loaded successfully\");\n            loadingIndicator.style.display = \"none\";\n            captureButton.style.display = \"flex\";\n        };\n    } catch (error) {\n        console.error(\"[WeWear VTO] Camera access error:\", error);\n        loadingIndicator.innerHTML =\n            \"Camera access denied. Please allow camera permissions.\";\n    }\n}\n\nexport function stopCamera(video: HTMLVideoElement): void {\n    const stream = video.srcObject as MediaStream;\n    if (stream) {\n        const tracks = stream.getTracks();\n        tracks.forEach((track) => {\n            track.stop();\n        });\n        video.srcObject = null;\n    }\n}\n\nexport async function captureImageFromVideo(\n    video: HTMLVideoElement,\n    canvas: HTMLCanvasElement,\n): Promise<Blob> {\n    // Set canvas dimensions to match video\n    canvas.width = video.videoWidth;\n    canvas.height = video.videoHeight;\n\n    // Draw video frame to canvas\n    const ctx = canvas.getContext(\"2d\");\n    if (!ctx) {\n        throw new Error(\"Could not get canvas context\");\n    }\n\n    ctx.drawImage(video, 0, 0, canvas.width, canvas.height);\n\n    // Convert canvas to blob\n    return new Promise<Blob>((resolve, reject) => {\n        canvas.toBlob(\n            (blob) => {\n                if (blob) {\n                    resolve(blob);\n                } else {\n                    reject(new Error(\"Failed to create blob from canvas\"));\n                }\n            },\n            IMAGE_SETTINGS.FORMAT,\n            IMAGE_SETTINGS.QUALITY,\n        );\n    });\n}\n","export function getCookie(name: string): string | null {\n    if (typeof document === \"undefined\") return null;\n\n    const value = `; ${document.cookie}`;\n    const parts = value.split(`; ${name}=`);\n\n    if (parts.length === 2) {\n        const part = parts.pop();\n        return part ? part.split(\";\").shift()?.trim() || null : null;\n    }\n\n    return null;\n}\n\nexport function getPositionStyles(position: string): string {\n    switch (position) {\n        case \"bottom-left\":\n            return \"left: 20px; bottom: 20px;\";\n        case \"top-right\":\n            return \"right: 20px; top: 20px;\";\n        case \"top-left\":\n            return \"left: 20px; top: 20px;\";\n        default:\n            return \"right: 20px; bottom: 20px;\";\n    }\n}\n\nexport function removeElements(selector: string): void {\n    const elements = document.querySelectorAll(selector);\n    elements.forEach((element) => {\n        element.remove();\n    });\n}\n","import { CSS_CLASSES, Z_INDEX } from \"../constants.js\";\nimport { getPositionStyles } from \"../utils.js\";\n\nexport function createButton(\n    buttonPosition: string,\n    onClick: () => void,\n): HTMLElement {\n    const container = document.createElement(\"div\");\n    container.className = CSS_CLASSES.BUTTON_CONTAINER;\n\n    const positionStyles = getPositionStyles(buttonPosition);\n    container.style.cssText = `\n    position: absolute;\n    ${positionStyles}\n    display: flex;\n    border-radius: 50%;\n    background: #000000;\n    padding: 4px;\n    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n    z-index: ${Z_INDEX.BUTTON};\n  `;\n\n    const button = document.createElement(\"button\");\n    button.type = \"button\";\n    button.className = CSS_CLASSES.BUTTON;\n    button.setAttribute(\"aria-label\", \"Virtual Try-On\");\n    button.style.cssText = `\n    display: flex;\n    width: 36px;\n    height: 36px;\n    cursor: pointer;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    padding: 10px;\n    border: none;\n    background: transparent;\n    color: #ffffff;\n  `;\n\n    button.innerHTML = `\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-camera-icon lucide-camera\"><path d=\"M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z\"/><circle cx=\"12\" cy=\"13\" r=\"3\"/></svg>\n  `;\n\n    button.onclick = onClick;\n    container.appendChild(button);\n    return container;\n}\n","import { startCamera, stopCamera } from \"../camera.js\";\nimport { CSS_CLASSES, Z_INDEX } from \"../constants.js\";\nimport { removeElements } from \"../utils.js\";\n\nexport interface CameraModalCallbacks {\n    onCapture: (\n        video: HTMLVideoElement,\n        canvas: HTMLCanvasElement,\n    ) => Promise<void>;\n}\n\nexport function showCameraModal(callbacks: CameraModalCallbacks): void {\n    console.log(\"[WeWear VTO] Opening camera modal...\");\n\n    // Remove any existing modals first\n    removeElements(`.${CSS_CLASSES.MODAL}`);\n\n    // Create modal container\n    const modal = document.createElement(\"div\");\n    modal.className = CSS_CLASSES.MODAL;\n    modal.style.cssText = `\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.95);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    z-index: ${Z_INDEX.MODAL};\n    padding: 20px;\n    box-sizing: border-box;\n  `;\n\n    // Create camera container\n    const cameraContainer = document.createElement(\"div\");\n    cameraContainer.style.cssText = `\n    position: relative;\n    width: 100%;\n    max-width: 500px;\n    height: 70vh;\n    background-color: #000;\n    border-radius: 12px;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n  `;\n\n    // Create video element\n    const video = document.createElement(\"video\");\n    video.autoplay = true;\n    video.playsInline = true;\n    video.muted = true;\n    video.style.cssText = `\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: 12px;\n  `;\n\n    // Create canvas for capturing\n    const canvas = document.createElement(\"canvas\");\n    canvas.style.display = \"none\";\n\n    // Create capture button\n    const captureButton = document.createElement(\"button\");\n    captureButton.innerHTML = \"\";\n    captureButton.style.cssText = `\n    position: absolute;\n    bottom: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 60px;\n    height: 60px;\n    border: 3px solid white;\n    background-color: rgba(0, 0, 0, 0.7);\n    border-radius: 50%;\n    cursor: pointer;\n    display: none;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n  `;\n\n    // Create close button\n    const closeButton = document.createElement(\"button\");\n    closeButton.innerHTML = \"×\";\n    closeButton.style.cssText = `\n    position: absolute;\n    top: 15px;\n    right: 15px;\n    width: 40px;\n    height: 40px;\n    border: none;\n    background-color: rgba(0, 0, 0, 0.7);\n    color: white;\n    font-size: 24px;\n    font-weight: bold;\n    cursor: pointer;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  `;\n\n    // Create loading indicator\n    const loadingIndicator = document.createElement(\"div\");\n    loadingIndicator.innerHTML = \"Initializing camera...\";\n    loadingIndicator.style.cssText = `\n    color: white;\n    font-size: 16px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  `;\n\n    // Add event listeners\n    closeButton.onclick = () => {\n        stopCamera(video);\n        modal.remove();\n    };\n\n    captureButton.onclick = async () => {\n        await callbacks.onCapture(video, canvas);\n    };\n\n    // Assemble the camera modal\n    cameraContainer.appendChild(video);\n    cameraContainer.appendChild(canvas);\n    cameraContainer.appendChild(captureButton);\n    cameraContainer.appendChild(closeButton);\n    cameraContainer.appendChild(loadingIndicator);\n    modal.appendChild(cameraContainer);\n\n    document.body.appendChild(modal);\n    console.log(\"[WeWear VTO] Camera modal added to DOM\");\n\n    // Start camera\n    startCamera(video, loadingIndicator, captureButton);\n}\n","import { CSS_CLASSES, Z_INDEX } from \"../constants.js\";\nimport { removeElements } from \"../utils.js\";\n\nexport function showImageModal(imageUrl: string): void {\n    // Remove any existing modals first\n    removeElements(`.${CSS_CLASSES.MODAL}`);\n\n    // Create modal container\n    const modal = document.createElement(\"div\");\n    modal.className = CSS_CLASSES.MODAL;\n    modal.style.cssText = `\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.9);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: ${Z_INDEX.MODAL};\n    padding: 20px;\n    box-sizing: border-box;\n  `;\n\n    // Create image container\n    const imageContainer = document.createElement(\"div\");\n    imageContainer.style.cssText = `\n    position: relative;\n    width: 100%;\n    max-width: 500px;\n    height: 70vh;\n    background-color: #000;\n    border-radius: 12px;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n  `;\n\n    // Create image element\n    const image = document.createElement(\"img\");\n    image.src = imageUrl;\n    image.alt = \"Virtual Try-On Result\";\n    image.style.cssText = `\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: 12px;\n  `;\n\n    // Create close button\n    const closeButton = document.createElement(\"button\");\n    closeButton.innerHTML = \"×\";\n    closeButton.style.cssText = `\n    position: absolute;\n    top: 15px;\n    right: 15px;\n    width: 40px;\n    height: 40px;\n    border: none;\n    background-color: rgba(0, 0, 0, 0.7);\n    color: white;\n    font-size: 24px;\n    font-weight: bold;\n    cursor: pointer;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  `;\n\n    closeButton.onclick = () => {\n        modal.remove();\n    };\n\n    // Close on backdrop click\n    modal.onclick = (e) => {\n        if (e.target === modal) {\n            modal.remove();\n        }\n    };\n\n    // Close on Escape key\n    const handleEscape = (e: KeyboardEvent) => {\n        if (e.key === \"Escape\") {\n            modal.remove();\n            document.removeEventListener(\"keydown\", handleEscape);\n        }\n    };\n    document.addEventListener(\"keydown\", handleEscape);\n\n    imageContainer.appendChild(image);\n    imageContainer.appendChild(closeButton);\n    modal.appendChild(imageContainer);\n    document.body.appendChild(modal);\n}\n","import { CSS_CLASSES, Z_INDEX } from \"../constants.js\";\nimport { removeElements } from \"../utils.js\";\n\nexport interface ReviewModalCallbacks {\n    onRetake: () => void;\n    onAccept: (imageBlob: Blob) => Promise<void>;\n}\n\nexport function showReviewModal(\n    imageBlob: Blob,\n    callbacks: ReviewModalCallbacks,\n): void {\n    console.log(\"[WeWear VTO] Opening review modal...\");\n\n    // Remove any existing modals first\n    removeElements(`.${CSS_CLASSES.MODAL}`);\n\n    // Create image URL for preview\n    const imageUrl = URL.createObjectURL(imageBlob);\n\n    // Create modal container\n    const modal = document.createElement(\"div\");\n    modal.className = CSS_CLASSES.MODAL;\n    modal.style.cssText = `\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.95);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    z-index: ${Z_INDEX.MODAL};\n    padding: 20px;\n    box-sizing: border-box;\n  `;\n\n    // Create review container\n    const reviewContainer = document.createElement(\"div\");\n    reviewContainer.style.cssText = `\n    position: relative;\n    width: 100%;\n    max-width: 500px;\n    height: 70vh;\n    background-color: #000;\n    border-radius: 12px;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n  `;\n\n    // Create image element\n    const image = document.createElement(\"img\");\n    image.src = imageUrl;\n    image.alt = \"Review your photo\";\n    image.style.cssText = `\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: 12px;\n  `;\n\n    // Create close button\n    const closeButton = document.createElement(\"button\");\n    closeButton.innerHTML = \"×\";\n    closeButton.style.cssText = `\n    position: absolute;\n    top: 15px;\n    right: 15px;\n    width: 40px;\n    height: 40px;\n    border: none;\n    background-color: rgba(0, 0, 0, 0.7);\n    color: white;\n    font-size: 24px;\n    font-weight: bold;\n    cursor: pointer;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  `;\n\n    // Create button container\n    const buttonContainer = document.createElement(\"div\");\n    buttonContainer.style.cssText = `\n    position: absolute;\n    bottom: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    gap: 15px;\n    width: calc(100% - 40px);\n    max-width: 300px;\n  `;\n\n    // Create retake button\n    const retakeButton = document.createElement(\"button\");\n    retakeButton.textContent = \"Retake\";\n    retakeButton.style.cssText = `\n    flex: 1;\n    padding: 12px 24px;\n    background-color: rgba(0, 0, 0, 0.7);\n    color: white;\n    border-radius: 8px;\n    border: none;\n    font-size: 16px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s ease;\n  `;\n\n    // Create use photo button\n    const usePhotoButton = document.createElement(\"button\");\n    usePhotoButton.textContent = \"Use Photo\";\n    usePhotoButton.style.cssText = `\n    flex: 1;\n    padding: 12px 24px;\n    background-color: rgba(0, 0, 0, 0.7);\n    color: white;\n    border-radius: 8px;\n    border: none;\n    font-size: 16px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s ease;\n  `;\n\n    // Add event listeners\n    closeButton.onclick = () => {\n        URL.revokeObjectURL(imageUrl); // Clean up\n        modal.remove();\n    };\n\n    retakeButton.onclick = () => {\n        URL.revokeObjectURL(imageUrl); // Clean up\n        modal.remove();\n        callbacks.onRetake();\n    };\n\n    usePhotoButton.onclick = async () => {\n        URL.revokeObjectURL(imageUrl); // Clean up\n        modal.remove();\n        await callbacks.onAccept(imageBlob);\n    };\n\n    // Assemble the review modal\n    buttonContainer.appendChild(retakeButton);\n    buttonContainer.appendChild(usePhotoButton);\n    reviewContainer.appendChild(image);\n    reviewContainer.appendChild(closeButton);\n    reviewContainer.appendChild(buttonContainer);\n    modal.appendChild(reviewContainer);\n\n    document.body.appendChild(modal);\n    console.log(\"[WeWear VTO] Review modal added to DOM\");\n}\n","import { callVirtualTryOnApi } from \"./api.js\";\nimport { captureImageFromVideo, stopCamera } from \"./camera.js\";\nimport {\n    type CameraModalCallbacks,\n    createButton,\n    type ReviewModalCallbacks,\n    showCameraModal,\n    showImageModal,\n    showReviewModal,\n} from \"./components/index.js\";\nimport { CSS_CLASSES, DEFAULT_CONFIG } from \"./constants.js\";\nimport type { VirtualTryOnConfig } from \"./index.js\";\nimport { getCookie, removeElements } from \"./utils.js\";\n\nexport class VirtualTryOnWidget {\n    private readonly config: Required<VirtualTryOnConfig>;\n\n    constructor(config: VirtualTryOnConfig = {}) {\n        this.config = {\n            baseUrl: config.baseUrl || DEFAULT_CONFIG.BASE_URL,\n            productPageSelector:\n                config.productPageSelector || DEFAULT_CONFIG.PRODUCT_PAGE_SELECTOR,\n            gallerySelector:\n                config.gallerySelector || DEFAULT_CONFIG.GALLERY_SELECTOR,\n            skuSelector: config.skuSelector || DEFAULT_CONFIG.SKU_SELECTOR,\n            buttonPosition: config.buttonPosition || DEFAULT_CONFIG.BUTTON_POSITION,\n        };\n    }\n\n    /**\n     * Initializes the virtual try-on widget on the current page\n     * @returns Promise that resolves when initialization is complete\n     */\n    public async init(): Promise<void> {\n        try {\n            // Check if we're on a product page\n            if (!window.location.pathname.includes(this.config.productPageSelector)) {\n                return;\n            }\n\n            // Find the gallery container\n            const container = document.querySelector(this.config.gallerySelector);\n            if (!container || !(container instanceof HTMLElement)) {\n                console.warn(\n                    \"[WeWear VTO] Gallery container not found:\",\n                    this.config.gallerySelector,\n                );\n                return;\n            }\n\n            // Ensure container has relative positioning for button placement\n            if (getComputedStyle(container).position === \"static\") {\n                container.style.position = \"relative\";\n            }\n\n            // Create and add the virtual try-on button\n            const button = createButton(this.config.buttonPosition, async () => {\n                await this.handleTryOnClick();\n            });\n\n            container.appendChild(button);\n            console.log(\"[WeWear VTO] Widget initialized successfully\");\n        } catch (error) {\n            console.error(\"[WeWear VTO] Initialization failed:\", error);\n        }\n    }\n\n    /**\n     * Handles virtual try-on button click\n     * @private\n     */\n    private async handleTryOnClick(): Promise<void> {\n        console.log(\"[WeWear VTO] Button clicked, starting try-on process...\");\n\n        try {\n            // Get required data\n            const ww_access_token = getCookie(\"ww_access_token\");\n            const ww_user_id = getCookie(\"ww_user_id\");\n            const skuElement = document.querySelector(this.config.skuSelector);\n            const ww_product_id = skuElement?.textContent?.trim();\n\n            console.log(\"[WeWear VTO] Retrieved data:\", {\n                ww_user_id,\n                ww_product_id,\n                ww_access_token,\n            });\n\n            // Validate required data\n            if (!ww_user_id) {\n                console.warn(\"[WeWear VTO] Missing required cookie: ww_user_id\");\n                return;\n            }\n\n            if (!ww_product_id) {\n                console.warn(\n                    \"[WeWear VTO] Product SKU not found:\",\n                    this.config.skuSelector,\n                );\n                return;\n            }\n\n            if (!ww_access_token) {\n                console.warn(\"[WeWear VTO] Missing required cookie: ww_access_token\");\n                return;\n            }\n\n            // Show camera capture modal\n            this.showCameraModalWithCallbacks(\n                ww_access_token,\n                ww_user_id,\n                ww_product_id,\n            );\n        } catch (error) {\n            console.error(\"[WeWear VTO] Try-on request failed:\", error);\n        }\n    }\n\n    /**\n     * Shows camera modal with appropriate callbacks\n     * @private\n     */\n    private showCameraModalWithCallbacks(\n        ww_access_token: string,\n        ww_user_id: string,\n        ww_product_id: string,\n    ): void {\n        const callbacks: CameraModalCallbacks = {\n            onCapture: async (video: HTMLVideoElement, canvas: HTMLCanvasElement) => {\n                try {\n                    // Capture image from video\n                    const imageBlob = await captureImageFromVideo(video, canvas);\n\n                    // Stop camera and show review modal\n                    stopCamera(video);\n\n                    // Show review modal instead of immediately processing\n                    this.showReviewModalWithCallbacks(\n                        imageBlob,\n                        ww_access_token,\n                        ww_user_id,\n                        ww_product_id,\n                    );\n                } catch (error) {\n                    console.error(\"[WeWear VTO] Image capture error:\", error);\n                }\n            },\n        };\n\n        showCameraModal(callbacks);\n    }\n\n    /**\n     * Shows review modal with appropriate callbacks\n     * @private\n     */\n    private showReviewModalWithCallbacks(\n        imageBlob: Blob,\n        ww_access_token: string,\n        ww_user_id: string,\n        ww_product_id: string,\n    ): void {\n        const callbacks: ReviewModalCallbacks = {\n            onRetake: () => {\n                // Reopen camera modal\n                this.showCameraModalWithCallbacks(\n                    ww_access_token,\n                    ww_user_id,\n                    ww_product_id,\n                );\n            },\n            onAccept: async (acceptedImageBlob: Blob) => {\n                await this.processAcceptedImage(\n                    acceptedImageBlob,\n                    ww_access_token,\n                    ww_user_id,\n                    ww_product_id,\n                );\n            },\n        };\n\n        showReviewModal(imageBlob, callbacks);\n    }\n\n    /**\n     * Processes the accepted image by calling the API\n     * @private\n     */\n    private async processAcceptedImage(\n        imageBlob: Blob,\n        ww_access_token: string,\n        ww_user_id: string,\n        ww_product_id: string,\n    ): Promise<void> {\n        try {\n            console.log(\"[WeWear VTO] Processing accepted image...\");\n\n            // Call the API with the accepted image\n            const result = await callVirtualTryOnApi(\n                this.config.baseUrl,\n                ww_access_token,\n                ww_user_id,\n                ww_product_id,\n                imageBlob,\n            );\n\n            if (result?.imageUrl) {\n                showImageModal(result.imageUrl);\n            } else {\n                console.error(\"[WeWear VTO] Invalid API response:\", result);\n            }\n        } catch (error) {\n            console.error(\"[WeWear VTO] Error processing accepted image:\", error);\n        }\n    }\n\n    /**\n     * Destroys the widget and cleans up resources\n     */\n    public destroy(): void {\n        try {\n            // Remove all buttons\n            removeElements(`.${CSS_CLASSES.BUTTON_CONTAINER}`);\n\n            // Remove all modals\n            removeElements(`.${CSS_CLASSES.MODAL}`);\n\n            console.log(\"[WeWear VTO] Widget destroyed successfully\");\n        } catch (error) {\n            console.error(\"[WeWear VTO] Error during widget destruction:\", error);\n        }\n    }\n}\n","import type { VirtualTryOnConfig } from \"./index.js\";\nimport { VirtualTryOnWidget } from \"./widget.js\";\n\nlet widgetInstance: VirtualTryOnWidget | null = null;\n\nexport function initVirtualTryOn(config?: VirtualTryOnConfig): void {\n    try {\n        // Clean up any existing instance\n        if (widgetInstance) {\n            widgetInstance.destroy();\n            widgetInstance = null;\n        }\n\n        // Create and initialize new instance\n        widgetInstance = new VirtualTryOnWidget(config);\n\n        // Initialize immediately if DOM is ready, otherwise wait for it\n        if (document.readyState === \"loading\") {\n            document.addEventListener(\"DOMContentLoaded\", () => {\n                widgetInstance?.init().catch((error) => {\n                    console.error(\n                        \"[WeWear VTO] Failed to initialize after DOM ready:\",\n                        error,\n                    );\n                });\n            });\n        } else {\n            widgetInstance.init().catch((error) => {\n                console.error(\"[WeWear VTO] Failed to initialize:\", error);\n            });\n        }\n    } catch (error) {\n        console.error(\"[WeWear VTO] Initialization error:\", error);\n    }\n}\n\nexport function destroyVirtualTryOn(): void {\n    try {\n        if (widgetInstance) {\n            widgetInstance.destroy();\n            widgetInstance = null;\n            console.log(\"[WeWear VTO] Widget instance destroyed\");\n        }\n    } catch (error) {\n        console.error(\"[WeWear VTO] Error destroying widget:\", error);\n    }\n}\n\nexport function getWidgetInstance(): VirtualTryOnWidget | null {\n    return widgetInstance;\n}\n\nif (typeof window !== \"undefined\") {\n    initVirtualTryOn();\n}\n"],"names":[],"mappings":"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"}

package/dist/installer.d.ts

@@ -1,22 +1,5 @@
-/**
- * WeWear Virtual Try-On Widget Auto-Installer
- *
- * Provides automatic initialization and management of the virtual try-on widget.
- * Handles DOM ready states and widget lifecycle management.
- */
 import type { VirtualTryOnConfig } from "./index.js";
 import { VirtualTryOnWidget } from "./widget.js";
-/**
- * Initializes the virtual try-on widget with optional configuration
- * @param config - Widget configuration options
- */
 export declare function initVirtualTryOn(config?: VirtualTryOnConfig): void;
-/**
- * Destroys the current widget instance and cleans up resources
- */
 export declare function destroyVirtualTryOn(): void;
-/**
- * Gets the current widget instance (for debugging purposes)
- * @returns Current widget instance or null
- */
 export declare function getWidgetInstance(): VirtualTryOnWidget | null;

package/dist/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function getCookie(name: string): string | null;
+export declare function getPositionStyles(position: string): string;
+export declare function removeElements(selector: string): void;

package/dist/widget.d.ts

@@ -1,43 +1,7 @@
-/**
- * WeWear Virtual Try-On Widget Implementation
- *
- * Core widget class that handles virtual try-on functionality integration.
- * Manages button creation, API communication, and modal display.
- */
 import type { VirtualTryOnConfig } from "./index.js";
 export declare class VirtualTryOnWidget {
     private readonly config;
     constructor(config?: VirtualTryOnConfig);
-    /**
-     * Retrieves a cookie value by name
-     * @param name - Cookie name to retrieve
-     * @returns Cookie value or null if not found
-     */
-    private getCookie;
-    /**
-     * Makes API call to virtual try-on service
-     * @param ww_access_token - Optional authentication token
-     * @param ww_user_id - User identifier
-     * @param ww_product_id - Product identifier
-     * @returns Promise with virtual try-on result or null if failed
-     */
-    private callVirtualTryOnApi;
-    /**
-     * Creates the virtual try-on button element
-     * @param onClick - Click handler function
-     * @returns Button container element
-     */
-    private createButton;
-    /**
-     * Gets CSS position styles based on button position configuration
-     * @returns CSS position string
-     */
-    private getPositionStyles;
-    /**
-     * Displays the virtual try-on result in a modal
-     * @param imageUrl - URL of the virtual try-on image
-     */
-    private showImageModal;
     /**
      * Initializes the virtual try-on widget on the current page
      * @returns Promise that resolves when initialization is complete
@@ -49,11 +13,20 @@ export declare class VirtualTryOnWidget {
      */
     private handleTryOnClick;
     /**
-     * Shows an error message to the user
-     * @param message - Error message to display
+     * Shows camera modal with appropriate callbacks
+     * @private
+     */
+    private showCameraModalWithCallbacks;
+    /**
+     * Shows review modal with appropriate callbacks
+     * @private
+     */
+    private showReviewModalWithCallbacks;
+    /**
+     * Processes the accepted image by calling the API
      * @private
      */
-    private showError;
+    private processAcceptedImage;
     /**
      * Destroys the widget and cleans up resources
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wewear/virtual-try-on",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "description": "Virtual Try-On widget for e-commerce integration",
   "type": "module",
   "main": "dist/index.js",
@@ -31,7 +31,7 @@
   "peerDependencies": {},
   "repository": {
     "type": "git",
-    "url": "https://github.com/wewearita/virtual-try-on-widget.git",
+    "url": "git+https://github.com/wewearita/virtual-try-on-widget.git",
     "directory": "packages/wewear-virtual-try-on"
   }
 }

package/README.md

@@ -1,82 +0,0 @@
-# @wewear/virtual-try-on
-
-A lightweight virtual try-on widget for WooCommerce integration.
-
-## Installation
-
-```bash
-npm install @wewear/virtual-try-on
-```
-
-## Usage
-
-### Basic Usage (Auto-initialization)
-
-Simply include the script in your page and it will automatically initialize:
-
-```html
-<script src="node_modules/@wewear/virtual-try-on/dist/index.js"></script>
-```
-
-### Manual Initialization
-
-```javascript
-import { initVirtualTryOn } from '@wewear/virtual-try-on';
-
-// Initialize with default configuration
-initVirtualTryOn();
-
-// Or with custom configuration
-initVirtualTryOn({
-  baseUrl: 'https://your-custom-api.com',
-  buttonPosition: 'top-right',
-  gallerySelector: '.custom-gallery-selector'
-});
-```
-
-### Using the Widget Class
-
-```javascript
-import { VirtualTryOnWidget } from '@wewear/virtual-try-on';
-
-const widget = new VirtualTryOnWidget({
-  baseUrl: 'https://your-api.com',
-  buttonPosition: 'bottom-left'
-});
-
-widget.init();
-
-// Later, destroy the widget
-widget.destroy();
-```
-
-## Configuration Options
-
-| Option | Type | Default | Description |
-|--------|------|---------|-------------|
-| `baseUrl` | string | `'https://virtual-try-on-widget.vercel.app'` | Base URL for the virtual try-on API |
-| `productPageSelector` | string | `'/product/'` | URL path pattern to identify product pages |
-| `gallerySelector` | string | `'.woocommerce-product-gallery__image'` | CSS selector for the product gallery container |
-| `skuSelector` | string | `'.sku'` | CSS selector for the product SKU element |
-| `buttonPosition` | string | `'bottom-right'` | Position of the try-on button (`'bottom-right'`, `'bottom-left'`, `'top-right'`, `'top-left'`) |
-
-## Requirements
-
-- The page must have cookies set for `ww_user_id` (required) and `ww_access_token` (optional)
-- The product page must contain an element matching the `skuSelector` with the product SKU
-- The product gallery must contain an element matching the `gallerySelector`
-
-## API
-
-### Functions
-
-- `initVirtualTryOn(config?: VirtualTryOnConfig)` - Initialize the virtual try-on widget
-- `destroyVirtualTryOn()` - Destroy the current widget instance
-
-### Classes
-
-- `VirtualTryOnWidget` - Main widget class for advanced usage
-
-## License
-
-MIT