@bud.sh/app 0.5.1 → 0.6.0

package/dist/node/vite.js

@@ -0,0 +1,121 @@
+import { n as pickerModules, t as bridgeScript } from "./assets/bridge-DQSBYHmw.js";
+import { n as resolveTargetOrigin, r as ProjectConfig, t as createConfigRuntime } from "./assets/load-config.server-CMVtRVmO.js";
+import { resolve } from "node:path";
+//#region src/host/vite.server.ts
+/**
+* Hosts Bud's app beside an existing Vite server, whose live updates refresh Bud's page previews.
+* With `BUD_SANDBOX=1`, as in a factory sandbox's dev server, it only serves the page bridge and
+* the picker, for Agent view's browser.
+* @param options - Optional workspace development mode.
+* @returns A development-only Vite plugin with an owned companion lifecycle.
+*/
+function bud(options = {}) {
+	let lifetimes = /* @__PURE__ */ new WeakMap();
+	let pickers = /* @__PURE__ */ new Map();
+	return {
+		name: "bud:companion",
+		apply: (_config, { command }) => command === "serve" && !process.env.BUD_BRANCH_BUILD,
+		async configureServer(vite) {
+			let runtime = createConfigRuntime();
+			let controller = new AbortController();
+			let companion;
+			let starting;
+			let closing;
+			let restarting = false;
+			let filenames = ["bud.config.ts", "bud.config.js"].map((name) => resolve(vite.config.root, name));
+			let changed = (filename) => {
+				if (controller.signal.aborted || restarting || !filenames.includes(resolve(filename))) return;
+				restarting = true;
+				vite.restart().catch((error) => {
+					restarting = false;
+					vite.config.logger.error(`Bud: ${error instanceof Error ? error.message : "Config restart failed."}`);
+				});
+			};
+			let listening = () => {
+				if (controller.signal.aborted || starting) return;
+				starting = start().catch((error) => {
+					if (!controller.signal.aborted) vite.config.logger.error(`Bud: ${error instanceof Error ? error.message : "Companion startup failed."}`);
+					throw error;
+				});
+				starting.catch(() => {});
+			};
+			let cleanup = () => closing ??= (async () => {
+				controller.abort();
+				vite.httpServer?.off("listening", listening);
+				for (let event of [
+					"change",
+					"add",
+					"unlink"
+				]) vite.watcher.off(event, changed);
+				await starting?.catch(() => {});
+				try {
+					await companion?.close();
+				} finally {
+					await runtime.dispose();
+				}
+			})();
+			let lifetime = { close: cleanup };
+			for (let environment of Object.values(vite.environments)) lifetimes.set(environment, lifetime);
+			let loaded;
+			async function load() {
+				return runtime.runPromise(ProjectConfig.use((service) => service.load(vite.config.root)), { signal: controller.signal });
+			}
+			async function start() {
+				let targetOrigin = await runtime.runPromise(resolveTargetOrigin(loaded.config, vite.httpServer?.address(), {
+					host: vite.config.server.host,
+					https: Boolean(vite.config.server.https)
+				}), { signal: controller.signal });
+				let { startBud } = await import(
+					/* @vite-ignore */
+					import.meta.resolve("@bud.sh/app/companion")
+);
+				controller.signal.throwIfAborted();
+				companion = await startBud({
+					root: loaded.root,
+					config: loaded.config,
+					targetOrigin,
+					development: options.development,
+					signal: controller.signal
+				});
+				vite.config.logger.info(`\n  Bud → ${companion.origin}\n`);
+			}
+			try {
+				loaded = await load();
+				pickers = pickerModules(loaded.config.picker);
+				filenames = [.../* @__PURE__ */ new Set([...filenames, ...["bud.config.ts", "bud.config.js"].map((name) => resolve(loaded.root, name))])];
+				vite.watcher.add(filenames);
+				for (let event of [
+					"change",
+					"add",
+					"unlink"
+				]) vite.watcher.on(event, changed);
+				if (process.env.BUD_SANDBOX === "1") return;
+				if (vite.httpServer?.listening) listening();
+				else vite.httpServer?.once("listening", listening);
+			} catch (error) {
+				await cleanup();
+				throw error;
+			}
+		},
+		resolveId(id) {
+			return pickers.has(id) ? id : void 0;
+		},
+		load(id) {
+			return pickers.get(id);
+		},
+		transformIndexHtml: {
+			order: "post",
+			handler: () => [{
+				tag: "script",
+				attrs: { type: "module" },
+				children: bridgeScript,
+				injectTo: "head"
+			}]
+		},
+		async closeBundle() {
+			await lifetimes.get(this.environment)?.close();
+		}
+	};
+}
+//#endregion
+export { bud };

package/dist/{server/assets/canvas-CkMK4hoN.js → node-host/assets/canvas-BeDoufy1.js}

@@ -1,8 +1,7 @@
-import { Bn as Icon } from "./events-iHpLGr3k.js";
-import { Bt as Button, En as t, H as captureCanvasPoint, On as Text, Rt as Loader, Sn as writePreference, V as CanvasWorkspace, W as BranchSidebar, fn as ToolbarSeparator, gn as IconButton, hn as Select, l as projectStore, pn as WorkspaceLayout, t as commentsUnavailable, ut as conversationHref, vn as Tooltip, xn as readPreference } from "./comment-data-NLeHG89b.js";
-import { i as pictureKey, n as createProjectPreviews, t as createProjectBranches } from "./project-branches-CwTsf6WQ.js";
-import { n as createProjectComments, r as loadComments, t as defineScreen } from "./screen-B1zH_1O3.js";
-import { t as ProjectThreadLinks } from "./project-thread-links-lLS_rq7c.js";
+import { Gt as Loader, Jt as ToolbarSeparator, K as BranchSidebar, Qt as IconButton, U as CanvasWorkspace, W as captureCanvasPoint, Yt as WorkspaceLayout, Zt as Select, cn as t, dn as Icon, en as Tooltip, in as writePreference, l as projectStore, mt as conversationHref, qt as Button, rn as readPreference, t as commentsUnavailable, un as Text } from "./comment-data-DE2T9yTj.js";
+import { i as pictureKey, n as createProjectPreviews, t as createProjectBranches } from "./project-branches-DGp5ELct.js";
+import { n as createProjectComments, r as loadComments, t as defineScreen } from "./screen-B55yyVfb.js";
+import { n as ProjectThreadLinks, t as ProjectMakeTask } from "./project-thread-links-CgBV3Jcm.js";
 import { on, ref } from "remix/component";
 import { Fragment, jsx, jsxs } from "remix/component/jsx-runtime";
 //#region app/client/preview-image.tsx
@@ -292,6 +291,92 @@ function PreviewRefresh(handle) {
 	};
 }
 //#endregion
+//#region app/client/task-context.ts
+var CROP = {
+	width: 1200,
+	height: 800
+};
+var QUALITY = .82;
+/**
+* What a task made from a canvas comment takes along: the page around the comment's point with
+* the point marked, and the element there with its source.
+* @param previews - The canvas's pictures, for the branch the comment is on.
+* @param thread - The discussion.
+* @param sizes - The project's viewports.
+* @returns The context, or undefined when the comment has no picture to take it from.
+*/
+async function canvasTaskContext(previews, thread, sizes) {
+	let anchor = thread.anchor;
+	if (!anchor || "type" in anchor) return void 0;
+	let size = sizes.find((candidate) => candidate.width === anchor.viewport) ?? sizes[0];
+	if (!size) return void 0;
+	let picture = await previews.picture(anchor.pageId, "light", size);
+	if (!picture) return void 0;
+	let { capture, images } = picture;
+	let pin = capture.pins?.find((entry) => entry.id === thread.id && entry.x !== null);
+	let point = pin && pin.x !== null && pin.y !== null ? {
+		x: pin.x,
+		y: pin.y
+	} : {
+		x: anchor.offsetX * capture.width,
+		y: anchor.offsetY
+	};
+	let [image, element] = await Promise.all([cropAround(capture, images, point).catch(() => void 0), previews.describe(anchor.pageId, capture, point.x, point.y).catch(() => null)]);
+	return {
+		...image ? { image } : {},
+		element,
+		point
+	};
+}
+/**
+* Cuts the page around a point out of a capture's slices and marks the point.
+* @param capture - The capture's size, scale and slices.
+* @param images - The slices' images, top to bottom.
+* @param point - The point in CSS pixels.
+* @returns The JPEG as base64.
+*/
+async function cropAround(capture, images, point) {
+	let width = Math.min(CROP.width, capture.width);
+	let height = Math.min(CROP.height, capture.height);
+	let left = Math.max(0, Math.min(capture.width - width, Math.round(point.x - width / 2)));
+	let top = Math.max(0, Math.min(capture.height - height, Math.round(point.y - height / 2)));
+	let canvas = new OffscreenCanvas(width, height);
+	let context = canvas.getContext("2d");
+	if (!context) throw new Error("No canvas.");
+	context.fillStyle = "#fff";
+	context.fillRect(0, 0, width, height);
+	let tileTop = 0;
+	for (let [index, tile] of capture.tiles.entries()) {
+		let tileBottom = tileTop + tile.height;
+		let from = Math.max(top, tileTop);
+		let to = Math.min(top + height, tileBottom);
+		if (to > from && images[index]) {
+			let bitmap = await createImageBitmap(images[index]);
+			context.drawImage(bitmap, left * capture.scale, (from - tileTop) * capture.scale, width * capture.scale, (to - from) * capture.scale, 0, from - top, width, to - from);
+			bitmap.close();
+		}
+		tileTop = tileBottom;
+	}
+	let x = point.x - left;
+	let y = point.y - top;
+	context.lineWidth = 6;
+	context.strokeStyle = "#fff";
+	context.beginPath();
+	context.arc(x, y, 18, 0, Math.PI * 2);
+	context.stroke();
+	context.lineWidth = 3;
+	context.strokeStyle = "#ef4444";
+	context.stroke();
+	let blob = await canvas.convertToBlob({
+		type: "image/jpeg",
+		quality: QUALITY
+	});
+	let bytes = new Uint8Array(await blob.arrayBuffer());
+	let binary = "";
+	for (let index = 0; index < bytes.length; index += 32768) binary += String.fromCharCode(...bytes.subarray(index, index + 32768));
+	return btoa(binary);
+}
+//#endregion
 //#region app/client/project-differences.ts
 var results = /* @__PURE__ */ new Map();
 function worker() {
@@ -1009,7 +1094,12 @@ function ProjectCanvas(handle) {
 						await comments.loadThread(thread.id, true);
 					}
 				}),
-				renderThreadActions: (thread) => /* @__PURE__ */ jsx(ProjectThreadLinks, {
+				renderThreadActions: (thread) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ProjectMakeTask, {
+					thread,
+					canMake: comments.snapshot.capabilities.link && project.storage.work?.state === "ready",
+					busy: comments.busy,
+					onMake: async (id) => comments.makeTask(id, await canvasTaskContext(previews, thread, sizes).catch(() => void 0))
+				}), /* @__PURE__ */ jsx(ProjectThreadLinks, {
 					part: "action",
 					project,
 					thread,
@@ -1019,7 +1109,7 @@ function ProjectCanvas(handle) {
 						await comments.load();
 						await comments.loadThread(thread.id, true);
 					}
-				}),
+				})] }),
 				initialThreadId: requestedThread,
 				loaded: comments.loaded,
 				busy: comments.busy,