@hitch42/applet 0.1.0-beta.10 → 0.1.0-beta.11

package/dist/react.js

@@ -1,7 +1,9 @@
 import { useEffect, useMemo, useRef, useState } from "react";
-import { BetweenHorizontalEnd, BetweenVerticalEnd, Bold, Code, Heading, Italic, Link, List, ListMinus, ListOrdered, ListTodo, Quote, Strikethrough, Table, Trash2 } from "lucide-react";
+import { BetweenHorizontalEnd, BetweenVerticalEnd, Bold, Code, Heading, Italic, Link, List, ListMinus, ListOrdered, ListTodo, Quote, Strikethrough, Table, Trash2, X } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Streamdown, defaultRehypePlugins, defaultUrlTransform } from "streamdown";
+import { GapCursor } from "@tiptap/pm/gapcursor";
+import { NodeSelection } from "@tiptap/pm/state";
 import { EditorContent, NodeViewWrapper, ReactNodeViewRenderer, useEditor, useEditorState } from "@tiptap/react";
 import { Button, Toolbar } from "react-aria-components";
 import { twMerge } from "cn";
@@ -123,11 +125,14 @@ function Markdown({ children, files, className }) {
 function sanitizeAltText(text) {
 	return text.replaceAll(/[[\]()\\]/g, "").replaceAll(/\s+/g, " ");
 }
+function editorMarkdown(editor) {
+	return editor.getMarkdown().trimEnd();
+}
 function tableHasBlockCells(node) {
 	return (node.content ?? []).some((row) => (row.content ?? []).some((cell) => cell.content?.length !== 1 || cell.content[0]?.type !== "paragraph"));
 }
 function hitchImageNode(files) {
-	return function HitchImageNode({ node }) {
+	return function HitchImageNode({ node, selected, editor, deleteNode }) {
 		const src = String(node.attrs.src);
 		const alt = typeof node.attrs.alt === "string" ? node.attrs.alt : void 0;
 		const id = src.startsWith("hitch-file://") ? src.slice(13) : void 0;
@@ -152,42 +157,46 @@ function hitchImageNode(files) {
 				active = false;
 			};
 		}, [files, id]);
-		if (id === void 0) return /* @__PURE__ */ jsx(NodeViewWrapper, {
-			as: "span",
-			children: /* @__PURE__ */ jsx("img", {
-				src,
-				alt,
-				className: "max-w-full rounded-lg",
-				"data-drag-handle": true
-			})
-		});
-		if (files === void 0 || state.error !== void 0) return /* @__PURE__ */ jsx(NodeViewWrapper, {
-			as: "span",
+		const content = id === void 0 ? /* @__PURE__ */ jsx("img", {
+			src,
+			alt,
+			className: "max-w-full rounded-lg",
+			"data-drag-handle": true
+		}) : files === void 0 || state.error !== void 0 ? /* @__PURE__ */ jsx("span", {
 			className: "text-muted-foreground text-sm",
 			children: alt ?? "Image unavailable"
-		});
-		if (state.id !== id || state.url === void 0) return /* @__PURE__ */ jsx(NodeViewWrapper, {
-			as: "span",
+		}) : state.id !== id || state.url === void 0 ? /* @__PURE__ */ jsx("span", {
 			className: "inline-block min-h-16 min-w-32 animate-pulse rounded-md bg-muted p-3 text-muted-foreground text-sm",
 			role: "img",
 			"aria-label": alt ?? "Loading image",
 			children: alt ?? "Loading image"
+		}) : /* @__PURE__ */ jsx("img", {
+			src: state.url,
+			alt,
+			className: "max-w-full rounded-lg",
+			"data-drag-handle": true,
+			onError: () => {
+				invalidateDownloadUrl(id);
+				setState({
+					id,
+					error: /* @__PURE__ */ new Error("image failed to load")
+				});
+			}
 		});
-		return /* @__PURE__ */ jsx(NodeViewWrapper, {
+		return /* @__PURE__ */ jsxs(NodeViewWrapper, {
 			as: "span",
-			children: /* @__PURE__ */ jsx("img", {
-				src: state.url,
-				alt,
-				className: "max-w-full rounded-lg",
-				"data-drag-handle": true,
-				onError: () => {
-					invalidateDownloadUrl(id);
-					setState({
-						id,
-						error: /* @__PURE__ */ new Error("image failed to load")
-					});
-				}
-			})
+			className: twMerge("relative inline-block max-w-full rounded-lg", selected && "in-[.ProseMirror[contenteditable=true]:focus-within]:ring-2 in-[.ProseMirror[contenteditable=true]:focus-within]:ring-ring"),
+			children: [content, selected && /* @__PURE__ */ jsx("button", {
+				type: "button",
+				contentEditable: false,
+				"aria-label": "Remove image",
+				className: "absolute top-1.5 right-1.5 hidden size-6 in-[.ProseMirror[contenteditable=true]:focus-within]:inline-flex items-center justify-center rounded-full bg-background/90 text-foreground shadow-sm outline-none hover:bg-muted focus-visible:ring-3 focus-visible:ring-ring/30 [&_svg]:size-3.5",
+				onClick: () => {
+					deleteNode();
+					editor.commands.focus();
+				},
+				children: /* @__PURE__ */ jsx(X, {})
+			})]
 		});
 	};
 }
@@ -223,7 +232,7 @@ function findImage(view, src) {
 	});
 	return found;
 }
-function MarkdownEditor({ value, onChange, files, id, placeholder, required, minLength, maxLength, disabled, className, onUploadError }) {
+function MarkdownEditor({ value, onChange, files, id, placeholder, required, minLength, maxLength, disabled, autoFocus, className, onUploadError }) {
 	const validationRef = useRef(null);
 	const lastEmittedRef = useRef(value);
 	const filesRef = useRef(files);
@@ -260,6 +269,7 @@ function MarkdownEditor({ value, onChange, files, id, placeholder, required, min
 		content: value,
 		contentType: "markdown",
 		editable: !disabled,
+		autofocus: autoFocus ? "end" : false,
 		editorProps: {
 			attributes: { class: editorClassName },
 			handlePaste: (view, event) => {
@@ -280,8 +290,17 @@ function MarkdownEditor({ value, onChange, files, id, placeholder, required, min
 				return true;
 			}
 		},
-		onUpdate: ({ editor: updatedEditor }) => {
-			const markdown = updatedEditor.getMarkdown();
+		onCreate: ({ editor: createdEditor }) => {
+			if (autoFocus) createdEditor.commands.focus("end");
+			else if (createdEditor.state.selection instanceof NodeSelection) {
+				const { state, view } = createdEditor;
+				view.dispatch(state.tr.setSelection(new GapCursor(state.doc.resolve(0))));
+			}
+		},
+		onUpdate: ({ editor: updatedEditor, transaction }) => {
+			if (!transaction.docChanged) return;
+			const markdown = editorMarkdown(updatedEditor);
+			if (markdown === lastEmittedRef.current) return;
 			lastEmittedRef.current = markdown;
 			onChange(markdown);
 		}
@@ -327,10 +346,11 @@ function MarkdownEditor({ value, onChange, files, id, placeholder, required, min
 		}
 	}
 	useEffect(() => {
-		if (value !== lastEmittedRef.current && value !== editor.getMarkdown()) editor.commands.setContent(value, {
+		if (value !== lastEmittedRef.current && value !== editorMarkdown(editor)) editor.commands.setContent(value, {
 			contentType: "markdown",
 			emitUpdate: false
 		});
+		lastEmittedRef.current = value;
 	}, [editor, value]);
 	useEffect(() => editor.setEditable(!disabled, false), [disabled, editor]);
 	const active = useEditorState({
@@ -474,10 +494,11 @@ function MarkdownEditor({ value, onChange, files, id, placeholder, required, min
 		}
 	];
 	return /* @__PURE__ */ jsxs("div", {
-		className: twMerge("overflow-hidden rounded-2xl border border-input bg-background", className),
+		className: twMerge("flex flex-col overflow-hidden rounded-2xl border border-input bg-background", className),
 		children: [
+			/* @__PURE__ */ jsx(EditorContent, { editor }),
 			/* @__PURE__ */ jsxs(Toolbar, {
-				className: "flex flex-wrap gap-1 border-b border-input p-1",
+				className: "order-first flex flex-wrap gap-1 border-b border-input p-1",
 				"aria-label": "Markdown formatting",
 				children: [items.map(({ title, active: isActive, icon: Icon, command }) => /* @__PURE__ */ jsx(Button, {
 					className: twMerge(buttonClassName, isActive && "bg-muted text-foreground"),
@@ -496,7 +517,6 @@ function MarkdownEditor({ value, onChange, files, id, placeholder, required, min
 					children: /* @__PURE__ */ jsx(Icon, { className: iconClassName })
 				}, title))] })]
 			}),
-			/* @__PURE__ */ jsx(EditorContent, { editor }),
 			/* @__PURE__ */ jsx("textarea", {
 				ref: validationRef,
 				id,

package/dist/{schedules-BkWZsbSs.js → schedules-DIIowhD3.js}

@@ -1,4 +1,4 @@
-import { t as loadAppletConfig } from "./load-config-OKZU3UKn.js";
+import { t as loadAppletConfig } from "./load-config-DI-e1Ool.js";
 import { t as question } from "./prompt-ChS-grYO.js";
 import { RPCLink } from "@orpc/client/fetch";
 import { readFile } from "node:fs/promises";

package/dist/server.d.ts

@@ -1,6 +1,6 @@
 import { a as createWorkflow, i as WorkflowStep, n as WorkflowDefinition, r as WorkflowDuration } from "./workflow-DurM6Fwx.js";
-import { _ as RegisteredWorkflows, f as RegisteredContract, g as RegisteredVariables, p as RegisteredManifest } from "./manifest-I-9s8R36.js";
-import { t as NarrowContract } from "./contract-QUvEGiRI.js";
+import { _ as RegisteredWorkflows, f as RegisteredContract, g as RegisteredVariables, p as RegisteredManifest } from "./manifest-C6_F4bL8.js";
+import { t as NarrowContract } from "./contract-CsUpTBe0.js";
 import { t as WithBatchRecorder } from "./batch-Qa4B4-Yp.js";
 import { o as WithFilesUpload } from "./upload-DKZzz5kW.js";
 import { ContractRouterClient } from "@orpc/contract";

package/dist/telephony.d.ts

@@ -1,16 +1,26 @@
 //#region src/telephony/phone.d.ts
 type PhoneState = {
+  owner: boolean;
   status: "off" | "connecting" | "ready" | "error";
   error: string | null;
-  active: null | {
-    callId: string;
-    to: string;
+  incoming: null | {
+    id: string;
+    from: string;
+  };
+  active: null | ({
     from: string;
     state: "connecting" | "ringing" | "active" | "held" | "ended";
     muted: boolean;
     startedAt: number;
+  } & ({
+    direction: "outbound";
+    callId: string;
+    to: string;
     recording: boolean;
-  };
+  } | {
+    direction: "inbound";
+    recording: false;
+  }));
 };
 type CallInput = {
   numberId: string;
@@ -31,6 +41,8 @@ declare class Phone {
   private readonly api;
   private client;
   private currentCall;
+  private incomingCall;
+  private readonly acceptsCalls;
   private connectPromise;
   private releaseLock;
   private lockAbortController;
@@ -44,8 +56,11 @@ declare class Phone {
   private audio;
   private firstLogin;
   private callStarting;
+  private reconnectOnPageShow;
+  private connectionRequested;
   constructor(options?: {
     baseUrl?: string;
+    acceptsCalls?: boolean;
   });
   subscribe: (listener: Listener) => (() => void);
   getSnapshot: () => PhoneState;
@@ -55,8 +70,12 @@ declare class Phone {
   private connectInternal;
   private connectOwned;
   disconnect: () => void;
+  private pageHide;
+  private pageShow;
   private beforeUnload;
   call: ({ numberId, to }: CallInput) => Promise<void>;
+  answer: () => Promise<void>;
+  decline: () => Promise<void>;
   private sendCommand;
   private onChannelMessage;
   private runCommand;
@@ -65,6 +84,7 @@ declare class Phone {
 }
 declare const createPhone: (options?: {
   baseUrl?: string;
+  acceptsCalls?: boolean;
 }) => Phone;
 //#endregion
 //#region src/telephony/use-phone.d.ts

package/dist/telephony.js

@@ -28,9 +28,12 @@ const createTelephonyApi = (baseUrl = location.origin) => {
 		return response.json();
 	};
 	return {
-		token: (deviceKey) => request("voice/token", {
+		token: (deviceKey, acceptsCalls) => request("voice/token", {
 			method: "POST",
-			body: JSON.stringify({ deviceKey })
+			body: JSON.stringify({
+				deviceKey,
+				acceptsCalls
+			})
 		}),
 		startCall: (numberId, to) => request("calls", {
 			method: "POST",
@@ -165,14 +168,18 @@ const DEVICE_KEY = "hitch:telephony:device";
 let singleton;
 var Phone = class {
 	state = {
+		owner: false,
 		status: "off",
 		error: null,
+		incoming: null,
 		active: null
 	};
 	listeners = /* @__PURE__ */ new Set();
 	api;
 	client = null;
 	currentCall = null;
+	incomingCall = null;
+	acceptsCalls;
 	connectPromise = null;
 	releaseLock = null;
 	lockAbortController = null;
@@ -186,8 +193,11 @@ var Phone = class {
 	audio = null;
 	firstLogin = true;
 	callStarting = false;
+	reconnectOnPageShow = false;
+	connectionRequested = false;
 	constructor(options = {}) {
 		this.api = createTelephonyApi(options.baseUrl);
+		this.acceptsCalls = options.acceptsCalls ?? false;
 	}
 	subscribe = (listener) => {
 		this.listeners.add(listener);
@@ -248,6 +258,7 @@ var Phone = class {
 		};
 	}
 	connect = () => {
+		this.connectionRequested = true;
 		this.connectPromise ??= this.connectInternal().finally(() => {
 			this.connectPromise = null;
 		});
@@ -255,6 +266,8 @@ var Phone = class {
 	};
 	async connectInternal() {
 		if (this.state.status === "ready") return;
+		window.addEventListener("pagehide", this.pageHide);
+		window.addEventListener("pageshow", this.pageShow);
 		this.channel ??= new BroadcastChannel("hitch:telephony");
 		this.channel.onmessage = this.onChannelMessage;
 		this.update({
@@ -275,8 +288,10 @@ var Phone = class {
 					});
 					this.ownsPhone = true;
 					this.update({
+						owner: true,
 						status: "connecting",
 						error: null,
+						incoming: null,
 						active: null
 					});
 					await this.connectOwned();
@@ -297,6 +312,7 @@ var Phone = class {
 			return;
 		}
 		this.ownsPhone = true;
+		this.update({ owner: true });
 		await this.connectOwned();
 	}
 	async connectOwned() {
@@ -311,7 +327,7 @@ var Phone = class {
 				8e3
 			]) {
 				if (delay) await new Promise((resolve) => setTimeout(resolve, delay));
-				const { token } = await this.api.token(deviceKey);
+				const { token } = await this.api.token(deviceKey, this.acceptsCalls);
 				const { TelnyxRTC: Client } = await import("@telnyx/webrtc");
 				const client = new Client({
 					login_token: token,
@@ -320,15 +336,35 @@ var Phone = class {
 				this.client = client;
 				client.on("telnyx.notification", ({ type, call }) => {
 					if (type !== "callUpdate" || !call) return;
-					if (call.direction === "inbound") {
-						call.hangup();
+					if (call === this.currentCall) {
+						this.onCallUpdate(call);
+						return;
+					}
+					if (call.direction !== "inbound") return;
+					if ([
+						"hangup",
+						"destroy",
+						"purge"
+					].includes(call.state)) {
+						if (call === this.incomingCall) {
+							this.incomingCall = null;
+							this.update({ incoming: null });
+						}
+						return;
+					}
+					if (!this.acceptsCalls || this.currentCall || this.callStarting || this.incomingCall && this.incomingCall !== call) {
+						call.hangup().catch((error) => console.error("Call decline failed", error));
 						return;
 					}
-					if (call === this.currentCall) this.onCallUpdate(call);
+					this.incomingCall = call;
+					if (call.state === "ringing") this.update({ incoming: {
+						id: call.id,
+						from: call.options.remoteCallerNumber ?? ""
+					} });
 				});
 				client.on("telnyx.warning", (warning) => {
 					if (Number(warning.warning.code) !== 34001) return;
-					this.api.token(deviceKey).then(({ token: nextToken }) => client.login({ creds: { login_token: nextToken } })).catch((error) => {
+					this.api.token(deviceKey, this.acceptsCalls).then(({ token: nextToken }) => client.login({ creds: { login_token: nextToken } })).catch((error) => {
 						console.error("Phone token renewal failed", error);
 						this.update({ error: String(error) });
 					});
@@ -341,7 +377,6 @@ var Phone = class {
 					});
 					this.firstLogin = false;
 					this.update({ status: "ready" });
-					window.addEventListener("pagehide", this.disconnect);
 					return;
 				} catch (error) {
 					await client.disconnect().catch((disconnectError) => console.error("Phone disconnect failed", disconnectError));
@@ -351,6 +386,7 @@ var Phone = class {
 			}
 		} catch (error) {
 			this.update({
+				owner: false,
 				status: "error",
 				error: error instanceof Error ? error.message : String(error)
 			});
@@ -360,13 +396,16 @@ var Phone = class {
 		}
 	}
 	disconnect = () => {
+		this.connectionRequested = false;
 		this.lockAbortController?.abort();
 		this.lockAbortController = null;
 		this.connectResolve?.();
 		this.connectResolve = null;
 		if (this.pollTimer) clearTimeout(this.pollTimer);
 		this.pollTimer = null;
-		window.removeEventListener("pagehide", this.disconnect);
+		window.removeEventListener("pagehide", this.pageHide);
+		window.removeEventListener("pageshow", this.pageShow);
+		this.reconnectOnPageShow = false;
 		window.removeEventListener("beforeunload", this.beforeUnload);
 		this.client?.disconnect().catch((error) => console.error("Phone disconnect failed", error));
 		this.client = null;
@@ -377,20 +416,35 @@ var Phone = class {
 		this.pendingCommands.clear();
 		this.releaseLock?.();
 		this.releaseLock = null;
+		this.currentCall = null;
+		this.incomingCall = null;
 		this.update({
+			owner: false,
 			status: "off",
+			incoming: null,
 			active: null
 		});
 		this.ownsPhone = false;
 		this.channel?.close();
 		this.channel = null;
 	};
+	pageHide = () => {
+		const reconnect = this.connectionRequested;
+		this.disconnect();
+		this.reconnectOnPageShow = reconnect;
+		if (reconnect) window.addEventListener("pageshow", this.pageShow);
+	};
+	pageShow = (event) => {
+		if (!event.persisted || !this.reconnectOnPageShow) return;
+		this.reconnectOnPageShow = false;
+		this.connect();
+	};
 	beforeUnload = (event) => {
 		event.preventDefault();
 		event.returnValue = "";
 	};
 	call = async ({ numberId, to }) => {
-		if (this.callStarting || this.state.active) throw new Error("A call is already in progress.");
+		if (this.callStarting || this.state.active || this.incomingCall || this.state.incoming) throw new Error("A call is already in progress.");
 		if (this.state.status !== "ready") throw new Error("The phone is not ready.");
 		if (!this.ownsPhone) return this.sendCommand("call", {
 			numberId,
@@ -417,6 +471,7 @@ var Phone = class {
 			this.update({
 				error: null,
 				active: {
+					direction: "outbound",
 					callId,
 					to,
 					from: callerNumber,
@@ -432,6 +487,62 @@ var Phone = class {
 			this.callStarting = false;
 		}
 	};
+	answer = async () => {
+		if (!this.state.incoming) throw new Error("There is no incoming call.");
+		if (!this.ownsPhone) return this.sendCommand("answer", this.state.incoming.id);
+		const call = this.incomingCall;
+		if (!call) throw new Error("There is no incoming call.");
+		if (!this.client) throw new Error("The phone is not ready.");
+		this.audio ??= document.createElement("audio");
+		this.audio.autoplay = true;
+		this.audio.hidden = true;
+		if (!this.audio.isConnected) document.body.append(this.audio);
+		this.client.remoteElement = this.audio;
+		call.options.remoteElement = this.audio;
+		this.currentCall = call;
+		this.incomingCall = null;
+		this.update({
+			incoming: null,
+			error: null,
+			active: {
+				direction: "inbound",
+				from: this.state.incoming.from,
+				state: "connecting",
+				muted: false,
+				startedAt: Date.now(),
+				recording: false
+			}
+		});
+		window.addEventListener("beforeunload", this.beforeUnload);
+		try {
+			await call.answer();
+		} catch (error) {
+			if (this.currentCall === call) {
+				this.currentCall = null;
+				this.incomingCall = call;
+				this.update({
+					active: null,
+					incoming: {
+						id: call.id,
+						from: call.options.remoteCallerNumber ?? ""
+					}
+				});
+				window.removeEventListener("beforeunload", this.beforeUnload);
+			}
+			throw error;
+		}
+	};
+	decline = async () => {
+		if (!this.state.incoming) throw new Error("There is no incoming call.");
+		if (!this.ownsPhone) return this.sendCommand("decline", this.state.incoming.id);
+		const call = this.incomingCall;
+		if (!call) throw new Error("There is no incoming call.");
+		await call.hangup();
+		if (this.incomingCall === call) {
+			this.incomingCall = null;
+			this.update({ incoming: null });
+		}
+	};
 	sendCommand(action, value) {
 		const id = crypto.randomUUID();
 		return new Promise((resolve, reject) => {
@@ -462,7 +573,10 @@ var Phone = class {
 		else if (data.type === "state" && !this.ownsPhone && "state" in data) {
 			const state = data.state;
 			if (typeof state !== "object" || state === null || !("status" in state)) return;
-			this.state = state;
+			this.state = {
+				...state,
+				owner: false
+			};
 			this.listeners.forEach((listener) => listener());
 			this.connectResolve?.();
 			this.connectResolve = null;
@@ -483,6 +597,10 @@ var Phone = class {
 		}));
 	};
 	async runCommand(data) {
+		if (data.action === "answer" || data.action === "decline") {
+			if (!this.incomingCall || data.value !== this.incomingCall.id) throw new Error("That call is no longer ringing.");
+			return data.action === "answer" ? this.answer() : this.decline();
+		}
 		if (data.action === "call") {
 			const value = data.value;
 			if (!value || typeof value !== "object" || !("numberId" in value) || !("to" in value) || typeof value.numberId !== "string" || typeof value.to !== "string") throw new Error("Invalid call command.");
@@ -518,7 +636,7 @@ var Phone = class {
 		}
 	}
 	async pollCall(callId) {
-		if (this.state.active?.callId !== callId || this.state.active.state === "active") return;
+		if (this.state.active?.direction !== "outbound" || this.state.active.callId !== callId || this.state.active.state === "active") return;
 		try {
 			const { status } = await this.api.getCall(callId);
 			if ([
@@ -533,7 +651,8 @@ var Phone = class {
 		} catch (error) {
 			console.error("Call status check failed", error);
 		}
-		if (this.getSnapshot().active?.callId === callId) this.pollTimer = setTimeout(() => void this.pollCall(callId), 1e4);
+		const active = this.getSnapshot().active;
+		if (active?.direction === "outbound" && active.callId === callId) this.pollTimer = setTimeout(() => void this.pollCall(callId), 1e4);
 	}
 	onCallUpdate(call) {
 		const active = this.state.active;
@@ -562,15 +681,15 @@ var Phone = class {
 			return;
 		}
 		const mapped = state === "active" ? "active" : state === "held" ? "held" : state === "ringing" ? "ringing" : "connecting";
-		if (mapped === "active" && active.recording && !this.stopRecording && !this.recordingPromise) {
+		if (mapped === "active" && active.direction === "outbound" && active.recording && !this.stopRecording && !this.recordingPromise) {
 			this.recordingPromise = startRecording(active.callId, call, this.api, (error) => {
 				console.error("Call recording failed", error);
-				if (this.state.active?.callId === active.callId) this.update({ active: {
+				if (this.state.active?.direction === "outbound" && this.state.active.callId === active.callId) this.update({ active: {
 					...this.state.active,
 					recording: false
 				} });
 			}).then((stop) => {
-				if (this.state.active?.callId === active.callId) this.stopRecording = stop;
+				if (this.state.active?.direction === "outbound" && this.state.active.callId === active.callId) this.stopRecording = stop;
 				return stop;
 			});
 			this.recordingPromise.catch((error) => {

package/dist/{variables-0tjnAeut.js → variables-Bzl2ZLQN.js}

@@ -1,5 +1,5 @@
 import { n as fetchWithOrgAuth } from "./workspace-DruAZPmV.js";
-import { t as loadAppletConfig } from "./load-config-OKZU3UKn.js";
+import { t as loadAppletConfig } from "./load-config-DI-e1Ool.js";
 import { t as question } from "./prompt-ChS-grYO.js";
 import { z } from "zod";
 //#region src/variables.ts

package/dist/vite.d.ts

@@ -1,4 +1,4 @@
-import { o as RegisteredAppletSourceDefinition } from "./manifest-I-9s8R36.js";
+import { o as RegisteredAppletSourceDefinition } from "./manifest-C6_F4bL8.js";
 import { PluginOption } from "vite";
 //#region ../shared/auth/src/store.d.mts
 interface SessionCredentials {

package/dist/vite.js

@@ -1,9 +1,9 @@
 import { n as meSchema } from "./me-BW7Paary.js";
-import { i as APPLET_CODE_PATTERN, n as appletManifestSchema, r as appletSourceDefinitionSchema } from "./manifest-4ZAc6HUk.js";
+import { i as APPLET_CODE_PATTERN, n as appletManifestSchema, r as appletSourceDefinitionSchema } from "./manifest-CJSL9GuC.js";
 import { a as openQueryCacheDatabase } from "./query-cache-CXmAyLv3.js";
 import { a as workflowOutcomeSchema, c as HITCH_SESSION_HEADER, l as HITCH_USER_HEADER, n as runWorkflowJournal } from "./workflow-engine-MogejNfF.js";
 import { c as bearerToken, d as resolveAuthForOrg, f as resolveInstanceUrl, l as organizationInstanceUrl, t as resolveWorkspaceOrg, u as rejectEnvironmentKey } from "./workspace-DruAZPmV.js";
-import { c as writeClientEntry, i as writeRegisterDeclaration, l as writeManifestGen, r as syncContract, s as writeAppletRoot, u as writeServerEntry } from "./generate-XB-72Fzj.js";
+import { c as writeClientEntry, i as writeRegisterDeclaration, l as writeManifestGen, r as syncContract, s as writeAppletRoot, u as writeServerEntry } from "./generate-BDHb2kjw.js";
 import { randomUUID } from "node:crypto";
 import { existsSync, mkdirSync, readFileSync, rmSync, writeFileSync } from "node:fs";
 import { appendFile, readdir, rm, writeFile } from "node:fs/promises";
@@ -473,7 +473,7 @@ function applet(sourceDefinition, options = {}) {
 		const routesDirectory = resolve(resolvedRoot, "src/client/routes");
 		const hasClient = existsSync(routesDirectory);
 		const hasServer = existsSync(resolve(resolvedRoot, "src/server/main.ts"));
-		if (!hasServer && parsedDefinition.data.telephony?.events.length) throw new Error("An applet with telephony events must have src/server/main.ts.");
+		if (!hasServer && parsedDefinition.data.telephony?.events?.length) throw new Error("An applet with telephony events must have src/server/main.ts.");
 		if (!hasServer && (parsedDefinition.data.schedules?.length ?? 0) > 0) throw new Error("An applet with schedules must have src/server/main.ts.");
 		const legacyMain = resolve(resolvedRoot, "src/client/main.tsx");
 		const indexHtml = resolve(resolvedRoot, "index.html");
@@ -504,6 +504,11 @@ function applet(sourceDefinition, options = {}) {
 		org: resolveWorkspaceOrg(callerRoot),
 		...parsedDefinition.data
 	});
+	const clsxFromCn = {
+		name: "hitch-clsx",
+		resolveId: (id) => id === "clsx" ? "\0hitch:clsx" : void 0,
+		load: (id) => id === "\0hitch:clsx" ? "export { clsx, clsx as default } from \"cn\";" : void 0
+	};
 	const orchestrator = {
 		name: "hitch-applet",
 		enforce: "pre",
@@ -524,7 +529,7 @@ function applet(sourceDefinition, options = {}) {
 				clearedOutDir = true;
 			}
 			if (environment.command === "build") themeStylesheetUrl = `${organizationInstanceUrl(await resolveInstanceUrl(void 0, options.store), manifest.org)}/theme.css`;
-			if (environment.command === "build" && manifest.objects.length > 0) {
+			if (environment.command === "build") {
 				contractSync ??= syncContract(resolve(root, ".hitch"), manifest, options);
 				await contractSync;
 			}
@@ -608,9 +613,10 @@ function applet(sourceDefinition, options = {}) {
 				base: `/${manifest.code}/`,
 				test: { include: ["test/**/*.test.{ts,tsx}"] },
 				resolve: { alias: {
-					clsx: "cn",
+					"clsx/lite": "cn/lite",
 					"tailwind-merge": "cn"
 				} },
+				optimizeDeps: { rolldownOptions: { plugins: [clsxFromCn] } },
 				...hasServer && { environments: { worker: { build: { rollupOptions: { output: { codeSplitting: false } } } } } }
 			};
 		},
@@ -801,9 +807,14 @@ function applet(sourceDefinition, options = {}) {
 		...plugin,
 		apply: ((_config, { mode }) => mode !== "test")
 	}));
+	const hasClientSource = existsSync(resolve("src/client/routes"));
 	return [
 		orchestrator,
-		...existsSync(resolve("src/client/routes")) ? [tanstackRouter({
+		{
+			...clsxFromCn,
+			enforce: "pre"
+		},
+		...hasClientSource ? [tanstackRouter({
 			generatedRouteTree: ".hitch/routeTree.gen.ts",
 			routesDirectory: "src/client/routes",
 			routeFileIgnorePattern: "__root",