Something went wrong. Try again.
Monorepo for Aesthetic.Computer aesthetic.computer
Something went wrong. Try again.
6.5 kB · 215 lines
JavaScript
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216(function () { const vscode = acquireVsCodeApi();
// Debug logging is opt-in to avoid flooding the devtools console. // Enable by running in the webview devtools console: // localStorage.setItem('ac:webviewDebug','1') // and then reloading the webview. const DEBUG = (() => { try { return localStorage.getItem('ac:webviewDebug') === '1'; } catch { return false; } })();
// Send session data to iframe const iframe = document.getElementById("aesthetic");
iframe.classList.add("visible"); // ♻️ Iframe ready state tracking (declared early for message handler access) let readyTimeout = null; let loadTimeout = null; let refreshCount = 0; let isReady = false; const maxRefreshAttempts = 5; // Helper to clear all pending timeouts function clearAllTimeouts() { if (readyTimeout) { clearTimeout(readyTimeout); readyTimeout = null; } if (loadTimeout) { clearTimeout(loadTimeout); loadTimeout = null; } }
// Handle messages sent from the extension to the webview AND from the iframe window.addEventListener("message", (event) => { const message = event.data; // The json data that the extension sent if (DEBUG) { // Avoid flooding logs with boot chatter unless debugging. if (message?.type !== 'boot-log') { console.log( "📶 Message:", message, "from:", event.source === iframe.contentWindow ? "iframe" : "extension", ); } } switch (message.type) { case "vscode-extension:reload": { vscode.postMessage({ type: "vscode-extension:reload" }); break; } case "vscode-extension:defocus": { vscode.postMessage({ type: "vscode-extension:defocus" }); break; } case "setSession": { // window.aestheticSession = message.session; // sendSessionToIframe(message.session); break; } case "clipboard:copy": { // console.log("📎 Copying clipboard message..."); vscode.postMessage({ type: "clipboard:copy", value: message.value }); break; } case "url:updated": { vscode.postMessage({ type: "url:updated", slug: message.slug }); break; } case "clipboard:copy:confirmation": { iframe.contentWindow.postMessage( { type: "clipboard:copy:confirmation" }, "*", ); break; } // case "aesthetic-panel:open": { // console.log("🪧 Posting panel opener..."); // iframe.contentWindow.postMessage({ type: "aesthetic-panel:open" }, "*"); // break; // } case "publish": { vscode.postMessage({ type: "publish", url: message.url, }); break; } case "setCode": { vscode.postMessage({ type: "setCode", value: message.value }); break; } case "runPiece": { vscode.postMessage({ type: "runPiece" }); break; } case "openDocs": { vscode.postMessage({ type: "openDocs" }); break; } case "openSource": { vscode.postMessage({ type: "openSource", title: message.title, source: message.source, }); break; } case "login": { vscode.postMessage({ type: "login", tenant: message.tenant || "aesthetic", }); break; } case "logout": { vscode.postMessage({ type: "logout", tenant: message.tenant || "aesthetic", }); break; } case "openExternal": { vscode.postMessage({ type: "openExternal", url: message.url, }); break; } case "ready": { if (isReady) break; // Already handled, ignore duplicate ready messages console.log("🫐 ✅ Received ready message, clearing timeout"); clearAllTimeouts(); isReady = true; break; } default: { // If debugging is enabled, surface unknown message types. if (DEBUG && message?.type) { console.log("🫐 Unhandled message type:", message.type); } } } });
// Add event listener for when the window is focused. // Only send on actual blur→focus transitions to prevent spurious re-focus // events from clearing prompt text and reopening the keyboard curtain. let parentHadFocus = document.hasFocus(); window.addEventListener("blur", () => { parentHadFocus = false; }); window.addEventListener("focus", () => { if (!parentHadFocus) { parentHadFocus = true; iframe.contentWindow.postMessage({ type: "aesthetic-parent:focused" }, "*"); } });
// ♻️ Start the refresh timeout cycle readyTimeout = setTimeout(refresh, 5000);
function refresh() { if (isReady) { // Already ready, don't refresh return; } refreshCount++; if (refreshCount > maxRefreshAttempts) { console.log("🫐 Max refresh attempts reached, assuming ready"); clearTimeout(readyTimeout); readyTimeout = null; isReady = true; // Prevent further refreshes return; } console.log(`🫐 Awaiting... (attempt ${refreshCount}/${maxRefreshAttempts})`); // Post a message to the iframe to show retry status in boot log try { iframe.contentWindow?.postMessage({ type: "boot-retry", attempt: refreshCount, maxAttempts: maxRefreshAttempts }, "*"); } catch (e) { // Iframe might not be ready yet } const url = new URL(iframe.src); url.searchParams.set("ac-timestamp", new Date().getTime()); iframe.src = url.href; readyTimeout = setTimeout(refresh, 5000); } // Also listen for iframe load event as a fallback iframe.addEventListener('load', () => { if (isReady) return; // Already handled console.log("🫐 Iframe loaded"); // Give the iframe content a bit of time to initialize and send ready message loadTimeout = setTimeout(() => { if (!isReady && readyTimeout) { console.log("🫐 Clearing timeout after iframe load (fallback)"); clearAllTimeouts(); isReady = true; } }, 2000); });})();