npm - @flowdular/sandbox - Versions diffs - 0.4.1 → 0.4.3 - Mend

@flowdular/sandbox 0.4.1 → 0.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (46) hide show

package/dist/server/favicon.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" rx="5.4" fill="#2557D6"/><g transform="translate(12 12) scale(0.64) translate(-12 -12)"><circle cx="7.9" cy="3.4" r="1.7" fill="#fff"/><rect x="6.2" y="3.4" width="3.4" height="1.6" fill="#fff"/><rect x="6.2" y="10.8" width="3.4" height="9.8" fill="#fff"/><circle cx="7.9" cy="20.6" r="1.7" fill="#fff"/><circle cx="16.1" cy="3.4" r="1.7" fill="#fff"/><rect x="14.4" y="3.4" width="3.4" height="9.8" fill="#fff"/><rect x="14.4" y="19" width="3.4" height="1.6" fill="#fff"/><circle cx="16.1" cy="20.6" r="1.7" fill="#fff"/><circle cx="3.4" cy="7.9" r="1.7" fill="#fff"/><rect x="3.4" y="6.2" width="9.8" height="3.4" fill="#fff"/><rect x="19" y="6.2" width="1.6" height="3.4" fill="#fff"/><circle cx="20.6" cy="7.9" r="1.7" fill="#fff"/><circle cx="3.4" cy="16.1" r="1.7" fill="#fff"/><rect x="3.4" y="14.4" width="1.6" height="3.4" fill="#fff"/><rect x="10.8" y="14.4" width="9.8" height="3.4" fill="#fff"/><circle cx="20.6" cy="16.1" r="1.7" fill="#fff"/></g></svg>

package/dist/server/index.html ADDED Viewed

@@ -0,0 +1,161 @@
+<!doctype html>
+<html lang="en" class="coreloom-booting">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta name="theme-color" content="#ffffff" />
+		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+		<title>Coreloom Sandbox</title>
+		<style id="coreloom-critical-splash">
+			html,
+			body,
+			#root {
+				min-height: 100%;
+				margin: 0;
+				background: #ffffff;
+			}
+			.coreloom-splash {
+				position: fixed;
+				inset: 0;
+				z-index: 2147483647;
+				display: grid;
+				place-items: center;
+				background: #ffffff;
+				color: #141b2e;
+				transition: opacity 180ms ease;
+			}
+			.coreloom-splash__content {
+				display: grid;
+				justify-items: center;
+				gap: 14px;
+				font:
+					600 13px/1.2 ui-sans-serif,
+					system-ui,
+					sans-serif;
+				letter-spacing: 0.14em;
+				text-transform: uppercase;
+			}
+			.coreloom-splash__stage {
+				min-width: 190px;
+				font-size: 10px;
+				font-weight: 500;
+				color: #64738f;
+				letter-spacing: 0.08em;
+				text-align: center;
+				text-transform: none;
+			}
+			.coreloom-splash__mark {
+				display: block;
+				width: 40px;
+				height: 40px;
+				animation: coreloom-pulse 1.4s ease-in-out infinite alternate;
+			}
+			.coreloom-splash--leaving {
+				opacity: 0;
+				pointer-events: none;
+			}
+			@keyframes coreloom-pulse {
+				to {
+					opacity: 0.45;
+				}
+			}
+			@media (prefers-reduced-motion: reduce) {
+				.coreloom-splash__mark {
+					animation: none;
+				}
+			}
+		</style>
+		<!--ssr-head-->
+		<script type="module" crossorigin src="/assets/index-CvwhlQ87.js"></script>
+	</head>
+	<body aria-busy="true">
+		<div
+			id="coreloom-splash"
+			class="coreloom-splash"
+			role="status"
+			aria-live="polite"
+		>
+			<div class="coreloom-splash__content">
+				<svg
+					class="coreloom-splash__mark"
+					viewBox="0 0 24 24"
+					aria-hidden="true"
+				>
+					<g fill="#141b2e">
+						<circle cx="7.9" cy="3.4" r="1.7" />
+						<rect x="6.2" y="3.4" width="3.4" height="1.6" />
+						<rect x="6.2" y="10.8" width="3.4" height="9.8" />
+						<circle cx="7.9" cy="20.6" r="1.7" />
+						<circle cx="16.1" cy="3.4" r="1.7" />
+						<rect x="14.4" y="3.4" width="3.4" height="9.8" />
+						<rect x="14.4" y="19" width="3.4" height="1.6" />
+						<circle cx="16.1" cy="20.6" r="1.7" />
+					</g>
+					<g fill="#e08a45">
+						<circle cx="3.4" cy="7.9" r="1.7" />
+						<rect x="3.4" y="6.2" width="9.8" height="3.4" />
+						<rect x="19" y="6.2" width="1.6" height="3.4" />
+						<circle cx="20.6" cy="7.9" r="1.7" />
+						<circle cx="3.4" cy="16.1" r="1.7" />
+						<rect x="3.4" y="14.4" width="1.6" height="3.4" />
+						<rect x="10.8" y="14.4" width="9.8" height="3.4" />
+						<circle cx="20.6" cy="16.1" r="1.7" />
+					</g>
+				</svg>
+				<span>Coreloom sandbox</span>
+				<small id="coreloom-splash-stage" class="coreloom-splash__stage"
+					>Starting the sandbox</small
+				>
+			</div>
+		</div>
+		<div id="root"><!--ssr-body--></div>
+		<script>
+			(() => {
+				const startedAt = performance.now();
+				const stages = [
+					'Reading the workspace',
+					'Probing coding agents',
+					'Connecting to the application',
+					'Preparing sessions',
+				];
+				let stageIndex = 0;
+				let ready = false;
+				let stageTimer;
+				const stage = document.getElementById('coreloom-splash-stage');
+				const advance = () => {
+					if (!stage || ready) return;
+					stage.textContent = stages[Math.min(stageIndex, stages.length - 1)];
+					stageIndex += 1;
+				};
+				const finish = () => {
+					if (ready) return;
+					ready = true;
+					clearInterval(stageTimer);
+					const splash = document.getElementById('coreloom-splash');
+					if (!splash) return;
+					const leave = () => {
+						splash.classList.add('coreloom-splash--leaving');
+						document.documentElement.classList.remove('coreloom-booting');
+						document.body.setAttribute('aria-busy', 'false');
+						setTimeout(() => splash.remove(), 200);
+					};
+					const remaining = Math.max(0, 650 - (performance.now() - startedAt));
+					setTimeout(leave, remaining);
+				};
+				window.addEventListener('DOMContentLoaded', () => {
+					advance();
+					stageTimer = setInterval(advance, 320);
+				});
+				window.addEventListener('coreloom:ready', finish, { once: true });
+			})();
+		</script>
+		<noscript
+			><style>
+				.coreloom-splash {
+					display: none;
+				}
+			</style></noscript
+		>
+	<div hidden data-octane-hydrate-marker></div>
+</body>
+</html>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@flowdular/sandbox",
-	"version": "0.4.1",
+	"version": "0.4.3",
 	"description": "The Flowdular sandbox: chat a change, build it behind the gates, preview it in the real application, deliver it as code.",
 	"license": "MIT",
 	"homepage": "https://github.com/flowdular/flowdular/tree/main/packages/sandbox#readme",
@@ -57,7 +57,7 @@
 		"octane": "0.1.51",
 		"segment-state": "0.2.1",
 		"vite": "8.2.2",
-		"@flowdular/sdk": "0.4.1"
+		"@flowdular/sdk": "0.4.3"
 	},
 	"imports": {
 		"#coding-agent": "./internal/coding-agent/src/index.ts"

package/src/server/preview-worker-manager.ts CHANGED Viewed

@@ -184,9 +184,14 @@ function startWorker(
 		readable.add(sdkRoot);
 		addDependencies(sdkRoot);
 	} catch (error) {
+		/* A workspace nested inside another checkout resolves past the roots the
+		   host may read, and Node answers that with a denial rather than a miss;
+		   both mean this deployment has no consumer SDK to grant. */
+		const code = (error as NodeJS.ErrnoException).code;
 		if (
-			(error as NodeJS.ErrnoException).code !== 'MODULE_NOT_FOUND' &&
-			(error as NodeJS.ErrnoException).code !== 'ERR_PACKAGE_PATH_NOT_EXPORTED'
+			code !== 'MODULE_NOT_FOUND' &&
+			code !== 'ERR_PACKAGE_PATH_NOT_EXPORTED' &&
+			code !== 'ERR_ACCESS_DENIED'
 		)
 			throw error;
 	}