@neta-art/cohub 10.0.0 → 11.1.0

package/dist/board/editor/interaction.d.ts

@@ -90,6 +90,11 @@ type BoardPointerEvent = {
   pressure: number;
   samples?: readonly BoardDrawInputSample[];
 };
+type BoardTransformEnd = {
+  ids: string[];
+  operation: "move" | "resize" | "rotate" | "arrow";
+  cancelled: boolean;
+};
 declare function createInteractionModule(ctx: EditorContext): {
   marquee: () => Rect | null;
   hoveredControl: () => BoardTransformControl | null;
@@ -108,8 +113,9 @@ declare function createInteractionModule(ctx: EditorContext): {
   pointerUp: (event: BoardPointerEvent) => void;
   pointerLeave: () => void;
   cancel: () => void;
-  destroy: () => void;
+  subscribeTransforms(listener: (event: BoardTransformEnd) => void): () => void;
+  destroy(): void;
 };
 type InteractionModule = ReturnType<typeof createInteractionModule>;
 //#endregion
-export { BoardInteraction, BoardPointerEvent, InteractionModule, createInteractionModule };
+export { BoardInteraction, BoardPointerEvent, BoardTransformEnd, InteractionModule, createInteractionModule };

package/dist/board/editor/interaction.js

@@ -15,6 +15,23 @@ function angleFrom(center, point) {
 	return Math.atan2(point.y - center.y, point.x - center.x) * 180 / Math.PI;
 }
 function createInteractionModule(ctx) {
+	const transformListeners = /* @__PURE__ */ new Set();
+	function transformEnd(gesture, cancelled) {
+		if (!transformListeners.size || !("moved" in gesture) || !gesture.moved) return;
+		let event;
+		if (gesture.type === "translating" || gesture.type === "resizing" || gesture.type === "rotating") event = {
+			ids: [...gesture.origin.keys()],
+			operation: gesture.type === "translating" ? "move" : gesture.type === "resizing" ? "resize" : "rotate",
+			cancelled
+		};
+		else if (gesture.type === "draggingArrowHandle") event = {
+			ids: [gesture.arrowId],
+			operation: "arrow",
+			cancelled
+		};
+		else return;
+		for (const listener of transformListeners) listener(event);
+	}
 	const { state, options, registry } = ctx;
 	const activePointers = /* @__PURE__ */ new Map();
 	let pinch = null;
@@ -493,6 +510,10 @@ function createInteractionModule(ctx) {
 		if (activePointers.size > 0) return;
 		const gesture = state.interaction;
 		if (gesture.type === "drawing" && gesture.pointerId !== event.pointerId) return;
+		if (event.cancelled) {
+			cancel();
+			return;
+		}
 		state.snapGuides = [];
 		state.interaction = { type: "idle" };
 		switch (gesture.type) {
@@ -531,6 +552,7 @@ function createInteractionModule(ctx) {
 			case "creatingBox": ctx.creation.commitBox(gesture);
 		}
 		ctx.remote.flushPending();
+		transformEnd(gesture, false);
 	}
 	function pointerLeave() {
 		if (state.interaction.type !== "idle") return;
@@ -538,12 +560,14 @@ function createInteractionModule(ctx) {
 		state.hoverId = null;
 	}
 	function cancel() {
+		const gesture = state.interaction;
 		activePointers.clear();
 		pinch = null;
 		state.snapGuides = [];
 		state.interaction = { type: "idle" };
 		ctx.document.discardDraft();
 		ctx.remote.flushPending();
+		transformEnd(gesture, true);
 	}
 	const ports = memo(() => [
 		state.scene,
@@ -577,7 +601,16 @@ function createInteractionModule(ctx) {
 		pointerUp,
 		pointerLeave,
 		cancel,
-		destroy: () => activePointers.clear()
+		subscribeTransforms(listener) {
+			transformListeners.add(listener);
+			return () => {
+				transformListeners.delete(listener);
+			};
+		},
+		destroy() {
+			activePointers.clear();
+			transformListeners.clear();
+		}
 	};
 }
 //#endregion

package/dist/board/editor/query.d.ts

@@ -1,11 +1,11 @@
 import { Rect, WorldPoint } from "../model/geometry.js";
-import { BoardSceneItem } from "../model/scene.js";
+import { BoardScene, BoardSceneItem } from "../model/scene.js";
 import "../model/index.js";
 import { EditorContext } from "./context.js";
 //#region src/board/editor/query.d.ts
 declare function createQueryModule(ctx: EditorContext): {
   invalidate: (ids?: readonly string[]) => void;
-  boundsOf: (item: BoardSceneItem) => Rect;
+  boundsOf: (item: BoardSceneItem, scene?: BoardScene) => Rect;
   itemById: (id: string) => BoardSceneItem | null;
   isLocked: (item: {
     locked?: boolean;
@@ -14,10 +14,10 @@ declare function createQueryModule(ctx: EditorContext): {
   rootsOf: (ids: Iterable<string>) => string[];
   withSubtrees: (ids: Iterable<string>) => Set<string>;
   mediaIdsForPath: (path: string) => ReadonlySet<string>;
-  contentBounds: (ids?: Iterable<string>) => Rect | null;
-  idsInRect: (rect: Rect) => string[];
+  contentBounds: (ids?: Iterable<string>, scene?: BoardScene) => Rect | null;
+  idsInRect: (rect: Rect, includeTemporary?: boolean) => string[];
   frameAt: (point: WorldPoint, exclude?: ReadonlySet<string>) => BoardSceneItem | null;
-  itemAt: (point: WorldPoint, exclude?: ReadonlySet<string>) => BoardSceneItem | null;
+  itemAt: (point: WorldPoint, exclude?: ReadonlySet<string>, includeTemporary?: boolean) => BoardSceneItem | null;
   labelItemAt: (point: WorldPoint) => BoardSceneItem | null;
   arrowHandleAt: (point: WorldPoint) => "start" | "end" | "mid" | null;
   connectTargetAt: (point: WorldPoint, exclude?: ReadonlySet<string>) => string | null;

package/dist/board/editor/query.js

@@ -1,3 +1,4 @@
+import { parseBoardMediaSource } from "../../protocol/dist/board-model.js";
 import { rectContainsPoint, unionRects } from "../model/geometry.js";
 import { arrowHitRadius, arrowPathBounds, distanceToArrow, resolveSceneArrow } from "../model/arrow-geometry.js";
 import { createSpatialIndex } from "./spatial.js";
@@ -53,8 +54,8 @@ function createQueryModule(ctx) {
 		}
 		spatial.upsert(upserts);
 	}
-	function boundsOf(item) {
-		if (item.type === "arrow") return arrowPathBounds(resolveSceneArrow(item, state.scene), item.style.strokeWidth);
+	function boundsOf(item, scene = state.scene) {
+		if (item.type === "arrow") return arrowPathBounds(resolveSceneArrow(item, scene), item.style.strokeWidth);
 		return registry.bounds(item);
 	}
 	function itemById(id) {
@@ -87,7 +88,7 @@ function createQueryModule(ctx) {
 		const result = /* @__PURE__ */ new Set();
 		for (const id of ids) {
 			result.add(id);
-			for (const child of state.scene.descendants(id)) result.add(child);
+			for (const child of state.scene.descendants(id)) if (state.base.items[child]) result.add(child);
 		}
 		return result;
 	}
@@ -97,6 +98,7 @@ function createQueryModule(ctx) {
 			for (const item of state.scene.items) {
 				if (item.type !== "image" && item.type !== "video" && item.type !== "audio") continue;
 				const src = item.props.src;
+				if (parseBoardMediaSource(src)?.kind !== "file") continue;
 				const ids = mediaIdsByPath.get(src) ?? /* @__PURE__ */ new Set();
 				ids.add(item.id);
 				mediaIdsByPath.set(src, ids);
@@ -104,20 +106,20 @@ function createQueryModule(ctx) {
 		}
 		return mediaIdsByPath.get(path) ?? NO_IDS;
 	}
-	function contentBounds(ids) {
-		const scene = state.scene;
+	function contentBounds(ids, scene = state.scene) {
 		const list = ids ? [...ids].flatMap((id) => scene.get(id) ? [scene.get(id)] : []) : scene.items;
-		return unionRects(list.map(boundsOf));
+		return unionRects((ctx.document.hasScriptItems ? list.filter((item) => Boolean(state.base.items[item.id])) : list).map((item) => boundsOf(item, scene)));
 	}
-	function idsInRect(rect) {
+	function idsInRect(rect, includeTemporary = false) {
 		ensureSpatial();
-		return spatial.idsInRect(rect);
+		const ids = spatial.idsInRect(rect);
+		return includeTemporary || !ctx.document.hasScriptItems ? ids : ids.filter((id) => Boolean(state.base.items[id]));
 	}
 	function frameAt(point, exclude) {
 		ensureSpatial();
 		for (const id of spatial.idsAtPoint(point)) {
 			const item = state.scene.get(id);
-			if (item?.type !== "frame" || exclude?.has(id)) continue;
+			if (!state.base.items[id] || item?.type !== "frame" || exclude?.has(id)) continue;
 			if (registry.hitTest(item, point)) return item;
 		}
 		return null;
@@ -129,11 +131,11 @@ function createQueryModule(ctx) {
 		}
 		return registry.hitTest(item, point);
 	}
-	function itemAt(point, exclude) {
+	function itemAt(point, exclude, includeTemporary = false) {
 		ensureSpatial();
 		for (const id of spatial.idsAtPoint(point)) {
 			const item = state.scene.get(id);
-			if (item && !exclude?.has(id) && hitsItem(item, point)) return item;
+			if (item && (includeTemporary || state.base.items[id]) && !exclude?.has(id) && hitsItem(item, point)) return item;
 		}
 		return null;
 	}
@@ -144,7 +146,7 @@ function createQueryModule(ctx) {
 		const candidates = selection.length === 1 ? [...selection, ...nearby] : nearby;
 		for (const id of new Set(candidates)) {
 			const item = scene.get(id);
-			if (!item || isLocked(item)) continue;
+			if (!item || !state.base.items[id] || isLocked(item)) continue;
 			if (item.type === "frame" && rectContainsPoint({
 				x: item.frame.x,
 				y: item.frame.y - 22,

package/dist/board/editor/selection.js

@@ -19,9 +19,10 @@ function createSelectionModule(ctx) {
 	const bounds = memo(() => [items()], (selected) => selectionBounds(selected.map((item) => item.frame)));
 	const transform = memo(() => [items(), bounds()], (selected, rect) => resolveSelectionTransform(registry, selected, rect));
 	function set(ids) {
-		state.selection = ids;
+		state.selection = ids.filter((id) => Boolean(state.base.items[id]));
 	}
 	function toggle(id) {
+		if (!state.base.items[id]) return;
 		const { selection } = state;
 		state.selection = selection.includes(id) ? selection.filter((selected) => selected !== id) : [...selection, id];
 	}

package/dist/board/editor/snapshots.d.ts

@@ -1,4 +1,3 @@
-import { BoardTaskSnapshot } from "../../protocol/dist/board-model.js";
 import { BoardFileSnapshotFacts } from "../model/file-snapshot.js";
 import "../model/index.js";
 import { EditorContext } from "./context.js";
@@ -20,7 +19,6 @@ declare function createSnapshotsModule(ctx: EditorContext): {
     snapshot: BoardFileSnapshotFacts;
     replace?: boolean;
   }>) => void;
-  applyTaskSnapshots: (snapshots: ReadonlyMap<string, BoardTaskSnapshot>) => void;
 };
 type SnapshotsModule = ReturnType<typeof createSnapshotsModule>;
 //#endregion

package/dist/board/editor/snapshots.js

@@ -1,15 +1,16 @@
+import { featuredTaskArtifact } from "../../protocol/dist/board-task.js";
 import { mergeFileSnapshot } from "../model/file-preview.js";
-import { featuredTaskArtifact } from "../model/task.js";
 import { sameJson } from "./document-edits.js";
 //#region src/board/editor/snapshots.ts
 function fitHeight(item, natural) {
 	const height = item.size.width * natural.height / natural.width;
 	if (!Number.isFinite(height) || height <= 0) return null;
+	const shift = item.type === "task" ? 0 : (item.size.height - height) / 2;
 	return {
 		...item,
 		position: {
 			x: item.position.x,
-			y: item.position.y + (item.size.height - height) / 2
+			y: item.position.y + shift
 		},
 		size: {
 			...item.size,
@@ -105,27 +106,10 @@ function createSnapshotsModule(ctx) {
 		}
 		commit(changes);
 	}
-	function applyTaskSnapshots(snapshots) {
-		if (snapshots.size === 0) return;
-		const changes = /* @__PURE__ */ new Map();
-		for (const [id, item] of Object.entries(state.base.items)) {
-			if (item.type !== "task") continue;
-			const snapshot = snapshots.get(item.props.taskRunId);
-			if (snapshot && !sameJson(snapshot, item.props.snapshot)) changes.set(id, {
-				...item,
-				props: {
-					...item.props,
-					snapshot
-				}
-			});
-		}
-		commit(changes);
-	}
 	return {
 		applyMediaFileChange,
 		adoptMediaNaturalSizes,
-		applyFileSnapshots,
-		applyTaskSnapshots
+		applyFileSnapshots
 	};
 }
 //#endregion

package/dist/board/export/index.d.ts

@@ -1,9 +1,12 @@
 import { BoardDocument } from "../../protocol/dist/board-model.js";
+import { BoardFrame } from "../../protocol/dist/board-layout.js";
 import "../../protocol/dist/index.js";
-import { BoardSceneItem } from "../model/scene.js";
+import { BoardScene, BoardSceneItem } from "../model/scene.js";
+import { BoardEvaluation } from "../model/animation.js";
+import { BoardAnimationSampler } from "../model/sampling.js";
 import { BoardExportPlan, BoardExportPlanInput, BoardExportRegion } from "../model/export-plan.js";
 import { BoardShapeColors } from "../model/palette.js";
-import { BoardCardRendererResolver, BoardRenderPalette, BoardSketchHost } from "../render/renderers/board-renderer-registry.js";
+import { BoardCardRendererResolver, BoardRenderPalette, BoardScriptHost } from "../render/renderers/board-renderer-registry.js";
 import "../render/index.js";
 import { BoardExportScene, BoardExportSceneInput, createBoardExportScene } from "./scene.js";
 import { ICanvas, Renderer, Texture } from "pixi.js";
@@ -11,6 +14,11 @@ import { ICanvas, Renderer, Texture } from "pixi.js";
 type BoardExportBackground = "paper" | "transparent" | number;
 type BoardExportOptions = {
   region?: BoardExportRegion;
+  camera?: {
+    width: number;
+    height: number;
+  };
+  sampler?: BoardAnimationSampler;
   at?: {
     animation?: string;
     time: number;
@@ -22,7 +30,7 @@ type BoardExportOptions = {
   palette?: Partial<BoardRenderPalette>;
   colors?: BoardShapeColors;
   textures?: Map<string, Texture>;
-  sketches?: BoardSketchHost;
+  scripts?: BoardScriptHost;
   assetKey?: (item: BoardSceneItem) => string | null;
   renderers?: BoardCardRendererResolver;
   backgroundImage?: {
@@ -50,7 +58,20 @@ type BoardExportResult = {
   plan: BoardExportPlan;
   warnings: BoardExportWarning[];
 };
+declare function prepareBoardExport(input: BoardDocument, options?: BoardExportOptions): {
+  document: BoardDocument;
+  scene: BoardScene;
+  plan: BoardExportPlan;
+  sampler: {
+    frameAt(id: string, time: number): BoardFrame | undefined;
+    at(time: number): {
+      document: BoardDocument;
+      evaluation: BoardEvaluation;
+      scene: BoardScene;
+    };
+  } | undefined;
+} | null;
 declare function renderBoardExport(renderer: Renderer, input: BoardDocument, options?: BoardExportOptions): BoardExportResult | null;
 declare function describeBoardExportWarning(warning: BoardExportWarning): string;
 //#endregion
-export { BoardExportBackground, BoardExportOptions, type BoardExportPlan, type BoardExportPlanInput, type BoardExportRegion, BoardExportResult, type BoardExportScene, type BoardExportSceneInput, BoardExportWarning, createBoardExportScene, describeBoardExportWarning, renderBoardExport };
+export { BoardExportBackground, BoardExportOptions, type BoardExportPlan, type BoardExportPlanInput, type BoardExportRegion, BoardExportResult, type BoardExportScene, type BoardExportSceneInput, BoardExportWarning, createBoardExportScene, describeBoardExportWarning, prepareBoardExport, renderBoardExport };

package/dist/board/export/index.js

@@ -1,8 +1,9 @@
-import { boardDocumentAt } from "../model/animation.js";
-import { normalizeBoardDocument, planBoardExport } from "../model/export-plan.js";
 import { buildBoardScene } from "../model/scene.js";
+import { resolveBoardAnimationCamera } from "../model/sampling.js";
+import { normalizeBoardDocument, planBoardExport } from "../model/export-plan.js";
 import { parseBoardCssColor } from "../render/css-color.js";
 import { defaultBoardPalette } from "../render/palette.js";
+import { createBoardRenderSampler } from "../render/sampling.js";
 import { ensureBoardTextMeasurement } from "../render/text-measurement.js";
 import { createBoardExportScene } from "./scene.js";
 import { Rectangle } from "pixi.js";
@@ -14,20 +15,51 @@ function resolveBackground(background, palette, document, colorScheme) {
 	const css = typeof declared === "object" ? declared[colorScheme] : declared;
 	return css ? parseBoardCssColor(css) ?? palette.bg : palette.bg;
 }
-function renderBoardExport(renderer, input, options = {}) {
+function prepareBoardExport(input, options = {}) {
 	ensureBoardTextMeasurement();
-	const base = normalizeBoardDocument(input);
-	const document = options.at ? boardDocumentAt(base, options.at.animation ?? null, options.at.time).document : base;
-	const scene = buildBoardScene(document);
+	const base = options.sampler ? input : normalizeBoardDocument(input);
+	if (options.camera && options.region && options.region.kind !== "all") throw new Error("Camera export cannot be combined with a fixed region.");
+	if (options.camera && !options.at) throw new Error("Camera export needs an animation time.");
+	if (options.camera && ![options.camera.width, options.camera.height].every((n) => Number.isSafeInteger(n) && n > 0)) throw new Error("Camera dimensions must be positive integers.");
+	const sampler = options.at ? options.sampler ?? createBoardRenderSampler(base, options.at.animation ?? null, options) : void 0;
+	const sample = options.at ? sampler?.at(options.at.time) : void 0;
+	const sampled = sample?.document ?? base;
+	const document = options.scripts?.document?.(sampled, options.at?.time ?? 0) ?? sampled;
+	const scene = document === sampled ? sample?.scene ?? buildBoardScene(document) : buildBoardScene(document);
+	const camera = options.camera ? resolveBoardAnimationCamera(sample?.evaluation.camera ?? {}, (id) => scene.get(id)?.frame, options.camera, options.at?.time ?? 0) : void 0;
+	const region = camera && options.camera ? {
+		kind: "rect",
+		rect: {
+			x: -camera.x / camera.zoom,
+			y: -camera.y / camera.zoom,
+			width: options.camera.width / camera.zoom,
+			height: options.camera.height / camera.zoom
+		}
+	} : options.region ?? { kind: "all" };
 	const plan = planBoardExport({
 		scene,
-		region: options.region ?? { kind: "all" },
-		scale: options.scale,
-		padding: options.padding,
+		region,
+		scale: camera?.zoom ?? options.scale,
+		padding: camera ? 0 : options.padding,
 		maxEdge: options.maxEdge,
 		maxPixels: options.maxPixels
 	});
-	if (!plan) return null;
+	if (plan && camera && options.camera) {
+		const ratio = plan.clamped ? plan.scale / camera.zoom : 1;
+		plan.width = Math.max(1, Math.floor(options.camera.width * ratio));
+		plan.height = Math.max(1, Math.floor(options.camera.height * ratio));
+	}
+	return plan ? {
+		document,
+		scene,
+		plan,
+		sampler
+	} : null;
+}
+function renderBoardExport(renderer, input, options = {}) {
+	const prepared = prepareBoardExport(input, options);
+	if (!prepared) return null;
+	const { document, scene, plan, sampler } = prepared;
 	const colorScheme = options.colorScheme ?? "dark";
 	const palette = {
 		...defaultBoardPalette(colorScheme),
@@ -38,13 +70,14 @@ function renderBoardExport(renderer, input, options = {}) {
 		scene,
 		items: plan.items,
 		time: options.at?.time ?? 0,
+		frameAt: sampler?.frameAt,
 		world: plan.world,
 		scale: plan.scale,
 		colorScheme,
 		palette,
 		colors: options.colors,
 		textures: options.textures,
-		sketches: options.sketches,
+		scripts: options.scripts,
 		assetKey: options.assetKey,
 		renderers: options.renderers,
 		background: resolveBackground(options.background, palette, document, colorScheme),
@@ -89,4 +122,4 @@ function describeBoardExportWarning(warning) {
 	}
 }
 //#endregion
-export { createBoardExportScene, describeBoardExportWarning, renderBoardExport };
+export { createBoardExportScene, describeBoardExportWarning, prepareBoardExport, renderBoardExport };

package/dist/board/export/node/index.d.ts

@@ -1,8 +1,8 @@
 import { BoardDocument } from "../../../protocol/dist/board-model.js";
 import "../../../protocol/dist/index.js";
-import { BoardSketchHost } from "../../render/renderers/board-renderer-registry.js";
+import { BoardScriptHost } from "../../render/renderers/board-renderer-registry.js";
 import { BoardExportOptions, BoardExportResult } from "../index.js";
-import { createNodeBoardSketchHost } from "./sketch.js";
+import { createNodeBoardScriptHost } from "./scripts.js";
 import { Renderer } from "pixi.js";
 //#region src/board/export/node/index.d.ts
 type NodeCanvasModule = {
@@ -24,6 +24,7 @@ type BoardNodeRendererOptions = {
 };
 type BoardNodeTexture = {
   readonly __boardTexture: unique symbol;
+  destroy: (destroySource?: boolean) => void;
 };
 type BoardNodeRenderer = {
   renderer: Renderer;
@@ -41,7 +42,7 @@ type BoardNodeExportOptions = Omit<BoardExportOptions, "textures" | "backgroundI
     position: "center" | "top" | "bottom" | "left" | "right";
     opacity: number;
   };
-  sketches?: BoardSketchHost;
+  scripts?: BoardScriptHost;
   format?: BoardNodeExportFormat;
   quality?: number;
 };
@@ -52,4 +53,4 @@ type BoardNodeExportResult = Omit<BoardExportResult, "canvas"> & {
 declare function boardImageMimeType(format: BoardNodeExportFormat): string;
 declare function exportBoardImageBytes(renderer: BoardNodeRenderer, document: BoardDocument, options?: BoardNodeExportOptions): BoardNodeExportResult | null;
 //#endregion
-export { BoardNodeExportFormat, BoardNodeExportOptions, BoardNodeExportResult, BoardNodeFont, BoardNodeRenderer, BoardNodeRendererOptions, BoardNodeTexture, NodeCanvasModule, boardImageMimeType, createNodeBoardRenderer, createNodeBoardSketchHost, exportBoardImageBytes };
+export { BoardNodeExportFormat, BoardNodeExportOptions, BoardNodeExportResult, BoardNodeFont, BoardNodeRenderer, BoardNodeRendererOptions, BoardNodeTexture, NodeCanvasModule, boardImageMimeType, createNodeBoardRenderer, createNodeBoardScriptHost, exportBoardImageBytes };

package/dist/board/export/node/index.js

@@ -1,7 +1,7 @@
 import "../../../protocol/dist/board-constants.js";
 import { installBoardTextMeasurement } from "../../render/text-measurement.js";
 import { renderBoardExport } from "../index.js";
-import { createNodeBoardSketchHost } from "./sketch.js";
+import { createNodeBoardScriptHost } from "./scripts.js";
 import { CanvasGraphicsContextSystem, CanvasGraphicsPipe, CanvasRenderer, CanvasRendererTextSystem, CanvasTextPipe, CanvasTextSystem, DOMAdapter, GraphicsContextSystem, GraphicsPipe, ImageSource, Texture, extensions } from "pixi.js";
 //#region src/board/export/node/index.ts
 const SYSTEM_UI_FAMILIES = [
@@ -131,10 +131,10 @@ function boardImageMimeType(format) {
 	return MIME[format];
 }
 function exportBoardImageBytes(renderer, document, options = {}) {
-	const { format = "png", quality = .92, textures, sketches, backgroundImage, ...rest } = options;
+	const { format = "png", quality = .92, textures, scripts, backgroundImage, ...rest } = options;
 	const result = renderBoardExport(renderer.renderer, document, {
 		...rest,
-		...sketches ? { sketches } : {},
+		...scripts ? { scripts } : {},
 		...textures ? { textures } : {},
 		...backgroundImage ? { backgroundImage: {
 			...backgroundImage,
@@ -143,13 +143,18 @@ function exportBoardImageBytes(renderer, document, options = {}) {
 	});
 	if (!result) return null;
 	const canvas = result.canvas;
-	const bytes = format === "png" ? canvas.toBuffer(MIME.png) : canvas.toBuffer(MIME[format], Math.round(quality * 100));
-	return {
-		bytes: new Uint8Array(bytes),
-		plan: result.plan,
-		warnings: result.warnings,
-		format
-	};
+	try {
+		const bytes = format === "png" ? canvas.toBuffer(MIME.png) : canvas.toBuffer(MIME[format], Math.round(quality * 100));
+		return {
+			bytes: new Uint8Array(bytes),
+			plan: result.plan,
+			warnings: result.warnings,
+			format
+		};
+	} finally {
+		canvas.width = 1;
+		canvas.height = 1;
+	}
 }
 //#endregion
-export { boardImageMimeType, createNodeBoardRenderer, createNodeBoardSketchHost, exportBoardImageBytes };
+export { boardImageMimeType, createNodeBoardRenderer, createNodeBoardScriptHost, exportBoardImageBytes };

package/dist/board/export/node/scripts.d.ts

@@ -0,0 +1,16 @@
+import { BoardSceneItem } from "../../model/scene.js";
+import { BoardScriptHost } from "../../render/renderers/board-renderer-registry.js";
+import { BoardNodeRenderer } from "./index.js";
+//#region src/board/export/node/scripts.d.ts
+type BoardNodeScriptOptions = {
+  readModule(src: string): Promise<string>;
+  timeoutMs?: number;
+  readTimeoutMs?: number;
+};
+declare function createNodeBoardScriptHost(renderer: BoardNodeRenderer, options: BoardNodeScriptOptions): BoardScriptHost & {
+  prepare(items: readonly BoardSceneItem[], times: readonly number[], zoom: number): Promise<void>;
+  clearFrames(): void;
+  destroy(): void;
+};
+//#endregion
+export { BoardNodeScriptOptions, createNodeBoardScriptHost };