@templatical/editor 0.26.2 → 0.27.0

package/dist/cloud-BAefVBb_.js

@@ -0,0 +1,1444 @@
+import { L as e, X as t, q as n, s as r } from "./vue.runtime.esm-bundler-DzEsDRtY.js";
+import { o as i } from "./dist-B1kLn1rs.js";
+//#region ../core/dist/cloud/index.js
+function a(e) {
+	let t = e instanceof i ? e.statusCode : void 0;
+	return t !== void 0 && t >= 400 && t < 500;
+}
+var o = class e {
+	static DEFAULT_BASE_URL = "https://templatical.com";
+	accessToken = null;
+	expiresAt = null;
+	_projectId = null;
+	_tenantId = null;
+	_tenantSlug = null;
+	_testEmailConfig = null;
+	_userConfig = null;
+	url;
+	baseUrl;
+	requestOptions;
+	onError;
+	refreshPromise = null;
+	static REFRESH_THRESHOLD_MS = 6e4;
+	constructor(t) {
+		this.url = t.url, this.baseUrl = (t.baseUrl ?? e.DEFAULT_BASE_URL).replace(/\/$/, ""), this.requestOptions = t.requestOptions ?? {}, this.onError = t.onError;
+	}
+	resolveUrl(e) {
+		if (e.startsWith("http://") || e.startsWith("https://")) return e;
+		let t = e.startsWith("/") ? e : `/${e}`;
+		return `${this.baseUrl}${t}`;
+	}
+	get projectId() {
+		if (!this._projectId) throw Error("Project ID not available. Call initialize() first.");
+		return this._projectId;
+	}
+	get tenantId() {
+		if (!this._tenantId) throw Error("Tenant ID not available. Call initialize() first.");
+		return this._tenantId;
+	}
+	get tenantSlug() {
+		if (!this._tenantSlug) throw Error("Tenant slug not available. Call initialize() first.");
+		return this._tenantSlug;
+	}
+	get testEmailConfig() {
+		return this._testEmailConfig;
+	}
+	get userConfig() {
+		return this._userConfig;
+	}
+	get accessTokenValue() {
+		return this.accessToken;
+	}
+	async initialize() {
+		await this.ensureToken();
+	}
+	async ensureToken() {
+		return this.accessToken && !this.isTokenExpiringSoon() ? this.accessToken : this.refreshToken();
+	}
+	isTokenExpiringSoon() {
+		return !this.expiresAt || this.expiresAt.getTime() - Date.now() < e.REFRESH_THRESHOLD_MS;
+	}
+	async refreshToken() {
+		if (this.refreshPromise) return this.refreshPromise;
+		this.refreshPromise = this.performRefresh();
+		try {
+			return await this.refreshPromise;
+		} finally {
+			this.refreshPromise = null;
+		}
+	}
+	async performRefresh() {
+		try {
+			let e = this.requestOptions.method ?? "POST", t = {
+				Accept: "application/json",
+				...this.requestOptions.headers
+			}, n = {
+				method: e,
+				headers: t,
+				credentials: this.requestOptions.credentials ?? "include"
+			};
+			e === "POST" && this.requestOptions.body && (t["Content-Type"] = "application/json", n.body = JSON.stringify(this.requestOptions.body));
+			let r = await fetch(this.url, n);
+			if (!r.ok) throw new i(`Token refresh failed: ${r.status}`, r.status);
+			let a = await r.json();
+			if (!a.token || !a.expires_at || !a.project_id || !a.tenant) throw Error("Invalid token response: missing token, expires_at, project_id, or tenant");
+			return this.accessToken = a.token, this.expiresAt = /* @__PURE__ */ new Date(a.expires_at * 1e3), this._projectId = a.project_id, this._tenantSlug = a.tenant, this._testEmailConfig = a.test_email?.allowed_emails && a.test_email?.signature ? {
+				allowedEmails: a.test_email.allowed_emails,
+				signature: a.test_email.signature
+			} : null, this._userConfig = a.user?.id && a.user?.name && a.user?.signature ? {
+				id: a.user.id,
+				name: a.user.name,
+				signature: a.user.signature
+			} : null, this.accessToken;
+		} catch (e) {
+			let t = e instanceof Error ? e : Error("Token refresh failed", { cause: e });
+			throw this.onError?.(t), t;
+		}
+	}
+	async authenticatedFetch(e, t = {}) {
+		let n = await this.ensureToken(), r = this.resolveUrl(e), i = async (e) => fetch(r, {
+			...t,
+			headers: {
+				...t.headers,
+				Authorization: `Bearer ${e}`
+			}
+		}), a = await i(n);
+		return a.status === 401 && (a = await i(await this.refreshToken())), a;
+	}
+};
+function s(e, t) {
+	return e.replace(/\{(\w+)\}/g, (e, n) => encodeURIComponent(t[n] ?? ""));
+}
+var c = "/api/v1/projects/{project}/tenants/{tenant}", l = `${c}/templates/{template}`, u = `${l}/ai`, d = `${c}/media`, f = `${d}/folders`, p = `${c}/saved-modules`, m = {
+	health: "/api/v1/health",
+	"projects.config": `${c}/config`,
+	"broadcasting.auth": `${c}/broadcasting/auth`,
+	"templates.store": `${c}/templates`,
+	"templates.show": `${l}`,
+	"templates.update": `${l}`,
+	"templates.destroy": `${l}`,
+	"templates.export": `${l}/export`,
+	"templates.importFromBeefree": `${c}/templates/import/from-beefree`,
+	"templates.sendTestEmail": `${l}/send-test-email`,
+	"versions.index": `${l}/versions`,
+	"versions.store": `${l}/versions`,
+	"versions.show": `${l}/versions/{version}`,
+	"versions.restore": `${l}/versions/{version}/restore`,
+	"comments.index": `${l}/comments`,
+	"comments.store": `${l}/comments`,
+	"comments.update": `${l}/comments/{comment}`,
+	"comments.destroy": `${l}/comments/{comment}`,
+	"comments.resolve": `${l}/comments/{comment}/resolve`,
+	"ai.generate": `${u}/generate`,
+	"ai.conversationMessages": `${u}/conversation-messages`,
+	"ai.suggestions": `${u}/suggestions`,
+	"ai.rewriteText": `${u}/rewrite-text`,
+	"ai.score": `${u}/score`,
+	"ai.fixFinding": `${u}/fix-finding`,
+	"ai.generateFromDesign": `${u}/generate-from-design`,
+	"media.upload": `${d}/upload`,
+	"media.browse": `${d}/browse`,
+	"media.delete": `${d}/delete`,
+	"media.move": `${d}/move`,
+	"media.update": `${d}/{media}`,
+	"media.replace": `${d}/{media}/replace`,
+	"media.checkUsage": `${d}/check-usage`,
+	"media.frequentlyUsed": `${d}/frequently-used`,
+	"media.importFromUrl": `${d}/import-from-url`,
+	"folders.index": `${f}`,
+	"folders.store": `${f}`,
+	"folders.update": `${f}/{mediaFolder}`,
+	"folders.destroy": `${f}/{mediaFolder}`,
+	"savedModules.index": `${p}`,
+	"savedModules.store": `${p}`,
+	"savedModules.update": `${p}/{savedModule}`,
+	"savedModules.destroy": `${p}/{savedModule}`
+}, h = class {
+	authManager;
+	constructor(e) {
+		this.authManager = e;
+	}
+	get projectId() {
+		return this.authManager.projectId;
+	}
+	get tenantSlug() {
+		return this.authManager.tenantSlug;
+	}
+	get baseParams() {
+		return {
+			project: this.projectId,
+			tenant: this.tenantSlug
+		};
+	}
+	async request(e, t = {}) {
+		let n = await this.authManager.authenticatedFetch(e, {
+			...t,
+			headers: {
+				"Content-Type": "application/json",
+				Accept: "application/json",
+				...t.headers
+			}
+		});
+		if (!n.ok) {
+			let e = await n.json().catch(() => ({ message: `HTTP error ${n.status}` })), t = this.extractFirstValidationError(e);
+			throw new i(t, n.status);
+		}
+		if (n.status !== 204) return (await n.json()).data;
+	}
+	extractFirstValidationError(e) {
+		if (e.errors) {
+			let t = Object.keys(e.errors)[0];
+			if (t && e.errors[t]?.length > 0) return e.errors[t][0];
+		}
+		return e.message;
+	}
+	async createTemplate(e, t) {
+		return this.request(s(m["templates.store"], this.baseParams), {
+			method: "POST",
+			body: JSON.stringify(t === void 0 ? { content: e } : {
+				content: e,
+				name: t
+			})
+		});
+	}
+	async getTemplate(e) {
+		return this.request(s(m["templates.show"], {
+			...this.baseParams,
+			template: e
+		}));
+	}
+	async updateTemplate(e, t) {
+		return this.request(s(m["templates.update"], {
+			...this.baseParams,
+			template: e
+		}), {
+			method: "PUT",
+			body: JSON.stringify(t)
+		});
+	}
+	async createVersion(e, t, n) {
+		return this.request(s(m["versions.store"], {
+			...this.baseParams,
+			template: e
+		}), {
+			method: "POST",
+			body: JSON.stringify(n === void 0 ? { content: t } : {
+				content: t,
+				label: n
+			})
+		});
+	}
+	async deleteTemplate(e) {
+		return this.request(s(m["templates.destroy"], {
+			...this.baseParams,
+			template: e
+		}), { method: "DELETE" });
+	}
+	async getVersions(e) {
+		return this.request(s(m["versions.index"], {
+			...this.baseParams,
+			template: e
+		}));
+	}
+	async getVersion(e, t) {
+		return this.request(s(m["versions.show"], {
+			...this.baseParams,
+			template: e,
+			version: t
+		}));
+	}
+	async restoreVersion(e, t) {
+		return this.request(s(m["versions.restore"], {
+			...this.baseParams,
+			template: e,
+			version: t
+		}), { method: "POST" });
+	}
+	async exportTemplate(e, t) {
+		let n = t ? JSON.stringify({
+			custom_fonts: t.customFonts,
+			default_fallback: t.defaultFallback
+		}) : void 0;
+		return this.request(s(m["templates.export"], {
+			...this.baseParams,
+			template: e
+		}), {
+			method: "POST",
+			body: n
+		});
+	}
+	async sendTestEmail(e, t) {
+		await this.request(s(m["templates.sendTestEmail"], {
+			...this.baseParams,
+			template: e
+		}), {
+			method: "POST",
+			body: JSON.stringify(t)
+		});
+	}
+	commentsUrl(e, t) {
+		return t ? s(m["comments.update"], {
+			...this.baseParams,
+			template: e,
+			comment: t
+		}) : s(m["comments.index"], {
+			...this.baseParams,
+			template: e
+		});
+	}
+	async getComments(e) {
+		return this.request(this.commentsUrl(e));
+	}
+	async createComment(e, t, n) {
+		return this.request(this.commentsUrl(e), {
+			method: "POST",
+			body: JSON.stringify(t),
+			headers: n
+		});
+	}
+	async updateComment(e, t, n, r) {
+		return this.request(this.commentsUrl(e, t), {
+			method: "PUT",
+			body: JSON.stringify(n),
+			headers: r
+		});
+	}
+	async deleteComment(e, t, n, r) {
+		return this.request(this.commentsUrl(e, t), {
+			method: "DELETE",
+			body: JSON.stringify(n),
+			headers: r
+		});
+	}
+	async resolveComment(e, t, n, r) {
+		return this.request(s(m["comments.resolve"], {
+			...this.baseParams,
+			template: e,
+			comment: t
+		}), {
+			method: "POST",
+			body: JSON.stringify(n),
+			headers: r
+		});
+	}
+	async fetchConfig() {
+		return this.request(s(m["projects.config"], this.baseParams));
+	}
+	async listModules(e, t) {
+		let n = s(m["savedModules.index"], this.baseParams), r = new URLSearchParams();
+		e && r.set("search", e), t && r.set("category", t);
+		let i = r.size > 0 ? `?${r}` : "";
+		return this.request(`${n}${i}`);
+	}
+	async createModule(e) {
+		return this.request(s(m["savedModules.store"], this.baseParams), {
+			method: "POST",
+			body: JSON.stringify(e)
+		});
+	}
+	async updateModule(e, t) {
+		return this.request(s(m["savedModules.update"], {
+			...this.baseParams,
+			savedModule: e
+		}), {
+			method: "PUT",
+			body: JSON.stringify(t)
+		});
+	}
+	async deleteModule(e) {
+		return this.request(s(m["savedModules.destroy"], {
+			...this.baseParams,
+			savedModule: e
+		}), { method: "DELETE" });
+	}
+};
+function g(e) {
+	return {
+		host: e.host,
+		port: e.port,
+		appKey: e.app_key
+	};
+}
+var _ = class {
+	pusher = null;
+	authManager;
+	config;
+	onError;
+	constructor(e) {
+		this.authManager = e.authManager, this.config = e.config, this.onError = e.onError;
+	}
+	async connect() {
+		if (this.pusher) return;
+		let e;
+		try {
+			({default: e} = await import("pusher-js"));
+		} catch {
+			throw Error("[Templatical] Cloud features require the optional peer dependency 'pusher-js'. Please install it.");
+		}
+		let { host: t, port: n, appKey: r } = this.config, i = this.authManager.resolveUrl(s(m["broadcasting.auth"], {
+			project: this.authManager.projectId,
+			tenant: this.authManager.tenantSlug
+		}));
+		this.pusher = new e(r, {
+			wsHost: t,
+			wsPort: n,
+			wssPort: n,
+			forceTLS: !0,
+			disableStats: !0,
+			enabledTransports: ["ws", "wss"],
+			cluster: "",
+			channelAuthorization: {
+				transport: "ajax",
+				endpoint: i,
+				headers: {
+					Authorization: `Bearer ${this.authManager.accessTokenValue}`,
+					Accept: "application/json"
+				},
+				params: {
+					user_id: this.authManager.userConfig?.id ?? "",
+					user_name: this.authManager.userConfig?.name ?? "",
+					user_signature: this.authManager.userConfig?.signature ?? ""
+				}
+			}
+		}), this.pusher.connection.bind("error", (e) => {
+			this.onError?.(e instanceof Error ? e : /* @__PURE__ */ Error("WebSocket connection error"));
+		});
+	}
+	subscribePresence(e) {
+		if (!this.pusher) throw Error("WebSocketClient not connected. Call connect() first.");
+		return this.pusher.subscribe(e);
+	}
+	unsubscribe(e) {
+		this.pusher?.unsubscribe(e);
+	}
+	getChannel(e) {
+		return this.pusher?.channel(e);
+	}
+	disconnect() {
+		this.pusher &&= (this.pusher.disconnect(), null);
+	}
+	getSocketId() {
+		return this.pusher?.connection.socket_id ?? null;
+	}
+	get isConnected() {
+		return this.pusher?.connection.state === "connected";
+	}
+};
+function v(e, t) {
+	let { operation: n, data: r } = t;
+	switch (n) {
+		case "add_block":
+			e.addBlock(r.block, r.section_id, r.column_index, r.index);
+			break;
+		case "update_block":
+			e.updateBlock(r.block_id, r.updates);
+			break;
+		case "delete_block":
+			e.removeBlock(r.block_id);
+			break;
+		case "move_block":
+			e.moveBlock(r.block_id, r.index, r.section_id, r.column_index);
+			break;
+		case "update_settings":
+			e.updateSettings(r.updates);
+			break;
+		case "set_content":
+			e.setContent(r.content);
+			break;
+		case "update_block_style": e.updateBlock(r.block_id, { styles: r.styles });
+	}
+}
+var y = 0;
+function b() {
+	return `msg_${Date.now()}_${++y}`;
+}
+function x(e) {
+	let { authManager: n, getTemplateId: r, onApply: i, onError: a } = e, o = t([]), c = t(!1), l = t(!1), u = t(null), d = t(null), f = t(null), p = t(null), h = t(null), g = t(null), _ = t(!1), v = t([]), y = t(!1);
+	function x(e, t) {
+		let n = o.value.findIndex((t) => t.id === e);
+		if (n === -1) return;
+		let r = {
+			...o.value[n],
+			...t
+		};
+		o.value = [
+			...o.value.slice(0, n),
+			r,
+			...o.value.slice(n + 1)
+		];
+	}
+	async function S() {
+		let e = r();
+		if (e) {
+			l.value = !0;
+			try {
+				let t = s(m["ai.conversationMessages"], {
+					project: n.projectId,
+					tenant: n.tenantSlug,
+					template: e
+				}), r = await n.authenticatedFetch(t, {
+					method: "GET",
+					headers: { Accept: "application/json" }
+				});
+				if (!r.ok) return;
+				let i = await r.json();
+				i.conversation_id && (f.value = i.conversation_id), Array.isArray(i.data) && i.data.length > 0 && (o.value = i.data.map((e) => ({
+					id: e.id,
+					role: e.role,
+					content: e.content,
+					timestamp: new Date(e.created_at).getTime()
+				})));
+			} catch {} finally {
+				l.value = !1;
+			}
+		}
+	}
+	async function C(e, t) {
+		let i = r();
+		if (i) {
+			y.value = !0;
+			try {
+				let r = s(m["ai.suggestions"], {
+					project: n.projectId,
+					tenant: n.tenantSlug,
+					template: i
+				}), a = await n.authenticatedFetch(r, {
+					method: "POST",
+					headers: {
+						"Content-Type": "application/json",
+						Accept: "text/event-stream"
+					},
+					body: JSON.stringify({
+						current_content: e,
+						merge_tags: t.map((e) => ({
+							label: e.label,
+							value: e.value
+						}))
+					})
+				});
+				if (!a.ok) return;
+				let o = a.body?.getReader();
+				if (!o) return;
+				let c = new TextDecoder(), l = "";
+				for (;;) {
+					let { done: e, value: t } = await o.read();
+					if (e) break;
+					l += c.decode(t, { stream: !0 });
+					let n = l.split("\n");
+					l = n.pop() ?? "";
+					for (let e of n) {
+						if (!e.startsWith("data: ")) continue;
+						let t;
+						try {
+							t = JSON.parse(e.slice(6));
+						} catch {
+							continue;
+						}
+						t.type === "done" && Array.isArray(t.suggestions) && (v.value = t.suggestions.slice(0, 3));
+					}
+				}
+			} catch {} finally {
+				y.value = !1;
+			}
+		}
+	}
+	async function w(e, t, l) {
+		let y = r();
+		if (!y) throw Error("Template must be saved before using AI generation");
+		c.value = !0, u.value = null, d.value = null, v.value = [];
+		let S = b();
+		o.value = [...o.value, {
+			id: S,
+			role: "user",
+			content: e,
+			timestamp: Date.now()
+		}];
+		let C = b();
+		o.value = [...o.value, {
+			id: C,
+			role: "assistant",
+			content: "",
+			timestamp: Date.now()
+		}];
+		try {
+			let r = s(m["ai.generate"], {
+				project: n.projectId,
+				tenant: n.tenantSlug,
+				template: y
+			}), a = await n.authenticatedFetch(r, {
+				method: "POST",
+				headers: {
+					"Content-Type": "application/json",
+					Accept: "text/event-stream"
+				},
+				body: JSON.stringify({
+					prompt: e,
+					current_content: t,
+					merge_tags: l.map((e) => ({
+						label: e.label,
+						value: e.value
+					})),
+					conversation_id: f.value
+				})
+			});
+			if (!a.ok) {
+				let e = await a.json().catch(() => null);
+				throw a.status === 403 ? Error("ai_generation_not_available") : Error(e?.message || "Failed to generate template");
+			}
+			let c = a.body?.getReader();
+			if (!c) throw Error("Failed to read stream");
+			let d = new TextDecoder(), v = "", b = null;
+			try {
+				for (;;) {
+					let { done: e, value: n } = await c.read();
+					if (e) break;
+					v += d.decode(n, { stream: !0 });
+					let r = v.split("\n");
+					v = r.pop() ?? "";
+					for (let e of r) {
+						if (!e.startsWith("data: ")) continue;
+						let n = e.slice(6), r;
+						try {
+							r = JSON.parse(n);
+						} catch {
+							continue;
+						}
+						if (r.type === "text") x(C, { content: (o.value.find((e) => e.id === C)?.content ?? "") + r.text });
+						else if (r.type === "error") throw Error(r.message || "Failed to generate template");
+						else r.type === "done" && (r.conversation_id && (f.value = r.conversation_id), x(C, { content: r.text }), b = r.content ?? null, b ? (h.value = t, g.value = b, p.value = C, _.value = !1, i?.(b)) : u.value = "ai_apply_failed");
+					}
+				}
+			} finally {
+				c.cancel().catch(() => {});
+			}
+			return b;
+		} catch (t) {
+			let n = t instanceof Error ? t : Error("Failed to generate template", { cause: t });
+			return u.value = n.message, d.value = e, a?.(n), o.value = o.value.filter((e) => e.id !== S && e.id !== C), null;
+		} finally {
+			c.value = !1;
+		}
+	}
+	function T() {
+		_.value ? (g.value && i?.(g.value), _.value = !1) : (h.value && i?.(h.value), _.value = !0);
+	}
+	function E() {
+		o.value = [], f.value = null, u.value = null, p.value = null, h.value = null, g.value = null, _.value = !1;
+	}
+	return {
+		messages: o,
+		isGenerating: c,
+		isLoadingHistory: l,
+		isLastChangeReverted: _,
+		lastApplyMessageId: p,
+		error: u,
+		failedPrompt: d,
+		suggestions: v,
+		isLoadingSuggestions: y,
+		sendPrompt: w,
+		toggleLastRevert: T,
+		loadConversation: S,
+		loadSuggestions: C,
+		clearChat: E
+	};
+}
+function S(e) {
+	function t(t) {
+		return e !== !1 && e?.[t] !== !1;
+	}
+	return {
+		isFeatureEnabled: t,
+		hasAnyMenuFeature: r(() => t("chat") || t("scoring") || t("designToTemplate"))
+	};
+}
+function C(e) {
+	let { authManager: n, getTemplateId: r } = e, i = t(!1), a = t(null), o = t(null), c = t(null), l = t(""), u = t(null);
+	async function d(e, t) {
+		let c = r();
+		if (!c) return null;
+		i.value = !0, o.value = null, a.value = null;
+		try {
+			let r = s(m["ai.score"], {
+				project: n.projectId,
+				tenant: n.tenantSlug,
+				template: c
+			}), i = await n.authenticatedFetch(r, {
+				method: "POST",
+				headers: {
+					"Content-Type": "application/json",
+					Accept: "text/event-stream"
+				},
+				body: JSON.stringify({
+					current_content: e,
+					merge_tags: t.map((e) => ({
+						label: e.label,
+						value: e.value
+					}))
+				})
+			});
+			if (!i.ok) {
+				if (i.status === 403) throw Error("ai_generation_not_available");
+				let e = await i.json().catch(() => null);
+				throw Error(e?.message || "Failed to score template");
+			}
+			let o = i.body?.getReader();
+			if (!o) throw Error("Failed to read stream");
+			let l = new TextDecoder(), u = "", d = null;
+			for (;;) {
+				let { done: e, value: t } = await o.read();
+				if (e) break;
+				u += l.decode(t, { stream: !0 });
+				let n = u.split("\n");
+				u = n.pop() ?? "";
+				for (let e of n) {
+					if (!e.startsWith("data: ")) continue;
+					let t;
+					try {
+						t = JSON.parse(e.slice(6));
+					} catch {
+						continue;
+					}
+					if (t.type === "error") throw Error(t.message || "Failed to score template");
+					t.type === "done" && (d = t.result ?? null);
+				}
+			}
+			if (d) for (let [e, t] of Object.entries(d.categories)) for (let n of t.findings) n.category = e;
+			return a.value = d, d;
+		} catch (e) {
+			return o.value = e instanceof Error ? e.message : "Failed to score template", null;
+		} finally {
+			i.value = !1;
+		}
+	}
+	async function f(e, t, i) {
+		let a = r();
+		if (!a) return null;
+		c.value = t.id, l.value = "", u.value = null;
+		try {
+			let r = s(m["ai.fixFinding"], {
+				project: n.projectId,
+				tenant: n.tenantSlug,
+				template: a
+			}), o = await n.authenticatedFetch(r, {
+				method: "POST",
+				headers: {
+					"Content-Type": "application/json",
+					Accept: "text/event-stream"
+				},
+				body: JSON.stringify({
+					content: e,
+					finding: {
+						id: t.id,
+						message: t.message,
+						suggestion: t.suggestion,
+						category: t.category
+					},
+					merge_tags: i.map((e) => ({
+						label: e.label,
+						value: e.value
+					}))
+				})
+			});
+			if (!o.ok) {
+				if (o.status === 403) throw Error("ai_generation_not_available");
+				let e = await o.json().catch(() => null);
+				throw Error(e?.message || "Failed to fix finding");
+			}
+			let c = o.body?.getReader();
+			if (!c) throw Error("Failed to read stream");
+			let u = new TextDecoder(), d = "", f = null;
+			for (;;) {
+				let { done: e, value: t } = await c.read();
+				if (e) break;
+				d += u.decode(t, { stream: !0 });
+				let n = d.split("\n");
+				d = n.pop() ?? "";
+				for (let e of n) {
+					if (!e.startsWith("data: ")) continue;
+					let t;
+					try {
+						t = JSON.parse(e.slice(6));
+					} catch {
+						continue;
+					}
+					if (t.type === "text") l.value += t.text;
+					else if (t.type === "error") throw Error(t.message || "Failed to fix finding");
+					else t.type === "done" && (f = t.content ?? null);
+				}
+			}
+			return f;
+		} catch (e) {
+			return u.value = e instanceof Error ? e.message : "Failed to fix finding", null;
+		} finally {
+			c.value = null;
+		}
+	}
+	function p(e, t) {
+		if (!a.value) return;
+		let n = a.value.categories[e];
+		n && (n.findings = n.findings.filter((e) => e.id !== t));
+	}
+	function h() {
+		i.value = !1, a.value = null, o.value = null, c.value = null, l.value = "", u.value = null;
+	}
+	return {
+		isScoring: i,
+		scoringResult: a,
+		error: o,
+		fixingFindingId: c,
+		fixStreamingText: l,
+		fixError: u,
+		score: d,
+		fixFinding: f,
+		removeFinding: p,
+		reset: h
+	};
+}
+function w(e) {
+	let { authManager: n, getTemplateId: r, onApply: i, onError: a } = e, o = t(!1), c = t(null);
+	async function l(e) {
+		let t = r();
+		if (!t) throw Error("Template must be saved before using design reference");
+		o.value = !0, c.value = null;
+		try {
+			let r = new FormData();
+			e.prompt && r.append("prompt", e.prompt), e.imageUpload && r.append("image_upload", e.imageUpload), e.pdfUpload && r.append("pdf_upload", e.pdfUpload);
+			let a = s(m["ai.generateFromDesign"], {
+				project: n.projectId,
+				tenant: n.tenantSlug,
+				template: t
+			}), o = await n.authenticatedFetch(a, {
+				method: "POST",
+				headers: { Accept: "text/event-stream" },
+				body: r
+			});
+			if (!o.ok) {
+				let e = await o.json().catch(() => null);
+				throw o.status === 403 ? Error("ai_generation_not_available") : Error(e?.message || "Failed to generate template from design");
+			}
+			let c = o.body?.getReader();
+			if (!c) throw Error("Failed to read stream");
+			let l = new TextDecoder(), u = "", d = null;
+			for (;;) {
+				let { done: e, value: t } = await c.read();
+				if (e) break;
+				u += l.decode(t, { stream: !0 });
+				let n = u.split("\n");
+				u = n.pop() ?? "";
+				for (let e of n) {
+					if (!e.startsWith("data: ")) continue;
+					let t = e.slice(6), n;
+					try {
+						n = JSON.parse(t);
+					} catch {
+						continue;
+					}
+					if (n.type === "error") throw Error(n.message || "Failed to generate template from design");
+					n.type === "done" && (d = n.content ?? null, d && i?.(d));
+				}
+			}
+			return d;
+		} catch (e) {
+			let t = e instanceof Error ? e : Error("Failed to generate template from design", { cause: e });
+			return c.value = t.message, a?.(t), null;
+		} finally {
+			o.value = !1;
+		}
+	}
+	function u() {
+		o.value = !1, c.value = null;
+	}
+	return {
+		isGenerating: o,
+		error: c,
+		generate: l,
+		reset: u
+	};
+}
+var T = "comment-broadcast";
+function E(e) {
+	let t = {
+		id: e.id,
+		body: e.body,
+		author: {
+			id: e.author_identifier,
+			name: e.author_name
+		},
+		createdAt: e.created_at,
+		blockId: e.block_id,
+		parentId: e.parent_id,
+		resolvedAt: e.resolved_at
+	};
+	return e.updated_at !== e.created_at && (t.updatedAt = e.updated_at), e.resolved_by_identifier && (t.resolvedBy = {
+		id: e.resolved_by_identifier,
+		name: e.resolved_by_name ?? ""
+	}), e.replies?.length && (t.replies = e.replies.map(E)), t;
+}
+function D(t) {
+	let { authManager: n, channel: r, getSocketId: i } = t, a = new h(n);
+	function o() {
+		let e = n.userConfig;
+		if (!e) throw Error("[Templatical] Cloud comments need a signed user in the auth token. The project's token endpoint must include a `user` claim.");
+		return {
+			user_id: e.id,
+			user_name: e.name,
+			user_signature: e.signature
+		};
+	}
+	function s() {
+		let e = i?.();
+		return e ? { "X-Socket-ID": e } : void 0;
+	}
+	return {
+		async list(e) {
+			return (await a.getComments(e)).map(E);
+		},
+		async create(e, t) {
+			return E(await a.createComment(e, {
+				body: t.body,
+				block_id: t.blockId,
+				parent_id: t.parentId,
+				...o()
+			}, s()));
+		},
+		async update(e, t, n) {
+			if (n.body === void 0) throw Error("[Templatical] Cloud comments: update() needs a `body` in the patch.");
+			return E(await a.updateComment(e, t, {
+				body: n.body,
+				...o()
+			}, s()));
+		},
+		async delete(e, t) {
+			await a.deleteComment(e, t, o(), s());
+		},
+		async setResolved(e, t, n) {
+			return E(await a.resolveComment(e, t, o(), s()));
+		},
+		subscribe(t, n) {
+			function i(e) {
+				let t = E(e.comment);
+				switch (e.action) {
+					case "comment_created":
+						n({
+							type: "created",
+							comment: t
+						});
+						break;
+					case "comment_deleted":
+						n({
+							type: "deleted",
+							commentId: t.id,
+							parentId: t.parentId
+						});
+						break;
+					case "comment_updated":
+					case "comment_resolved":
+					case "comment_unresolved": n({
+						type: "updated",
+						comment: t
+					});
+				}
+			}
+			let a = e(r, (e, t) => {
+				t?.unbind(T, i), e?.bind(T, i);
+			}, { immediate: !0 });
+			return () => {
+				a(), r.value?.unbind(T, i);
+			};
+		}
+	};
+}
+var O = [
+	"pusher:member_added",
+	"pusher:member_removed",
+	"client-block_locked",
+	"client-block_unlocked",
+	"client-operation",
+	"mcp-operation"
+];
+function k(e) {
+	for (let t of O) e.unbind(t);
+}
+var A = [
+	"#3b82f6",
+	"#ef4444",
+	"#10b981",
+	"#f59e0b",
+	"#8b5cf6",
+	"#ec4899",
+	"#06b6d4",
+	"#f97316",
+	"#6366f1",
+	"#14b8a6"
+];
+function j(i) {
+	let { authManager: a, editor: o, channel: s } = i, c = t([]), l = t(/* @__PURE__ */ new Map()), u = 0, d = !1, f = r(() => a.userConfig?.id ?? "");
+	function p() {
+		let e = A[u % A.length];
+		return u++, e;
+	}
+	function m(e) {
+		if (e.id === f.value || c.value.some((t) => t.id === e.id)) return;
+		let t = {
+			id: e.id,
+			name: e.name,
+			color: p(),
+			selectedBlockId: null
+		};
+		return c.value = [...c.value, t], t;
+	}
+	function h(e) {
+		let t = new Map(l.value);
+		for (let [n, r] of t) r.id === e && t.delete(n);
+		l.value = t, c.value = c.value.filter((t) => t.id !== e);
+	}
+	function g(e) {
+		let t = c.value.find((t) => t.id === e.userId);
+		if (!t) return;
+		c.value = c.value.map((t) => t.id === e.userId ? {
+			...t,
+			selectedBlockId: e.blockId
+		} : t);
+		let n = new Map(l.value);
+		for (let [t, r] of n) r.id === e.userId && n.delete(t);
+		n.set(e.blockId, {
+			...t,
+			selectedBlockId: e.blockId
+		}), l.value = n, o.state.selectedBlockId === e.blockId && o.selectBlock(null);
+	}
+	function _(e) {
+		let t = new Map(l.value), n = t.get(e.blockId);
+		t.delete(e.blockId), l.value = t, n && (c.value = c.value.map((e) => e.id === n.id ? {
+			...e,
+			selectedBlockId: null
+		} : e));
+	}
+	function y(e) {
+		d = !0;
+		try {
+			v(o, e);
+		} finally {
+			d = !1;
+		}
+	}
+	function b(e) {
+		!s.value || d || s.value.trigger("client-operation", e);
+	}
+	function x(e) {
+		s.value && s.value.trigger("client-block_locked", {
+			blockId: e,
+			userId: f.value
+		});
+	}
+	function S(e) {
+		s.value && s.value.trigger("client-block_unlocked", { blockId: e });
+	}
+	return e(() => o.state.selectedBlockId, (e, t) => {
+		d || (t && S(t), e && x(e));
+	}), e(s, (e, t) => {
+		if (t && k(t), !e) {
+			c.value = [], l.value = /* @__PURE__ */ new Map(), u = 0;
+			return;
+		}
+		let n = e.members;
+		n && n.each((e) => {
+			m(e.info);
+		}), e.bind("pusher:member_added", (e) => {
+			let t = m(e.info);
+			t && i.onCollaboratorJoined?.(t);
+		}), e.bind("pusher:member_removed", (e) => {
+			let t = c.value.find((t) => t.id === e.id);
+			h(e.id), t && i.onCollaboratorLeft?.(t);
+		}), e.bind("client-block_locked", (e) => {
+			g(e);
+			let t = c.value.find((t) => t.id === e.userId);
+			t && i.onBlockLocked?.({
+				blockId: e.blockId,
+				collaborator: t
+			});
+		}), e.bind("client-block_unlocked", (e) => {
+			let t = l.value.get(e.blockId);
+			_(e), t && i.onBlockUnlocked?.({
+				blockId: e.blockId,
+				collaborator: t
+			});
+		}), e.bind("client-operation", (e) => {
+			y(e);
+		}), e.bind("mcp-operation", (e) => {
+			y(e);
+		});
+	}), n(() => {
+		s.value && k(s.value);
+	}), {
+		collaborators: c,
+		lockedBlocks: l,
+		_broadcastOperation: b,
+		_isProcessingRemoteOperation: () => d
+	};
+}
+function M(e, t) {
+	let n = e.addBlock, r = e.updateBlock, i = e.removeBlock, a = e.moveBlock, o = e.updateSettings, s = e.setContent;
+	e.addBlock = (e, r, i, a) => {
+		n(e, r, i, a), t._broadcastOperation({
+			operation: "add_block",
+			data: {
+				block: e,
+				section_id: r,
+				column_index: i,
+				index: a
+			},
+			timestamp: Date.now()
+		});
+	}, e.updateBlock = (e, n) => {
+		r(e, n), t._broadcastOperation({
+			operation: "update_block",
+			data: {
+				block_id: e,
+				updates: n
+			},
+			timestamp: Date.now()
+		});
+	}, e.removeBlock = (e) => {
+		i(e), t._broadcastOperation({
+			operation: "delete_block",
+			data: { block_id: e },
+			timestamp: Date.now()
+		});
+	}, e.moveBlock = (e, n, r, i) => {
+		a(e, n, r, i), t._broadcastOperation({
+			operation: "move_block",
+			data: {
+				block_id: e,
+				index: n,
+				section_id: r,
+				column_index: i
+			},
+			timestamp: Date.now()
+		});
+	}, e.updateSettings = (e) => {
+		o(e), t._broadcastOperation({
+			operation: "update_settings",
+			data: { updates: e },
+			timestamp: Date.now()
+		});
+	}, e.setContent = (e, n) => {
+		s(e, n), t._broadcastOperation({
+			operation: "set_content",
+			data: { content: e },
+			timestamp: Date.now()
+		});
+	};
+}
+function N(e) {
+	let { authManager: n, onError: r } = e, i = t(null), a = t(!1), o = null, s = null;
+	async function c(e, t) {
+		if (o) return;
+		o = new _({
+			authManager: n,
+			config: t,
+			onError: r
+		}), await o.connect(), s = `presence-template.${e}`;
+		let c = o.subscribePresence(s);
+		c.bind("pusher:subscription_succeeded", () => {
+			a.value = !0, i.value = c;
+		}), c.bind("pusher:subscription_error", (e) => {
+			a.value = !1, i.value = null, r?.(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to subscribe to template channel"));
+		});
+	}
+	function l() {
+		s && o && o.unsubscribe(s), o?.disconnect(), o = null, s = null, i.value = null, a.value = !1;
+	}
+	function u() {
+		return o?.getSocketId() ?? null;
+	}
+	return {
+		channel: i,
+		isConnected: a,
+		connect: c,
+		disconnect: l,
+		getSocketId: u
+	};
+}
+function P(e) {
+	let t = new h(e);
+	return {
+		list(e) {
+			return t.listModules(e?.search, e?.category);
+		},
+		create(e) {
+			return t.createModule(e);
+		},
+		update(e, n) {
+			return t.updateModule(e, n);
+		},
+		delete(e) {
+			return t.deleteModule(e);
+		}
+	};
+}
+var F = 6e4;
+function I(e) {
+	let t = new h(e), n = 0;
+	function r(e, r) {
+		let i = Date.now();
+		i - n < F || (n = i, t.createVersion(e, r).catch((e) => {
+			console.warn("[Templatical] Automatic version not recorded — the save itself succeeded:", e);
+		}));
+	}
+	return {
+		load(e) {
+			return t.getTemplate(e);
+		},
+		create(e) {
+			return t.createTemplate(e.content, e.name);
+		},
+		async save(e, n) {
+			let i = await t.updateTemplate(e, n);
+			return n.content && r(e, n.content), i;
+		}
+	};
+}
+function L(e) {
+	return {
+		customFonts: e?.customFonts ?? [],
+		defaultFallback: e?.defaultFallback ?? "Arial, sans-serif"
+	};
+}
+function R(e) {
+	let t = new h(e.authManager);
+	async function n(e, n) {
+		let r = await t.exportTemplate(e, n);
+		return {
+			html: r.html,
+			mjml: r.mjml
+		};
+	}
+	async function r(e, n) {
+		return (await t.exportTemplate(e, n)).mjml;
+	}
+	return {
+		exportHtml: n,
+		getMjmlSource: r
+	};
+}
+function z(e) {
+	let t = R({ authManager: e.authManager });
+	function n(e) {
+		return {
+			customFonts: e.fonts?.customFonts ?? [],
+			defaultFallback: e.fonts?.defaultFallback ?? "Arial, sans-serif"
+		};
+	}
+	async function r() {
+		if (e.getTemplateId() === null) throw Error("[Templatical] Cloud renders from the saved template, so one must exist first. Call create() or load() before toMjml() / toHtml().");
+		return (await e.save()).id;
+	}
+	return {
+		async toMjml(e) {
+			let i = n(e), a = await r();
+			return t.getMjmlSource(a, i);
+		},
+		async toHtml(e) {
+			let i = n(e), a = await r(), { html: o } = await t.exportHtml(a, i);
+			return o;
+		}
+	};
+}
+function B(e) {
+	return {
+		id: e.id,
+		createdAt: e.created_at,
+		isAutomatic: e.is_autosave,
+		content: e.content
+	};
+}
+function V(e) {
+	let t = new h(e);
+	return {
+		async list(e) {
+			return { versions: (await t.getVersions(e)).map(B) };
+		},
+		async get(e, n) {
+			return (await t.getVersion(e, n)).content;
+		},
+		async create(e, n, r) {
+			return B(await t.createVersion(e, n, r?.label));
+		},
+		restore(e, n) {
+			return t.restoreVersion(e, n);
+		}
+	};
+}
+function H(n) {
+	let { authManager: i, isAuthReady: a } = n, o = t(null);
+	a && e(a, (e) => {
+		e && (o.value = i.testEmailConfig);
+	}, { immediate: !0 });
+	let s = r(() => o.value !== null), c = r(() => o.value?.allowedEmails ?? []);
+	function l() {
+		return o.value?.signature ?? null;
+	}
+	return {
+		isEnabled: s,
+		allowedEmails: c,
+		getSignature: l
+	};
+}
+function U(e) {
+	let t = new h(e.authManager);
+	return {
+		get allowedRecipients() {
+			return e.allowedEmails.value;
+		},
+		async send({ recipient: n }) {
+			let r = e.getSignature();
+			if (r === null) throw Error("Test email is not enabled for this project");
+			let i = e.getTemplateId();
+			if (i === null) throw Error("Template must be saved before sending a test email");
+			await e.save();
+			let { html: a } = await e.exportHtml(i);
+			e.onBeforeTestEmail && (a = await e.onBeforeTestEmail(a)), await t.sendTestEmail(i, {
+				recipient: n,
+				html: a,
+				allowed_emails: e.allowedEmails.value,
+				signature: r
+			});
+		}
+	};
+}
+function W(e) {
+	let { authManager: n, onError: i } = e, a = t(null), o = t(!1), s = new h(n), c = r(() => a.value?.features ?? null);
+	function l(e) {
+		return a.value?.features[e] ?? !1;
+	}
+	async function u() {
+		if (!o.value) {
+			o.value = !0;
+			try {
+				a.value = await s.fetchConfig();
+			} catch (e) {
+				i?.(e instanceof Error ? e : Error("Failed to fetch config", { cause: e }));
+			} finally {
+				o.value = !1;
+			}
+		}
+	}
+	return {
+		config: a,
+		isLoading: o,
+		hasFeature: l,
+		features: c,
+		fetchConfig: u
+	};
+}
+var G = 5e3;
+function K(e) {
+	return e.authManager ? e.authManager.resolveUrl(m.health) : `${(e.baseUrl ?? "https://templatical.com").replace(/\/$/, "")}${m.health}`;
+}
+async function q(e, t) {
+	let n = performance.now();
+	try {
+		let r = t ? await t.authenticatedFetch(m.health, {
+			method: "GET",
+			headers: { Accept: "application/json" }
+		}) : await fetch(e, {
+			method: "GET",
+			headers: { Accept: "application/json" }
+		}), i = Math.round(performance.now() - n);
+		if (r.status === 401) return {
+			api: {
+				ok: !0,
+				latency: i
+			},
+			auth: {
+				ok: !1,
+				error: "HTTP 401"
+			}
+		};
+		if (!r.ok) return {
+			api: {
+				ok: !1,
+				latency: i
+			},
+			auth: {
+				ok: !t,
+				error: t ? `HTTP ${r.status}` : void 0
+			}
+		};
+		let a = await r.json();
+		return {
+			api: {
+				ok: a.status === "ok",
+				latency: i
+			},
+			auth: { ok: !0 },
+			wsConfig: a.websocket
+		};
+	} catch (e) {
+		return {
+			api: {
+				ok: !1,
+				latency: Math.round(performance.now() - n)
+			},
+			auth: {
+				ok: !t,
+				error: t ? e instanceof Error ? e.message : "Authentication check failed" : void 0
+			}
+		};
+	}
+}
+async function J(e) {
+	if (!e?.host || !e?.app_key) return {
+		ok: !1,
+		error: "WebSocket configuration not available"
+	};
+	if (typeof WebSocket > "u") return {
+		ok: !1,
+		error: "WebSocket not supported in this environment"
+	};
+	let t = `${e.port === 443 ? "wss" : "ws"}://${e.host}:${e.port}/app/${e.app_key}?protocol=7&client=js&version=8.4.0-rc2&flash=false`;
+	return new Promise((e) => {
+		let n = null, r = setTimeout(() => {
+			n?.close(), e({
+				ok: !1,
+				error: "WebSocket connection timed out"
+			});
+		}, G);
+		try {
+			n = new WebSocket(t);
+		} catch (t) {
+			clearTimeout(r), e({
+				ok: !1,
+				error: t instanceof Error ? t.message : "WebSocket connection failed"
+			});
+			return;
+		}
+		n.onopen = () => {
+			clearTimeout(r), n?.close(), e({ ok: !0 });
+		}, n.onerror = () => {
+			clearTimeout(r), e({
+				ok: !1,
+				error: "WebSocket connection failed"
+			});
+		};
+	});
+}
+async function Y(e = {}) {
+	let t = await q(K(e), e.authManager), n = await J(t.wsConfig);
+	return {
+		api: t.api,
+		websocket: n,
+		auth: t.auth,
+		overall: t.api.ok && t.auth.ok
+	};
+}
+function X(t) {
+	let { editor: n, channel: r, onOperation: i } = t;
+	e(r, (e, t) => {
+		t && t.unbind("mcp-operation"), e && e.bind("mcp-operation", (e) => {
+			v(n, e), i?.(e);
+		});
+	});
+}
+//#endregion
+export { N as S, R as _, I as a, C as b, a as c, g as d, x as f, w as g, M as h, P as i, Y as l, j as m, D as n, U as o, S as p, z as r, V as s, o as t, L as u, X as v, H as x, W as y };