@neta-art/cohub 12.1.0 → 12.2.0

package/dist/board/model/media-sizes.d.ts

@@ -0,0 +1,28 @@
+import { BoardItem } from "../../protocol/dist/board-model.js";
+import "../../protocol/dist/index.js";
+//#region src/board/model/media-sizes.d.ts
+type BoardMediaSize = {
+  width: number;
+  height: number;
+};
+type BoardMediaTarget = {
+  id: string;
+  type: "image" | "video";
+  source: {
+    kind: "file" | "url";
+    value: string;
+  };
+};
+type BoardMediaFileResolver = (path: string, type: BoardMediaTarget["type"], signal?: AbortSignal) => Promise<BoardMediaSize | string | null>;
+type BoardMediaSizeOptions = {
+  resolveFile?: BoardMediaFileResolver;
+  signal?: AbortSignal;
+};
+declare function boardMediaTarget(id: string, item: BoardItem): BoardMediaTarget | null;
+declare function probeBoardMediaSize(target: Omit<BoardMediaTarget, "id">, options?: BoardMediaSizeOptions): Promise<BoardMediaSize | null>;
+/** Probes each unique media source once; unresolved items are left as is. */
+declare function settleBoardMediaSizes(items: Readonly<Record<string, BoardItem>>, options?: Omit<BoardMediaSizeOptions, "signal"> & {
+  timeoutMs?: number;
+}): Promise<Record<string, BoardItem>>;
+//#endregion
+export { BoardMediaFileResolver, BoardMediaSize, BoardMediaSizeOptions, BoardMediaTarget, boardMediaTarget, probeBoardMediaSize, settleBoardMediaSizes };

package/dist/board/model/media-sizes.js

@@ -0,0 +1,64 @@
+import { probeMediaSize } from "../../protocol/dist/core/media.js";
+import { parseBoardMediaSource } from "../../protocol/dist/board-model.js";
+import { featuredTaskArtifact } from "../../protocol/dist/board-task.js";
+import { adoptBoardNaturalSize } from "../../protocol/dist/board-layout.js";
+//#region src/board/model/media-sizes.ts
+function boardMediaTarget(id, item) {
+	if (item.type === "image" || item.type === "video") {
+		if (item.props.snapshot?.naturalWidth && item.props.snapshot.naturalHeight) return null;
+		const source = parseBoardMediaSource(item.props.src);
+		return source ? {
+			id,
+			type: item.type,
+			source
+		} : null;
+	}
+	if (item.type !== "task") return null;
+	const artifact = featuredTaskArtifact(item.props.snapshot.artifacts);
+	if (artifact?.type !== "image" && artifact?.type !== "video" || artifact.naturalWidth && artifact.naturalHeight) return null;
+	return {
+		id,
+		type: artifact.type,
+		source: {
+			kind: "url",
+			value: artifact.url
+		}
+	};
+}
+async function probeBoardMediaSize(target, options = {}) {
+	const { type, source } = target;
+	try {
+		const resolved = source.kind === "url" ? source.value : await options.resolveFile?.(source.value, type, options.signal);
+		if (typeof resolved !== "string") return resolved ?? null;
+		return await probeMediaSize(resolved, type, { signal: options.signal });
+	} catch {
+		return null;
+	}
+}
+const CONCURRENCY = 8;
+/** Probes each unique media source once; unresolved items are left as is. */
+async function settleBoardMediaSizes(items, options = {}) {
+	const targets = Object.entries(items).flatMap(([id, item]) => boardMediaTarget(id, item) ?? []);
+	const signal = AbortSignal.timeout(options.timeoutMs ?? 5e3);
+	const probes = /* @__PURE__ */ new Map();
+	const settled = {};
+	let next = 0;
+	const work = async () => {
+		for (let target = targets[next++]; target; target = targets[next++]) {
+			const key = `${target.type}:${target.source.kind}:${target.source.value}`;
+			const probe = probes.get(key) ?? probeBoardMediaSize(target, {
+				...options,
+				signal
+			});
+			probes.set(key, probe);
+			const size = await probe;
+			const item = items[target.id];
+			const adopted = size && item && adoptBoardNaturalSize(item, size);
+			if (adopted) settled[target.id] = adopted;
+		}
+	};
+	await Promise.all(Array.from({ length: CONCURRENCY }, work));
+	return settled;
+}
+//#endregion
+export { boardMediaTarget, probeBoardMediaSize, settleBoardMediaSizes };

package/dist/board/model/palette.d.ts

@@ -13,6 +13,7 @@ type BoardColorEntry = {
   dark: BoardColorValue;
   light: BoardColorValue;
 };
+/** Swatches with the colors of the default dark and light themes. */
 declare const BOARD_COLORS: readonly BoardColorEntry[];
 declare const DEFAULT_BOARD_COLOR: BoardColorId;
 declare function isBoardColorId(value: unknown): value is BoardColorId;

package/dist/board/model/palette.js

@@ -1,134 +1,24 @@
+import { BOARD_COLOR_TOKENS } from "../../protocol/dist/board-model.js";
+import { BOARD_THEME_DATA } from "./themes.js";
 //#region src/board/model/palette.ts
-const LABEL_DARK = 16053492;
-const LABEL_LIGHT = 1579035;
-const BOARD_COLORS = [
-	{
-		id: "brand",
-		label: "Brand",
-		dark: {
-			stroke: 16734751,
-			fill: 16734751,
-			label: LABEL_DARK
-		},
-		light: {
-			stroke: 15222030,
-			fill: 15222030,
-			label: LABEL_LIGHT
-		}
-	},
-	{
-		id: "neutral",
-		label: "Neutral",
-		dark: {
-			stroke: 10133670,
-			fill: 10133670,
-			label: LABEL_DARK
-		},
-		light: {
-			stroke: 6251368,
-			fill: 6251368,
-			label: LABEL_LIGHT
-		}
-	},
-	{
-		id: "black",
-		label: "Black",
-		dark: {
-			stroke: 0,
-			fill: 0,
-			label: LABEL_DARK
-		},
-		light: {
-			stroke: 0,
-			fill: 0,
-			label: LABEL_LIGHT
-		}
-	},
-	{
-		id: "white",
-		label: "White",
-		dark: {
-			stroke: 16777215,
-			fill: 16777215,
-			label: LABEL_DARK
-		},
-		light: {
-			stroke: 16777215,
-			fill: 16777215,
-			label: LABEL_LIGHT
-		}
-	},
-	{
-		id: "blue",
-		label: "Blue",
-		dark: {
-			stroke: 3718648,
-			fill: 3718648,
-			label: LABEL_DARK
-		},
-		light: {
-			stroke: 2450411,
-			fill: 2450411,
-			label: LABEL_LIGHT
-		}
-	},
-	{
-		id: "green",
-		label: "Green",
-		dark: {
-			stroke: 3462041,
-			fill: 3462041,
-			label: LABEL_DARK
-		},
-		light: {
-			stroke: 1483594,
-			fill: 1483594,
-			label: LABEL_LIGHT
-		}
-	},
-	{
-		id: "amber",
-		label: "Amber",
-		dark: {
-			stroke: 16096779,
-			fill: 16096779,
-			label: LABEL_DARK
-		},
-		light: {
-			stroke: 14251782,
-			fill: 14251782,
-			label: LABEL_LIGHT
-		}
-	},
-	{
-		id: "violet",
-		label: "Violet",
-		dark: {
-			stroke: 10980346,
-			fill: 10980346,
-			label: LABEL_DARK
-		},
-		light: {
-			stroke: 8141549,
-			fill: 8141549,
-			label: LABEL_LIGHT
-		}
-	},
-	{
-		id: "rose",
-		label: "Rose",
-		dark: {
-			stroke: 16478597,
-			fill: 16478597,
-			label: LABEL_DARK
-		},
-		light: {
-			stroke: 14753096,
-			fill: 14753096,
-			label: LABEL_LIGHT
-		}
-	}
-];
+const COLOR_LABELS = {
+	brand: "Brand",
+	neutral: "Neutral",
+	black: "Black",
+	white: "White",
+	blue: "Blue",
+	green: "Green",
+	amber: "Amber",
+	violet: "Violet",
+	rose: "Rose"
+};
+/** Swatches with the colors of the default dark and light themes. */
+const BOARD_COLORS = BOARD_COLOR_TOKENS.map((id) => ({
+	id,
+	label: COLOR_LABELS[id],
+	dark: { ...BOARD_THEME_DATA.dark.colors[id] },
+	light: { ...BOARD_THEME_DATA.light.colors[id] }
+}));
 const DEFAULT_BOARD_COLOR = "brand";
 const COLOR_INDEX = new Map(BOARD_COLORS.map((entry) => [entry.id, entry]));
 function isBoardColorId(value) {

package/dist/board/model/text-metrics.d.ts

@@ -1,7 +1,7 @@
-import { clampBoardFontSize } from "../../protocol/dist/board-layout.js";
+import { BoardTextLayout, clampBoardFontSize } from "../../protocol/dist/board-layout.js";
 import "../../protocol/dist/index.js";
 //#region src/board/model/text-metrics.d.ts
-declare const TEXT_FONT_FAMILY = "Geist";
+declare const TEXT_FONT_FAMILY = "Geist Variable";
 declare const TEXT_FONT_SIZE = 24;
 declare const TEXT_LINE_HEIGHT = 32;
 declare const TEXT_MIN_FONT_SIZE = 2;
@@ -11,5 +11,10 @@ declare function boardFontFamily(font: string, stacks: {
   serif: string;
   mono: string;
 }): string;
+declare const SHAPE_LABEL_PADDING = 8;
+declare function layoutShapeLabel(props: {
+  text: string;
+  fontSize: number;
+}, width: number): BoardTextLayout;
 //#endregion
-export { TEXT_FONT_FAMILY, TEXT_FONT_SIZE, TEXT_LINE_HEIGHT, TEXT_MAX_FONT_SIZE, TEXT_MIN_FONT_SIZE, boardFontFamily, clampBoardFontSize as clampBoardTextFontSize };
+export { SHAPE_LABEL_PADDING, TEXT_FONT_FAMILY, TEXT_FONT_SIZE, TEXT_LINE_HEIGHT, TEXT_MAX_FONT_SIZE, TEXT_MIN_FONT_SIZE, boardFontFamily, clampBoardFontSize as clampBoardTextFontSize, layoutShapeLabel };

package/dist/board/model/text-metrics.js

@@ -1,5 +1,5 @@
 import { BOARD_TEXT_FONT_FAMILY } from "../../protocol/dist/board-constants.js";
-import { clampBoardFontSize } from "../../protocol/dist/board-layout.js";
+import { clampBoardFontSize, layoutBoardText } from "../../protocol/dist/board-layout.js";
 //#region src/board/model/text-metrics.ts
 const TEXT_FONT_FAMILY = BOARD_TEXT_FONT_FAMILY;
 const TEXT_FONT_SIZE = 24;
@@ -10,5 +10,16 @@ function boardFontFamily(font, stacks) {
 	if (font === "sans" || font === "serif" || font === "mono") return stacks[font];
 	return `"${font.replaceAll("\"", "")}", ${stacks.sans}`;
 }
+const SHAPE_LABEL_PADDING = 8;
+function layoutShapeLabel(props, width) {
+	return layoutBoardText({
+		text: props.text,
+		fontSize: props.fontSize,
+		fontWeight: 500,
+		font: "sans",
+		lineHeight: 1.4,
+		width: Math.max(1, width - 16)
+	});
+}
 //#endregion
-export { TEXT_FONT_FAMILY, TEXT_FONT_SIZE, TEXT_LINE_HEIGHT, TEXT_MAX_FONT_SIZE, TEXT_MIN_FONT_SIZE, boardFontFamily, clampBoardFontSize as clampBoardTextFontSize };
+export { SHAPE_LABEL_PADDING, TEXT_FONT_FAMILY, TEXT_FONT_SIZE, TEXT_LINE_HEIGHT, TEXT_MAX_FONT_SIZE, TEXT_MIN_FONT_SIZE, boardFontFamily, clampBoardFontSize as clampBoardTextFontSize, layoutShapeLabel };