@templatical/editor 0.26.3 → 0.27.1

package/dist/createCloudRuntime-Bt8W-ajI.js

@@ -0,0 +1,342 @@
+import { A as e, L as t, X as n, q as r, s as i } from "./vue.runtime.esm-bundler-DzEsDRtY.js";
+import { m as a } from "./dist-CqcGTIiX.js";
+import { t as o } from "./dist-B5iReTtK.js";
+import { R as s, i as c, l, t as u } from "./keys-BxixS0TN.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 _, c as v, d as y, h as b, i as ee, l as x, m as te, n as ne, o as S, p as C, r as w, s as re, t as ie, u as ae, v as oe, x as T, y as se } from "./cloud-BAefVBb_.js";
+//#region src/cloud/composables/useCloudFeatureFlags.ts
+function ce(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 E(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 D() {
+	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 O(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 le(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 ue(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
+async function k(r) {
+	let { config: a, cloudTranslations: o } = r, d = null, k = null, A = null, j = null, M = null, N = null, P = null, F = n(null), I = n(/* @__PURE__ */ new Map()), L = n(null);
+	function R() {
+		if (!d) throw Error("[Templatical] The Cloud editor is not mounted yet.");
+		return d;
+	}
+	function z() {
+		return d?.state.template?.id ?? null;
+	}
+	let B = new ie({
+		...a.auth,
+		onError: (e) => {
+			v(e) && (F.value = e), a.onError?.(e);
+		}
+	}), V = se({
+		authManager: B,
+		onError: a.onError
+	});
+	await B.initialize();
+	let H = await x({ authManager: B });
+	if (!H.api.ok) throw Error("Health check failed: API is not reachable");
+	if (!H.auth.ok) throw Error(`Health check failed: authentication error${H.auth.error ? ` - ${H.auth.error}` : ""}`);
+	H.websocket.ok || f.warn("WebSocket health check failed:", H.websocket.error ?? "unknown error", "-- real-time features will be disabled."), await V.fetchConfig(), F.value = null, a.templates && f.warn("initCloud does not accept a `templates` provider — 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. The supplied provider is ignored. Use init() to bring your own."), a.versionHistory && f.warn("initCloud does not accept a `versionHistory` provider — a version is keyed to a template id Cloud issued, so Cloud owns its history. The supplied provider is ignored. Use init() to bring your own."), a.comments && f.warn("initCloud does not accept a `comments` provider — a comment is keyed to a template id Cloud issued, and its author is signed by the auth token, so Cloud owns the conversation. The supplied provider is ignored. Use init() to bring your own."), 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 U(e) {
+		let t = V.config.value?.websocket;
+		!A || !t || A.connect(e.id, y(t));
+	}
+	let W = g(B), G = W.create, K = W.save, de = {
+		load: async (e) => {
+			let t = await W.load(e);
+			return U(t), a.onLoad?.(t), t;
+		},
+		create: typeof G == "function" ? async (e) => {
+			let t = await G(e);
+			return U(t), a.onCreate?.(t), t;
+		} : !1,
+		save: typeof K == "function" ? async (e, t) => (k && d && await p(d.content.value, k.registry), K(e, t)) : !1
+	}, fe = w({
+		authManager: B,
+		getTemplateId: z,
+		save: () => R().save()
+	}), pe = re(B), me = ne({
+		authManager: B,
+		channel: L,
+		getSocketId: () => A?.getSocketId() ?? null
+	}), he = B.userConfig ? {
+		id: B.userConfig.id,
+		name: B.userConfig.name
+	} : void 0, q = typeof a.savedBlocks == "object" && a.savedBlocks !== null ? a.savedBlocks : null, J = a.savedBlocks === !1 ? void 0 : q ?? ee(B), Y = T({
+		authManager: B,
+		isAuthReady: n(!0)
+	}), ge = h({ authManager: B }), X = a.testEmail ?? null, _e = X ?? S({
+		authManager: B,
+		getTemplateId: z,
+		save: () => R().save(),
+		exportHtml: (e) => ge.exportHtml(e, ae(a.fonts)),
+		allowedEmails: Y.allowedEmails,
+		getSignature: Y.getSignature,
+		onBeforeTestEmail: a.onBeforeTestEmail
+	}), Z = C(a.ai), ve = _({
+		authManager: B,
+		getTemplateId: z
+	}), Q = ce({
+		planConfigInstance: V,
+		aiConfig: Z,
+		getTemplateId: z
+	}), $ = i(() => !!a.collaboration?.enabled && V.hasFeature("collaboration"));
+	function ye(n) {
+		let r = n.editor;
+		d = r, e(l, o), e(c, B), e(u, Z), e(s, ve);
+		let i = m({
+			authManager: B,
+			onError: a.onError
+		});
+		A = i, t(i.channel, (e) => {
+			L.value = e;
+		}, { immediate: !0 }), a.mcp?.enabled && oe({
+			editor: r,
+			channel: i.channel,
+			onOperation: a.mcp.onOperation
+		}), a.collaboration?.enabled && (M = te({
+			authManager: B,
+			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(() => M.lockedBlocks.value, (e) => {
+			I.value = e;
+		}, { immediate: !0 }), b(r, M));
+		let f = D(), p = E({
+			onRequestMedia: a.onRequestMedia,
+			mediaLibraryOpen: f.mediaLibraryOpen,
+			mediaLibraryAccept: f.mediaLibraryAccept,
+			authManager: B,
+			getMediaConfig: () => V.config.value?.media ?? null,
+			onError: a.onError
+		});
+		return j = p, {
+			websocket: i,
+			panelState: f,
+			mediaLib: p,
+			mediaBrowser: {
+				authManager: B,
+				projectId: B.projectId,
+				planConfig: V
+			},
+			featureFlags: Q,
+			collaboration: M,
+			isCollaborationEnabled: $
+		};
+	}
+	function be(e) {
+		let { core: t, capabilities: r } = e;
+		return k = t, P = O({
+			issues: t.templateLint ? t.templateLint.issues : n([]),
+			planConfig: V.config
+		}), N = le({
+			isCollaborationEnabled: $,
+			getCollaboratorCount: () => M?.collaborators.value.length ?? 0,
+			canUndo: t.history.canUndo
+		}), r.plan = V, r.ai = Z, a.customBlocks?.length && t.registerCustomBlocks(a.customBlocks), a.theme && (t.themeOverrides.value = a.theme), {
+			saveGate: P,
+			collabWarning: N,
+			sessionError: F,
+			retry: async () => {
+				try {
+					await B.initialize(), F.value = null;
+				} catch (e) {
+					F.value = e instanceof Error ? e : /* @__PURE__ */ Error("Authentication failed");
+				}
+			}
+		};
+	}
+	return {
+		runtime: {
+			lockedBlocks: I,
+			onRequestMedia: (e) => j ? j.handleRequestMedia(e) : Promise.resolve(null),
+			isSavedBlocksAvailable: q ? () => !0 : () => a.savedBlocks !== !1 && V.hasFeature("saved_modules"),
+			isTestEmailAvailable: X ? () => !0 : () => Y.isEnabled.value && Q.canSendTestEmail.value && Q.hasTemplateSaved.value,
+			isCommentsAvailable: () => a.commenting !== !1 && V.hasFeature("commenting") && Q.hasTemplateSaved.value,
+			isBlockSaved: (e) => ue(d?.state.template ?? null).has(e),
+			getSaveGate: () => P,
+			isRemoteOperation: () => M?._isProcessingRemoteOperation() ?? !1,
+			onBeforeUndo: () => N?.showCollabUndoWarning(),
+			attach: ye,
+			ready: be,
+			destroy() {
+				A?.disconnect(), a.onUnmount?.();
+			}
+		},
+		providers: {
+			templates: de,
+			render: fe,
+			versionHistory: pe,
+			...J ? { savedBlocks: J } : {},
+			testEmail: _e,
+			comments: me
+		},
+		user: he
+	};
+}
+//#endregion
+export { k as bootstrapCloud };

package/dist/{createLucideIcon-C8WzBYCv.js → createLucideIcon-L-wQXW_R.js}

@@ -1,4 +1,4 @@
-import { s as e, x as t, y as n } from "./vue.runtime.esm-bundler-D1diBMsm.js";
+import { S as e, b as t, s as n } from "./vue.runtime.esm-bundler-DzEsDRtY.js";
 //#region ../../node_modules/.pnpm/@lucide+vue@1.31.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);
@@ -15,28 +15,28 @@ var r = (e) => e === "", i = (...e) => e.filter((e, t, n) => !!e && e.trim() !==
 	"stroke-linejoin": "round"
 }, l = /* @__PURE__ */ Symbol("lucide-icons");
 function u() {
-	return t(l, {});
+	return e(l, {});
 }
 //#endregion
 //#region ../../node_modules/.pnpm/@lucide+vue@1.31.0_vue@3.5.41_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/Icon.mjs
-var d = ({ name: t, 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 = e(() => {
+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"];
 		return e ? Number(t) * 24 / Number(h ?? y ?? c.width) : t;
 	});
-	return n("svg", {
+	return t("svg", {
 		...c,
 		..._,
 		width: h ?? y ?? c.width,
 		height: h ?? y ?? c.height,
 		stroke: g ?? b ?? c.stroke,
 		"stroke-width": w.value,
-		class: i("lucide", C, ...t ? [`lucide-${a(s(t))}-icon`, `lucide-${a(t)}`] : ["lucide-icon"])
-	}, [...(o ?? l ?? []).map((e) => n(...e)), ...v.default ? [v.default()] : []]);
-}, f = (e, t) => (r, { slots: i, attrs: a }) => n(d, {
+		class: i("lucide", C, ...e ? [`lucide-${a(s(e))}-icon`, `lucide-${a(e)}`] : ["lucide-icon"])
+	}, [...(o ?? l ?? []).map((e) => t(...e)), ...v.default ? [v.default()] : []]);
+}, f = (e, n) => (r, { slots: i, attrs: a }) => t(d, {
 	...a,
 	...r,
-	iconNode: t,
+	iconNode: n,
 	name: e
 }, i.default ? { default: i.default } : void 0);
 //#endregion

package/dist/{cdn/chunks/de-uVoSP1xF.js → de-BytZwgn6.js}

@@ -8,63 +8,11 @@ var e = {
 		templateNotFound: "Die angeforderte Vorlage konnte nicht gefunden werden. Bitte überprüfen Sie die Vorlagen-ID.",
 		retry: "Erneut versuchen"
 	},
-	header: {
-		title: "Templatical",
-		unsaved: "Nicht gespeichert",
-		saving: "Speichern...",
-		saved: "Gespeichert",
-		saveFailed: "Speichern fehlgeschlagen",
-		save: "Speichern",
-		templatesUsed: "{used}/{max} Vorlagen verwendet"
-	},
-	snapshotPreview: {
-		message: "Sie sehen einen früheren Snapshot dieser Vorlage.",
-		cancel: "Abbrechen",
-		restore: "Diesen Snapshot wiederherstellen"
-	},
-	snapshotHistory: {
-		tooltip: "Versionsverlauf",
-		dropdownTitle: "Versionsverlauf",
-		noSnapshots: "Noch keine Versionen",
-		auto: "auto",
-		justNow: "Gerade eben",
-		minutesAgo: "vor {minutes} Min.",
-		hoursAgo: "vor {hours} Std.",
-		daysAgo: "vor {days} Tagen",
-		olderSnapshot: "Ältere Version",
-		newerSnapshot: "Neuere Version"
-	},
-	aiRewrite: {
-		title: "KI-Umschreibung",
-		tone: "Tonalität",
-		length: "Länge",
-		clarity: "Klarheit",
-		professional: "Professionell",
-		casual: "Locker",
-		friendly: "Freundlich",
-		urgent: "Dringend",
-		persuasive: "Überzeugend",
-		shorter: "Kürzer",
-		longer: "Länger",
-		summarize: "Zusammenfassen",
-		simplify: "Vereinfachen",
-		fixGrammar: "Grammatik korrigieren",
-		improveReadability: "Lesbarkeit verbessern",
-		customInstruction: "Eigene Anweisung",
-		customPlaceholder: "Beschreiben Sie die gewünschte Umschreibung...",
-		rewrite: "Umschreiben",
-		rewriting: "Wird umgeschrieben...",
-		undo: "Rückgängig",
-		redo: "Wiederholen",
-		refine: "Weiter verfeinern",
-		error: "Text konnte nicht umgeschrieben werden"
-	},
+	header: { templatesUsed: "{used}/{max} Vorlagen verwendet" },
 	aiChat: {
 		title: "KI-Assistent",
 		button: "KI",
 		inputPlaceholder: "Beschreiben Sie Ihre E-Mail-Vorlage...",
-		send: "Senden",
-		generating: "Wird generiert...",
 		applied: "Änderungen auf Vorlage angewendet.",
 		applyFailed: "Änderungen konnten nicht auf die Vorlage angewendet werden. Bitte versuchen Sie es erneut.",
 		revert: "Änderungen rückgängig",
@@ -75,7 +23,6 @@ var e = {
 		loadingHistory: "Konversation wird geladen..."
 	},
 	scoring: {
-		button: "Bewertung",
 		title: "Vorlagenbewertung",
 		rescore: "Neu bewerten",
 		scoring: "Vorlage wird analysiert...",
@@ -93,7 +40,6 @@ var e = {
 		},
 		fix: "Mit KI beheben",
 		fixing: "Wird behoben...",
-		fixed: "Behoben",
 		findings: "Ergebnisse",
 		noFindings: "Keine Probleme gefunden",
 		error: "Vorlage konnte nicht analysiert werden",
@@ -109,44 +55,12 @@ var e = {
 		templateScoreDesc: "Qualität, Spam-Risiko und Barrierefreiheit analysieren",
 		disclaimer: "KI kann Fehler machen. Bitte überprüfen Sie die Ergebnisse vor der Genehmigung."
 	},
-	comments: {
-		title: "Kommentare",
-		placeholder: "Kommentar schreiben...",
-		replyPlaceholder: "Antwort schreiben...",
-		reply: "Antworten",
-		resolve: "Lösen",
-		unresolve: "Wiedereröffnen",
-		resolved: "Gelöst",
-		delete: "Löschen",
-		edit: "Bearbeiten",
-		cancel: "Abbrechen",
-		save: "Speichern",
-		noComments: "Noch keine Kommentare",
-		noCommentsHint: "Starten Sie eine Konversation, indem Sie einen Kommentar zur Vorlage oder einem bestimmten Block hinzufügen.",
-		addComment: "Kommentar hinzufügen",
-		deleteConfirm: "Diesen Kommentar löschen?",
-		filterAll: "Alle",
-		filterUnresolved: "Ungelöst",
-		filterBlock: "Dieser Block",
-		ownedByYou: "Sie",
-		edited: "bearbeitet",
-		resolvedBy: "Gelöst von {name}",
-		replyOne: "{count} Antwort",
-		replyMany: "{count} Antworten",
-		missingBlock: "Fehlender Block",
-		saveTemplateFirst: "Speichern Sie die Vorlage, bevor Sie diesen Block kommentieren.",
-		button: "Kommentare"
-	},
 	collaboration: {
 		connected: "Zusammenarbeit aktiv",
-		disconnected: "Zusammenarbeit getrennt",
-		reconnecting: "Verbindung wird wiederhergestellt...",
-		blockLockedBy: "Wird bearbeitet von {name}",
-		usersOnline: "{count} Benutzer online"
+		disconnected: "Zusammenarbeit getrennt"
 	},
 	designReference: {
 		title: "Designvorlage",
-		button: "Design",
 		uploadImage: "Bild",
 		uploadPdf: "PDF",
 		dropHint: "Datei hierher ziehen oder klicken zum Durchsuchen",
@@ -172,5 +86,3 @@ var e = {
 };
 //#endregion
 export { e as default };
-
-//# sourceMappingURL=de-uVoSP1xF.js.map