ACCESS GRANTED

$1

') .replace(/^## (.*$)/gim, '

$1

') .replace(/^# (.*$)/gim, '

$1

') .replace(/^\* (.*$)/gim, '

') .replace(/^- (.*$)/gim, '

') .replace(/\n\n/gim, '

') .replace(/\*\*(.*?)\*\*/gim, '$1'); // Wrap loose li elements html = html.replace(/<\/li>\s*

/g, '

'); html = html.replace(/(

.*<\/li>)/s, '

$1'); elements.planContent.innerHTML = `

${html}

`; // Logo if (window.appState.logoUrl) { elements.logoImg.src = window.appState.logoUrl; elements.logoImg.classList.remove('hidden'); elements.logoPlaceholder.classList.add('hidden'); } // Chart Texts const fmtRev = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD', maximumFractionDigits: 0 }).format(window.appState.targetRevenue); elements.chartGoalText.textContent = `Goal: ${fmtRev}`; // Draw Chart (will be drawn when tab is shown) switchTab('tab-plan'); } function restoreDashboard() { populateDashboard(); showScreen('dashboard'); } function drawChart() { const canvas = elements.trendCanvas; const ctx = canvas.getContext('2d'); const parent = canvas.parentElement; // Handle retina displays const dpr = window.devicePixelRatio || 1; canvas.width = parent.clientWidth * dpr; canvas.height = parent.clientHeight * dpr; ctx.scale(dpr, dpr); const w = parent.clientWidth; const h = parent.clientHeight; ctx.clearRect(0, 0, w, h); // Data generation (Curve to target) const target = window.appState.targetRevenue || 5000; const points = []; const months = 12; const paddingX = 20; const paddingY = 20; const graphW = w - paddingX * 2; const graphH = h - paddingY * 2; for(let i=0; i { if (i === 0 || i === points.length - 1 || i % 3 === 0) { ctx.beginPath(); ctx.arc(p.x, p.y, 4, 0, Math.PI * 2); ctx.fillStyle = '#fff'; ctx.fill(); ctx.lineWidth = 2; ctx.strokeStyle = primaryColor; ctx.stroke(); } }); } // ========================================== // 10. SHARE LOGIC (SNAPDOM) // ========================================== async function handleShare() { const btn = elements.btnShare; if (btn.dataset.loading === 'true') return; btn.dataset.loading = 'true'; const origHTML = btn.innerHTML; btn.innerHTML = ''; try { // Determine what to share based on active tab const shareZone = document.getElementById('share-zone'); const area = shareZone.offsetWidth * shareZone.offsetHeight; const targetScale = area > 500000 ? 1.5 : 2; const jpgImg = await window.snapdom.toJpg(shareZone, { quality: 0.7, width: shareZone.offsetWidth * targetScale, height: shareZone.offsetHeight * targetScale, }); await sendMessage('invoke_share', { title: `Check out the business plan for ${window.appState.businessName}!`, coverImageBase64: jpgImg.src, appStates: { pageSettings: window.appState } }, false); } catch (e) { console.error('Share failed:', e); } finally { btn.dataset.loading = 'false'; btn.innerHTML = origHTML; } } // ========================================== // 11. PREVIEW EDITING API // ========================================== (function setupPreviewEditingAPI() { window.addEventListener('message', (event) => { const msg = event.data; if (msg?.origin !== 'sekai_gaming_iframe_api') return; switch (msg.type) { case 'get_editable_metadata': window.parent.postMessage({ origin: 'sekai_gaming_iframe_api', type: 'receive_editable_metadata', taskId: msg.taskId, data: window.sekaiEditable || {} }, '*'); break; case 'apply_change': const success = applySingleChange(msg.data.id, msg.data.value, msg.data.name, msg.data.description); window.parent.postMessage({ origin: 'sekai_gaming_iframe_api', type: 'receive_apply_change', taskId: msg.taskId, data: { success } }, '*'); break; case 'get_current_html': window.parent.postMessage({ origin: 'sekai_gaming_iframe_api', type: 'receive_current_html', taskId: msg.taskId, data: { html: document.documentElement.outerHTML } }, '*'); break; case 'reset_changes': location.reload(); break; } }); function applySingleChange(id, value, name, description) { const categories = ['tune', 'images', 'videos', 'music', 'sfx', 'colors', 'text', 'prompts', 'voices']; for (const cat of categories) { const item = window.sekaiEditable[cat]?.find(i => i.id === id); if (!item) continue; item.value = value; if (name) item.name = name; if (description) item.description = description; if (item.cssVar) { document.documentElement.style.setProperty(item.cssVar, value); } else if (item.path) { setNestedValue(window, item.path, value); } else if (item.selector) { const el = document.querySelector(item.selector); if (!el) return false; if (el.tagName === 'AUDIO' || el.tagName === 'VIDEO') { const wasPlaying = !el.paused; el.src = value; el.load(); if (wasPlaying) el.play().catch(() => {}); } else if (item.property === 'src') { el.src = value; } else if (item.property === 'backgroundImage') { el.style.backgroundImage = `url('${value}')`; } else if (item.property === 'placeholder') { el.placeholder = value; } else { el.textContent = value; } } return true; } return false; } })(); // Boot document.addEventListener('DOMContentLoaded', initApp);