@templatical/editor 0.0.1 → 0.0.2

package/dist/extensions-BA4NshZQ.js

@@ -0,0 +1,420 @@
+import { t as e } from "./useI18n-DzH4KXDk.js";
+import { t } from "./useMergeTag-D9zQVE-e.js";
+import { Wt as n, i as r, o as i, p as a, u as o } from "./dist-C_ymrGFi.js";
+import { n as s, t as c } from "./dist-DNjZKe2Z.js";
+import { computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, defineComponent as m, nextTick as h, normalizeClass as g, normalizeStyle as _, openBlock as v, ref as y, toDisplayString as b, unref as x, vModelText as S, withCtx as C, withDirectives as w, withKeys as T, withModifiers as E } from "vue";
+import { SYNTAX_PRESETS as D, getLogicMergeTagKeyword as O, getMergeTagLabel as k, isLogicMergeTagValue as A } from "@templatical/types";
+//#region src/extensions/FontSize.ts
+var j = r.create({
+	name: "fontSize",
+	addOptions() {
+		return { types: ["textStyle"] };
+	},
+	addGlobalAttributes() {
+		return [{
+			types: this.options.types,
+			attributes: { fontSize: {
+				default: null,
+				parseHTML: (e) => e.style.fontSize?.replace(/['"]+/g, "") || null,
+				renderHTML: (e) => e.fontSize ? { style: `font-size: ${e.fontSize}` } : {}
+			} }
+		}];
+	},
+	addCommands() {
+		return {
+			setFontSize: (e) => ({ chain: t }) => t().setMark("textStyle", { fontSize: e }).run(),
+			unsetFontSize: () => ({ chain: e }) => e().setMark("textStyle", { fontSize: null }).removeEmptyTextStyle().run()
+		};
+	}
+}), M = r.create({
+	name: "letterSpacing",
+	addOptions() {
+		return { types: ["textStyle"] };
+	},
+	addGlobalAttributes() {
+		return [{
+			types: this.options.types,
+			attributes: { letterSpacing: {
+				default: null,
+				parseHTML: (e) => e.style.letterSpacing?.replace(/['"]+/g, "") || null,
+				renderHTML: (e) => e.letterSpacing ? { style: `letter-spacing: ${e.letterSpacing}` } : {}
+			} }
+		}];
+	},
+	addCommands() {
+		return {
+			setLetterSpacing: (e) => ({ chain: t }) => t().setMark("textStyle", { letterSpacing: e }).run(),
+			unsetLetterSpacing: () => ({ chain: e }) => e().setMark("textStyle", { letterSpacing: null }).removeEmptyTextStyle().run()
+		};
+	}
+}), N = r.create({
+	name: "lineHeight",
+	addOptions() {
+		return {
+			types: ["paragraph"],
+			defaultLineHeight: "1.5"
+		};
+	},
+	addGlobalAttributes() {
+		return [{
+			types: this.options.types,
+			attributes: { lineHeight: {
+				default: null,
+				parseHTML: (e) => e.style.lineHeight || null,
+				renderHTML: (e) => e.lineHeight ? { style: `line-height: ${e.lineHeight}` } : {}
+			} }
+		}];
+	},
+	addCommands() {
+		return {
+			setLineHeight: (e) => ({ commands: t }) => this.options.types.every((n) => t.updateAttributes(n, { lineHeight: e })),
+			unsetLineHeight: () => ({ commands: e }) => this.options.types.every((t) => e.resetAttributes(t, "lineHeight"))
+		};
+	}
+}), P = [
+	"aria-label",
+	"data-tooltip",
+	"onKeydown"
+], F = ["aria-label", "onKeydown"], I = ["aria-label"], L = /* @__PURE__ */ m({
+	__name: "LogicMergeTagNodeView",
+	props: {
+		node: {},
+		editor: {},
+		getPos: { type: Function },
+		deleteNode: { type: Function },
+		updateAttributes: { type: Function }
+	},
+	setup(n) {
+		let r = n, { syntax: i } = t(), { t: a } = e(), o = l(() => A(r.node.attrs.value, i)), s = l(() => O(r.node.attrs.value, i)), m = y(!1), D = y(""), k = y(null), j = !1;
+		function M() {
+			D.value = r.node.attrs.value, j = !1, m.value = !0, h(() => {
+				k.value?.focus(), k.value?.select();
+			});
+		}
+		function N() {
+			if (j) return;
+			j = !0;
+			let e = D.value.trim();
+			if (!e) {
+				m.value = !1;
+				return;
+			}
+			e !== r.node.attrs.value && r.updateAttributes({
+				value: e,
+				keyword: A(e, i) ? O(e, i) : ""
+			}), m.value = !1;
+		}
+		function L(e) {
+			e.key === "Enter" ? (e.preventDefault(), N()) : e.key === "Escape" && (m.value = !1);
+		}
+		return (e, t) => (v(), u(x(c), {
+			as: "span",
+			class: g(o.value ? "tpl-logic-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.8em] tpl:font-bold tpl:tracking-wide tpl:uppercase tpl:select-none" : ""),
+			style: _(o.value ? "background-color: transparent; border: 1.5px solid color-mix(in srgb, var(--tpl-primary) 50%, transparent); color: var(--tpl-primary);" : ""),
+			contenteditable: "false"
+		}, {
+			default: C(() => [m.value ? w((v(), f("input", {
+				key: 0,
+				ref_key: "inputRef",
+				ref: k,
+				"onUpdate:modelValue": t[0] ||= (e) => D.value = e,
+				type: "text",
+				class: "tpl:w-40 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:normal-case tpl:outline-none tpl:text-[var(--tpl-primary)]",
+				onBlur: N,
+				onKeydown: L
+			}, null, 544)), [[S, D.value]]) : o.value ? (v(), f("span", {
+				key: 1,
+				role: "button",
+				tabindex: "0",
+				"aria-label": x(a).mergeTag.editValue,
+				class: "tpl-tooltip tpl:cursor-pointer",
+				"data-tooltip": n.node.attrs.value,
+				onClick: E(M, ["stop"]),
+				onKeydown: [T(E(M, ["stop"]), ["enter"]), T(E(M, ["prevent", "stop"]), ["space"])]
+			}, b(s.value), 41, P)) : (v(), f("span", {
+				key: 2,
+				role: "button",
+				tabindex: "0",
+				"aria-label": x(a).mergeTag.editValue,
+				onClick: E(M, ["stop"]),
+				onKeydown: [T(E(M, ["stop"]), ["enter"]), T(E(M, ["prevent", "stop"]), ["space"])]
+			}, b(n.node.attrs.value), 41, F)), o.value ? (v(), f("button", {
+				key: 3,
+				type: "button",
+				"aria-label": x(a).mergeTag.deleteMergeTag,
+				class: "tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]",
+				contenteditable: "false",
+				onClick: t[1] ||= E((...e) => n.deleteNode && n.deleteNode(...e), ["stop", "prevent"])
+			}, [...t[2] ||= [p("svg", {
+				width: "10",
+				height: "10",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "3",
+				"aria-hidden": "true"
+			}, [p("line", {
+				x1: "18",
+				y1: "6",
+				x2: "6",
+				y2: "18"
+			}), p("line", {
+				x1: "6",
+				y1: "6",
+				x2: "18",
+				y2: "18"
+			})], -1)]], 8, I)) : d("", !0)]),
+			_: 1
+		}, 8, ["class", "style"]));
+	}
+});
+//#endregion
+//#region src/extensions/isNodeSelected.ts
+function R(e, t) {
+	let { selection: n } = e.state, { $from: r, $to: i } = n, a = !1;
+	return e.state.doc.nodesBetween(r.pos, i.pos, (e) => {
+		if (e.type.name === t) return a = !0, !1;
+	}), !!(a || r.pos > 0 && r.nodeBefore?.type.name === t || r.nodeAfter?.type.name === t);
+}
+//#endregion
+//#region src/extensions/renderVueNodeView.ts
+function z(e) {
+	return s(e);
+}
+//#endregion
+//#region src/extensions/LogicMergeTagNode.ts
+var B = o.create({
+	name: "logicMergeTagNode",
+	group: "inline",
+	inline: !0,
+	atom: !0,
+	addOptions() {
+		return { syntax: D.liquid };
+	},
+	addAttributes() {
+		return {
+			value: {
+				default: "",
+				parseHTML: (e) => e.getAttribute("data-logic-merge-tag") || ""
+			},
+			keyword: {
+				default: "",
+				parseHTML: (e) => e.getAttribute("data-keyword") || e.textContent || ""
+			}
+		};
+	},
+	parseHTML() {
+		return [{ tag: "span[data-logic-merge-tag]" }];
+	},
+	renderHTML({ node: e, HTMLAttributes: t }) {
+		if (!A(e.attrs.value, this.options.syntax)) return [
+			"span",
+			{},
+			e.attrs.value
+		];
+		let r = O(e.attrs.value, this.options.syntax);
+		return [
+			"span",
+			n(t, {
+				"data-logic-merge-tag": e.attrs.value,
+				"data-keyword": r
+			}),
+			r
+		];
+	},
+	addNodeView() {
+		return z(L);
+	},
+	addKeyboardShortcuts() {
+		return {
+			Backspace: () => R(this.editor, this.name),
+			Delete: () => R(this.editor, this.name)
+		};
+	},
+	addInputRules() {
+		return [new i({
+			find: RegExp(this.options.syntax.logic.source + "$", ""),
+			handler: ({ state: e, range: t, match: n }) => {
+				let r = n[0];
+				if (!A(r, this.options.syntax)) return;
+				let i = O(r, this.options.syntax), a = this.type.create({
+					value: r,
+					keyword: i
+				});
+				e.tr.replaceWith(t.from, t.to, a);
+			}
+		})];
+	},
+	addPasteRules() {
+		return [new a({
+			find: new RegExp(this.options.syntax.logic.source, "g"),
+			handler: ({ state: e, range: t, match: n }) => {
+				let r = n[0];
+				if (!A(r, this.options.syntax)) return;
+				let i = O(r, this.options.syntax), a = this.type.create({
+					value: r,
+					keyword: i
+				});
+				e.tr.replaceWith(t.from, t.to, a);
+			}
+		})];
+	}
+}), V = [
+	"aria-label",
+	"data-tooltip",
+	"onKeydown"
+], H = ["aria-label"], U = /* @__PURE__ */ m({
+	__name: "MergeTagNodeView",
+	props: {
+		node: {},
+		deleteNode: { type: Function },
+		updateAttributes: { type: Function }
+	},
+	setup(n) {
+		let r = n, { getMergeTagLabel: i } = t(), { t: a } = e(), o = l(() => i(r.node.attrs.value)), s = y(!1), d = y(""), m = y(null);
+		function g() {
+			d.value = r.node.attrs.value, s.value = !0, h(() => {
+				m.value?.focus(), m.value?.select();
+			});
+		}
+		function _() {
+			let e = d.value.trim();
+			e && e !== r.node.attrs.value && r.updateAttributes({
+				value: e,
+				label: i(e)
+			}), s.value = !1;
+		}
+		function D(e) {
+			e.key === "Enter" ? (e.preventDefault(), _()) : e.key === "Escape" && (s.value = !1);
+		}
+		return (e, t) => (v(), u(x(c), {
+			as: "span",
+			class: "tpl-merge-tag-node tpl:group tpl:mx-0.5 tpl:inline-flex tpl:items-center tpl:gap-1 tpl:rounded tpl:px-1.5 tpl:py-0.5 tpl:text-[0.9em] tpl:font-medium tpl:select-none tpl:text-[var(--tpl-primary)]",
+			style: { "background-color": "color-mix(in srgb, var(--tpl-primary) 20%, transparent)" },
+			contenteditable: "false"
+		}, {
+			default: C(() => [s.value ? w((v(), f("input", {
+				key: 0,
+				ref_key: "inputRef",
+				ref: m,
+				"onUpdate:modelValue": t[0] ||= (e) => d.value = e,
+				type: "text",
+				class: "tpl:w-32 tpl:rounded tpl:border-none tpl:bg-transparent tpl:px-0.5 tpl:py-0 tpl:text-[1em] tpl:font-medium tpl:outline-none tpl:text-[var(--tpl-primary)]",
+				onBlur: _,
+				onKeydown: D
+			}, null, 544)), [[S, d.value]]) : (v(), f("span", {
+				key: 1,
+				role: "button",
+				tabindex: "0",
+				"aria-label": x(a).mergeTag.editValue,
+				class: "tpl-tooltip tpl:cursor-pointer",
+				"data-tooltip": n.node.attrs.value,
+				onClick: E(g, ["stop"]),
+				onKeydown: [T(E(g, ["stop"]), ["enter"]), T(E(g, ["prevent", "stop"]), ["space"])]
+			}, b(o.value), 41, V)), p("button", {
+				type: "button",
+				"aria-label": x(a).mergeTag.deleteMergeTag,
+				class: "tpl-merge-tag-delete tpl:flex tpl:size-5 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-none tpl:bg-transparent tpl:p-0 tpl:opacity-60 tpl:transition-all hover:tpl:opacity-100 tpl:text-[var(--tpl-primary)]",
+				contenteditable: "false",
+				onClick: t[1] ||= E((...e) => n.deleteNode && n.deleteNode(...e), ["stop", "prevent"])
+			}, [...t[2] ||= [p("svg", {
+				width: "10",
+				height: "10",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "3",
+				"aria-hidden": "true"
+			}, [p("line", {
+				x1: "18",
+				y1: "6",
+				x2: "6",
+				y2: "18"
+			}), p("line", {
+				x1: "6",
+				y1: "6",
+				x2: "18",
+				y2: "18"
+			})], -1)]], 8, H)]),
+			_: 1
+		}));
+	}
+}), W = o.create({
+	name: "mergeTagNode",
+	group: "inline",
+	inline: !0,
+	atom: !0,
+	addOptions() {
+		return {
+			mergeTags: [],
+			syntax: D.liquid
+		};
+	},
+	addAttributes() {
+		return {
+			label: {
+				default: "",
+				parseHTML: (e) => e.getAttribute("data-label") || e.textContent || ""
+			},
+			value: {
+				default: "",
+				parseHTML: (e) => e.getAttribute("data-merge-tag") || ""
+			}
+		};
+	},
+	parseHTML() {
+		return [{ tag: "span[data-merge-tag]" }];
+	},
+	renderHTML({ node: e, HTMLAttributes: t }) {
+		let r = k(e.attrs.value, this.options.mergeTags);
+		return [
+			"span",
+			n(t, {
+				"data-merge-tag": e.attrs.value,
+				"data-label": r
+			}),
+			r
+		];
+	},
+	addNodeView() {
+		return z(U);
+	},
+	addCommands() {
+		return { insertMergeTag: (e) => ({ commands: t }) => t.insertContent({
+			type: this.name,
+			attrs: e
+		}) };
+	},
+	addKeyboardShortcuts() {
+		return {
+			Backspace: () => R(this.editor, this.name),
+			Delete: () => R(this.editor, this.name)
+		};
+	},
+	addInputRules() {
+		return [new i({
+			find: RegExp(this.options.syntax.value.source + "$", ""),
+			handler: ({ state: e, range: t, match: n }) => {
+				let r = n[0], i = k(r, this.options.mergeTags), a = this.type.create({
+					label: i,
+					value: r
+				});
+				e.tr.replaceWith(t.from, t.to, a);
+			}
+		})];
+	},
+	addPasteRules() {
+		return [new a({
+			find: new RegExp(this.options.syntax.value.source, "g"),
+			handler: ({ state: e, range: t, match: n }) => {
+				let r = n[0], i = k(r, this.options.mergeTags), a = this.type.create({
+					label: i,
+					value: r
+				});
+				e.tr.replaceWith(t.from, t.to, a);
+			}
+		})];
+	}
+});
+//#endregion
+export { j as FontSize, M as LetterSpacing, N as LineHeight, B as LogicMergeTagNode, W as MergeTagNode };

package/dist/formatRelativeTime-DX3FgqN9.js

@@ -0,0 +1,8 @@
+//#region src/utils/formatRelativeTime.ts
+var e = 6e4, t = 36e5, n = 864e5;
+function r(r, i, a, o) {
+	let s = new Date(r), c = Date.now() - s.getTime(), l = Math.floor(c / e), u = Math.floor(c / t), d = Math.floor(c / n);
+	return l < 1 ? i.justNow : l < 60 ? a ? a(i.minutesAgo, { minutes: l }) : i.minutesAgo.replace("{minutes}", String(l)) : u < 24 ? a ? a(i.hoursAgo, { hours: u }) : i.hoursAgo.replace("{hours}", String(u)) : o !== void 0 && d >= o ? null : a ? a(i.daysAgo, { days: d }) : i.daysAgo.replace("{days}", String(d));
+}
+//#endregion
+export { r as t };

package/dist/i18n-ikyi28RU.js

@@ -0,0 +1,23 @@
+import { F as e } from "./useEditorCore-DVp5qmtC.js";
+//#region \0rolldown_dynamic_import_helper.js
+var t = (e, t, n) => {
+	let r = t.lastIndexOf("?"), i = e[r === -1 || r < t.lastIndexOf("/") ? t : t.slice(0, r)];
+	return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((e, r) => {
+		(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(r.bind(null, /* @__PURE__ */ Error("Unknown variable dynamic import: " + t + (t.split("/").length === n ? "" : ". Note that variables only represent file names one level deep."))));
+	});
+}, n = /* @__PURE__ */ e({
+	getBaseLocale: () => i,
+	loadTranslations: () => a
+}), r = ["en", "de"];
+function i(e) {
+	return e.split("-")[0].toLowerCase();
+}
+async function a(e) {
+	let n = i(e), a = r.includes(n) ? n : "en";
+	return (await t(/* @__PURE__ */ Object.assign({
+		"./locales/de.ts": () => import("./de-B4Ob4vCo.js"),
+		"./locales/en.ts": () => import("./en-YXsspZJG.js")
+	}), `./locales/${a}.ts`, 3)).default;
+}
+//#endregion
+export { a as n, n as t };

package/dist/image-up-X4xIq4ea.js

@@ -0,0 +1,23 @@
+import { n as e } from "./_plugin-vue_export-helper-B1-bu7yR.js";
+var t = e("image-up", [
+	["path", {
+		d: "M10.3 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10l-3.1-3.1a2 2 0 0 0-2.814.014L6 21",
+		key: "9csbqa"
+	}],
+	["path", {
+		d: "m14 19.5 3-3 3 3",
+		key: "9vmjn0"
+	}],
+	["path", {
+		d: "M17 22v-5.5",
+		key: "1aa6fl"
+	}],
+	["circle", {
+		cx: "9",
+		cy: "9",
+		r: "2",
+		key: "af1f0g"
+	}]
+]);
+//#endregion
+export { t };

package/dist/keys-8B5MFafK.js

@@ -0,0 +1,4 @@
+//#region src/keys.ts
+var e = Symbol("translations"), t = Symbol("editor"), n = Symbol("history"), r = Symbol("blockActions"), i = Symbol("conditionPreview"), a = Symbol("fontsManager"), o = Symbol("themeStyles"), s = Symbol("tplUiTheme"), c = Symbol("blockDefaults"), l = Symbol("blockRegistry"), u = Symbol("customBlockDefinitions"), d = Symbol("mergeTags"), f = Symbol("mergeTagSyntax"), p = Symbol("onRequestMergeTag"), m = Symbol("onRequestMedia"), h = Symbol("displayConditions"), g = Symbol("allowCustomConditions"), _ = Symbol("capabilities"), v = Symbol("authManager"), y = Symbol("aiConfig"), b = Symbol("comments"), x = Symbol("savedModulesHeadless"), S = Symbol("scoring");
+//#endregion
+export { s as C, e as S, m as _, c as a, S as b, b as c, h as d, t as f, f as g, d as h, r as i, i as l, n as m, g as n, l as o, a as p, v as r, _ as s, y as t, u, p as v, o as x, x as y };