@templatical/editor 0.28.0 → 0.29.0

package/dist/{check-CLfibuQc.js → check-Cv96tY88.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-Cbl3Ma_H.js";
+import { t as e } from "./createLucideIcon-DGRWivCX.js";
 var t = e("check", [["path", {
 	d: "M20 6 9 17l-5-5",
 	key: "1gmf2c"

package/dist/{chevron-down-DamTR8ta.js → chevron-down-BwEyjSjd.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-Cbl3Ma_H.js";
+import { t as e } from "./createLucideIcon-DGRWivCX.js";
 var t = e("chevron-down", [["path", {
 	d: "m6 9 6 6 6-6",
 	key: "qrunsl"

package/dist/{chevron-up-CrV_Ksg-.js → chevron-up-C6Ye-Nzc.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-Cbl3Ma_H.js";
+import { t as e } from "./createLucideIcon-DGRWivCX.js";
 var t = e("chevron-up", [["path", {
 	d: "m18 15-6-6-6 6",
 	key: "153udz"

package/dist/{circle-alert-BLy-e34e.js → circle-alert-BLt_gkcU.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-Cbl3Ma_H.js";
+import { t as e } from "./createLucideIcon-DGRWivCX.js";
 var t = e("circle-alert", [
 	["circle", {
 		cx: "12",

package/dist/{clock-DQI6aaFT.js → clock-D-2BI0Co.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-Cbl3Ma_H.js";
+import { t as e } from "./createLucideIcon-DGRWivCX.js";
 var t = e("clock", [["circle", {
 	cx: "12",
 	cy: "12",

package/dist/createCloudRuntime-CWPQ7puE.js

@@ -0,0 +1,441 @@
+import { A as e, L as t, X as n, q as r, s as i } from "./vue.runtime.esm-bundler-CdH_W9qX.js";
+import { m as a } from "./dist-WE11SQGe.js";
+import { t as o } from "./dist-CkSgS-K9.js";
+import { R as s, i as c, l, t as u } from "./keys-CAor2T5q.js";
+import { t as d } from "./timeouts-DHPZQ0G3.js";
+import { t as f } from "./logger-BBlvSn6q.js";
+import { t as p } from "./preRenderCustomBlocks-BebjKtmw.js";
+import { S as m, _ as h, a as g, b as ee, c as te, d as ne, h as _, i as v, l as y, m as b, n as x, o as S, p as C, r as re, s as ie, t as ae, u as oe, v as se, x as ce, y as le } from "./cloud-DXFUA8H_.js";
+//#region src/cloud/composables/useCloudFeatureFlags.ts
+function ue(e) {
+	let { planConfigInstance: t, aiConfig: n, getTemplateId: r } = e;
+	return {
+		canUseAiGeneration: i(() => t.hasFeature("ai_generation") && n.hasAnyMenuFeature.value),
+		canSendTestEmail: i(() => t.hasFeature("test_email")),
+		hasTemplateSaved: i(() => r() !== null),
+		templateLimit: i(() => t.config.value?.limits.max_templates ?? null),
+		templateCount: i(() => t.config.value?.template_count ?? 0)
+	};
+}
+//#endregion
+//#region src/cloud/composables/useCloudMediaLibrary.ts
+function de(e) {
+	let { onRequestMedia: t, mediaLibraryOpen: n, mediaLibraryAccept: i, authManager: a, getMediaConfig: o, onError: s } = e, c = null;
+	function l(e) {
+		return {
+			url: e.url,
+			alt: e.alt_text || void 0
+		};
+	}
+	async function u(e) {
+		let r = e?.accept ?? ["images"];
+		if (e?.files?.length) {
+			if (t) {
+				let n = await t({
+					accept: r,
+					files: e.files
+				});
+				return n ? l(n) : null;
+			}
+			return d(e.files[0]);
+		}
+		if (t) {
+			let e = await t({ accept: r });
+			return e ? l(e) : null;
+		}
+		return c &&= (c(null), null), i.value = r, n.value = !0, new Promise((e) => {
+			c = (t) => {
+				e(t);
+			};
+		});
+	}
+	async function d(e) {
+		let t = f(e);
+		if (t) return s?.(t), null;
+		try {
+			let { MediaApiClient: t } = await import("@templatical/media-library");
+			return l(await new t(a).uploadMedia(e));
+		} catch (e) {
+			return s?.(e), null;
+		}
+	}
+	function f(e) {
+		let t = o?.() ?? null;
+		if (!t) return null;
+		let n = t.categories?.images?.mime_types ?? [];
+		return n.length > 0 && !n.includes(e.type) ? /* @__PURE__ */ Error(`Unsupported image type: ${e.type || "unknown"}. Accepted: ${n.join(", ")}.`) : t.max_file_size > 0 && e.size > t.max_file_size ? /* @__PURE__ */ Error(`Image is too large (${e.size} bytes). Maximum allowed is ${t.max_file_size} bytes.`) : null;
+	}
+	function p(e) {
+		n.value = !1, c?.(l(e)), c = null;
+	}
+	function m() {
+		n.value = !1, c?.(null), c = null;
+	}
+	return r(() => {
+		c &&= (c(null), null);
+	}), {
+		handleRequestMedia: u,
+		handleMediaSelect: p,
+		handleMediaLibraryClose: m
+	};
+}
+//#endregion
+//#region src/cloud/composables/useCloudPanelState.ts
+function fe() {
+	let e = n(null), t = i({
+		get: () => e.value === "ai-chat",
+		set: (t) => e.value = t ? "ai-chat" : null
+	}), r = i({
+		get: () => e.value === "scoring",
+		set: (t) => e.value = t ? "scoring" : null
+	}), a = i({
+		get: () => e.value === "design-reference",
+		set: (t) => e.value = t ? "design-reference" : null
+	}), s = i({
+		get: () => e.value === "comments",
+		set: (t) => e.value = t ? "comments" : null
+	}), c = n(!1), l = n(void 0), u = n(!1), d = n(null), f = i(() => e.value !== null), p = i(() => {
+		let t = e.value;
+		return t === "ai-chat" || t === "design-reference" || t === "scoring" ? t : null;
+	}), m = i(() => u.value || e.value === "ai-chat" || e.value === "design-reference" || e.value === "scoring");
+	function h() {
+		u.value = !u.value;
+	}
+	function g(t) {
+		u.value = !1, e.value = e.value === t ? null : t;
+	}
+	return o(d, () => {
+		u.value = !1;
+	}), {
+		activePanel: e,
+		aiChatOpen: t,
+		scoringPanelOpen: r,
+		designReferenceOpen: a,
+		commentsOpen: s,
+		mediaLibraryOpen: c,
+		mediaLibraryAccept: l,
+		aiMenuOpen: u,
+		aiMenuRef: d,
+		rightPanelOpen: f,
+		activeAiFeature: p,
+		aiButtonActive: m,
+		toggleAiMenu: h,
+		handleAiFeatureSelect: g
+	};
+}
+//#endregion
+//#region src/cloud/composables/useCloudSaveGate.ts
+function pe(e) {
+	let t = n(!1), r = null, a = i(() => e.planConfig.value?.accessibility?.blockOnError === !0), o = i(() => a.value ? e.issues.value.filter((e) => e.severity === "error") : []), s = i(() => o.value.length > 0);
+	async function c(e) {
+		return s.value ? (r = e, t.value = !0, !1) : (await e(), !0);
+	}
+	async function l(e) {
+		return !s.value && (await e(), !0);
+	}
+	async function u() {
+		let e = r;
+		r = null, t.value = !1, e && await e();
+	}
+	function d() {
+		r = null, t.value = !1;
+	}
+	return {
+		shouldBlock: s,
+		blockingIssues: o,
+		modalOpen: t,
+		tryRunSave: c,
+		runUnlessBlocked: l,
+		confirmAndSave: u,
+		cancel: d
+	};
+}
+//#endregion
+//#region src/cloud/composables/useCollabUndoWarning.ts
+function me(e) {
+	let { isCollaborationEnabled: t, getCollaboratorCount: r, canUndo: i } = e, o = n(!1), s = n(!1), { start: c } = a(() => {
+		s.value = !1;
+	}, d, { immediate: !1 });
+	function l() {
+		o.value || !t.value || r() === 0 || !i.value || (o.value = !0, s.value = !0, c());
+	}
+	return {
+		collabUndoWarningVisible: s,
+		showCollabUndoWarning: l
+	};
+}
+//#endregion
+//#region src/cloud/collectSavedBlockIds.ts
+function he(e) {
+	let t = /* @__PURE__ */ new Set(), n = e?.content?.blocks;
+	if (!n) return t;
+	for (let e of n) if (t.add(e.id), e.type === "section" && e.children) for (let n of e.children) for (let e of n) t.add(e.id);
+	return t;
+}
+//#endregion
+//#region src/cloud/createCloudRuntime.ts
+function ge(e) {
+	if (!e) return {};
+	let { onSaved: t, onCreated: n, onLoaded: r } = e;
+	return {
+		...typeof t == "function" ? { onSaved: t } : {},
+		...typeof n == "function" ? { onCreated: n } : {},
+		...typeof r == "function" ? { onLoaded: r } : {}
+	};
+}
+function _e(e) {
+	if (!e) return {};
+	let { onCreated: t, onUpdated: n, onDeleted: r, onResolved: i, onUnresolved: a } = e;
+	return {
+		...typeof t == "function" ? { onCreated: t } : {},
+		...typeof n == "function" ? { onUpdated: n } : {},
+		...typeof r == "function" ? { onDeleted: r } : {},
+		...typeof i == "function" ? { onResolved: i } : {},
+		...typeof a == "function" ? { onUnresolved: a } : {}
+	};
+}
+function ve(e) {
+	if (typeof e != "object" || !e) return {};
+	let { onCreated: t, onUpdated: n, onDeleted: r } = e;
+	return {
+		...typeof t == "function" ? { onCreated: t } : {},
+		...typeof n == "function" ? { onUpdated: n } : {},
+		...typeof r == "function" ? { onDeleted: r } : {}
+	};
+}
+function ye(e) {
+	if (typeof e != "object" || !e) return {};
+	let { onSent: t, defaultRecipient: n } = e;
+	return {
+		...typeof t == "function" ? { onSent: t } : {},
+		...typeof n == "string" ? { defaultRecipient: n } : {}
+	};
+}
+function be(e) {
+	if (!e) return {};
+	let { onCreated: t, onRestored: n } = e;
+	return {
+		...typeof t == "function" ? { onCreated: t } : {},
+		...typeof n == "function" ? { onRestored: n } : {}
+	};
+}
+function w(e) {
+	return e.length < 2 ? e.join("") : e.length === 2 ? e.join(" and ") : `${e.slice(0, -1).join(", ")} and ${e[e.length - 1]}`;
+}
+async function T(r) {
+	let { config: a, cloudTranslations: o } = r, d = null, T = null, E = null, D = null, O = null, k = null, A = null, j = n(null), M = n(/* @__PURE__ */ new Map()), N = n(null);
+	function P() {
+		if (!d) throw Error("[Templatical] The Cloud editor is not mounted yet.");
+		return d;
+	}
+	function F() {
+		return d?.state.template?.id ?? null;
+	}
+	let I = new ae({
+		...a.auth,
+		onError: (e) => {
+			te(e) && (j.value = e), a.onError?.(e);
+		}
+	}), L = le({
+		authManager: I,
+		onError: a.onError
+	});
+	await I.initialize();
+	let R = await y({ authManager: I });
+	if (!R.api.ok) throw Error("Health check failed: API is not reachable");
+	if (!R.auth.ok) throw Error(`Health check failed: authentication error${R.auth.error ? ` - ${R.auth.error}` : ""}`);
+	R.websocket.ok || f.warn("WebSocket health check failed:", R.websocket.error ?? "unknown error", "-- real-time features will be disabled."), await L.fetchConfig(), j.value = null;
+	let xe = a.templates, z = [
+		"load",
+		"create",
+		"save"
+	].filter((e) => xe?.[e] !== void 0);
+	z.length > 0 && f.warn(`initCloud ignores ${w(z.map((e) => `templates.${e}`))} — the template id is the join key for collaboration, version history, comments, AI rewrite, scoring and the server-side export, so an id Cloud never issued would degrade all six. Your event handlers were kept. Use init() to bring your own storage.`);
+	let Se = a.versionHistory, B = [
+		"list",
+		"get",
+		"create",
+		"restore"
+	].filter((e) => Se?.[e] !== void 0);
+	B.length > 0 && f.warn(`initCloud ignores ${w(B.map((e) => `versionHistory.${e}`))} — a version is keyed to a template id Cloud issued, so Cloud owns its history. Your event handlers were kept. Use init() to bring your own storage.`);
+	let Ce = a.comments, V = [
+		"list",
+		"create",
+		"update",
+		"delete",
+		"setResolved",
+		"subscribe"
+	].filter((e) => Ce?.[e] !== void 0);
+	V.length > 0 && f.warn(`initCloud ignores ${w(V.map((e) => `comments.${e}`))} — a comment is keyed to a template id Cloud issued, and its author is signed by the auth token, so Cloud owns the conversation. Your event handlers were kept. Use init() to bring your own storage.`), a.render && f.warn("initCloud does not accept a `render` provider — Cloud renders server-side for test email, sends and exports, so a supplied renderer would change only what you preview and export, never what Cloud delivers. The supplied provider is ignored. For your own MJML, call renderToMjml(editor.getContent()) from @templatical/renderer.");
+	function H(e) {
+		let t = L.config.value?.websocket;
+		!E || !t || E.connect(e.id, ne(t));
+	}
+	let U = g(I), W = U.create, G = U.save, we = {
+		...ge(a.templates),
+		load: async (e) => {
+			let t = await U.load(e);
+			return H(t), t;
+		},
+		create: typeof W == "function" ? async (e) => {
+			let t = await W(e);
+			return H(t), t;
+		} : !1,
+		save: typeof G == "function" ? async (e, t) => (T && d && await p(d.content.value, T.registry), G(e, t)) : !1
+	}, Te = re({
+		authManager: I,
+		getTemplateId: F,
+		save: () => P().save()
+	}), Ee = {
+		...be(a.versionHistory),
+		...ie(I)
+	}, De = {
+		..._e(a.comments),
+		...x({
+			authManager: I,
+			channel: N,
+			getSocketId: () => E?.getSocketId() ?? null
+		})
+	}, K = I.userConfig ? {
+		id: I.userConfig.id,
+		name: I.userConfig.name
+	} : void 0, q = typeof a.savedBlocks?.list == "function" ? a.savedBlocks : null;
+	if (q === null && typeof a.savedBlocks == "object" && a.savedBlocks !== null) {
+		let e = a.savedBlocks, t = [
+			"list",
+			"create",
+			"update",
+			"delete"
+		].filter((t) => e[t] !== void 0);
+		t.length > 0 && f.warn(`initCloud ignores ${w(t.map((e) => `savedBlocks.${e}`))} — a provider needs a working list to replace Cloud's store, and this value has none, so it configures Cloud's own store instead. Your event handlers were kept. Use init() to bring your own storage.`);
+	}
+	let J = a.savedBlocks === !1 ? void 0 : q ?? {
+		...ve(a.savedBlocks),
+		...v(I)
+	}, Y = ce({
+		authManager: I,
+		isAuthReady: n(!0)
+	}), Oe = h({ authManager: I }), X = typeof a.testEmail?.send == "function" ? a.testEmail : null;
+	if (X === null && typeof a.testEmail == "object" && a.testEmail !== null) {
+		let e = a.testEmail, t = [
+			"send",
+			"includeMjml",
+			"allowedRecipients"
+		].filter((t) => e[t] !== void 0);
+		t.length > 0 && f.warn(`initCloud ignores ${w(t.map((e) => `testEmail.${e}`))} — a provider needs a working send to replace Cloud's sender outright, and Cloud renders server-side with the signed allowlist from your project's JWT either way, so none of these apply here. Your event handlers were kept.`);
+	}
+	let ke = X ?? Object.assign(S({
+		authManager: I,
+		getTemplateId: F,
+		save: () => P().save(),
+		exportHtml: (e) => Oe.exportHtml(e, oe(a.fonts)),
+		allowedEmails: Y.allowedEmails,
+		getSignature: Y.getSignature,
+		onBeforeTestEmail: a.onBeforeTestEmail
+	}), ye(a.testEmail)), Z = C(a.ai), Ae = ee({
+		authManager: I,
+		getTemplateId: F
+	}), Q = ue({
+		planConfigInstance: L,
+		aiConfig: Z,
+		getTemplateId: F
+	}), $ = i(() => !!a.collaboration?.enabled && L.hasFeature("collaboration"));
+	function je(n) {
+		let r = n.editor;
+		d = r, e(l, o), e(c, I), e(u, Z), e(s, Ae);
+		let i = m({
+			authManager: I,
+			onError: a.onError
+		});
+		E = i, t(i.channel, (e) => {
+			N.value = e;
+		}, { immediate: !0 }), a.mcp?.enabled && se({
+			editor: r,
+			channel: i.channel,
+			onOperation: a.mcp.onOperation
+		}), a.collaboration?.enabled && (O = b({
+			authManager: I,
+			editor: r,
+			channel: i.channel,
+			onError: a.onError,
+			onCollaboratorJoined: a.collaboration.onCollaboratorJoined,
+			onCollaboratorLeft: a.collaboration.onCollaboratorLeft,
+			onBlockLocked: a.collaboration.onBlockLocked,
+			onBlockUnlocked: a.collaboration.onBlockUnlocked
+		}), t(() => O.lockedBlocks.value, (e) => {
+			M.value = e;
+		}, { immediate: !0 }), _(r, O));
+		let f = fe(), p = de({
+			onRequestMedia: a.onRequestMedia,
+			mediaLibraryOpen: f.mediaLibraryOpen,
+			mediaLibraryAccept: f.mediaLibraryAccept,
+			authManager: I,
+			getMediaConfig: () => L.config.value?.media ?? null,
+			onError: a.onError
+		});
+		return D = p, {
+			websocket: i,
+			panelState: f,
+			mediaLib: p,
+			mediaBrowser: {
+				authManager: I,
+				projectId: I.projectId,
+				planConfig: L
+			},
+			featureFlags: Q,
+			collaboration: O,
+			isCollaborationEnabled: $
+		};
+	}
+	function Me(e) {
+		let { core: t, capabilities: r } = e;
+		return T = t, A = pe({
+			issues: t.templateLint ? t.templateLint.issues : n([]),
+			planConfig: L.config
+		}), k = me({
+			isCollaborationEnabled: $,
+			getCollaboratorCount: () => O?.collaborators.value.length ?? 0,
+			canUndo: t.history.canUndo
+		}), r.plan = L, r.ai = Z, a.customBlocks?.length && t.registerCustomBlocks(a.customBlocks), a.theme && (t.themeOverrides.value = a.theme), {
+			saveGate: A,
+			collabWarning: k,
+			sessionError: j,
+			retry: async () => {
+				try {
+					await I.initialize(), j.value = null;
+				} catch (e) {
+					j.value = e instanceof Error ? e : /* @__PURE__ */ Error("Authentication failed");
+				}
+			}
+		};
+	}
+	return {
+		runtime: {
+			lockedBlocks: M,
+			onRequestMedia: (e) => D ? D.handleRequestMedia(e) : Promise.resolve(null),
+			isSavedBlocksAvailable: q ? () => !0 : () => a.savedBlocks !== !1 && L.hasFeature("saved_modules"),
+			isTestEmailAvailable: X ? () => !0 : () => Y.isEnabled.value && Q.canSendTestEmail.value && Q.hasTemplateSaved.value,
+			isCommentsAvailable: () => a.comments !== !1 && L.hasFeature("commenting") && Q.hasTemplateSaved.value,
+			isBlockSaved: (e) => he(d?.state.template ?? null).has(e),
+			getSaveGate: () => A,
+			isRemoteOperation: () => O?._isProcessingRemoteOperation() ?? !1,
+			onBeforeUndo: () => k?.showCollabUndoWarning(),
+			attach: je,
+			ready: Me,
+			destroy() {
+				E?.disconnect(), a.onUnmount?.();
+			}
+		},
+		providers: {
+			templates: we,
+			render: Te,
+			versionHistory: Ee,
+			...J ? { savedBlocks: J } : {},
+			testEmail: ke,
+			comments: De
+		},
+		user: K
+	};
+}
+//#endregion
+export { T as bootstrapCloud };

package/dist/{createLucideIcon-Cbl3Ma_H.js → createLucideIcon-DGRWivCX.js}

@@ -1,5 +1,5 @@
 import { S as e, b as t, s as n } from "./vue.runtime.esm-bundler-CdH_W9qX.js";
-//#region ../../node_modules/.pnpm/@lucide+vue@1.33.0_vue@3.5.41_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/shared/src/utils/isEmptyString.mjs
+//#region ../../node_modules/.pnpm/@lucide+vue@1.34.0_vue@3.5.41_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/shared/src/utils/isEmptyString.mjs
 var r = (e) => e === "", i = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), a = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), o = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), s = (e) => {
 	let t = o(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
@@ -18,7 +18,7 @@ function u() {
 	return e(l, {});
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@lucide+vue@1.33.0_vue@3.5.41_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/Icon.mjs
+//#region ../../node_modules/.pnpm/@lucide+vue@1.34.0_vue@3.5.41_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/Icon.mjs
 var d = ({ name: e, iconNode: o, "icon-node": l, absoluteStrokeWidth: d, "absolute-stroke-width": f, strokeWidth: p, "stroke-width": m, size: h, color: g, ..._ }, { slots: v }) => {
 	let { size: y, color: b, strokeWidth: x = 2, absoluteStrokeWidth: S = !1, class: C = "" } = u(), w = n(() => {
 		let e = r(d) || r(f) || d === !0 || f === !0 || S === !0, t = p || m || x || c["stroke-width"];

package/dist/{dist-CgXIMxZc.js → dist-BG2cHdqw.js}

@@ -1,5 +1,5 @@
-import { f as e, gn as t } from "./dist-DUn6jY0n.js";
-//#region ../../node_modules/.pnpm/@tiptap+extension-superscript@3.30.2_@tiptap+core@3.30.2_@tiptap+pm@3.30.2__@tiptap+pm@3.30.2/node_modules/@tiptap/extension-superscript/dist/index.js
+import { f as e, gn as t } from "./dist-BUh4MT4D.js";
+//#region ../../node_modules/.pnpm/@tiptap+extension-superscript@3.30.3_@tiptap+core@3.30.3_@tiptap+pm@3.30.3__@tiptap+pm@3.30.3/node_modules/@tiptap/extension-superscript/dist/index.js
 var n = e.create({
 	name: "superscript",
 	addOptions() {

package/dist/{dist-CclsUQ7r.js → dist-BIFUEhwQ.js}

@@ -1,5 +1,5 @@
-import { s as e } from "./dist-DUn6jY0n.js";
-//#region ../../node_modules/.pnpm/@tiptap+extension-text-align@3.30.2_@tiptap+core@3.30.2_@tiptap+pm@3.30.2_/node_modules/@tiptap/extension-text-align/dist/index.js
+import { s as e } from "./dist-BUh4MT4D.js";
+//#region ../../node_modules/.pnpm/@tiptap+extension-text-align@3.30.3_@tiptap+core@3.30.3_@tiptap+pm@3.30.3_/node_modules/@tiptap/extension-text-align/dist/index.js
 var t = e.create({
 	name: "textAlign",
 	addOptions() {