@neta-art/cohub 12.1.0 → 12.2.0

package/dist/board/stage/stage.js

@@ -1,24 +1,26 @@
-import { applyMatrix, invertMatrix } from "../../protocol/dist/board-layout.js";
 import { featuredTaskArtifact } from "../../protocol/dist/board-task.js";
+import { applyMatrix, invertMatrix } from "../../protocol/dist/board-layout.js";
 import { pointToWorld, screenPoint, stableCullRect, visibleWorldRect, worldPoint } from "../model/geometry.js";
 import { boardScriptScope, composeBoardScriptItems, prepareBoardScriptOutput, validateBoardScriptCommit } from "../model/script-scene.js";
 import { boardScriptTarget } from "../model/script-hit.js";
 import { createBoardAnimationSampler, resolveBoardAnimationCamera } from "../model/sampling.js";
 import { resolveSceneArrow } from "../model/arrow-geometry.js";
-import { buildFallbackShapeColors, pickBoardColor, resolveItemColor } from "../model/palette.js";
+import { boardTextureEdge } from "../model/asset-key.js";
+import { pickBoardColor, resolveItemColor } from "../model/palette.js";
 import { elementClientToLocal } from "../model/client-geometry.js";
 import { isCreationBoardTool } from "../editor/tool.js";
 import { resizeCursorForHandle } from "../editor/selection-transform.js";
 import { parseBoardCssColor } from "../render/css-color.js";
-import { defaultBoardPalette, itemAlpha } from "../render/palette.js";
+import { itemAlpha } from "../render/palette.js";
+import { onBoardTextFontsChange } from "../render/text-measurement.js";
 import { createBoardBackground, updateBoardBackground } from "../render/board-background.js";
 import { getBoardResolution } from "../render/text-resolution.js";
 import { DEFAULT_BOARD_RENDER_LABELS, getBoardCardRenderer } from "../render/renderers/board-renderer-registry.js";
 import { createBoardScriptHost } from "../render/script-host.js";
 import { defaultBoardRenderStyle } from "../render/style.js";
-import { createBoardPlayer } from "../player/index.js";
+import { boardRenderTheme } from "../render/theme.js";
 import { createBoardScriptObservers } from "../model/script-observers.js";
-import { boardTextureEdge } from "./assets.js";
+import { createBoardPlayer } from "../player/index.js";
 import { boardCanvasSize, measureBoardCanvasBox } from "./canvas-size.js";
 import { observeDisplayDensity } from "./display-density.js";
 import { toBoardPointerEvent } from "./pointer.js";
@@ -42,18 +44,17 @@ const LIVE_CHANNELS = [
 	"editing",
 	"playback"
 ];
-function defaultTheme() {
-	return {
-		key: "dark",
-		palette: defaultBoardPalette("dark"),
-		colors: buildFallbackShapeColors("dark"),
-		colorScheme: "dark"
-	};
-}
+const DEFAULT_THEME = {
+	key: "dark",
+	...boardRenderTheme("dark")
+};
 const NO_IDS = /* @__PURE__ */ new Set();
 const MARCH_STEP_MS = 160;
 const MARCH_SMOOTH_MS = 40;
 const TEXTURE_SETTLE_MS = 150;
+const ADOPT_PIXELS_PER_FRAME = 4194304;
+const LOAD_LEAD_MS = 300;
+const CULL_PADDING = 96;
 const ROTATE_CURSOR = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M21 12a9 9 0 1 1-2.64-6.36L21 8M21 3v5h-5' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 12a9 9 0 1 1-2.64-6.36L21 8M21 3v5h-5' fill='none' stroke='%231d1d1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 12 12, crosshair`;
 const defaultStyles = /* @__PURE__ */ new Map();
 function styleOf(theme) {
@@ -66,7 +67,7 @@ function styleOf(theme) {
 }
 function mountBoardStage(host, options) {
 	const { editor, assets } = options;
-	const theme = options.theme ?? defaultTheme;
+	const theme = options.theme ?? (() => DEFAULT_THEME);
 	const resolveRenderer = options.renderers ?? getBoardCardRenderer;
 	let app = null;
 	let world = null;
@@ -115,6 +116,8 @@ function mountBoardStage(host, options) {
 	let resizeFrame = 0;
 	let canvasBox = null;
 	let cardEpoch = 0;
+	let fontEpoch = 0;
+	let shownEditingId = null;
 	let surface = {
 		width: 0,
 		height: 0
@@ -192,6 +195,49 @@ function mountBoardStage(host, options) {
 			}
 		}, TEXTURE_SETTLE_MS);
 	}
+	function cullView(camera) {
+		const view = visibleWorldRect(camera, surface.width, surface.height);
+		const pad = CULL_PADDING / camera.zoom;
+		return {
+			x: view.x - pad,
+			y: view.y - pad,
+			width: view.width + pad * 2,
+			height: view.height + pad * 2
+		};
+	}
+	const arrivals = /* @__PURE__ */ new Set();
+	function adoptArrivals() {
+		let pixels = 0;
+		for (const key of arrivals) {
+			const texture = assets.getTexture(key);
+			const size = texture ? texture.width * texture.height : 0;
+			if (pixels > 0 && pixels + size > ADOPT_PIXELS_PER_FRAME) {
+				scheduleTick();
+				return;
+			}
+			pixels += size;
+			arrivals.delete(key);
+			for (const id of scene?.holders(key) ?? []) {
+				staleIds.add(id);
+				naturalIds.add(id);
+			}
+		}
+	}
+	let lastCenter = null;
+	function loadFocus(center, camera) {
+		const time = performance.now();
+		const previous = lastCenter;
+		lastCenter = {
+			...center,
+			time
+		};
+		const elapsed = previous ? time - previous.time : 0;
+		if (!previous || elapsed <= 0 || elapsed > 100) return center;
+		const lead = LOAD_LEAD_MS / elapsed;
+		const reach = Math.max(surface.width, surface.height) / 2 / camera.zoom;
+		const ahead = (from, to) => to + Math.max(-reach, Math.min(reach, (to - from) * lead));
+		return worldPoint(ahead(previous.x, center.x), ahead(previous.y, center.y));
+	}
 	const naturalIds = /* @__PURE__ */ new Set();
 	let liveVersion = -1;
 	function adoptNaturalSizes() {
@@ -237,11 +283,12 @@ function mountBoardStage(host, options) {
 			hoveredId: editor.hoverId,
 			resizingIds: interaction.type === "resizing" ? new Set(interaction.origin.keys()) : /* @__PURE__ */ new Set(),
 			liftedIds: liftedIds(),
+			editingId: editor.editingId,
 			palette: current.palette,
 			colors: current.colors,
 			colorScheme: current.colorScheme,
 			style: styleOf(current),
-			themeKey: current.key,
+			themeKey: `${current.key}:${fontEpoch}`,
 			rendererType: app?.renderer.type === RendererType.CANVAS ? "canvas" : "gpu",
 			zoom: renderCamera().zoom,
 			textResolution: textResolution.value,
@@ -636,6 +683,9 @@ function mountBoardStage(host, options) {
 		world.position.set(camera.x, camera.y);
 		world.scale.set(camera.zoom);
 		const ids = visibleIds();
+		const center = pointToWorld(screenPoint(surface.width / 2, surface.height / 2), camera);
+		assets.focus(loadFocus(center, camera));
+		adoptArrivals();
 		textResolution.update(textureScale());
 		const context = renderContext(current, renderScene, frame.time);
 		if (animationId && effectSampler) {
@@ -646,6 +696,10 @@ function mountBoardStage(host, options) {
 		for (const item of renderScene.items) if (item.type === "effect" && item.props.kind === "trail" && renderScene.opacity(item.id) > 0) pinnedIds.add(item.id);
 		for (const id of previews.keys()) pinnedIds.add(id);
 		if (editor.editingId) pinnedIds.add(editor.editingId);
+		if (editor.editingId !== shownEditingId) {
+			for (const id of [shownEditingId, editor.editingId]) if (id) staleIds.add(id);
+			shownEditingId = editor.editingId;
+		}
 		for (const id of frame.items.keys()) {
 			pinnedIds.add(id);
 			for (const child of renderScene.descendants(id)) pinnedIds.add(child);
@@ -659,12 +713,17 @@ function mountBoardStage(host, options) {
 			getItem: (id) => renderScene.get(id) ?? null,
 			visibleIds: ids,
 			pinnedIds,
-			globalSig: [cardEpoch, current.key].join("|"),
+			globalSig: [
+				cardEpoch,
+				current.key,
+				fontEpoch
+			].join("|"),
 			staleIds,
 			structureVersion: editor.structureVersion,
-			geometryVersion: editor.geometryVersion,
 			gestureActive: editor.gestureActive && editor.interaction.type !== "panning",
-			focus: pointToWorld(screenPoint(surface.width / 2, surface.height / 2), camera)
+			focus: center,
+			view: ids ? cullView(camera) : void 0,
+			lod: options.lod?.()
 		});
 		staleIds.clear();
 		if (scene.liveVersion !== liveVersion) {
@@ -855,13 +914,14 @@ function mountBoardStage(host, options) {
 		["dblclick", handleDoubleClick]
 	];
 	const stopEditor = editor.subscribe(LIVE_CHANNELS, scheduleTick);
+	const stopFonts = onBoardTextFontsChange(() => {
+		editor.relayoutText();
+		fontEpoch += 1;
+		scene?.redrawText();
+		scheduleTick();
+	});
 	const stopAssets = assets.subscribe((key) => {
-		const ids = scene?.holders(key);
-		if (!ids?.size) return;
-		for (const id of ids) {
-			staleIds.add(id);
-			naturalIds.add(id);
-		}
+		arrivals.add(key);
 		scheduleTick();
 	});
 	const resizeObserver = new ResizeObserver((entries) => {
@@ -1004,6 +1064,18 @@ function mountBoardStage(host, options) {
 			scheduleTick();
 		},
 		isMaterialized: (id) => Boolean(scene?.getNode(id)),
+		stats() {
+			const { textures, cooling, bytes } = assets.stats();
+			return {
+				...scene?.counts() ?? {
+					live: 0,
+					far: 0
+				},
+				textures,
+				cooling,
+				textureBytes: bytes
+			};
+		},
 		toWorld: (clientX, clientY) => pointToWorld(localPoint(clientX, clientY), renderCamera()),
 		destroy() {
 			disposed = true;
@@ -1018,6 +1090,7 @@ function mountBoardStage(host, options) {
 			stopMaintenance?.();
 			stopDensity?.();
 			stopEditor();
+			stopFonts();
 			stopAssets();
 			resizeObserver.disconnect();
 			cancelAnimationFrame(scriptTickFrame);

package/dist/board/stage/texture-pool.d.ts

@@ -7,6 +7,13 @@ type BoardImageTexturePool = {
 /** A CDN variant that fails to process falls back to the media it came from. */
 declare function loadBoardImageTexture(url: string): Promise<Texture>;
 declare function unloadBoardImageTexture(url: string, texture: Texture | null): Promise<void>;
+/**
+ * Decode an image no larger than `edge` along its long side, for sources
+ * without CDN variants. The texture is unshared; destroy it to release it.
+ */
+declare function loadFittedImageTexture(url: string, edge: number): Promise<Texture>;
+/** A smaller unshared copy of a decoded texture, or null when it cannot be read back. */
+declare function shrinkBoardTexture(texture: Texture, edge: number): Promise<Texture | null>;
 /**
  * Share image textures by resolved URL without sharing Board ownership.
  *
@@ -21,4 +28,4 @@ declare function createBoardImageTexturePool(options?: {
 }): BoardImageTexturePool;
 declare const boardImageTexturePool: BoardImageTexturePool;
 //#endregion
-export { BoardImageTexturePool, boardImageTexturePool, createBoardImageTexturePool, loadBoardImageTexture, unloadBoardImageTexture };
+export { BoardImageTexturePool, boardImageTexturePool, createBoardImageTexturePool, loadBoardImageTexture, loadFittedImageTexture, shrinkBoardTexture, unloadBoardImageTexture };

package/dist/board/stage/texture-pool.js

@@ -62,6 +62,42 @@ async function unloadBoardImageTexture(url, texture) {
 	await Assets.unload(url).catch(() => {});
 	if (!texture?.destroyed) texture?.destroy(true);
 }
+function fit(width, height, edge) {
+	const scale = edge / Math.max(width, height);
+	return scale < 1 ? {
+		resizeWidth: Math.max(1, Math.round(width * scale)),
+		resizeHeight: Math.max(1, Math.round(height * scale))
+	} : null;
+}
+/**
+* Decode an image no larger than `edge` along its long side, for sources
+* without CDN variants. The texture is unshared; destroy it to release it.
+*/
+async function loadFittedImageTexture(url, edge) {
+	const response = await fetch(url);
+	if (!response.ok) throw new Error(`HTTP ${response.status}`);
+	const image = await createImageBitmap(await response.blob());
+	const size = fit(image.width, image.height, edge);
+	if (!size) return Texture.from(image, true);
+	try {
+		return Texture.from(await createImageBitmap(image, {
+			...size,
+			resizeQuality: "high"
+		}), true);
+	} finally {
+		image.close();
+	}
+}
+/** A smaller unshared copy of a decoded texture, or null when it cannot be read back. */
+async function shrinkBoardTexture(texture, edge) {
+	const resource = texture.source.resource;
+	const size = fit(texture.width, texture.height, edge);
+	if (!resource || !size || typeof createImageBitmap !== "function") return null;
+	return Texture.from(await createImageBitmap(resource, {
+		...size,
+		resizeQuality: "medium"
+	}), true);
+}
 /**
 * Share image textures by resolved URL without sharing Board ownership.
 *
@@ -150,4 +186,4 @@ function createBoardImageTexturePool(options) {
 }
 const boardImageTexturePool = createBoardImageTexturePool();
 //#endregion
-export { boardImageTexturePool, createBoardImageTexturePool, loadBoardImageTexture, unloadBoardImageTexture };
+export { boardImageTexturePool, createBoardImageTexturePool, loadBoardImageTexture, loadFittedImageTexture, shrinkBoardTexture, unloadBoardImageTexture };

package/dist/chunks/app-realtime.js

@@ -1,5 +1,5 @@
 import { O as readRtcTransportStats, k as waitForIceGathering } from "./http.js";
-import { o as REALTIME_ROOM_EVENT_NAME_PATTERN, t as HttpError } from "./transport.js";
+import { c as HttpError, p as REALTIME_ROOM_EVENT_NAME_PATTERN } from "./http-error.js";
 import { z } from "zod";
 //#region \0rolldown/runtime.js
 var __defProp = Object.defineProperty;

package/dist/chunks/{transport.js → http-error.js}

@@ -509,4 +509,40 @@ var HttpTransport = class {
 	}
 };
 //#endregion
-export { requestSourceToHeaders as A, isRequestSourceClientId as C, normalizeRequestSource as D, mergeRequestSourceIntoMeta as E, isUuid as M, isUuidLike as N, parseRequestSourceFromHeaders as O, isUuidOrShortUuid as P, hasRequestSourceIdentity as S, isRequestSourceUuid as T, isRealtimeDomain as _, sanitizeAccessToken as a, COHUB_SOURCE_HEADER_NAMES as b, WS_BOARD_AWARENESS_CAPABILITY as c, WS_REALTIME_ROOM_HISTORY_CAPABILITY as d, WS_REALTIME_ROOM_RTC_CAPABILITY as f, getSessionTurnPatchStreamKey as g, getRealtimeSpaceRoom as h, matchesUnauthorizedErrorToken as i, resolveRequestSourceChannel as j, readRequestSourceFromEnv as k, WS_COMPACT_STREAM_CAPABILITY as l, getRealtimeBoardRoom as m, HttpTransport as n, REALTIME_ROOM_EVENT_NAME_PATTERN as o, WS_ROOM_SUBSCRIPTION_CAPABILITY as p, joinApiUrl as r, REALTIME_ROOM_MAX_PAYLOAD_BYTES as s, HttpError as t, WS_REALTIME_ROOM_CAPABILITY as u, normalizeRealtimeRooms as v, isRequestSourceEmpty as w, REQUEST_SOURCE_VIA_MAX_LENGTH as x, COHUB_SOURCE_HEADER as y };
+//#region src/http-error.ts
+/** Shared HTTP error code for every plan entitlement gate (402). */
+const FEATURE_NOT_ENTITLED_ERROR_CODE = "feature_not_entitled";
+/** Shared HTTP error code for a blocked usage gate (negative balance limit, 402). */
+const BILLING_ACCESS_BLOCKED_ERROR_CODE = "billing_credit_limit_exceeded";
+function isHttpErrorCode(error, code) {
+	return error instanceof HttpError && error.code === code;
+}
+function isFeatureNotEntitledError(error) {
+	return isHttpErrorCode(error, FEATURE_NOT_ENTITLED_ERROR_CODE);
+}
+function isBillingAccessBlockedError(error) {
+	return isHttpErrorCode(error, BILLING_ACCESS_BLOCKED_ERROR_CODE);
+}
+function isBillingAccessBlockedCode(code) {
+	return code === BILLING_ACCESS_BLOCKED_ERROR_CODE;
+}
+const isRecord = (value) => !!value && typeof value === "object" && !Array.isArray(value);
+function isBillingConversionIntent(value) {
+	if (!isRecord(value)) return false;
+	return (value.level === "soft" || value.level === "hard") && typeof value.title === "string" && typeof value.message === "string" && isRecord(value.primaryAction) && value.primaryAction.action === "open_billing_conversion";
+}
+/**
+* Extracts the standard `billing` payload from a response body, an
+* `HttpError`, or a bare billing payload (e.g. a realtime error event's
+* `billing` field). Returns `null` unless it carries a valid conversion
+* intent.
+*/
+function extractBillingPayload(source) {
+	const root = source instanceof HttpError ? source.body : source;
+	if (!isRecord(root)) return null;
+	const billing = isRecord(root.billing) ? root.billing : root;
+	if (!isBillingConversionIntent(billing.conversion)) return null;
+	return billing;
+}
+//#endregion
+export { isRequestSourceClientId as A, isUuidLike as B, getSessionTurnPatchStreamKey as C, COHUB_SOURCE_HEADER_NAMES as D, COHUB_SOURCE_HEADER as E, parseRequestSourceFromHeaders as F, readRequestSourceFromEnv as I, requestSourceToHeaders as L, isRequestSourceUuid as M, mergeRequestSourceIntoMeta as N, REQUEST_SOURCE_VIA_MAX_LENGTH as O, normalizeRequestSource as P, resolveRequestSourceChannel as R, getRealtimeSpaceRoom as S, normalizeRealtimeRooms as T, isUuidOrShortUuid as V, WS_REALTIME_ROOM_CAPABILITY as _, isBillingAccessBlockedError as a, WS_ROOM_SUBSCRIPTION_CAPABILITY as b, HttpError as c, matchesUnauthorizedErrorToken as d, sanitizeAccessToken as f, WS_COMPACT_STREAM_CAPABILITY as g, WS_BOARD_AWARENESS_CAPABILITY as h, isBillingAccessBlockedCode as i, isRequestSourceEmpty as j, hasRequestSourceIdentity as k, HttpTransport as l, REALTIME_ROOM_MAX_PAYLOAD_BYTES as m, FEATURE_NOT_ENTITLED_ERROR_CODE as n, isFeatureNotEntitledError as o, REALTIME_ROOM_EVENT_NAME_PATTERN as p, extractBillingPayload as r, isHttpErrorCode as s, BILLING_ACCESS_BLOCKED_ERROR_CODE as t, joinApiUrl as u, WS_REALTIME_ROOM_HISTORY_CAPABILITY as v, isRealtimeDomain as w, getRealtimeBoardRoom as x, WS_REALTIME_ROOM_RTC_CAPABILITY as y, isUuid as z };

package/dist/chunks/http.js

@@ -1,4 +1,4 @@
-import { M as isUuid, h as getRealtimeSpaceRoom, m as getRealtimeBoardRoom, n as HttpTransport, t as HttpError } from "./transport.js";
+import { S as getRealtimeSpaceRoom, c as HttpError, l as HttpTransport, s as isHttpErrorCode, x as getRealtimeBoardRoom, z as isUuid } from "./http-error.js";
 import { l as resolveExecutionToken, o as resolveApiBaseUrl } from "./environment.js";
 import { z } from "zod";
 //#region ../protocol/dist/model/metrics.js
@@ -1039,28 +1039,48 @@ var SessionAccessApi = class {
 };
 //#endregion
 //#region src/apis/file-list.ts
+const DIRECTORY_CHANGED_RETRY_DELAYS_MS = [
+	100,
+	250,
+	500
+];
 async function listDirectory(transport, endpoint, path, options) {
 	const pageOptions = typeof options === "object" ? options : void 0;
 	const fetch = typeof options === "function" ? options : pageOptions?.fetch;
-	const entries = /* @__PURE__ */ new Map();
-	const seen = /* @__PURE__ */ new Set();
-	let cursor = pageOptions?.cursor;
-	let responsePath = path;
-	do {
+	const readPage = (cursor) => {
 		const params = new URLSearchParams({ pagination: "true" });
 		if (path) params.set("path", path);
 		if (pageOptions?.limit !== void 0) params.set("limit", String(pageOptions.limit));
 		if (cursor) params.set("cursor", cursor);
-		const page = await transport.request(`${endpoint}?${params}`, {
+		return transport.request(`${endpoint}?${params}`, {
 			fetch,
 			signal: pageOptions?.signal
 		});
-		const nextCursor = page.nextCursor ?? null;
-		if (pageOptions) return {
+	};
+	if (pageOptions) {
+		const page = await readPage(pageOptions.cursor);
+		return {
 			...page,
-			nextCursor,
+			nextCursor: page.nextCursor ?? null,
 			truncated: page.truncated ?? true
 		};
+	}
+	for (let attempt = 0;; attempt += 1) try {
+		return await readAllPages(readPage, path);
+	} catch (error) {
+		const delay = DIRECTORY_CHANGED_RETRY_DELAYS_MS[attempt];
+		if (delay === void 0 || !isHttpErrorCode(error, "directory_changed")) throw error;
+		await new Promise((resolve) => setTimeout(resolve, delay));
+	}
+}
+async function readAllPages(readPage, path) {
+	const entries = /* @__PURE__ */ new Map();
+	const seen = /* @__PURE__ */ new Set();
+	let cursor;
+	let responsePath = path;
+	do {
+		const page = await readPage(cursor);
+		const nextCursor = page.nextCursor ?? null;
 		responsePath = page.path;
 		for (const entry of page.entries) entries.set(entry.path, entry);
 		if (nextCursor && seen.has(nextCursor)) throw new Error("Server returned a repeated directory cursor.");

package/dist/http.js

@@ -1,4 +1,4 @@
 import { n as createHttpClient, t as CohubHttpClient } from "./chunks/http.js";
-import { n as HttpTransport, t as HttpError } from "./chunks/transport.js";
+import { c as HttpError, l as HttpTransport } from "./chunks/http-error.js";
 import { g as scopeListHasPermission, h as isUserLevelPermission, m as USER_LEVEL_PERMISSIONS, p as PERMISSIONS } from "./chunks/environment.js";
 export { CohubHttpClient, HttpError, HttpTransport, PERMISSIONS, USER_LEVEL_PERMISSIONS, createHttpClient, isUserLevelPermission, scopeListHasPermission };