@ox-content/code-play 3.0.0-alpha.1

package/dist/hydrate2.mjs

@@ -0,0 +1,387 @@
+import { a as errorResult, i as errorMessage, n as createCodePlay, o as JS_SANDBOX_FLAGS, u as selectStream } from "./client.mjs";
+import { a as escapeHtml, p as resolveLanguage, t as decodePayload } from "./payload.mjs";
+//#region src/hydrate-action.ts
+function readPlayPayload(encoded) {
+	try {
+		return decodePayload(encoded);
+	} catch {
+		return;
+	}
+}
+async function runPlayAction(input) {
+	input.setBusy(true);
+	try {
+		input.onResult(await input.action());
+	} catch (error) {
+		input.onError(error);
+	} finally {
+		input.setBusy(false);
+	}
+}
+//#endregion
+//#region src/styles.ts
+const CODE_PLAY_STYLES = `
+.ox-code-play {
+  border: 1px solid var(--octc-color-border, color-mix(in srgb, currentColor 16%, transparent));
+  border-radius: 12px;
+  background: var(--octc-color-bg-alt, var(--octc-color-bg, Canvas));
+  color: var(--octc-color-text, CanvasText);
+  overflow: hidden;
+  margin: 1.25rem 0;
+}
+.ox-code-play__toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  align-items: center;
+  padding: 0.6rem 0.8rem;
+  border-bottom: 1px solid var(--octc-color-border, color-mix(in srgb, currentColor 12%, transparent));
+}
+.ox-code-play__lang {
+  font: 600 0.8rem/1.2 ui-sans-serif, system-ui, sans-serif;
+  margin-right: auto;
+  color: var(--octc-color-text, CanvasText);
+}
+.ox-code-play__toolbar button {
+  appearance: none;
+  border: 1px solid var(--octc-color-border, color-mix(in srgb, currentColor 20%, transparent));
+  background: color-mix(in srgb, var(--octc-color-text, CanvasText) 8%, transparent);
+  color: var(--octc-color-text, CanvasText);
+  border-radius: 999px;
+  padding: 0.25rem 0.75rem;
+  font: 600 0.75rem/1.4 ui-sans-serif, system-ui, sans-serif;
+  cursor: pointer;
+}
+.ox-code-play__toolbar button:disabled { opacity: 0.55; cursor: progress; }
+.ox-code-play .ox-code { margin: 0; }
+.ox-code-play__source pre { margin: 0; border: 0; border-radius: 0; }
+.ox-code-play__tabs {
+  display: flex;
+  gap: 0.25rem;
+  padding: 0.4rem 0.7rem 0;
+}
+.ox-code-play__tabs button {
+  appearance: none;
+  border: 0;
+  background: transparent;
+  color: var(--octc-color-text, CanvasText);
+  padding: 0.35rem 0.55rem;
+  border-radius: 8px 8px 0 0;
+  font: 600 0.75rem/1.2 ui-sans-serif, system-ui, sans-serif;
+  cursor: pointer;
+}
+.ox-code-play__tabs button[aria-selected="true"] {
+  background: color-mix(in srgb, var(--octc-color-text, CanvasText) 10%, transparent);
+}
+.ox-code-play__panel { padding: 0.7rem 0.8rem 0.9rem; color: var(--octc-color-text, CanvasText); }
+.ox-code-play__panel pre {
+  background: transparent !important;
+  color: inherit !important;
+  padding: 0 !important;
+  margin: 0 !important;
+  border: 0 !important;
+  border-radius: 0 !important;
+}
+.ox-code-play__empty { margin: 0; opacity: 0.7; font-size: 0.85rem; }
+.ox-code-play__stdio { font: 12px/1.45 ui-monospace, SFMono-Regular, monospace; }
+.ox-code-play__stdio-line { display: grid; grid-template-columns: 8.5rem 1fr; gap: 0.6rem; white-space: pre-wrap; }
+.ox-code-play__stdio-line--stderr { color: var(--octc-danger, #b42318); }
+.ox-code-play__stdio-line--stdin { opacity: 0.75; }
+.ox-code-play__stdio-meta { opacity: 0.6; }
+.ox-code-play__config { display: grid; gap: 0.55rem; }
+.ox-code-play__field { display: grid; gap: 0.25rem; font-size: 0.85rem; }
+.ox-code-play__field input, .ox-code-play__field select {
+  font: inherit;
+  padding: 0.3rem 0.45rem;
+  border-radius: 8px;
+  border: 1px solid var(--octc-color-border, color-mix(in srgb, currentColor 18%, transparent));
+  background: var(--octc-color-bg, Canvas);
+  color: var(--octc-color-text, CanvasText);
+}
+.ox-code-play__provenance { display: grid; gap: 0.6rem; margin: 0; }
+.ox-code-play__provenance dt { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.04em; opacity: 0.65; }
+.ox-code-play__provenance dd { margin: 0.15rem 0 0; }
+.ox-code-play__phase { margin: 0.45rem 0; }
+.ox-code-play__phase-meta { display: flex; justify-content: space-between; font-size: 0.8rem; }
+.ox-code-play__phase-bar {
+  height: 0.35rem;
+  margin-top: 0.25rem;
+  border-radius: 999px;
+  background: var(--octc-color-primary, var(--octc-accent, #4f46e5));
+}
+.ox-code-play__timing-total { margin: 0 0 0.4rem; font-weight: 600; }
+.ox-code-play__diags { margin: 0 0 0.6rem; padding-left: 1.1rem; }
+.ox-code-play__diag--error { color: var(--octc-danger, #b42318); }
+.ox-code-play__diag--warning { color: var(--octc-warning, #b54708); }
+.ox-code-play--compact .ox-code-play__tabs { display: none; }
+.ox-code-play--compact .ox-code-play__panel[data-panel]:not([data-panel="stdio"]):not([data-panel="stderr"]) { display: none; }
+`;
+//#endregion
+//#region src/viewers.ts
+function renderStdioHtml(events) {
+	if (events.length === 0) return `<p class="ox-code-play__stdio ox-code-play__empty">No stdio yet.</p>`;
+	return `<div class="ox-code-play__stdio" role="log">${events.map((event) => {
+		const time = event.timestampMs.toFixed(1);
+		return `<div class="ox-code-play__stdio-line ox-code-play__stdio-line--${event.stream}"><span class="ox-code-play__stdio-meta">${escapeHtml(event.stream)} +${escapeHtml(time)}ms</span><span class="ox-code-play__stdio-text">${escapeHtml(event.text)}</span></div>`;
+	}).join("")}</div>`;
+}
+/** Dedicated stderr viewer: stderr chunks plus error/warning diagnostics. */
+function renderStderrHtml(result) {
+	const chunks = selectStream(result?.stdio ?? [], "stderr");
+	const diagnostics = (result?.diagnostics ?? []).filter((diagnostic) => diagnostic.severity === "error" || diagnostic.severity === "warning");
+	if (chunks.length === 0 && diagnostics.length === 0) return `<p class="ox-code-play__empty">No stderr.</p>`;
+	const stream = chunks.length === 0 ? "" : renderStdioHtml(chunks);
+	if (diagnostics.length === 0) return stream;
+	return `${stream}<ul class="ox-code-play__diags">${diagnostics.map((diagnostic) => {
+		const place = diagnostic.line ? `:${diagnostic.line}${diagnostic.column ? `:${diagnostic.column}` : ""}` : "";
+		return `<li class="ox-code-play__diag ox-code-play__diag--${diagnostic.severity}">${escapeHtml(diagnostic.severity)}${escapeHtml(place)} ${escapeHtml(diagnostic.message)}</li>`;
+	}).join("")}</ul>`;
+}
+function renderConfigHtml(schema, config) {
+	if (schema.length === 0) return `<p class="ox-code-play__empty">This language has no editable config.</p>`;
+	return `<form class="ox-code-play__config">${schema.map((field) => {
+		const value = config[field.key] ?? field.default ?? "";
+		const label = `<label class="ox-code-play__field"><span>${escapeHtml(field.label)}</span>${renderField(field, value)}</label>`;
+		return field.description ? `${label}<p class="ox-code-play__field-help">${escapeHtml(field.description)}</p>` : label;
+	}).join("")}</form>`;
+}
+function renderProvenanceHtml(provenance) {
+	if (!provenance?.compile && !provenance?.execute) return `<p class="ox-code-play__empty">No provenance yet. Run or type-check a sample.</p>`;
+	return `<dl class="ox-code-play__provenance">${renderLocation("Compiled", provenance.compile)}${renderLocation("Executed", provenance.execute)}</dl>`;
+}
+function renderTimingHtml(timing) {
+	if (!timing || timing.phases.length === 0) return `<p class="ox-code-play__empty">No timing yet. Run or type-check a sample.</p>`;
+	const rows = timing.phases.map((phase) => {
+		const width = timing.totalMs > 0 ? Math.max(2, phase.durationMs / timing.totalMs * 100) : 0;
+		return `<div class="ox-code-play__phase"><div class="ox-code-play__phase-meta"><span>${escapeHtml(phase.label)}</span><span>${phase.durationMs.toFixed(1)}ms</span></div><div class="ox-code-play__phase-bar" style="width:${width.toFixed(1)}%"></div></div>`;
+	}).join("");
+	return `<div class="ox-code-play__timing"><p class="ox-code-play__timing-total">Total ${timing.totalMs.toFixed(1)}ms</p>${rows}</div>`;
+}
+function renderDiagnosticsHtml(result) {
+	if (!result?.diagnostics.length) return "";
+	return `<ul class="ox-code-play__diags">${result.diagnostics.map((diagnostic) => {
+		const place = diagnostic.line ? `:${diagnostic.line}${diagnostic.column ? `:${diagnostic.column}` : ""}` : "";
+		return `<li class="ox-code-play__diag ox-code-play__diag--${diagnostic.severity}">${escapeHtml(diagnostic.severity)}${escapeHtml(place)} ${escapeHtml(diagnostic.message)}</li>`;
+	}).join("")}</ul>`;
+}
+function renderField(field, value) {
+	const name = escapeHtml(field.key);
+	if (field.type === "boolean") return `<input type="checkbox" name="${name}" ${value ? "checked" : ""}>`;
+	if (field.type === "select") return `<select name="${name}">${(field.options ?? []).map((option) => `<option value="${escapeHtml(option.value)}" ${String(value) === option.value ? "selected" : ""}>${escapeHtml(option.label)}</option>`).join("")}</select>`;
+	return `<input type="${field.type === "number" ? "number" : "text"}" name="${name}" value="${escapeHtml(String(value))}">`;
+}
+function renderLocation(label, location) {
+	if (!location) return "";
+	const details = [
+		location.runtime,
+		location.version,
+		location.sandbox,
+		location.target
+	].filter(Boolean).join(" · ");
+	return `<div><dt>${escapeHtml(label)}</dt><dd><strong>${escapeHtml(location.host)}</strong>${details ? ` <span>${escapeHtml(details)}</span>` : ""}</dd></div>`;
+}
+//#endregion
+//#region src/ui.ts
+function renderPlayUi(state) {
+	const definition = resolveLanguage(state.payload.language);
+	const preset = state.payload.ui === "headless" ? "headless" : state.payload.ui;
+	if (preset === "headless") return "";
+	const panel = state.panel ?? "stdio";
+	const canTypecheck = state.payload.capabilities.typecheck;
+	const tabs = renderTabs(state, panel);
+	const viewers = state.payload.viewers;
+	return `<div class="ox-code-play ox-code-play--${preset}" data-ox-code-play-ui>
+  <div class="ox-code-play__toolbar">
+    <span class="ox-code-play__lang">${escapeHtml(definition?.name ?? state.payload.language)}</span>
+    <button type="button" data-ox-action="run"${actionButtonAttrs("run", Boolean(state.busy))}>Run</button>
+    ${canTypecheck ? `<button type="button" data-ox-action="typecheck"${actionButtonAttrs("typecheck", Boolean(state.busy))}>Typecheck</button>` : ""}
+    <button type="button" data-ox-action="cancel"${actionButtonAttrs("cancel", Boolean(state.busy))}>Cancel</button>
+  </div>
+  <div class="ox-code-play__source"></div>
+  ${tabs}
+  ${viewers.stdio ? `<div class="ox-code-play__panel" data-panel="stdio">${renderDiagnosticsHtml(state.result)}${renderStdioHtml(state.result?.stdio ?? [])}</div>` : ""}
+  ${viewers.stderr ? `<div class="ox-code-play__panel" data-panel="stderr"${hidden(panel, "stderr", preset)}>${renderStderrHtml(state.result)}</div>` : ""}
+  <div class="ox-code-play__panel" data-panel="config"${hidden(panel, "config", preset)}>${renderConfigHtml(definition?.configSchema ?? [], state.payload.config)}</div>
+  <div class="ox-code-play__panel" data-panel="provenance"${hidden(panel, "provenance", preset)}>${renderProvenanceHtml(state.result?.provenance)}</div>
+  <div class="ox-code-play__panel" data-panel="timing"${hidden(panel, "timing", preset)}>${renderTimingHtml(state.result?.timing)}</div>
+</div>`;
+}
+function renderTabs(state, panel) {
+	if (state.payload.ui === "compact") return "";
+	const viewers = state.payload.viewers;
+	const buttons = [
+		viewers.stdio ? tab("stdio", "stdio", panel) : "",
+		viewers.stderr ? tab("stderr", "stderr", panel) : "",
+		viewers.config ? tab("config", "config", panel) : "",
+		viewers.provenance ? tab("provenance", "provenance", panel) : "",
+		viewers.timing ? tab("timing", "timing", panel) : ""
+	].filter(Boolean).join("");
+	return buttons ? `<div class="ox-code-play__tabs" role="tablist">${buttons}</div>` : "";
+}
+function tab(id, label, selected) {
+	return `<button type="button" role="tab" data-ox-panel="${id}" aria-selected="${selected === id ? "true" : "false"}">${label}</button>`;
+}
+function actionButtonAttrs(action, busy) {
+	const state = actionBusyState(action, busy);
+	return `${state.disabled ? " disabled" : ""}${state.hidden ? " hidden" : ""}`;
+}
+function actionBusyState(action, busy) {
+	if (action === "cancel") return {
+		disabled: !busy,
+		hidden: !busy
+	};
+	return {
+		disabled: busy,
+		hidden: false
+	};
+}
+function applyActionBusy(root, busy) {
+	for (const button of root.querySelectorAll("button[data-ox-action]")) {
+		const state = actionBusyState(button.dataset.oxAction ?? "", busy);
+		button.disabled = state.disabled;
+		button.hidden = state.hidden;
+	}
+}
+function hidden(current, id, preset) {
+	if (preset === "compact" && (id === "stdio" || id === "stderr")) return "";
+	return current === id ? "" : " hidden";
+}
+//#endregion
+//#region src/hydrate.ts
+const STYLE_ID = "ox-code-play-styles";
+function hydrateCodePlay(root = defaultRoot(), options = {}) {
+	ensureStyles();
+	const client = options.client ?? createCodePlayFromPayloads(root);
+	for (const element of queryWidgets(root)) try {
+		mountCodePlay(element, { client });
+	} catch {}
+}
+function mountCodePlay(element, options = {}) {
+	if (!(element instanceof HTMLElement) || element.dataset.oxCodePlayMounted === "true") return;
+	const payload = readPlayPayload(element.getAttribute("data-ox-code-play") ?? "");
+	if (!payload || payload.ui === "headless") return;
+	const client = options.client ?? createCodePlay({
+		languages: { [payload.language]: true },
+		endpoints: payload.endpoints
+	});
+	const source = element.innerHTML;
+	const ui = document.createElement("div");
+	ui.innerHTML = renderPlayUi({ payload });
+	const widget = ui.firstElementChild;
+	if (!widget) return;
+	const sourceSlot = widget.querySelector(".ox-code-play__source");
+	if (sourceSlot) sourceSlot.innerHTML = source;
+	element.replaceChildren(widget);
+	element.dataset.oxCodePlayMounted = "true";
+	bindWidget(element, payload, client);
+}
+function bindWidget(element, payload, client) {
+	let current = payload;
+	const session = client.createSession({
+		language: payload.language,
+		code: payload.code,
+		config: payload.config
+	});
+	const runButton = element.querySelector("[data-ox-action=\"run\"]");
+	const checkButton = element.querySelector("[data-ox-action=\"typecheck\"]");
+	const cancelButton = element.querySelector("[data-ox-action=\"cancel\"]");
+	runButton?.addEventListener("click", () => void run("execute"));
+	checkButton?.addEventListener("click", () => void run("typecheck"));
+	cancelButton?.addEventListener("click", () => session.cancel());
+	element.addEventListener("click", (event) => {
+		const target = event.target;
+		if (!(target instanceof HTMLElement)) return;
+		const panel = target.dataset.oxPanel;
+		if (panel) showPanel(element, panel);
+	});
+	element.addEventListener("change", (event) => {
+		const form = event.target?.closest("form");
+		if (!form) return;
+		session.setConfig(readForm(form));
+		current = {
+			...current,
+			config: session.config
+		};
+	});
+	async function run(action) {
+		await runPlayAction({
+			action: () => action === "typecheck" ? session.typecheck() : session.run(),
+			setBusy: (busy) => applyActionBusy(element, busy),
+			onResult: (result) => paintResult(element, current, result),
+			onError: (error) => paintResult(element, current, errorResult(errorMessage(error)))
+		});
+	}
+}
+function paintResult(element, _payload, result) {
+	const stdio = element.querySelector("[data-panel=\"stdio\"]");
+	if (stdio) {
+		stdio.innerHTML = `${renderDiagnosticsHtml(result)}${renderStdioHtml(result.stdio)}`;
+		if (result.preview) {
+			const frame = document.createElement("iframe");
+			frame.setAttribute("sandbox", JS_SANDBOX_FLAGS);
+			frame.srcdoc = result.preview.html;
+			frame.title = "Code Play preview";
+			frame.style.width = "100%";
+			frame.style.minHeight = "12rem";
+			frame.style.border = "0";
+			stdio.append(frame);
+		}
+	}
+	const provenance = element.querySelector("[data-panel=\"provenance\"]");
+	if (provenance) provenance.innerHTML = renderProvenanceHtml(result.provenance);
+	const timing = element.querySelector("[data-panel=\"timing\"]");
+	if (timing) timing.innerHTML = renderTimingHtml(result.timing);
+	const stderr = element.querySelector("[data-panel=\"stderr\"]");
+	if (stderr) stderr.innerHTML = renderStderrHtml(result);
+	showPanel(element, Boolean(stderr) && (Boolean(result.stderr) || result.diagnostics.some((diagnostic) => diagnostic.severity === "error")) ? "stderr" : "stdio");
+}
+function showPanel(element, panel) {
+	const compact = Boolean(element.querySelector(".ox-code-play--compact"));
+	for (const tab of element.querySelectorAll("[data-ox-panel]")) tab.setAttribute("aria-selected", tab.getAttribute("data-ox-panel") === panel ? "true" : "false");
+	for (const node of element.querySelectorAll(".ox-code-play__panel")) {
+		const id = node.dataset.panel;
+		if (compact && (id === "stdio" || id === "stderr")) {
+			node.hidden = false;
+			continue;
+		}
+		node.hidden = id !== panel;
+	}
+}
+function readForm(form) {
+	const data = new FormData(form);
+	const config = {};
+	for (const [key, value] of data.entries()) config[key] = value === "on" ? true : value;
+	for (const input of form.querySelectorAll("input[type=\"checkbox\"]")) config[input.name] = input.checked;
+	return config;
+}
+function createCodePlayFromPayloads(root) {
+	const languages = {};
+	let endpoints;
+	for (const element of queryWidgets(root)) try {
+		const payload = decodePayload(element.getAttribute("data-ox-code-play") ?? "");
+		languages[payload.language] = true;
+		endpoints = payload.endpoints ?? endpoints;
+	} catch {}
+	return createCodePlay({
+		languages,
+		endpoints
+	});
+}
+function queryWidgets(root) {
+	return [...root.querySelectorAll("[data-ox-code-play]")];
+}
+function ensureStyles() {
+	if (typeof document === "undefined" || document.getElementById(STYLE_ID)) return;
+	const style = document.createElement("style");
+	style.id = STYLE_ID;
+	style.textContent = CODE_PLAY_STYLES;
+	document.head.append(style);
+}
+function defaultRoot() {
+	if (typeof document === "undefined") throw new Error("hydrateCodePlay() needs a DOM root.");
+	return document;
+}
+//#endregion
+export { renderDiagnosticsHtml as a, renderStdioHtml as c, renderConfigHtml as i, renderTimingHtml as l, mountCodePlay as n, renderProvenanceHtml as o, renderPlayUi as r, renderStderrHtml as s, hydrateCodePlay as t, CODE_PLAY_STYLES as u };
+
+//# sourceMappingURL=hydrate2.mjs.map

package/dist/hydrate2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydrate2.mjs","names":[],"sources":["../src/hydrate-action.ts","../src/styles.ts","../src/viewers.ts","../src/ui.ts","../src/hydrate.ts"],"sourcesContent":["import { decodePayload } from \"./payload\";\nimport type { PlayPayload, RunResult } from \"./types\";\n\nexport function readPlayPayload(encoded: string): PlayPayload | undefined {\n  try {\n    return decodePayload(encoded);\n  } catch {\n    return undefined;\n  }\n}\n\nexport async function runPlayAction(input: {\n  action: () => Promise<RunResult>;\n  setBusy: (busy: boolean) => void;\n  onResult: (result: RunResult) => void;\n  onError: (error: unknown) => void;\n}): Promise<void> {\n  input.setBusy(true);\n  try {\n    input.onResult(await input.action());\n  } catch (error) {\n    input.onError(error);\n  } finally {\n    input.setBusy(false);\n  }\n}\n","export const CODE_PLAY_STYLES = `\n.ox-code-play {\n  border: 1px solid var(--octc-color-border, color-mix(in srgb, currentColor 16%, transparent));\n  border-radius: 12px;\n  background: var(--octc-color-bg-alt, var(--octc-color-bg, Canvas));\n  color: var(--octc-color-text, CanvasText);\n  overflow: hidden;\n  margin: 1.25rem 0;\n}\n.ox-code-play__toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n  align-items: center;\n  padding: 0.6rem 0.8rem;\n  border-bottom: 1px solid var(--octc-color-border, color-mix(in srgb, currentColor 12%, transparent));\n}\n.ox-code-play__lang {\n  font: 600 0.8rem/1.2 ui-sans-serif, system-ui, sans-serif;\n  margin-right: auto;\n  color: var(--octc-color-text, CanvasText);\n}\n.ox-code-play__toolbar button {\n  appearance: none;\n  border: 1px solid var(--octc-color-border, color-mix(in srgb, currentColor 20%, transparent));\n  background: color-mix(in srgb, var(--octc-color-text, CanvasText) 8%, transparent);\n  color: var(--octc-color-text, CanvasText);\n  border-radius: 999px;\n  padding: 0.25rem 0.75rem;\n  font: 600 0.75rem/1.4 ui-sans-serif, system-ui, sans-serif;\n  cursor: pointer;\n}\n.ox-code-play__toolbar button:disabled { opacity: 0.55; cursor: progress; }\n.ox-code-play .ox-code { margin: 0; }\n.ox-code-play__source pre { margin: 0; border: 0; border-radius: 0; }\n.ox-code-play__tabs {\n  display: flex;\n  gap: 0.25rem;\n  padding: 0.4rem 0.7rem 0;\n}\n.ox-code-play__tabs button {\n  appearance: none;\n  border: 0;\n  background: transparent;\n  color: var(--octc-color-text, CanvasText);\n  padding: 0.35rem 0.55rem;\n  border-radius: 8px 8px 0 0;\n  font: 600 0.75rem/1.2 ui-sans-serif, system-ui, sans-serif;\n  cursor: pointer;\n}\n.ox-code-play__tabs button[aria-selected=\"true\"] {\n  background: color-mix(in srgb, var(--octc-color-text, CanvasText) 10%, transparent);\n}\n.ox-code-play__panel { padding: 0.7rem 0.8rem 0.9rem; color: var(--octc-color-text, CanvasText); }\n.ox-code-play__panel pre {\n  background: transparent !important;\n  color: inherit !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n}\n.ox-code-play__empty { margin: 0; opacity: 0.7; font-size: 0.85rem; }\n.ox-code-play__stdio { font: 12px/1.45 ui-monospace, SFMono-Regular, monospace; }\n.ox-code-play__stdio-line { display: grid; grid-template-columns: 8.5rem 1fr; gap: 0.6rem; white-space: pre-wrap; }\n.ox-code-play__stdio-line--stderr { color: var(--octc-danger, #b42318); }\n.ox-code-play__stdio-line--stdin { opacity: 0.75; }\n.ox-code-play__stdio-meta { opacity: 0.6; }\n.ox-code-play__config { display: grid; gap: 0.55rem; }\n.ox-code-play__field { display: grid; gap: 0.25rem; font-size: 0.85rem; }\n.ox-code-play__field input, .ox-code-play__field select {\n  font: inherit;\n  padding: 0.3rem 0.45rem;\n  border-radius: 8px;\n  border: 1px solid var(--octc-color-border, color-mix(in srgb, currentColor 18%, transparent));\n  background: var(--octc-color-bg, Canvas);\n  color: var(--octc-color-text, CanvasText);\n}\n.ox-code-play__provenance { display: grid; gap: 0.6rem; margin: 0; }\n.ox-code-play__provenance dt { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.04em; opacity: 0.65; }\n.ox-code-play__provenance dd { margin: 0.15rem 0 0; }\n.ox-code-play__phase { margin: 0.45rem 0; }\n.ox-code-play__phase-meta { display: flex; justify-content: space-between; font-size: 0.8rem; }\n.ox-code-play__phase-bar {\n  height: 0.35rem;\n  margin-top: 0.25rem;\n  border-radius: 999px;\n  background: var(--octc-color-primary, var(--octc-accent, #4f46e5));\n}\n.ox-code-play__timing-total { margin: 0 0 0.4rem; font-weight: 600; }\n.ox-code-play__diags { margin: 0 0 0.6rem; padding-left: 1.1rem; }\n.ox-code-play__diag--error { color: var(--octc-danger, #b42318); }\n.ox-code-play__diag--warning { color: var(--octc-warning, #b54708); }\n.ox-code-play--compact .ox-code-play__tabs { display: none; }\n.ox-code-play--compact .ox-code-play__panel[data-panel]:not([data-panel=\"stdio\"]):not([data-panel=\"stderr\"]) { display: none; }\n`;\n","import { escapeHtml } from \"./escape\";\nimport { selectStream } from \"./stdio\";\nimport type { ConfigField, Provenance, RunResult, StdioEvent, TimingReport } from \"./types\";\n\nexport function renderStdioHtml(events: StdioEvent[]): string {\n  if (events.length === 0) {\n    return `<p class=\"ox-code-play__stdio ox-code-play__empty\">No stdio yet.</p>`;\n  }\n  const lines = events\n    .map((event) => {\n      const time = event.timestampMs.toFixed(1);\n      return `<div class=\"ox-code-play__stdio-line ox-code-play__stdio-line--${event.stream}\"><span class=\"ox-code-play__stdio-meta\">${escapeHtml(event.stream)} +${escapeHtml(time)}ms</span><span class=\"ox-code-play__stdio-text\">${escapeHtml(event.text)}</span></div>`;\n    })\n    .join(\"\");\n  return `<div class=\"ox-code-play__stdio\" role=\"log\">${lines}</div>`;\n}\n\n/** Dedicated stderr viewer: stderr chunks plus error/warning diagnostics. */\nexport function renderStderrHtml(result: RunResult | undefined): string {\n  const chunks = selectStream(result?.stdio ?? [], \"stderr\");\n  const diagnostics = (result?.diagnostics ?? []).filter(\n    (diagnostic) => diagnostic.severity === \"error\" || diagnostic.severity === \"warning\",\n  );\n  if (chunks.length === 0 && diagnostics.length === 0) {\n    return `<p class=\"ox-code-play__empty\">No stderr.</p>`;\n  }\n  const stream = chunks.length === 0 ? \"\" : renderStdioHtml(chunks);\n  if (diagnostics.length === 0) {\n    return stream;\n  }\n  const items = diagnostics\n    .map((diagnostic) => {\n      const place = diagnostic.line\n        ? `:${diagnostic.line}${diagnostic.column ? `:${diagnostic.column}` : \"\"}`\n        : \"\";\n      return `<li class=\"ox-code-play__diag ox-code-play__diag--${diagnostic.severity}\">${escapeHtml(diagnostic.severity)}${escapeHtml(place)} ${escapeHtml(diagnostic.message)}</li>`;\n    })\n    .join(\"\");\n  return `${stream}<ul class=\"ox-code-play__diags\">${items}</ul>`;\n}\n\nexport function renderConfigHtml(schema: ConfigField[], config: Record<string, unknown>): string {\n  if (schema.length === 0) {\n    return `<p class=\"ox-code-play__empty\">This language has no editable config.</p>`;\n  }\n  const fields = schema\n    .map((field) => {\n      const value = config[field.key] ?? field.default ?? \"\";\n      const label = `<label class=\"ox-code-play__field\"><span>${escapeHtml(field.label)}</span>${renderField(field, value)}</label>`;\n      return field.description\n        ? `${label}<p class=\"ox-code-play__field-help\">${escapeHtml(field.description)}</p>`\n        : label;\n    })\n    .join(\"\");\n  return `<form class=\"ox-code-play__config\">${fields}</form>`;\n}\n\nexport function renderProvenanceHtml(provenance: Provenance | undefined): string {\n  if (!provenance?.compile && !provenance?.execute) {\n    return `<p class=\"ox-code-play__empty\">No provenance yet. Run or type-check a sample.</p>`;\n  }\n  return `<dl class=\"ox-code-play__provenance\">${renderLocation(\"Compiled\", provenance.compile)}${renderLocation(\"Executed\", provenance.execute)}</dl>`;\n}\n\nexport function renderTimingHtml(timing: TimingReport | undefined): string {\n  if (!timing || timing.phases.length === 0) {\n    return `<p class=\"ox-code-play__empty\">No timing yet. Run or type-check a sample.</p>`;\n  }\n  const rows = timing.phases\n    .map((phase) => {\n      const width = timing.totalMs > 0 ? Math.max(2, (phase.durationMs / timing.totalMs) * 100) : 0;\n      return `<div class=\"ox-code-play__phase\"><div class=\"ox-code-play__phase-meta\"><span>${escapeHtml(phase.label)}</span><span>${phase.durationMs.toFixed(1)}ms</span></div><div class=\"ox-code-play__phase-bar\" style=\"width:${width.toFixed(1)}%\"></div></div>`;\n    })\n    .join(\"\");\n  return `<div class=\"ox-code-play__timing\"><p class=\"ox-code-play__timing-total\">Total ${timing.totalMs.toFixed(1)}ms</p>${rows}</div>`;\n}\n\nexport function renderDiagnosticsHtml(result: RunResult | undefined): string {\n  if (!result?.diagnostics.length) {\n    return \"\";\n  }\n  const items = result.diagnostics\n    .map((diagnostic) => {\n      const place = diagnostic.line\n        ? `:${diagnostic.line}${diagnostic.column ? `:${diagnostic.column}` : \"\"}`\n        : \"\";\n      return `<li class=\"ox-code-play__diag ox-code-play__diag--${diagnostic.severity}\">${escapeHtml(diagnostic.severity)}${escapeHtml(place)} ${escapeHtml(diagnostic.message)}</li>`;\n    })\n    .join(\"\");\n  return `<ul class=\"ox-code-play__diags\">${items}</ul>`;\n}\n\nfunction renderField(field: ConfigField, value: unknown): string {\n  const name = escapeHtml(field.key);\n  if (field.type === \"boolean\") {\n    return `<input type=\"checkbox\" name=\"${name}\" ${value ? \"checked\" : \"\"}>`;\n  }\n  if (field.type === \"select\") {\n    const options = (field.options ?? [])\n      .map(\n        (option) =>\n          `<option value=\"${escapeHtml(option.value)}\" ${String(value) === option.value ? \"selected\" : \"\"}>${escapeHtml(option.label)}</option>`,\n      )\n      .join(\"\");\n    return `<select name=\"${name}\">${options}</select>`;\n  }\n  const inputType = field.type === \"number\" ? \"number\" : \"text\";\n  return `<input type=\"${inputType}\" name=\"${name}\" value=\"${escapeHtml(String(value))}\">`;\n}\n\nfunction renderLocation(label: string, location: Provenance[\"compile\"]): string {\n  if (!location) {\n    return \"\";\n  }\n  const details = [location.runtime, location.version, location.sandbox, location.target]\n    .filter(Boolean)\n    .join(\" · \");\n  return `<div><dt>${escapeHtml(label)}</dt><dd><strong>${escapeHtml(location.host)}</strong>${details ? ` <span>${escapeHtml(details)}</span>` : \"\"}</dd></div>`;\n}\n","import { resolveLanguage } from \"./catalog\";\nimport { escapeHtml } from \"./escape\";\nimport type { CodePlayPreset, PlayPayload, RunResult } from \"./types\";\nimport {\n  renderConfigHtml,\n  renderDiagnosticsHtml,\n  renderProvenanceHtml,\n  renderStderrHtml,\n  renderStdioHtml,\n  renderTimingHtml,\n} from \"./viewers\";\n\nexport interface UiState {\n  payload: PlayPayload;\n  result?: RunResult;\n  busy?: boolean;\n  panel?: \"stdio\" | \"stderr\" | \"config\" | \"provenance\" | \"timing\";\n}\n\nexport function renderPlayUi(state: UiState): string {\n  const definition = resolveLanguage(state.payload.language);\n  const preset: CodePlayPreset = state.payload.ui === \"headless\" ? \"headless\" : state.payload.ui;\n  if (preset === \"headless\") {\n    return \"\";\n  }\n  const panel = state.panel ?? \"stdio\";\n  const canTypecheck = state.payload.capabilities.typecheck;\n  const tabs = renderTabs(state, panel);\n  const viewers = state.payload.viewers;\n  return `<div class=\"ox-code-play ox-code-play--${preset}\" data-ox-code-play-ui>\n  <div class=\"ox-code-play__toolbar\">\n    <span class=\"ox-code-play__lang\">${escapeHtml(definition?.name ?? state.payload.language)}</span>\n    <button type=\"button\" data-ox-action=\"run\"${actionButtonAttrs(\"run\", Boolean(state.busy))}>Run</button>\n    ${canTypecheck ? `<button type=\"button\" data-ox-action=\"typecheck\"${actionButtonAttrs(\"typecheck\", Boolean(state.busy))}>Typecheck</button>` : \"\"}\n    <button type=\"button\" data-ox-action=\"cancel\"${actionButtonAttrs(\"cancel\", Boolean(state.busy))}>Cancel</button>\n  </div>\n  <div class=\"ox-code-play__source\"></div>\n  ${tabs}\n  ${viewers.stdio ? `<div class=\"ox-code-play__panel\" data-panel=\"stdio\">${renderDiagnosticsHtml(state.result)}${renderStdioHtml(state.result?.stdio ?? [])}</div>` : \"\"}\n  ${viewers.stderr ? `<div class=\"ox-code-play__panel\" data-panel=\"stderr\"${hidden(panel, \"stderr\", preset)}>${renderStderrHtml(state.result)}</div>` : \"\"}\n  <div class=\"ox-code-play__panel\" data-panel=\"config\"${hidden(panel, \"config\", preset)}>${renderConfigHtml(definition?.configSchema ?? [], state.payload.config)}</div>\n  <div class=\"ox-code-play__panel\" data-panel=\"provenance\"${hidden(panel, \"provenance\", preset)}>${renderProvenanceHtml(state.result?.provenance)}</div>\n  <div class=\"ox-code-play__panel\" data-panel=\"timing\"${hidden(panel, \"timing\", preset)}>${renderTimingHtml(state.result?.timing)}</div>\n</div>`;\n}\n\nfunction renderTabs(state: UiState, panel: string): string {\n  if (state.payload.ui === \"compact\") {\n    return \"\";\n  }\n  const viewers = state.payload.viewers;\n  const buttons = [\n    viewers.stdio ? tab(\"stdio\", \"stdio\", panel) : \"\",\n    viewers.stderr ? tab(\"stderr\", \"stderr\", panel) : \"\",\n    viewers.config ? tab(\"config\", \"config\", panel) : \"\",\n    viewers.provenance ? tab(\"provenance\", \"provenance\", panel) : \"\",\n    viewers.timing ? tab(\"timing\", \"timing\", panel) : \"\",\n  ]\n    .filter(Boolean)\n    .join(\"\");\n  return buttons ? `<div class=\"ox-code-play__tabs\" role=\"tablist\">${buttons}</div>` : \"\";\n}\n\nfunction tab(id: string, label: string, selected: string): string {\n  return `<button type=\"button\" role=\"tab\" data-ox-panel=\"${id}\" aria-selected=\"${selected === id ? \"true\" : \"false\"}\">${label}</button>`;\n}\n\nexport function actionButtonAttrs(action: string, busy: boolean): string {\n  const state = actionBusyState(action, busy);\n  return `${state.disabled ? \" disabled\" : \"\"}${state.hidden ? \" hidden\" : \"\"}`;\n}\n\nexport function actionBusyState(\n  action: string,\n  busy: boolean,\n): { disabled: boolean; hidden: boolean } {\n  if (action === \"cancel\") {\n    return { disabled: !busy, hidden: !busy };\n  }\n  return { disabled: busy, hidden: false };\n}\n\nexport function applyActionBusy(root: ParentNode, busy: boolean): void {\n  for (const button of root.querySelectorAll<HTMLButtonElement>(\"button[data-ox-action]\")) {\n    const state = actionBusyState(button.dataset.oxAction ?? \"\", busy);\n    button.disabled = state.disabled;\n    button.hidden = state.hidden;\n  }\n}\n\nfunction hidden(current: string, id: string, preset: CodePlayPreset): string {\n  if (preset === \"compact\" && (id === \"stdio\" || id === \"stderr\")) {\n    return \"\";\n  }\n  return current === id ? \"\" : \" hidden\";\n}\n","import { createCodePlay, type CodePlayClient } from \"./client\";\nimport { readPlayPayload, runPlayAction } from \"./hydrate-action\";\nimport { decodePayload, encodePayload } from \"./payload\";\nimport { errorMessage, errorResult } from \"./result\";\nimport { CODE_PLAY_STYLES } from \"./styles\";\nimport { JS_SANDBOX_FLAGS } from \"./javascript-sandbox\";\nimport { applyActionBusy, renderPlayUi } from \"./ui\";\nimport type { PlayPayload, RunResult } from \"./types\";\nimport {\n  renderDiagnosticsHtml,\n  renderProvenanceHtml,\n  renderStderrHtml,\n  renderStdioHtml,\n  renderTimingHtml,\n} from \"./viewers\";\n\nexport interface HydrateOptions {\n  client?: CodePlayClient;\n  root?: ParentNode;\n}\n\nconst STYLE_ID = \"ox-code-play-styles\";\n\nexport function hydrateCodePlay(\n  root: ParentNode = defaultRoot(),\n  options: HydrateOptions = {},\n): void {\n  ensureStyles();\n  const client = options.client ?? createCodePlayFromPayloads(root);\n  for (const element of queryWidgets(root)) {\n    try {\n      mountCodePlay(element, { client });\n    } catch {\n      // One broken widget must not abort the rest of the page.\n    }\n  }\n}\n\nexport function mountCodePlay(element: Element, options: { client?: CodePlayClient } = {}): void {\n  if (!(element instanceof HTMLElement) || element.dataset.oxCodePlayMounted === \"true\") {\n    return;\n  }\n  const payload = readPlayPayload(element.getAttribute(\"data-ox-code-play\") ?? \"\");\n  if (!payload || payload.ui === \"headless\") {\n    return;\n  }\n  const client =\n    options.client ??\n    createCodePlay({\n      languages: { [payload.language]: true },\n      endpoints: payload.endpoints,\n    });\n  const source = element.innerHTML;\n  const ui = document.createElement(\"div\");\n  ui.innerHTML = renderPlayUi({ payload });\n  const widget = ui.firstElementChild;\n  if (!widget) {\n    return;\n  }\n  const sourceSlot = widget.querySelector(\".ox-code-play__source\");\n  if (sourceSlot) {\n    sourceSlot.innerHTML = source;\n  }\n  element.replaceChildren(widget);\n  element.dataset.oxCodePlayMounted = \"true\";\n  bindWidget(element, payload, client);\n}\n\nfunction bindWidget(element: HTMLElement, payload: PlayPayload, client: CodePlayClient): void {\n  let current = payload;\n  const session = client.createSession({\n    language: payload.language,\n    code: payload.code,\n    config: payload.config,\n  });\n  const runButton = element.querySelector<HTMLButtonElement>('[data-ox-action=\"run\"]');\n  const checkButton = element.querySelector<HTMLButtonElement>('[data-ox-action=\"typecheck\"]');\n  const cancelButton = element.querySelector<HTMLButtonElement>('[data-ox-action=\"cancel\"]');\n  runButton?.addEventListener(\"click\", () => void run(\"execute\"));\n  checkButton?.addEventListener(\"click\", () => void run(\"typecheck\"));\n  cancelButton?.addEventListener(\"click\", () => session.cancel());\n  element.addEventListener(\"click\", (event) => {\n    const target = event.target;\n    if (!(target instanceof HTMLElement)) {\n      return;\n    }\n    const panel = target.dataset.oxPanel;\n    if (panel) {\n      showPanel(element, panel);\n    }\n  });\n  element.addEventListener(\"change\", (event) => {\n    const form = (event.target as HTMLElement | null)?.closest(\"form\");\n    if (!form) {\n      return;\n    }\n    session.setConfig(readForm(form));\n    current = { ...current, config: session.config };\n  });\n\n  async function run(action: \"execute\" | \"typecheck\"): Promise<void> {\n    await runPlayAction({\n      action: () => (action === \"typecheck\" ? session.typecheck() : session.run()),\n      setBusy: (busy) => applyActionBusy(element, busy),\n      onResult: (result) => paintResult(element, current, result),\n      onError: (error) => paintResult(element, current, errorResult(errorMessage(error))),\n    });\n  }\n}\n\nfunction paintResult(element: HTMLElement, _payload: PlayPayload, result: RunResult): void {\n  const stdio = element.querySelector('[data-panel=\"stdio\"]');\n  if (stdio) {\n    stdio.innerHTML = `${renderDiagnosticsHtml(result)}${renderStdioHtml(result.stdio)}`;\n    if (result.preview) {\n      const frame = document.createElement(\"iframe\");\n      frame.setAttribute(\"sandbox\", JS_SANDBOX_FLAGS);\n      frame.srcdoc = result.preview.html;\n      frame.title = \"Code Play preview\";\n      frame.style.width = \"100%\";\n      frame.style.minHeight = \"12rem\";\n      frame.style.border = \"0\";\n      stdio.append(frame);\n    }\n  }\n  const provenance = element.querySelector('[data-panel=\"provenance\"]');\n  if (provenance) {\n    provenance.innerHTML = renderProvenanceHtml(result.provenance);\n  }\n  const timing = element.querySelector('[data-panel=\"timing\"]');\n  if (timing) {\n    timing.innerHTML = renderTimingHtml(result.timing);\n  }\n  const stderr = element.querySelector('[data-panel=\"stderr\"]');\n  if (stderr) {\n    stderr.innerHTML = renderStderrHtml(result);\n  }\n  const focusStderr =\n    Boolean(stderr) &&\n    (Boolean(result.stderr) ||\n      result.diagnostics.some((diagnostic) => diagnostic.severity === \"error\"));\n  showPanel(element, focusStderr ? \"stderr\" : \"stdio\");\n}\n\nfunction showPanel(element: HTMLElement, panel: string): void {\n  const compact = Boolean(element.querySelector(\".ox-code-play--compact\"));\n  for (const tab of element.querySelectorAll(\"[data-ox-panel]\")) {\n    tab.setAttribute(\n      \"aria-selected\",\n      tab.getAttribute(\"data-ox-panel\") === panel ? \"true\" : \"false\",\n    );\n  }\n  for (const node of element.querySelectorAll<HTMLElement>(\".ox-code-play__panel\")) {\n    const id = node.dataset.panel;\n    if (compact && (id === \"stdio\" || id === \"stderr\")) {\n      node.hidden = false;\n      continue;\n    }\n    node.hidden = id !== panel;\n  }\n}\n\nfunction readForm(form: HTMLFormElement): Record<string, unknown> {\n  const data = new FormData(form);\n  const config: Record<string, unknown> = {};\n  for (const [key, value] of data.entries()) {\n    config[key] = value === \"on\" ? true : value;\n  }\n  for (const input of form.querySelectorAll<HTMLInputElement>('input[type=\"checkbox\"]')) {\n    config[input.name] = input.checked;\n  }\n  return config;\n}\n\nfunction createCodePlayFromPayloads(root: ParentNode) {\n  const languages: Record<string, true> = {};\n  let endpoints;\n  for (const element of queryWidgets(root)) {\n    try {\n      const payload = decodePayload(element.getAttribute(\"data-ox-code-play\") ?? \"\");\n      languages[payload.language] = true;\n      endpoints = payload.endpoints ?? endpoints;\n    } catch {\n      // Ignore malformed widgets so one bad payload cannot block the page.\n    }\n  }\n  return createCodePlay({ languages, endpoints });\n}\n\nfunction queryWidgets(root: ParentNode): HTMLElement[] {\n  return [...root.querySelectorAll<HTMLElement>(\"[data-ox-code-play]\")];\n}\n\nfunction ensureStyles(): void {\n  if (typeof document === \"undefined\" || document.getElementById(STYLE_ID)) {\n    return;\n  }\n  const style = document.createElement(\"style\");\n  style.id = STYLE_ID;\n  style.textContent = CODE_PLAY_STYLES;\n  document.head.append(style);\n}\n\nfunction defaultRoot(): ParentNode {\n  if (typeof document === \"undefined\") {\n    throw new Error(\"hydrateCodePlay() needs a DOM root.\");\n  }\n  return document;\n}\n\nexport { encodePayload, decodePayload };\n"],"mappings":"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"}

package/dist/index.d.mts

@@ -0,0 +1,88 @@
+import { t as bootCodePlay } from "./boot.mjs";
+import { C as TimingReport, D as ViewerFlags, S as StdioStream, T as TransportResponse, _ as RunResult, a as resolveCodePlayOptions, b as SessionInput, c as CodePlayTransport, d as LanguageDefinition, f as LanguageEnable, h as Provenance, i as ResolvedCodePlayOptions, l as ConfigField, m as PlaygroundEndpoints, n as DEFAULT_VIEWERS, o as AdapterResult, p as PlayPayload, r as RawCodePlayOptions, s as CodePlayPreset, t as DEFAULT_ENDPOINTS, u as Diagnostic, w as TransportRequest, x as StdioEvent } from "./config.mjs";
+import { a as encodePayload, c as createCodePlay, i as decodePayload, l as CodePlaySession, n as hydrateCodePlay, o as CodePlayClient, r as mountCodePlay, s as CodePlayClientOptions } from "./hydrate.mjs";
+import { CodePlayOptions as CodePlayPluginOptions, codePlay } from "./plugin.mjs";
+//#region src/catalog.d.ts
+declare const LANGUAGE_CATALOG: LanguageDefinition[];
+declare function resolveLanguage(input: string): LanguageDefinition | undefined;
+declare function listLanguages(): LanguageDefinition[];
+//#endregion
+//#region src/stdio.d.ts
+declare function joinStream(events: StdioEvent[], stream: StdioStream): string;
+declare function selectStream(events: StdioEvent[], stream: StdioStream): StdioEvent[];
+declare function withStdioText<T extends {
+  stdio: StdioEvent[];
+}>(result: T): T & {
+  stdout: string;
+  stderr: string;
+};
+//#endregion
+//#region src/transport.d.ts
+declare function createFetchTransport(fetchImpl?: typeof fetch): CodePlayTransport;
+declare function createMemoryTransport(handler: (input: TransportRequest) => TransportResponse | Promise<TransportResponse>): CodePlayTransport;
+//#endregion
+//#region src/ui.d.ts
+interface UiState {
+  payload: PlayPayload;
+  result?: RunResult;
+  busy?: boolean;
+  panel?: "stdio" | "stderr" | "config" | "provenance" | "timing";
+}
+declare function renderPlayUi(state: UiState): string;
+//#endregion
+//#region src/viewers.d.ts
+declare function renderStdioHtml(events: StdioEvent[]): string;
+/** Dedicated stderr viewer: stderr chunks plus error/warning diagnostics. */
+declare function renderStderrHtml(result: RunResult | undefined): string;
+declare function renderConfigHtml(schema: ConfigField[], config: Record<string, unknown>): string;
+declare function renderProvenanceHtml(provenance: Provenance | undefined): string;
+declare function renderTimingHtml(timing: TimingReport | undefined): string;
+declare function renderDiagnosticsHtml(result: RunResult | undefined): string;
+//#endregion
+//#region src/markdown.d.ts
+interface PlayFence {
+  language: string;
+  meta: string;
+  code: string;
+  raw: string;
+  start: number;
+  end: number;
+  typecheck: boolean;
+}
+declare function parsePlayFences(source: string): PlayFence[];
+declare function stripPlayMeta(meta: string): string;
+declare function rewritePlayFences(source: string, encode: (fence: PlayFence) => string | null): string;
+declare function parseCodePlayTags(source: string): PlayFence[];
+//#endregion
+//#region src/html.d.ts
+interface HtmlEnhanceOptions {
+  scriptSrc?: string;
+  decodePayload: (value: string) => PlayPayload;
+  encodePayload: (payload: PlayPayload) => string;
+  matchFences?: Array<{
+    language: string;
+    code: string;
+    payload: string;
+  }>;
+  endpoints?: PlaygroundEndpoints;
+}
+declare function enhancePlayHtml(html: string, options: HtmlEnhanceOptions): string;
+declare function enhanceGeneratedModule(source: string, options: HtmlEnhanceOptions): string;
+//#endregion
+//#region src/timing.d.ts
+declare class PhaseTracker {
+  readonly startedAt: number;
+  private readonly phases;
+  private current;
+  constructor(now?: () => number);
+  private readonly now;
+  start(id: string, label: string): void;
+  stop(): void;
+  report(): TimingReport;
+}
+//#endregion
+//#region src/styles.d.ts
+declare const CODE_PLAY_STYLES = "\n.ox-code-play {\n  border: 1px solid var(--octc-color-border, color-mix(in srgb, currentColor 16%, transparent));\n  border-radius: 12px;\n  background: var(--octc-color-bg-alt, var(--octc-color-bg, Canvas));\n  color: var(--octc-color-text, CanvasText);\n  overflow: hidden;\n  margin: 1.25rem 0;\n}\n.ox-code-play__toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n  align-items: center;\n  padding: 0.6rem 0.8rem;\n  border-bottom: 1px solid var(--octc-color-border, color-mix(in srgb, currentColor 12%, transparent));\n}\n.ox-code-play__lang {\n  font: 600 0.8rem/1.2 ui-sans-serif, system-ui, sans-serif;\n  margin-right: auto;\n  color: var(--octc-color-text, CanvasText);\n}\n.ox-code-play__toolbar button {\n  appearance: none;\n  border: 1px solid var(--octc-color-border, color-mix(in srgb, currentColor 20%, transparent));\n  background: color-mix(in srgb, var(--octc-color-text, CanvasText) 8%, transparent);\n  color: var(--octc-color-text, CanvasText);\n  border-radius: 999px;\n  padding: 0.25rem 0.75rem;\n  font: 600 0.75rem/1.4 ui-sans-serif, system-ui, sans-serif;\n  cursor: pointer;\n}\n.ox-code-play__toolbar button:disabled { opacity: 0.55; cursor: progress; }\n.ox-code-play .ox-code { margin: 0; }\n.ox-code-play__source pre { margin: 0; border: 0; border-radius: 0; }\n.ox-code-play__tabs {\n  display: flex;\n  gap: 0.25rem;\n  padding: 0.4rem 0.7rem 0;\n}\n.ox-code-play__tabs button {\n  appearance: none;\n  border: 0;\n  background: transparent;\n  color: var(--octc-color-text, CanvasText);\n  padding: 0.35rem 0.55rem;\n  border-radius: 8px 8px 0 0;\n  font: 600 0.75rem/1.2 ui-sans-serif, system-ui, sans-serif;\n  cursor: pointer;\n}\n.ox-code-play__tabs button[aria-selected=\"true\"] {\n  background: color-mix(in srgb, var(--octc-color-text, CanvasText) 10%, transparent);\n}\n.ox-code-play__panel { padding: 0.7rem 0.8rem 0.9rem; color: var(--octc-color-text, CanvasText); }\n.ox-code-play__panel pre {\n  background: transparent !important;\n  color: inherit !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n}\n.ox-code-play__empty { margin: 0; opacity: 0.7; font-size: 0.85rem; }\n.ox-code-play__stdio { font: 12px/1.45 ui-monospace, SFMono-Regular, monospace; }\n.ox-code-play__stdio-line { display: grid; grid-template-columns: 8.5rem 1fr; gap: 0.6rem; white-space: pre-wrap; }\n.ox-code-play__stdio-line--stderr { color: var(--octc-danger, #b42318); }\n.ox-code-play__stdio-line--stdin { opacity: 0.75; }\n.ox-code-play__stdio-meta { opacity: 0.6; }\n.ox-code-play__config { display: grid; gap: 0.55rem; }\n.ox-code-play__field { display: grid; gap: 0.25rem; font-size: 0.85rem; }\n.ox-code-play__field input, .ox-code-play__field select {\n  font: inherit;\n  padding: 0.3rem 0.45rem;\n  border-radius: 8px;\n  border: 1px solid var(--octc-color-border, color-mix(in srgb, currentColor 18%, transparent));\n  background: var(--octc-color-bg, Canvas);\n  color: var(--octc-color-text, CanvasText);\n}\n.ox-code-play__provenance { display: grid; gap: 0.6rem; margin: 0; }\n.ox-code-play__provenance dt { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.04em; opacity: 0.65; }\n.ox-code-play__provenance dd { margin: 0.15rem 0 0; }\n.ox-code-play__phase { margin: 0.45rem 0; }\n.ox-code-play__phase-meta { display: flex; justify-content: space-between; font-size: 0.8rem; }\n.ox-code-play__phase-bar {\n  height: 0.35rem;\n  margin-top: 0.25rem;\n  border-radius: 999px;\n  background: var(--octc-color-primary, var(--octc-accent, #4f46e5));\n}\n.ox-code-play__timing-total { margin: 0 0 0.4rem; font-weight: 600; }\n.ox-code-play__diags { margin: 0 0 0.6rem; padding-left: 1.1rem; }\n.ox-code-play__diag--error { color: var(--octc-danger, #b42318); }\n.ox-code-play__diag--warning { color: var(--octc-warning, #b54708); }\n.ox-code-play--compact .ox-code-play__tabs { display: none; }\n.ox-code-play--compact .ox-code-play__panel[data-panel]:not([data-panel=\"stdio\"]):not([data-panel=\"stderr\"]) { display: none; }\n";
+//#endregion
+export { type AdapterResult, CODE_PLAY_STYLES, type CodePlayClient, type CodePlayClientOptions, type CodePlayPluginOptions, type CodePlayPreset, CodePlaySession, type ConfigField, DEFAULT_ENDPOINTS, DEFAULT_VIEWERS, type Diagnostic, LANGUAGE_CATALOG, type LanguageDefinition, type LanguageEnable, PhaseTracker, type PlayPayload, type Provenance, type RawCodePlayOptions, type ResolvedCodePlayOptions, type RunResult, type SessionInput, type StdioEvent, type TimingReport, type ViewerFlags, bootCodePlay, codePlay, createCodePlay, createFetchTransport, createMemoryTransport, decodePayload, encodePayload, enhanceGeneratedModule, enhancePlayHtml, hydrateCodePlay, joinStream, listLanguages, mountCodePlay, parseCodePlayTags, parsePlayFences, renderConfigHtml, renderDiagnosticsHtml, renderPlayUi, renderProvenanceHtml, renderStderrHtml, renderStdioHtml, renderTimingHtml, resolveCodePlayOptions, resolveLanguage, rewritePlayFences, selectStream, stripPlayMeta, withStdioText };
+//# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/catalog.ts","../src/stdio.ts","../src/transport.ts","../src/ui.ts","../src/viewers.ts","../src/markdown.ts","../src/html.ts","../src/timing.ts","../src/styles.ts"],"mappings":";;;;;cAgHa,kBAAkB;iBA+Ff,gBAAgB,gBAAgB;iBAIhC,iBAAiB;;;iBC9LjB,WAAW,QAAQ,cAAc,QAAQ;iBAOzC,aAAa,QAAQ,cAAc,QAAQ,cAAc;iBAIzD,cAAc;EAAY,OAAO;GAC/C,QAAQ,IACP;EAAM;EAAgB;;;;iBChCT,qBAAqB,mBAAkB,QAAgB;iBAkBvD,sBACd,UAAU,OAAO,qBAAqB,oBAAoB,QAAQ,qBACjE;;;UCVc;EACf,SAAS;EACT,SAAS;EACT;EACA;;iBAGc,aAAa,OAAO;;;iBCfpB,gBAAgB,QAAQ;;iBAcxB,iBAAiB,QAAQ;iBAuBzB,iBAAiB,QAAQ,eAAe,QAAQ;iBAgBhD,qBAAqB,YAAY;iBAOjC,iBAAiB,QAAQ;iBAazB,sBAAsB,QAAQ;;;UC7E7B;EACf;EACA;EACA;EACA;EACA;EACA;EACA;;iBAoEc,gBAAgB,iBAAiB;iBAcjC,cAAc;iBASd,kBACd,gBACA,SAAS,OAAO;iBAyBF,kBAAkB,iBAAiB;;;UCnHlC;EACf;EACA,gBAAgB,kBAAkB;EAClC,gBAAgB,SAAS;EACzB,cAAc;IAAQ;IAAkB;IAAc;;EACtD,YAAY;;iBAGE,gBAAgB,cAAc,SAAS;iBAgBvC,uBAAuB,gBAAgB,SAAS;;;cChCnD;WACF;mBACQ;UACT;EAER,YAAY;mBAKK;EAEjB,MAAM,YAAY;EAKlB;EAcA,UAAU;;;;cCjCC"}

package/dist/index.mjs

@@ -0,0 +1,6 @@
+import { c as createMemoryTransport, d as withStdioText, f as PhaseTracker, l as joinStream, n as createCodePlay, r as CodePlaySession, s as createFetchTransport, u as selectStream } from "./client.mjs";
+import { d as LANGUAGE_CATALOG, f as listLanguages, n as encodePayload, o as DEFAULT_ENDPOINTS, p as resolveLanguage, s as DEFAULT_VIEWERS, t as decodePayload, u as resolveCodePlayOptions } from "./payload.mjs";
+import { a as stripPlayMeta, i as rewritePlayFences, n as parseCodePlayTags, o as enhanceGeneratedModule, r as parsePlayFences, s as enhancePlayHtml, t as codePlay } from "./plugin2.mjs";
+import { a as renderDiagnosticsHtml, c as renderStdioHtml, i as renderConfigHtml, l as renderTimingHtml, n as mountCodePlay, o as renderProvenanceHtml, r as renderPlayUi, s as renderStderrHtml, t as hydrateCodePlay, u as CODE_PLAY_STYLES } from "./hydrate2.mjs";
+import { t as bootCodePlay } from "./boot.mjs";
+export { CODE_PLAY_STYLES, CodePlaySession, DEFAULT_ENDPOINTS, DEFAULT_VIEWERS, LANGUAGE_CATALOG, PhaseTracker, bootCodePlay, codePlay, createCodePlay, createFetchTransport, createMemoryTransport, decodePayload, encodePayload, enhanceGeneratedModule, enhancePlayHtml, hydrateCodePlay, joinStream, listLanguages, mountCodePlay, parseCodePlayTags, parsePlayFences, renderConfigHtml, renderDiagnosticsHtml, renderPlayUi, renderProvenanceHtml, renderStderrHtml, renderStdioHtml, renderTimingHtml, resolveCodePlayOptions, resolveLanguage, rewritePlayFences, selectStream, stripPlayMeta, withStdioText };