@series-inc/venus-sdk 3.4.2 → 3.4.3-beta.1

package/dist/vite/index.js

@@ -1,5 +1,7 @@
-import path from 'path';
-import fs from 'fs';
+import path, { join, resolve, dirname } from 'path';
+import fs, { existsSync, readFileSync } from 'fs';
+import { homedir } from 'os';
+import { createRequire } from 'module';
 
 // src/vite/venusLibrariesPlugin.ts
 
@@ -1071,6 +1073,1166 @@ function cdnPlugin() {
   };
 }
 
-export { cdnPlugin, venusLibrariesPlugin };
+// raw-loader:/Users/pchan/Development/series/venus/venus-sdk/packages/api/src/vite/sandboxToolbarStyle.css
+var sandboxToolbarStyle_default = {};
+
+// raw-loader:/Users/pchan/Development/series/venus/venus-sdk/packages/api/src/vite/sandboxToolbarScript.js
+var sandboxToolbarScript_default = `/**\r
+ * Venus Sandbox Toolbar\r
+ *\r
+ * Floating toolbar that shows auth status and provides sign-in functionality.\r
+ * Auth state is managed by Firebase Auth and persisted in IndexedDB.\r
+ */\r
+\r
+const LOCAL_STORAGE_POS_KEY = 'venus-sandbox-pos'\r
+\r
+;(async () => {\r
+  try {\r
+    if (!shouldRenderToolbar()) {\r
+      return\r
+    }\r
+\r
+    await ensureDomReady()\r
+\r
+    const sandboxConfig = window.__VENUS_SANDBOX__ || {}\r
+    const sandboxEnabled = isSandboxEnabled(sandboxConfig)\r
+\r
+    if (!sandboxEnabled) {\r
+      return\r
+    }\r
+\r
+    // Create minimal FAB with inline styles\r
+    createFloatingToolbar(sandboxConfig)\r
+  } catch (error) {\r
+    console.error('[Venus Sandbox] Failed to render toolbar:', error)\r
+  }\r
+})()\r
+\r
+function shouldRenderToolbar() {\r
+  if (typeof window === 'undefined') {\r
+    return false\r
+  }\r
+  const host = location.hostname\r
+  return host === 'localhost' || host === '127.0.0.1' || host.endsWith('.local')\r
+}\r
+\r
+function ensureDomReady() {\r
+  if (document.readyState === 'loading') {\r
+    return new Promise((resolve) => {\r
+      document.addEventListener('DOMContentLoaded', resolve, { once: true })\r
+    })\r
+  }\r
+  return Promise.resolve()\r
+}\r
+\r
+function isSandboxEnabled(sandboxConfig) {\r
+  return Boolean(sandboxConfig && sandboxConfig.enabled === true)\r
+}\r
+\r
+function createFloatingToolbar(sandboxConfig) {\r
+  // Create main FAB element with inline styles\r
+  const fab = document.createElement('div')\r
+  fab.id = 'venus-sandbox-toolbar'\r
+\r
+  // Get environment for theming\r
+  const target = String(sandboxConfig?.target || 'local').toLowerCase()\r
+  const envGradients = {\r
+    local: 'linear-gradient(120deg, #f59e0b, #d97706)',\r
+    dev: 'linear-gradient(120deg, #0891b2, #10b981)',\r
+    staging: 'linear-gradient(120deg, #8b5cf6, #6366f1)',\r
+  }\r
+  const envLabels = {\r
+    local: 'LOCAL',\r
+    dev: 'DEV',\r
+    staging: 'STAGING',\r
+  }\r
+  const initialGradient = envGradients[target] || envGradients.local\r
+  const envLabel = envLabels[target] || 'LOCAL'\r
+\r
+  // Get saved position or use defaults\r
+  const savedPos = localStorage.getItem(LOCAL_STORAGE_POS_KEY)\r
+  let posRight = 16\r
+  let posY = Math.round((window.innerHeight - 36) / 2)\r
+\r
+  if (savedPos) {\r
+    try {\r
+      const parsed = JSON.parse(savedPos)\r
+      posRight = parsed.right\r
+      posY = parsed.y\r
+    } catch (e) {\r
+      // Ignore invalid saved position\r
+    }\r
+  }\r
+\r
+  // Ensure within bounds\r
+  posRight = Math.min(Math.max(0, posRight), window.innerWidth - 36)\r
+  posY = Math.min(Math.max(0, posY), window.innerHeight - 36)\r
+\r
+  // Start with "checking" state using env gradient\r
+  fab.style.cssText = \`\r
+    position: fixed;\r
+    right: \${posRight}px;\r
+    top: \${posY}px;\r
+    width: auto;\r
+    min-width: 160px;\r
+    height: 36px;\r
+    padding: 0;\r
+    margin: 0;\r
+    border: none;\r
+    border-radius: 999px;\r
+    background: \${initialGradient};\r
+    color: #ffffff;\r
+    font-family: system-ui, -apple-system, sans-serif;\r
+    font-size: 12px;\r
+    font-weight: 600;\r
+    letter-spacing: 0.02em;\r
+    cursor: grab;\r
+    user-select: none;\r
+    z-index: 2147483601;\r
+    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.35);\r
+    display: flex;\r
+    align-items: center;\r
+    gap: 0;\r
+    pointer-events: auto;\r
+    border: 1px solid rgba(255, 255, 255, 0.2);\r
+  \`\r
+\r
+  // Store env config on fab for later use\r
+  fab.dataset.target = target\r
+  fab.dataset.envGradient = initialGradient\r
+\r
+  // Create env badge\r
+  const envBadge = document.createElement('div')\r
+  envBadge.style.cssText = \`\r
+    padding: 0 10px;\r
+    height: 100%;\r
+    display: flex;\r
+    align-items: center;\r
+    font-size: 10px;\r
+    font-weight: 700;\r
+    letter-spacing: 0.05em;\r
+    text-transform: uppercase;\r
+    background: rgba(0, 0, 0, 0.2);\r
+    border-top-left-radius: 999px;\r
+    border-bottom-left-radius: 999px;\r
+  \`\r
+  envBadge.textContent = envLabel\r
+\r
+  // Create label container\r
+  const labelDiv = document.createElement('div')\r
+  labelDiv.style.cssText = \`\r
+    padding: 0 8px 0 10px;\r
+    height: 100%;\r
+    display: flex;\r
+    align-items: center;\r
+    white-space: nowrap;\r
+    cursor: pointer;\r
+  \`\r
+  labelDiv.textContent = '\u{1FA90} Checking...'\r
+\r
+  // Create handle for dragging\r
+  const handleDiv = document.createElement('div')\r
+  handleDiv.style.cssText = \`\r
+    width: 38px;\r
+    height: 100%;\r
+    display: flex;\r
+    align-items: center;\r
+    justify-content: center;\r
+    font-size: 18px;\r
+    font-weight: 600;\r
+    background: rgba(0, 0, 0, 0.25);\r
+    border-top-right-radius: 999px;\r
+    border-bottom-right-radius: 999px;\r
+    cursor: grab;\r
+  \`\r
+  handleDiv.textContent = '\u271C'\r
+\r
+  fab.appendChild(envBadge)\r
+  fab.appendChild(labelDiv)\r
+  fab.appendChild(handleDiv)\r
+\r
+  const toolbarRoot = document.getElementById('venus-toolbar-root')\r
+  ;(toolbarRoot || document.body).appendChild(fab)\r
+\r
+  // Set up drag handling\r
+  setupDragHandling(fab, handleDiv)\r
+\r
+  // Set up collapse/expand behavior\r
+  setupCollapseExpand(fab, envBadge, labelDiv)\r
+\r
+  // Click handler for label to open modal\r
+  labelDiv.addEventListener('click', () => {\r
+    openAuthModal(sandboxConfig, getCurrentAuthState())\r
+  })\r
+\r
+  // Listen for auth state changes (set up by MockHost)\r
+  window.addEventListener('venus-auth-state-changed', (e) => {\r
+    updateToolbarState(fab, labelDiv, e.detail)\r
+  })\r
+\r
+  // Check initial auth state after a short delay (give Firebase time to restore session)\r
+  setTimeout(() => {\r
+    checkInitialAuthState(fab, labelDiv, sandboxConfig)\r
+  }, 500)\r
+}\r
+\r
+let currentAuthState = { signedIn: false, user: null }\r
+\r
+function getCurrentAuthState() {\r
+  return currentAuthState\r
+}\r
+\r
+function checkInitialAuthState(fab, labelDiv, sandboxConfig) {\r
+  // Dispatch event to check auth state (MockHost will respond)\r
+  window.dispatchEvent(new CustomEvent('venus-check-auth-state'))\r
+\r
+  // Also set a timeout to show sign-in prompt if no response\r
+  setTimeout(() => {\r
+    if (!currentAuthState.signedIn) {\r
+      updateToolbarState(fab, labelDiv, { signedIn: false, user: null })\r
+    }\r
+  }, 2000)\r
+}\r
+\r
+function updateToolbarState(fab, labelDiv, authState) {\r
+  currentAuthState = authState\r
+\r
+  // Get stored env gradient\r
+  const envGradient = fab.dataset.envGradient || 'linear-gradient(120deg, #f59e0b, #d97706)'\r
+\r
+  if (authState.signedIn && authState.user) {\r
+    // Signed in - use env gradient with full opacity\r
+    fab.style.background = envGradient\r
+    fab.style.opacity = '1'\r
+    const displayName = authState.user.displayName || authState.user.email || 'Signed in'\r
+    labelDiv.textContent = \`\u2713 \${truncate(displayName, 14)}\`\r
+  } else {\r
+    // Not signed in - use env gradient but slightly dimmed, with sign-in prompt\r
+    fab.style.background = envGradient\r
+    fab.style.opacity = '0.85'\r
+    labelDiv.textContent = '\u25CB Sign in'\r
+  }\r
+}\r
+\r
+function truncate(str, maxLength) {\r
+  if (str.length <= maxLength) return str\r
+  return str.substring(0, maxLength - 1) + '\u2026'\r
+}\r
+\r
+function setupCollapseExpand(fab, envBadge, labelDiv) {\r
+  let collapseTimeout\r
+  let isCollapsed = false\r
+\r
+  const collapse = () => {\r
+    fab.style.minWidth = '36px'\r
+    fab.style.opacity = '0.4'\r
+    envBadge.style.display = 'none'\r
+    labelDiv.style.display = 'none'\r
+    isCollapsed = true\r
+  }\r
+\r
+  const expand = () => {\r
+    clearTimeout(collapseTimeout)\r
+    fab.style.minWidth = '160px'\r
+    fab.style.opacity = '1'\r
+    envBadge.style.display = 'flex'\r
+    labelDiv.style.display = 'flex'\r
+    isCollapsed = false\r
+  }\r
+\r
+  const scheduleCollapse = () => {\r
+    clearTimeout(collapseTimeout)\r
+    collapseTimeout = setTimeout(collapse, 5000)\r
+  }\r
+\r
+  // Collapse after 5 seconds\r
+  scheduleCollapse()\r
+\r
+  fab.addEventListener('mouseenter', expand)\r
+  fab.addEventListener('mouseleave', () => {\r
+    if (!isCollapsed) scheduleCollapse()\r
+  })\r
+}\r
+\r
+function setupDragHandling(fab, handleDiv) {\r
+  let isDragging = false\r
+  let startX, startY, offsetRight, offsetY\r
+\r
+  fab.addEventListener('mousedown', (e) => {\r
+    isDragging = true\r
+    startX = e.clientX\r
+    startY = e.clientY\r
+    offsetRight = window.innerWidth - fab.offsetLeft - fab.offsetWidth\r
+    offsetY = fab.offsetTop\r
+    fab.style.cursor = 'grabbing'\r
+    e.preventDefault()\r
+  })\r
+\r
+  document.addEventListener('mousemove', (e) => {\r
+    if (!isDragging) return\r
+\r
+    let newRight = offsetRight - (e.clientX - startX)\r
+    let newTop = offsetY + (e.clientY - startY)\r
+\r
+    newRight = Math.min(Math.max(0, newRight), window.innerWidth - 36)\r
+    newTop = Math.min(Math.max(0, newTop), window.innerHeight - 36)\r
+\r
+    fab.style.right = \`\${newRight}px\`\r
+    fab.style.top = \`\${newTop}px\`\r
+  })\r
+\r
+  document.addEventListener('mouseup', () => {\r
+    if (!isDragging) return\r
+    isDragging = false\r
+    fab.style.cursor = 'grab'\r
+    const currentRight = window.innerWidth - fab.offsetLeft - fab.offsetWidth\r
+    localStorage.setItem(LOCAL_STORAGE_POS_KEY, JSON.stringify({\r
+      right: currentRight,\r
+      y: fab.offsetTop,\r
+    }))\r
+  })\r
+}\r
+\r
+function openAuthModal(sandboxConfig, authState) {\r
+  const overlay = document.createElement('div')\r
+  overlay.style.cssText = \`\r
+    position: fixed;\r
+    top: 0;\r
+    left: 0;\r
+    right: 0;\r
+    bottom: 0;\r
+    background: rgba(0, 0, 0, 0.6);\r
+    display: flex;\r
+    align-items: center;\r
+    justify-content: center;\r
+    z-index: 2147483602;\r
+    backdrop-filter: blur(4px);\r
+  \`\r
+\r
+  const content = document.createElement('div')\r
+  content.style.cssText = \`\r
+    background: #111827;\r
+    color: #F3F4F6;\r
+    border: 1px solid rgba(255, 255, 255, 0.1);\r
+    border-radius: 16px;\r
+    width: 90%;\r
+    max-width: 420px;\r
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6);\r
+    font-family: system-ui, -apple-system, sans-serif;\r
+    overflow: hidden;\r
+  \`\r
+\r
+  const target = String(sandboxConfig?.target || 'local').toLowerCase()\r
+  const targetUpper = target.toUpperCase()\r
+  const gameId = sandboxConfig?.gameId || 'Unknown'\r
+  const isSignedIn = authState.signedIn\r
+  const user = authState.user\r
+  const isLocal = target === 'local'\r
+\r
+  // Environment-specific theming\r
+  const envConfig = {\r
+    local: {\r
+      gradient: 'linear-gradient(120deg, #f59e0b, #d97706)',\r
+      badge: '#f59e0b',\r
+      badgeBg: 'rgba(245, 158, 11, 0.15)',\r
+      label: 'LOCAL',\r
+      subtitle: 'Firebase Emulator',\r
+    },\r
+    dev: {\r
+      gradient: 'linear-gradient(120deg, #0891b2, #10b981)',\r
+      badge: '#10b981',\r
+      badgeBg: 'rgba(16, 185, 129, 0.15)',\r
+      label: 'DEV',\r
+      subtitle: 'Development Server',\r
+    },\r
+    staging: {\r
+      gradient: 'linear-gradient(120deg, #8b5cf6, #6366f1)',\r
+      badge: '#8b5cf6',\r
+      badgeBg: 'rgba(139, 92, 246, 0.15)',\r
+      label: 'STAGING',\r
+      subtitle: 'Staging Server',\r
+    },\r
+  }\r
+\r
+  const env = envConfig[target] || envConfig.local\r
+  const statusIcon = isSignedIn ? '\u2713' : '\u25CB'\r
+  const statusText = isSignedIn ? 'Signed in' : 'Not signed in'\r
+  const statusColor = isSignedIn ? '#10b981' : '#6b7280'\r
+  const userDisplay = user ? (user.displayName || user.email || 'Unknown') : '\u2014'\r
+  const userIdShort = user?.uid ? user.uid.slice(0, 8) + '...' : ''\r
+\r
+  content.innerHTML = \`\r
+    <div style="\r
+      background: \${env.gradient};\r
+      padding: 20px 24px;\r
+      display: flex;\r
+      justify-content: space-between;\r
+      align-items: center;\r
+    ">\r
+      <div style="display: flex; align-items: center; gap: 10px;">\r
+        <span style="font-size: 24px;">\u{1FA90}</span>\r
+        <div>\r
+          <div style="font-size: 16px; font-weight: 700; letter-spacing: 0.02em;">Venus Sandbox</div>\r
+          <div style="font-size: 11px; opacity: 0.85; margin-top: 2px;">\${env.subtitle}</div>\r
+        </div>\r
+      </div>\r
+      <button id="close-modal" style="\r
+        background: rgba(0, 0, 0, 0.2);\r
+        border: none;\r
+        color: white;\r
+        cursor: pointer;\r
+        font-size: 18px;\r
+        width: 32px;\r
+        height: 32px;\r
+        border-radius: 8px;\r
+        display: flex;\r
+        align-items: center;\r
+        justify-content: center;\r
+        transition: background 0.2s;\r
+      ">&times;</button>\r
+    </div>\r
+\r
+    <div style="padding: 20px 24px; display: flex; flex-direction: column; gap: 16px;">\r
+\r
+      <div style="\r
+        display: flex;\r
+        align-items: center;\r
+        gap: 12px;\r
+        padding: 14px 16px;\r
+        background: \${env.badgeBg};\r
+        border: 1px solid \${env.badge}33;\r
+        border-radius: 10px;\r
+      ">\r
+        <div style="\r
+          width: 10px;\r
+          height: 10px;\r
+          border-radius: 50%;\r
+          background: \${env.badge};\r
+          box-shadow: 0 0 8px \${env.badge};\r
+        "></div>\r
+        <div style="flex: 1;">\r
+          <div style="font-size: 14px; font-weight: 600; color: \${env.badge};">\${env.label}\${isLocal ? ' (Emulator)' : ''}</div>\r
+          <div style="font-size: 11px; color: #9CA3AF; margin-top: 2px;">Game: \${gameId}</div>\r
+        </div>\r
+      </div>\r
+\r
+      <div style="\r
+        padding: 14px 16px;\r
+        background: rgba(255, 255, 255, 0.03);\r
+        border: 1px solid rgba(255, 255, 255, 0.06);\r
+        border-radius: 10px;\r
+      ">\r
+        <div style="display: flex; align-items: center; gap: 8px; margin-bottom: \${isSignedIn ? '10px' : '0'};">\r
+          <span style="\r
+            display: inline-flex;\r
+            align-items: center;\r
+            justify-content: center;\r
+            width: 20px;\r
+            height: 20px;\r
+            border-radius: 50%;\r
+            background: \${isSignedIn ? 'rgba(16, 185, 129, 0.2)' : 'rgba(107, 114, 128, 0.2)'};\r
+            color: \${statusColor};\r
+            font-size: 12px;\r
+            font-weight: 600;\r
+          ">\${statusIcon}</span>\r
+          <span style="font-size: 13px; color: \${statusColor}; font-weight: 500;">\${statusText}</span>\r
+        </div>\r
+        \${isSignedIn ? \`\r
+          <div style="\r
+            display: flex;\r
+            align-items: center;\r
+            gap: 10px;\r
+            padding-top: 10px;\r
+            border-top: 1px solid rgba(255, 255, 255, 0.06);\r
+          ">\r
+            <div style="\r
+              width: 36px;\r
+              height: 36px;\r
+              border-radius: 50%;\r
+              background: linear-gradient(135deg, #6366f1, #8b5cf6);\r
+              display: flex;\r
+              align-items: center;\r
+              justify-content: center;\r
+              font-size: 14px;\r
+              font-weight: 600;\r
+              color: white;\r
+            ">\${(userDisplay[0] || '?').toUpperCase()}</div>\r
+            <div style="flex: 1; min-width: 0;">\r
+              <div style="font-size: 13px; font-weight: 500; color: #F3F4F6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">\${userDisplay}</div>\r
+              <div style="font-size: 11px; color: #6B7280; font-family: monospace;">\${userIdShort}</div>\r
+            </div>\r
+          </div>\r
+        \` : \`\r
+          <div style="font-size: 12px; color: #6B7280; margin-top: 8px; line-height: 1.5;">\r
+            Sign in to use sandbox features. Your session persists across reloads.\r
+          </div>\r
+        \`}\r
+      </div>\r
+\r
+      <div style="\r
+        padding: 12px 14px;\r
+        background: rgba(99, 102, 241, 0.08);\r
+        border: 1px solid rgba(99, 102, 241, 0.15);\r
+        border-radius: 8px;\r
+        font-size: 12px;\r
+        color: #a5b4fc;\r
+        line-height: 1.5;\r
+      ">\r
+        <div style="font-weight: 600; margin-bottom: 4px; color: #c7d2fe;">\u{1F4A1} Change environment:</div>\r
+        <code style="\r
+          display: block;\r
+          background: rgba(0, 0, 0, 0.3);\r
+          padding: 8px 10px;\r
+          border-radius: 5px;\r
+          font-family: 'SF Mono', Monaco, monospace;\r
+          font-size: 11px;\r
+          color: #e0e7ff;\r
+          margin-top: 6px;\r
+        ">venus set-env &lt;local|dev|staging&gt;</code>\r
+      </div>\r
+\r
+      \${isLocal ? \`\r
+        <div style="\r
+          padding: 10px 14px;\r
+          background: rgba(245, 158, 11, 0.08);\r
+          border: 1px solid rgba(245, 158, 11, 0.15);\r
+          border-radius: 8px;\r
+          font-size: 11px;\r
+          color: #fcd34d;\r
+          line-height: 1.5;\r
+        ">\r
+          <strong>Emulator mode:</strong> Profiles are auto-created on first sign-in.\r
+          <a href="http://localhost:4000" target="_blank" style="color: #fbbf24; text-decoration: underline; margin-left: 4px;">Open Emulator UI \u2192</a>\r
+        </div>\r
+      \` : ''}\r
+\r
+      \${isSignedIn ? \`\r
+        <div style="\r
+          padding: 12px 14px;\r
+          background: rgba(255, 255, 255, 0.03);\r
+          border: 1px solid rgba(255, 255, 255, 0.06);\r
+          border-radius: 8px;\r
+        ">\r
+          <div style="font-size: 11px; font-weight: 600; color: #9CA3AF; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.05em;">Storage Debug</div>\r
+          <div style="display: flex; gap: 8px;">\r
+            <button id="copy-app-storage" style="\r
+              flex: 1;\r
+              background: rgba(99, 102, 241, 0.1);\r
+              color: #a5b4fc;\r
+              border: 1px solid rgba(99, 102, 241, 0.2);\r
+              border-radius: 6px;\r
+              padding: 8px 12px;\r
+              font-size: 12px;\r
+              font-weight: 500;\r
+              cursor: pointer;\r
+              transition: background 0.2s;\r
+            ">\u{1F4CB} App Storage</button>\r
+            <button id="copy-global-storage" style="\r
+              flex: 1;\r
+              background: rgba(99, 102, 241, 0.1);\r
+              color: #a5b4fc;\r
+              border: 1px solid rgba(99, 102, 241, 0.2);\r
+              border-radius: 6px;\r
+              padding: 8px 12px;\r
+              font-size: 12px;\r
+              font-weight: 500;\r
+              cursor: pointer;\r
+              transition: background 0.2s;\r
+            ">\u{1F4CB} Global Storage</button>\r
+          </div>\r
+        </div>\r
+      \` : ''}\r
+\r
+      <div style="display: flex; gap: 10px; margin-top: 4px;">\r
+        \${!isSignedIn ? \`\r
+          <button id="sign-in-google" style="\r
+            flex: 1;\r
+            background: \${env.gradient};\r
+            color: white;\r
+            border: none;\r
+            border-radius: 8px;\r
+            padding: 12px 16px;\r
+            font-size: 14px;\r
+            font-weight: 600;\r
+            cursor: pointer;\r
+            transition: opacity 0.2s, transform 0.1s;\r
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\r
+          ">Sign In</button>\r
+        \` : \`\r
+          <button id="sign-out" style="\r
+            flex: 1;\r
+            background: rgba(239, 68, 68, 0.1);\r
+            color: #f87171;\r
+            border: 1px solid rgba(239, 68, 68, 0.2);\r
+            border-radius: 8px;\r
+            padding: 12px 16px;\r
+            font-size: 14px;\r
+            font-weight: 600;\r
+            cursor: pointer;\r
+            transition: background 0.2s;\r
+          ">Sign Out</button>\r
+        \`}\r
+        <button id="reload-page" style="\r
+          background: rgba(255, 255, 255, 0.05);\r
+          color: #9CA3AF;\r
+          border: 1px solid rgba(255, 255, 255, 0.1);\r
+          border-radius: 8px;\r
+          padding: 12px 16px;\r
+          font-size: 14px;\r
+          font-weight: 600;\r
+          cursor: pointer;\r
+          transition: background 0.2s;\r
+        ">\u21BB Reload</button>\r
+      </div>\r
+    </div>\r
+  \`\r
+\r
+  overlay.appendChild(content)\r
+  document.body.appendChild(overlay)\r
+\r
+  // Event handlers\r
+  const closeModal = () => overlay.remove()\r
+\r
+  document.getElementById('close-modal').addEventListener('click', closeModal)\r
+  overlay.addEventListener('click', (e) => {\r
+    if (e.target === overlay) closeModal()\r
+  })\r
+\r
+  document.getElementById('reload-page')?.addEventListener('click', () => {\r
+    window.location.reload()\r
+  })\r
+\r
+  const signInBtn = document.getElementById('sign-in-google')\r
+  if (signInBtn) {\r
+    const originalGradient = env.gradient\r
+    signInBtn.addEventListener('click', async () => {\r
+      try {\r
+        signInBtn.textContent = 'Signing in...'\r
+        signInBtn.disabled = true\r
+\r
+        if (window.__VENUS_SANDBOX_SIGN_IN__) {\r
+          await window.__VENUS_SANDBOX_SIGN_IN__()\r
+          // Sign-in successful - show success and reload\r
+          signInBtn.textContent = '\u2713 Success!'\r
+          signInBtn.style.background = 'linear-gradient(120deg, #10b981, #059669)'\r
+          setTimeout(() => {\r
+            closeModal()\r
+            window.location.reload()\r
+          }, 500)\r
+        } else {\r
+          throw new Error('Sign-in function not available. Is the SDK initialized?')\r
+        }\r
+      } catch (error) {\r
+        console.error('[Venus Sandbox] Sign-in failed:', error)\r
+        signInBtn.textContent = 'Sign-in failed'\r
+        signInBtn.style.background = '#ef4444'\r
+        setTimeout(() => {\r
+          signInBtn.textContent = 'Sign In'\r
+          signInBtn.style.background = originalGradient\r
+          signInBtn.disabled = false\r
+        }, 2000)\r
+      }\r
+    })\r
+  }\r
+\r
+  const signOutBtn = document.getElementById('sign-out')\r
+  if (signOutBtn) {\r
+    signOutBtn.addEventListener('click', async () => {\r
+      try {\r
+        signOutBtn.textContent = 'Signing out...'\r
+        signOutBtn.disabled = true\r
+\r
+        if (window.__VENUS_SANDBOX_SIGN_OUT__) {\r
+          await window.__VENUS_SANDBOX_SIGN_OUT__()\r
+          signOutBtn.textContent = '\u2713 Signed out'\r
+          setTimeout(() => {\r
+            closeModal()\r
+            window.location.reload()\r
+          }, 500)\r
+        }\r
+      } catch (error) {\r
+        console.error('[Venus Sandbox] Sign-out failed:', error)\r
+        signOutBtn.textContent = 'Failed'\r
+        setTimeout(() => {\r
+          signOutBtn.textContent = 'Sign out'\r
+          signOutBtn.disabled = false\r
+        }, 2000)\r
+      }\r
+    })\r
+  }\r
+\r
+  // Storage debug copy handlers\r
+  const copyAppStorageBtn = document.getElementById('copy-app-storage')\r
+  if (copyAppStorageBtn) {\r
+    copyAppStorageBtn.addEventListener('click', async () => {\r
+      await copyStorageToClipboard(copyAppStorageBtn, 'appStorage')\r
+    })\r
+  }\r
+\r
+  const copyGlobalStorageBtn = document.getElementById('copy-global-storage')\r
+  if (copyGlobalStorageBtn) {\r
+    copyGlobalStorageBtn.addEventListener('click', async () => {\r
+      await copyStorageToClipboard(copyGlobalStorageBtn, 'globalStorage')\r
+    })\r
+  }\r
+}\r
+\r
+async function copyStorageToClipboard(btn, storageType) {\r
+  const originalText = btn.textContent\r
+  try {\r
+    btn.textContent = 'Loading...'\r
+    btn.disabled = true\r
+\r
+    // Call the SDK directly - VenusAPI is available globally\r
+    const api = window.VenusAPI\r
+    if (!api) {\r
+      throw new Error('VenusAPI not available')\r
+    }\r
+\r
+    const storage = storageType === 'appStorage' ? api.appStorage : api.globalStorage\r
+    if (!storage?.getAllData) {\r
+      throw new Error(\`\${storageType} not available or getAllData not supported\`)\r
+    }\r
+\r
+    const data = await storage.getAllData()\r
+    const json = JSON.stringify(data, null, 2)\r
+\r
+    await navigator.clipboard.writeText(json)\r
+\r
+    const count = Object.keys(data).length\r
+    btn.textContent = \`\u2713 Copied (\${count} keys)\`\r
+    btn.style.background = 'rgba(16, 185, 129, 0.2)'\r
+    btn.style.color = '#34d399'\r
+    btn.style.borderColor = 'rgba(16, 185, 129, 0.3)'\r
+\r
+    setTimeout(() => {\r
+      btn.textContent = originalText\r
+      btn.style.background = 'rgba(99, 102, 241, 0.1)'\r
+      btn.style.color = '#a5b4fc'\r
+      btn.style.borderColor = 'rgba(99, 102, 241, 0.2)'\r
+      btn.disabled = false\r
+    }, 2000)\r
+  } catch (error) {\r
+    console.error('[Venus Sandbox] Failed to copy storage:', error)\r
+    btn.textContent = 'Failed'\r
+    btn.style.background = 'rgba(239, 68, 68, 0.2)'\r
+    btn.style.color = '#f87171'\r
+\r
+    setTimeout(() => {\r
+      btn.textContent = originalText\r
+      btn.style.background = 'rgba(99, 102, 241, 0.1)'\r
+      btn.style.color = '#a5b4fc'\r
+      btn.style.borderColor = 'rgba(99, 102, 241, 0.2)'\r
+      btn.disabled = false\r
+    }, 2000)\r
+  }\r
+}\r
+`;
+
+// src/vite/sandboxToolbar.ts
+function createSandboxToolbarTags() {
+  const styleTag = {
+    tag: "style",
+    attrs: { id: "venus-sandbox-style" },
+    children: sandboxToolbarStyle_default,
+    injectTo: "head"
+  };
+  const scriptTag = {
+    tag: "script",
+    attrs: {
+      type: "module",
+      id: "venus-sandbox-script",
+      "data-venus-ignore": "true"
+    },
+    children: sandboxToolbarScript_default,
+    injectTo: "body"
+  };
+  return [styleTag, scriptTag];
+}
+
+// src/firebase/firebaseConfigs.ts
+var FIREBASE_CONFIGS = {
+  // Local mode uses dev Firebase credentials (auth emulator doesn't support Google OAuth)
+  local: {
+    apiKey: "AIzaSyCSYBs5QrFUeaE8QC2Jfp6834enCzbCJqQ",
+    authDomain: "dev-venus-app.firebaseapp.com",
+    projectId: "dev-venus-app",
+    storageBucket: "dev-venus-app.appspot.com"
+  },
+  dev: {
+    apiKey: "AIzaSyCSYBs5QrFUeaE8QC2Jfp6834enCzbCJqQ",
+    authDomain: "dev-venus-app.firebaseapp.com",
+    projectId: "dev-venus-app",
+    storageBucket: "dev-venus-app.appspot.com"
+  },
+  staging: {
+    apiKey: "AIzaSyCfv4HGtNjStUsN0IL-TUNLYSNSZ3KhXN4",
+    authDomain: "staging-venus-app.firebaseapp.com",
+    projectId: "staging-venus-app",
+    storageBucket: "staging-venus-app.appspot.com"
+  }
+};
+var FUNCTIONS_REGIONS = {
+  local: "us-central1",
+  dev: "us-central1",
+  staging: "us-central1"
+};
+var DEFAULT_EMULATOR_HOSTS = {
+  functions: "localhost:5001",
+  firestore: "localhost:8080",
+  auth: "localhost:9099"
+};
+
+// src/vite/venusSandboxPlugin.ts
+var REQUIRED_FIREBASE_VERSION = "^11.0.0";
+var GAME_CONFIG_FILENAME = "game.config.json";
+var VENUS_CONFIG_PATH = join(homedir(), ".venus", "config.json");
+function venusSandboxPlugin(options = {}) {
+  let projectRoot = process.cwd();
+  let isServeCommand = false;
+  let warningLogged = false;
+  let firebaseMissing = false;
+  const logWarning = (message) => {
+    if (!warningLogged) {
+      warningLogged = true;
+      console.warn(`[Venus Sandbox] ${message}`);
+    }
+  };
+  return {
+    name: "venus-sandbox",
+    apply: "serve",
+    enforce: "pre",
+    // Run before other plugins to set up optimizeDeps exclusions
+    config(config, env) {
+      projectRoot = resolveProjectRoot(config);
+      isServeCommand = env.command === "serve";
+      if (isServeCommand && !options.disabled) {
+        const hasFirebase = checkFirebaseDependency(projectRoot);
+        if (!hasFirebase) {
+          firebaseMissing = true;
+          logFirebaseMissing();
+          return {
+            ...config,
+            optimizeDeps: {
+              ...config?.optimizeDeps,
+              exclude: [
+                ...config?.optimizeDeps?.exclude || [],
+                "@series-inc/venus-sdk",
+                "firebase",
+                "firebase/app",
+                "firebase/auth",
+                "firebase/firestore"
+              ]
+            }
+          };
+        } else {
+          let sandboxConfig = null;
+          try {
+            sandboxConfig = buildSandboxConfig(projectRoot, options);
+          } catch {
+          }
+          const proxyConfig = buildProxyConfig(sandboxConfig);
+          return {
+            ...config,
+            define: {
+              ...config?.define,
+              "import.meta.env.VITE_APP_MODE": JSON.stringify("live")
+            },
+            optimizeDeps: {
+              ...config?.optimizeDeps,
+              include: [
+                ...config?.optimizeDeps?.include || [],
+                "firebase/app",
+                "firebase/auth",
+                "firebase/firestore"
+              ]
+            },
+            server: {
+              ...config?.server,
+              proxy: {
+                ...config?.server?.proxy,
+                ...proxyConfig
+              }
+            }
+          };
+        }
+      }
+      return config;
+    },
+    async transformIndexHtml(html) {
+      if (!isServeCommand || options.disabled) {
+        return html;
+      }
+      if (firebaseMissing) {
+        const errorMessage = `Firebase is not installed.
+
+Add "firebase": "${REQUIRED_FIREBASE_VERSION}" to your package.json devDependencies, then run npm install.
+
+Firebase is only needed for sandbox mode (local development) and is excluded from production builds.`;
+        const errorScript = buildErrorOverlayScript(errorMessage, "local");
+        return {
+          html,
+          tags: [
+            {
+              tag: "script",
+              attrs: { type: "module" },
+              children: errorScript,
+              injectTo: "body"
+            }
+          ]
+        };
+      }
+      try {
+        const config = buildSandboxConfig(projectRoot, options);
+        if (!config) {
+          return html;
+        }
+        const injectedHtml = injectVenusShell(html);
+        const configScript = `window.__VENUS_SANDBOX__ = ${JSON.stringify(config)};`;
+        console.log(`[Venus Sandbox] Enabled for ${config.target} environment (gameId: ${config.gameId})`);
+        return {
+          html: injectedHtml,
+          tags: [
+            {
+              tag: "script",
+              attrs: { type: "module" },
+              children: configScript,
+              injectTo: "head"
+            },
+            ...createSandboxToolbarTags()
+          ]
+        };
+      } catch (error) {
+        const message = error instanceof Error ? error.message : String(error);
+        logWarning(message);
+        const target = options.target ?? "local";
+        const errorScript = buildErrorOverlayScript(message, target);
+        return {
+          html,
+          tags: [
+            {
+              tag: "script",
+              attrs: { type: "module" },
+              children: errorScript,
+              injectTo: "body"
+            }
+          ]
+        };
+      }
+    }
+  };
+}
+function buildSandboxConfig(projectRoot, options) {
+  const gameConfigPath = findGameConfigPath(projectRoot);
+  if (!gameConfigPath) {
+    throw new Error(
+      `Unable to locate ${GAME_CONFIG_FILENAME} starting from ${projectRoot}. Run "venus configure-game" to generate one.`
+    );
+  }
+  const gameConfig = readGameConfig(gameConfigPath);
+  const gameId = gameConfig.gameId?.trim();
+  if (!gameId) {
+    throw new Error(
+      `Missing "gameId" inside ${gameConfigPath}. Run "venus configure-game" to regenerate it.`
+    );
+  }
+  const cliConfig = readVenusCliConfig();
+  const target = options.target ?? coerceTarget(cliConfig?.activeEnv);
+  const envConfig = cliConfig?.sandbox?.[target];
+  if (envConfig?.enabled === false) {
+    return null;
+  }
+  const firebaseConfig = FIREBASE_CONFIGS[target];
+  const config = {
+    enabled: true,
+    target,
+    gameId,
+    firebaseConfig,
+    functionsRegion: FUNCTIONS_REGIONS[target],
+    pollingInterval: envConfig?.pollingInterval ?? 2e3,
+    rpcMaxRetries: envConfig?.rpcMaxRetries ?? 0,
+    rpcRetryDelayMs: envConfig?.rpcRetryDelayMs ?? 1e3
+  };
+  if (target === "local") {
+    config.functionsEmulatorHost = DEFAULT_EMULATOR_HOSTS.functions;
+    config.firestoreEmulatorHost = DEFAULT_EMULATOR_HOSTS.firestore;
+    config.authEmulatorHost = DEFAULT_EMULATOR_HOSTS.auth;
+  }
+  if (envConfig?.backendUrl) {
+    config.backendUrl = envConfig.backendUrl;
+  }
+  return config;
+}
+function readVenusCliConfig() {
+  try {
+    if (!existsSync(VENUS_CONFIG_PATH)) {
+      return null;
+    }
+    const raw = readFileSync(VENUS_CONFIG_PATH, "utf-8");
+    return JSON.parse(raw);
+  } catch {
+    return null;
+  }
+}
+function readGameConfig(pathname) {
+  try {
+    const raw = readFileSync(pathname, "utf-8");
+    return JSON.parse(raw);
+  } catch (error) {
+    const message = error instanceof Error ? error.message : "Unknown error";
+    throw new Error(`Failed to parse ${pathname}: ${message}`);
+  }
+}
+function findGameConfigPath(startDir) {
+  let current = resolve(startDir);
+  const visited = /* @__PURE__ */ new Set();
+  while (true) {
+    const candidate = join(current, GAME_CONFIG_FILENAME);
+    if (existsSync(candidate)) {
+      return candidate;
+    }
+    if (visited.has(current)) {
+      break;
+    }
+    visited.add(current);
+    const parent = dirname(current);
+    if (parent === current) {
+      break;
+    }
+    current = parent;
+  }
+  return null;
+}
+function resolveProjectRoot(config) {
+  if (config?.root && config.root.length > 0) {
+    return resolve(config.root);
+  }
+  return process.cwd();
+}
+function coerceTarget(value) {
+  if (value === "dev" || value === "staging") {
+    return value;
+  }
+  return "local";
+}
+function injectVenusShell(html) {
+  const match = html.match(/<body([^>]*)>([\s\S]*)<\/body>/i);
+  if (!match) {
+    return html;
+  }
+  const [, attrs, contents] = match;
+  const serialized = JSON.stringify(contents).replace(/<\/script>/gi, "<\\/script>");
+  const shell = `
+    <body${attrs}>
+      <div id="venus-toolbar-root" aria-live="polite"></div>
+      <div id="venus-app-root" data-venus-app-root style="display:contents;">
+        ${contents}
+      </div>
+      <noscript id="venus-app-placeholder">
+        Venus sandbox requires JavaScript enabled.
+      </noscript>
+      <script id="venus-app-capture">
+        window.__VENUS_APP_HTML = ${serialized};
+      </script>
+    </body>
+  `;
+  return html.replace(/<body([\s\S]*)<\/body>/i, shell);
+}
+function checkFirebaseDependency(projectRoot) {
+  try {
+    const require2 = createRequire(join(projectRoot, "package.json"));
+    require2.resolve("firebase/app");
+    return true;
+  } catch {
+    return false;
+  }
+}
+function logFirebaseMissing() {
+  console.error(`
+\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557
+\u2551                                                                              \u2551
+\u2551  IMPORTANT: The Venus sandbox plugin requires Firebase.                      \u2551
+\u2551                                                                              \u2551
+\u2551  Add the following to your package.json devDependencies:                     \u2551
+\u2551                                                                              \u2551
+\u2551    "firebase": "${REQUIRED_FIREBASE_VERSION}"                                              \u2551
+\u2551                                                                              \u2551
+\u2551  Then run:                                                                   \u2551
+\u2551                                                                              \u2551
+\u2551    npm install                                                               \u2551
+\u2551                                                                              \u2551
+\u2551  WHY devDependencies?                                                        \u2551
+\u2551  Firebase is only used during local development (sandbox mode). It is        \u2551
+\u2551  dynamically imported and excluded from production builds, so it should      \u2551
+\u2551  be a devDependency to keep production bundles small.                        \u2551
+\u2551                                                                              \u2551
+\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255D
+`);
+}
+function buildErrorOverlayScript(message, target) {
+  const escapedMessage = message.replace(/\\/g, "\\\\").replace(/'/g, "\\'").replace(/\n/g, "\\n");
+  return `
+(function() {
+  var overlay = document.createElement('div');
+  overlay.id = 'venus-sandbox-error';
+  overlay.style.cssText = 'position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,0.92);color:#fff;font-family:-apple-system,BlinkMacSystemFont,sans-serif;display:flex;align-items:center;justify-content:center;padding:20px;';
+
+  var content = document.createElement('div');
+  content.style.cssText = 'max-width:600px;text-align:center;';
+
+  var icon = document.createElement('div');
+  icon.style.cssText = 'font-size:48px;margin-bottom:16px;';
+  icon.textContent = '\u26A0\uFE0F';
+
+  var title = document.createElement('h1');
+  title.style.cssText = 'font-size:24px;font-weight:600;margin:0 0 16px;color:#ff6b6b;';
+  title.textContent = 'Venus Sandbox Error';
+
+  var msg = document.createElement('p');
+  msg.style.cssText = 'font-size:14px;line-height:1.6;margin:0 0 24px;color:#ccc;';
+  msg.textContent = '${escapedMessage}';
+
+  var hint = document.createElement('div');
+  hint.style.cssText = 'background:rgba(255,255,255,0.1);border-radius:8px;padding:16px;font-size:13px;color:#aaa;';
+  hint.innerHTML = '<strong style="color:#fff;">Environment:</strong> ${target}<br>Check your game.config.json and ~/.venus/config.json';
+
+  content.appendChild(icon);
+  content.appendChild(title);
+  content.appendChild(msg);
+  content.appendChild(hint);
+  overlay.appendChild(content);
+
+  if (document.body) {
+    document.body.appendChild(overlay);
+  } else {
+    document.addEventListener('DOMContentLoaded', function() {
+      document.body.appendChild(overlay);
+    });
+  }
+})();
+`;
+}
+var VENUS_API_PROXY_PATH = "/__venusapi";
+function buildProxyConfig(config) {
+  if (!config || config.target === "local") {
+    return {};
+  }
+  const projectId = config.firebaseConfig?.projectId;
+  const region = config.functionsRegion || "us-central1";
+  if (!projectId) {
+    return {};
+  }
+  const targetUrl = `https://${region}-${projectId}.cloudfunctions.net`;
+  console.log(`[Venus Sandbox] Setting up CORS proxy: ${VENUS_API_PROXY_PATH}/* -> ${targetUrl}/*`);
+  return {
+    [VENUS_API_PROXY_PATH]: {
+      target: targetUrl,
+      changeOrigin: true,
+      rewrite: (path3) => path3.replace(new RegExp(`^${VENUS_API_PROXY_PATH}`), "")
+    }
+  };
+}
+
+export { cdnPlugin, venusLibrariesPlugin, venusSandboxPlugin };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map