@widgetic/editor 4.0.1 → 4.0.3

package/dist/components/MockWidget.svelte

@@ -30,7 +30,7 @@
     };
 
     function handleVote(index: number) {
-        console.log("Vote cast for:", pollData.options[index].label);
+        // console.log("Vote cast for:", pollData.options[index].label);
         // In a real implementation, this would call an API
     }
 </script>

package/dist/components/WidgetPreview.svelte

@@ -205,7 +205,7 @@
 				const artifactPath = jsPath.match(/\/widgets\/[^/]+\/v\d+\/.+$/i);
 				if (artifactPath) {
 					const proxyUrl = `${apiBaseUrl}${artifactPath[0]}`;
-					console.log('[WidgetPreview] Using API proxy URL (R2):', proxyUrl);
+					// console.log('[WidgetPreview] Using API proxy URL (R2):', proxyUrl);
 					return proxyUrl;
 				}
 			}
@@ -215,11 +215,11 @@
 
 		if (widgetBuilderUrl && w.id) {
 			const previewUrl = `${widgetBuilderUrl.replace(/\/+$/, '')}/preview/${w.id}`;
-			console.log('[WidgetPreview] Using Worker preview URL (unpublished):', previewUrl);
+			// console.log('[WidgetPreview] Using Worker preview URL (unpublished):', previewUrl);
 			return previewUrl;
 		}
 
-		console.log('[WidgetPreview] Widget not published and no Worker URL:', w.name, w.id);
+		// console.log('[WidgetPreview] Widget not published and no Worker URL:', w.name, w.id);
 		return null;
 	}
 
@@ -228,32 +228,6 @@
 		return `${widgetBuilderUrl.replace(/\/+$/, '')}/preview/${w.id}`;
 	}
 
-	async function resolveWidgetPreviewUrl(w: any, primaryUrl: string): Promise<string> {
-		try {
-			const res = await fetch(primaryUrl, { method: 'GET', mode: 'cors' });
-			const contentType = res.headers.get('content-type') || '';
-			const looksLikeErrorPayload =
-				!res.ok || (contentType.includes('application/json') && !contentType.includes('html'));
-			if (looksLikeErrorPayload) {
-				const fallbackUrl = tryFallbackUrl(w);
-				if (fallbackUrl && !triedFallback) {
-					triedFallback = true;
-					console.log('[WidgetPreview] Primary URL failed, trying Worker fallback:', fallbackUrl);
-					return fallbackUrl;
-				}
-			}
-		} catch (err) {
-			const fallbackUrl = tryFallbackUrl(w);
-			if (fallbackUrl && !triedFallback) {
-				triedFallback = true;
-				console.log('[WidgetPreview] Primary URL unreachable, trying Worker fallback:', fallbackUrl);
-				return fallbackUrl;
-			}
-			console.warn('[WidgetPreview] URL probe failed:', primaryUrl, err);
-		}
-		return primaryUrl;
-	}
-
 	function beginWidgetLoad(w: any, url: string | null) {
 		pendingWidget = w;
 		triedFallback = false;
@@ -262,20 +236,16 @@
 		widgetReady = false;
 		errorMessage = '';
 		pendingMessages = [];
+		isResolvingUrl = false;
 
 		if (!url) {
 			internalIframeSrc = null;
-			isResolvingUrl = false;
 			return;
 		}
 
-		isResolvingUrl = true;
-		console.log('[WidgetPreview] Resolving widget URL:', url);
-		void resolveWidgetPreviewUrl(w, url).then(async (resolvedUrl) => {
-			if (pendingWidget !== w) return;
-			isResolvingUrl = false;
-			internalIframeSrc = resolvedUrl;
-			await tick();
+		// console.log('[WidgetPreview] Setting widget URL:', url);
+		internalIframeSrc = url;
+		void tick().then(() => {
 			requestAnimationFrame(() => {
 				ensureIframeLoadDetected();
 			});
@@ -299,7 +269,7 @@
 
 		window.setTimeout(() => {
 			if (mode === 'standalone' && !iframeLoaded && !iframeError && iframeEl && effectiveSrc) {
-				console.log('[WidgetPreview] Fallback: marking iframe loaded after ping timeout');
+				// console.log('[WidgetPreview] Fallback: marking iframe loaded after ping timeout');
 				void handleIframeLoad();
 			}
 		}, 400);
@@ -353,12 +323,12 @@
 				contentItems
 			};
 			iframeEl.contentWindow.postMessage(message, '*');
-			console.log('[WidgetPreview] Sent property update to widget iframe', {
-				designKeys: design ? Object.keys(design) : [],
-				genericContentKeys: Object.keys(genericContent),
-				contentItemsCount: contentItems?.length,
-				iframeSrc: effectiveSrc?.substring(0, 80)
-			});
+			// console.log('[WidgetPreview] Sent property update to widget iframe', {
+				// designKeys: design ? Object.keys(design) : [],
+				// genericContentKeys: Object.keys(genericContent),
+				// contentItemsCount: contentItems?.length,
+				// iframeSrc: effectiveSrc?.substring(0, 80)
+			// });
 		} catch (err) {
 			console.warn('[WidgetPreview] Failed to send postMessage:', err);
 		}
@@ -406,7 +376,7 @@
 		iframeLoaded = true;
 		iframeError = false;
 		widgetReady = true;
-		console.log('[WidgetPreview] iframe onload:', effectiveSrc);
+		// console.log('[WidgetPreview] iframe onload:', effectiveSrc);
 
 		if (iframeEl?.contentWindow) {
 			iframeEl.contentWindow.postMessage({ type: 'widgetic:ping' }, '*');
@@ -426,6 +396,15 @@
 			dispatch('iframeError', event || new Event('error'));
 			return;
 		}
+		if (!triedFallback && pendingWidget) {
+			const fallbackUrl = tryFallbackUrl(pendingWidget);
+			if (fallbackUrl && fallbackUrl !== internalIframeSrc) {
+				triedFallback = true;
+				// console.log('[WidgetPreview] Primary iframe load failed, trying Worker fallback:', fallbackUrl);
+				internalIframeSrc = fallbackUrl;
+				return;
+			}
+		}
 		iframeError = true;
 		iframeLoaded = false;
 		widgetReady = false;
@@ -441,7 +420,7 @@
 				iframeLoaded = true;
 				iframeError = false;
 				widgetReady = true;
-				console.log('[WidgetPreview] Widget confirmed ready via postMessage');
+				// console.log('[WidgetPreview] Widget confirmed ready via postMessage');
 				sendPropertiesToWidget(designValues, contentValues);
 				flushPendingMessages();
 			}
@@ -734,9 +713,14 @@
 					{#if mode === 'controlled' && previewHasRuntimeError && !isGeneratingCode}
 						<div class="compilation-error-overlay absolute inset-0 z-20 flex flex-col items-center justify-center bg-red-50 text-red-700 p-6">
 							<div class="text-5xl mb-4">⚠️</div>
-							<div class="font-semibold text-xl mb-2">Code Has Compilation Errors</div>
-							<div class="text-sm text-center text-red-600 mb-4 max-w-md">
-								The generated code has syntax or compilation errors (HTTP {previewRuntimeErrorStatus}).
+							<div class="font-semibold text-xl mb-2">
+								{previewError && /TypeError|Uncaught|is not a function|is not defined/i.test(previewError)
+									? 'Widget runtime error'
+									: 'Code Has Compilation Errors'}
+							</div>
+							<div class="text-sm text-center text-red-600 mb-4 max-w-md whitespace-pre-line">
+								{previewError
+									|| `The generated code has syntax or compilation errors (HTTP ${previewRuntimeErrorStatus}).`}
 							</div>
 							<div class="flex gap-3 flex-wrap justify-center">
 								<button type="button" onclick={() => dispatch('fixErrors')} class="px-4 py-2 text-xs rounded bg-red-600 hover:bg-red-700 text-white cursor-pointer border-0">🔧 Fix Errors</button>
@@ -755,7 +739,7 @@
 							src={mountedPreviewSrc}
 							class="widget-preview-iframe h-full w-full border-0"
 							tabindex="-1"
-							sandbox={mode === 'controlled' ? undefined : 'allow-scripts allow-popups allow-forms'}
+							sandbox={mode === 'controlled' ? undefined : 'allow-scripts allow-popups allow-forms allow-same-origin'}
 							loading="eager"
 							allow="clipboard-read; clipboard-write"
 							onload={handleIframeLoad}
@@ -769,7 +753,7 @@
 					{/if}
 
 					{#if mode === 'controlled' && isGeneratingCode}
-						<GenerateLoader overlay title="Generating code…" size="lg" />
+						<GenerateLoader overlay title="Generating code…" subtitle="" size="lg" />
 					{/if}
 				</div>
 			</div>
@@ -783,7 +767,7 @@
 			{:else}
 				<div class="flex h-full flex-col items-center justify-center p-6 text-center text-sm text-gray-600">
 					{#if isGeneratingCode}
-						<GenerateLoader title="Generating code…" size="lg" />
+						<GenerateLoader title="Generating code…" subtitle="" size="lg" />
 					{:else if previewError === 'NO_CODE_YET'}
 						<div class="font-semibold text-lg text-gray-700 mb-2">No Code Generated Yet</div>
 					{:else if previewError}

package/dist/components/editors/EmbedEditor.svelte

@@ -83,7 +83,7 @@ let embedEditorElement: HTMLElement | null = null;
  * ON MOUNT
  */
 onMount(() => {
-  console.log('EMBED EDITOR Mounted!');
+  // console.log('EMBED EDITOR Mounted!');
 
   // show loader while fetching schemas
   // loading = true;