@templatical/editor 0.0.1 → 0.0.2

package/dist/dist-ChAGLpWo.js

@@ -0,0 +1,35 @@
+import { Wt as e, c as t } from "./dist-C_ymrGFi.js";
+//#region ../../node_modules/.bun/@tiptap+extension-subscript@3.22.1+ea875cbca4543ce7/node_modules/@tiptap/extension-subscript/dist/index.js
+var n = t.create({
+	name: "subscript",
+	addOptions() {
+		return { HTMLAttributes: {} };
+	},
+	parseHTML() {
+		return [{ tag: "sub" }, {
+			style: "vertical-align",
+			getAttrs(e) {
+				return e === "sub" ? null : !1;
+			}
+		}];
+	},
+	renderHTML({ HTMLAttributes: t }) {
+		return [
+			"sub",
+			e(this.options.HTMLAttributes, t),
+			0
+		];
+	},
+	addCommands() {
+		return {
+			setSubscript: () => ({ commands: e }) => e.setMark(this.name),
+			toggleSubscript: () => ({ commands: e }) => e.toggleMark(this.name),
+			unsetSubscript: () => ({ commands: e }) => e.unsetMark(this.name)
+		};
+	},
+	addKeyboardShortcuts() {
+		return { "Mod-,": () => this.editor.commands.toggleSubscript() };
+	}
+}), r = n;
+//#endregion
+export { n as Subscript, r as default };

package/dist/dist-DNjZKe2Z.js

@@ -0,0 +1,513 @@
+import { F as e } from "./useEditorCore-DVp5qmtC.js";
+import { $ as t, $t as n, A as r, At as i, B as a, Bt as o, C as ee, Ct as te, D as ne, Dt as re, E as ie, Et as ae, F as oe, Ft as se, G as ce, Gt as le, H as ue, Ht as de, I as fe, It as pe, J as me, Jt as he, K as ge, Kt as _e, L as ve, Lt as ye, M as s, Mt as c, N as l, Nt as u, O as d, Ot as f, P as p, Pt as m, Q as h, Qt as g, R as _, Rt as v, S as y, St as b, T as x, Tt as S, U as C, Ut as w, V as T, Vt as E, W as D, Wt as O, X as k, Xt as A, Y as j, Yt as M, Z as N, Zt as P, _ as be, _t as F, a as xe, an as I, at as Se, b as Ce, bt as we, c as Te, cn as Ee, ct as De, d as Oe, dn as ke, dt as Ae, en as je, et as Me, f as L, fn as Ne, ft as Pe, g as Fe, gt as Ie, h as Le, ht as Re, i as ze, in as Be, it as Ve, j as He, jt as Ue, k as We, kt as Ge, l as R, ln as Ke, lt as qe, m as Je, mn as Ye, mt as Xe, n as z, nn as Ze, nt as Qe, o as $e, on as et, ot as tt, p as nt, pn as rt, pt as it, q as at, qt as ot, r as st, rn as ct, rt as lt, s as ut, sn as dt, st as ft, t as pt, tn as mt, tt as ht, u as gt, un as _t, ut as vt, v as yt, vt as bt, w as xt, wt as St, x as Ct, xt as wt, y as B, yt as Tt, z as Et, zt as Dt } from "./dist-C_ymrGFi.js";
+import { customRef as Ot, defineComponent as V, getCurrentInstance as kt, h as H, markRaw as U, nextTick as At, onBeforeUnmount as W, onMounted as jt, provide as G, reactive as Mt, ref as K, render as q, shallowRef as Nt, toRaw as Pt, unref as Ft, watchEffect as It } from "vue";
+//#region ../../node_modules/.bun/@tiptap+vue-3@3.22.1+bbf5de022be137e7/node_modules/@tiptap/vue-3/dist/index.js
+var Lt = /* @__PURE__ */ e({
+	CommandManager: () => pt,
+	Editor: () => Y,
+	EditorContent: () => Rt,
+	Extendable: () => st,
+	Extension: () => ze,
+	Fragment: () => xe,
+	InputRule: () => $e,
+	MappablePosition: () => ut,
+	Mark: () => Te,
+	MarkView: () => R,
+	MarkViewContent: () => Ht,
+	Node: () => gt,
+	NodePos: () => Oe,
+	NodeView: () => L,
+	NodeViewContent: () => zt,
+	NodeViewWrapper: () => X,
+	PasteRule: () => nt,
+	ResizableNodeView: () => Je,
+	ResizableNodeview: () => Le,
+	Tracker: () => Fe,
+	VueMarkView: () => Q,
+	VueMarkViewRenderer: () => Ut,
+	VueNodeViewRenderer: () => $,
+	VueRenderer: () => Z,
+	callOrReturn: () => be,
+	canInsertNode: () => yt,
+	cancelPositionCheck: () => B,
+	combineTransactionSteps: () => Ce,
+	commands: () => Ct,
+	createAtomBlockMarkdownSpec: () => y,
+	createBlockMarkdownSpec: () => ee,
+	createChainableState: () => xt,
+	createDocument: () => x,
+	createElement: () => F,
+	createInlineMarkdownSpec: () => ie,
+	createMappablePosition: () => ne,
+	createNodeFromContent: () => d,
+	createStyleTag: () => We,
+	decodeHtmlEntities: () => r,
+	defaultBlockAt: () => He,
+	deleteProps: () => s,
+	elementFromString: () => l,
+	encodeHtmlEntities: () => p,
+	escapeForRegEx: () => oe,
+	extensions: () => fe,
+	findChildren: () => ve,
+	findChildrenInRange: () => _,
+	findDuplicates: () => Et,
+	findParentNode: () => a,
+	findParentNodeClosestToPos: () => T,
+	flattenExtensions: () => ue,
+	fromString: () => C,
+	generateHTML: () => D,
+	generateJSON: () => ce,
+	generateText: () => ge,
+	getAttributes: () => at,
+	getAttributesFromExtensions: () => me,
+	getChangedRanges: () => j,
+	getDebugJSON: () => k,
+	getExtensionField: () => N,
+	getHTMLFromFragment: () => h,
+	getMarkAttributes: () => t,
+	getMarkRange: () => Me,
+	getMarkType: () => ht,
+	getMarksBetween: () => Qe,
+	getNodeAtPosition: () => lt,
+	getNodeAttributes: () => Ve,
+	getNodeType: () => Se,
+	getRenderedAttributes: () => tt,
+	getSchema: () => ft,
+	getSchemaByResolvedExtensions: () => De,
+	getSchemaTypeByName: () => qe,
+	getSchemaTypeNameByName: () => vt,
+	getSplittedAttributes: () => Ae,
+	getText: () => Pe,
+	getTextBetween: () => it,
+	getTextContentFromNodes: () => Xe,
+	getTextSerializersFromSchema: () => Re,
+	getUpdatedPosition: () => Ie,
+	h: () => F,
+	injectExtensionAttributesToParseRule: () => bt,
+	inputRulesPlugin: () => Tt,
+	isActive: () => we,
+	isAndroid: () => wt,
+	isAtEndOfNode: () => b,
+	isAtStartOfNode: () => te,
+	isEmptyObject: () => St,
+	isExtensionRulesEnabled: () => S,
+	isFirefox: () => ae,
+	isFunction: () => re,
+	isList: () => f,
+	isMacOS: () => Ge,
+	isMarkActive: () => i,
+	isNodeActive: () => Ue,
+	isNodeEmpty: () => c,
+	isNodeSelection: () => u,
+	isNumber: () => m,
+	isPlainObject: () => se,
+	isRegExp: () => pe,
+	isSafari: () => ye,
+	isString: () => v,
+	isTextSelection: () => Dt,
+	isiOS: () => o,
+	markInputRule: () => E,
+	markPasteRule: () => de,
+	markViewProps: () => Vt,
+	markdown: () => w,
+	mergeAttributes: () => O,
+	mergeDeep: () => le,
+	minMax: () => _e,
+	nodeInputRule: () => ot,
+	nodePasteRule: () => he,
+	nodeViewProps: () => Wt,
+	objectIncludes: () => M,
+	parseAttributes: () => A,
+	parseIndentedBlocks: () => P,
+	pasteRulesPlugin: () => g,
+	posToDOMRect: () => n,
+	removeDuplicates: () => je,
+	renderNestedMarkdownContent: () => mt,
+	resolveExtensions: () => Ze,
+	resolveFocusPosition: () => ct,
+	rewriteUnknownContent: () => Be,
+	schedulePositionCheck: () => I,
+	selectionToInsertionEnd: () => et,
+	serializeAttributes: () => dt,
+	sortExtensions: () => Ee,
+	splitExtensions: () => Ke,
+	textInputRule: () => _t,
+	textPasteRule: () => ke,
+	textblockTypeInputRule: () => Ne,
+	updateMarkViewAttributes: () => rt,
+	useEditor: () => Bt,
+	wrappingInputRule: () => Ye
+});
+function J(e) {
+	return Ot((t, n) => ({
+		get() {
+			return t(), e;
+		},
+		set(t) {
+			e = t, requestAnimationFrame(() => {
+				requestAnimationFrame(() => {
+					n();
+				});
+			});
+		}
+	}));
+}
+var Y = class extends z {
+	constructor(e = {}) {
+		return super(e), this.contentComponent = null, this.appContext = null, this.reactiveState = J(this.view.state), this.reactiveExtensionStorage = J(this.extensionStorage), this.on("beforeTransaction", ({ nextState: e }) => {
+			this.reactiveState.value = e, this.reactiveExtensionStorage.value = this.extensionStorage;
+		}), U(this);
+	}
+	get state() {
+		return this.reactiveState ? this.reactiveState.value : this.view.state;
+	}
+	get storage() {
+		return this.reactiveExtensionStorage ? this.reactiveExtensionStorage.value : super.storage;
+	}
+	registerPlugin(e, t) {
+		let n = super.registerPlugin(e, t);
+		return this.reactiveState && (this.reactiveState.value = n), n;
+	}
+	unregisterPlugin(e) {
+		let t = super.unregisterPlugin(e);
+		return this.reactiveState && t && (this.reactiveState.value = t), t;
+	}
+}, Rt = V({
+	name: "EditorContent",
+	props: { editor: {
+		default: null,
+		type: Object
+	} },
+	setup(e) {
+		let t = K(), n = kt();
+		return It(() => {
+			let r = e.editor;
+			r && r.options.element && t.value && At(() => {
+				if (!t.value || !r.view.dom?.parentNode) return;
+				let e = Ft(t.value);
+				t.value.append(...r.view.dom.parentNode.childNodes), r.contentComponent = n.ctx._, n && (r.appContext = {
+					...n.appContext,
+					provides: n.provides
+				}), r.setOptions({ element: e }), r.createNodeViews();
+			});
+		}), W(() => {
+			let t = e.editor;
+			t && (t.contentComponent = null, t.appContext = null);
+		}), { rootEl: t };
+	},
+	render() {
+		return H("div", { ref: (e) => {
+			this.rootEl = e;
+		} });
+	}
+}), zt = V({
+	name: "NodeViewContent",
+	props: { as: {
+		type: String,
+		default: "div"
+	} },
+	render() {
+		return H(this.as, {
+			style: { whiteSpace: "pre-wrap" },
+			"data-node-view-content": ""
+		});
+	}
+}), X = V({
+	name: "NodeViewWrapper",
+	props: { as: {
+		type: String,
+		default: "div"
+	} },
+	inject: ["onDragStart", "decorationClasses"],
+	render() {
+		var e;
+		return H(this.as, {
+			class: this.decorationClasses,
+			style: { whiteSpace: "normal" },
+			"data-node-view-wrapper": "",
+			onDragstart: this.onDragStart
+		}, (e = this.$slots).default?.call(e));
+	}
+}), Bt = (e = {}) => {
+	let t = Nt();
+	return jt(() => {
+		t.value = new Y(e);
+	}), W(() => {
+		var e, n;
+		let r = t.value?.view.dom?.parentNode, i = r?.cloneNode(!0);
+		(e = r?.parentNode) == null || e.replaceChild(i, r), (n = t.value) == null || n.destroy();
+	}), t;
+}, Z = class {
+	constructor(e, { props: t = {}, editor: n }) {
+		this.destroyed = !1, this.editor = n, this.component = U(e), this.el = document.createElement("div"), this.props = Mt(t), this.renderedComponent = this.renderComponent();
+	}
+	get element() {
+		return this.renderedComponent.el;
+	}
+	get ref() {
+		return this.renderedComponent.vNode?.component?.exposed ? this.renderedComponent.vNode.component.exposed : this.renderedComponent.vNode?.component?.proxy;
+	}
+	renderComponent() {
+		if (this.destroyed) return this.renderedComponent;
+		let e = H(this.component, this.props);
+		return this.editor.appContext && (e.appContext = this.editor.appContext), typeof document < "u" && this.el && q(e, this.el), {
+			vNode: e,
+			destroy: () => {
+				this.el && q(null, this.el), this.el = null, e = null;
+			},
+			el: this.el ? this.el.firstElementChild : null
+		};
+	}
+	updateProps(e = {}) {
+		this.destroyed || (Object.entries(e).forEach(([e, t]) => {
+			this.props[e] = t;
+		}), this.renderComponent());
+	}
+	destroy() {
+		this.destroyed || (this.destroyed = !0, this.renderedComponent.destroy());
+	}
+}, Vt = {
+	editor: {
+		type: Object,
+		required: !0
+	},
+	mark: {
+		type: Object,
+		required: !0
+	},
+	extension: {
+		type: Object,
+		required: !0
+	},
+	inline: {
+		type: Boolean,
+		required: !0
+	},
+	view: {
+		type: Object,
+		required: !0
+	},
+	updateAttributes: {
+		type: Function,
+		required: !0
+	},
+	HTMLAttributes: {
+		type: Object,
+		required: !0
+	}
+}, Ht = V({
+	name: "MarkViewContent",
+	props: { as: {
+		type: String,
+		default: "span"
+	} },
+	render() {
+		return H(this.as, {
+			style: { whiteSpace: "inherit" },
+			"data-mark-view-content": ""
+		});
+	}
+}), Q = class extends R {
+	constructor(e, t, n) {
+		super(e, t, n);
+		let r = {
+			...t,
+			updateAttributes: this.updateAttributes.bind(this)
+		};
+		this.renderer = new Z(V({
+			extends: { ...e },
+			props: Object.keys(r),
+			template: this.component.template,
+			setup: (t) => e.setup?.call(e, t, { expose: () => void 0 }),
+			__scopeId: e.__scopeId,
+			__cssModules: e.__cssModules,
+			__name: e.__name,
+			__file: e.__file
+		}), {
+			editor: this.editor,
+			props: r
+		});
+	}
+	get dom() {
+		return this.renderer.element;
+	}
+	get contentDOM() {
+		return this.dom.querySelector("[data-mark-view-content]");
+	}
+	updateAttributes(e) {
+		let t = Pt(this.mark);
+		super.updateAttributes(e, t);
+	}
+	destroy() {
+		this.renderer.destroy();
+	}
+};
+function Ut(e, t = {}) {
+	return (n) => n.editor.contentComponent ? new Q(e, n, t) : {};
+}
+var Wt = {
+	editor: {
+		type: Object,
+		required: !0
+	},
+	node: {
+		type: Object,
+		required: !0
+	},
+	decorations: {
+		type: Object,
+		required: !0
+	},
+	selected: {
+		type: Boolean,
+		required: !0
+	},
+	extension: {
+		type: Object,
+		required: !0
+	},
+	getPos: {
+		type: Function,
+		required: !0
+	},
+	updateAttributes: {
+		type: Function,
+		required: !0
+	},
+	deleteNode: {
+		type: Function,
+		required: !0
+	},
+	view: {
+		type: Object,
+		required: !0
+	},
+	innerDecorations: {
+		type: Object,
+		required: !0
+	},
+	HTMLAttributes: {
+		type: Object,
+		required: !0
+	}
+}, Gt = class extends L {
+	constructor() {
+		super(...arguments), this.positionCheckCallback = null, this.cachedExtensionWithSyncedStorage = null;
+	}
+	get extensionWithSyncedStorage() {
+		if (!this.cachedExtensionWithSyncedStorage) {
+			let e = this.editor, t = this.extension;
+			this.cachedExtensionWithSyncedStorage = new Proxy(t, { get(n, r, i) {
+				return r === "storage" ? e.storage[t.name] ?? {} : Reflect.get(n, r, i);
+			} });
+		}
+		return this.cachedExtensionWithSyncedStorage;
+	}
+	mount() {
+		let e = {
+			editor: this.editor,
+			node: this.node,
+			decorations: this.decorations,
+			innerDecorations: this.innerDecorations,
+			view: this.view,
+			selected: !1,
+			extension: this.extensionWithSyncedStorage,
+			HTMLAttributes: this.HTMLAttributes,
+			getPos: () => this.getPos(),
+			updateAttributes: (e = {}) => this.updateAttributes(e),
+			deleteNode: () => this.deleteNode()
+		}, t = this.onDragStart.bind(this);
+		this.decorationClasses = K(this.getDecorationClasses());
+		let n = V({
+			extends: { ...this.component },
+			props: Object.keys(e),
+			template: this.component.template,
+			setup: (e) => {
+				var n;
+				return G("onDragStart", t), G("decorationClasses", this.decorationClasses), (n = this.component).setup?.call(n, e, { expose: () => void 0 });
+			},
+			__scopeId: this.component.__scopeId,
+			__cssModules: this.component.__cssModules,
+			__name: this.component.__name,
+			__file: this.component.__file
+		});
+		this.handleSelectionUpdate = this.handleSelectionUpdate.bind(this), this.editor.on("selectionUpdate", this.handleSelectionUpdate), this.currentPos = this.getPos(), this.positionCheckCallback = () => {
+			if (!this.renderer) return;
+			let e = this.getPos();
+			typeof e != "number" || e === this.currentPos || (this.currentPos = e, this.renderer.updateProps({ getPos: () => this.getPos() }));
+		}, I(this.editor, this.positionCheckCallback), this.renderer = new Z(n, {
+			editor: this.editor,
+			props: e
+		});
+	}
+	get dom() {
+		if (!this.renderer.element || !this.renderer.element.hasAttribute("data-node-view-wrapper")) throw Error("Please use the NodeViewWrapper component for your node view.");
+		return this.renderer.element;
+	}
+	get contentDOM() {
+		return this.node.isLeaf ? null : this.dom.querySelector("[data-node-view-content]");
+	}
+	handleSelectionUpdate() {
+		let { from: e, to: t } = this.editor.state.selection, n = this.getPos();
+		if (typeof n == "number") if (e <= n && t >= n + this.node.nodeSize) {
+			if (this.renderer.props.selected) return;
+			this.selectNode();
+		} else {
+			if (!this.renderer.props.selected) return;
+			this.deselectNode();
+		}
+	}
+	update(e, t, n) {
+		let r = (e) => {
+			this.decorationClasses.value = this.getDecorationClasses(), this.renderer.updateProps(e);
+		};
+		if (typeof this.options.update == "function") {
+			let i = this.node, a = this.decorations, o = this.innerDecorations;
+			return this.node = e, this.decorations = t, this.innerDecorations = n, this.currentPos = this.getPos(), this.options.update({
+				oldNode: i,
+				oldDecorations: a,
+				newNode: e,
+				newDecorations: t,
+				oldInnerDecorations: o,
+				innerDecorations: n,
+				updateProps: () => r({
+					node: e,
+					decorations: t,
+					innerDecorations: n,
+					extension: this.extensionWithSyncedStorage
+				})
+			});
+		}
+		if (e.type !== this.node.type) return !1;
+		let i = this.getPos();
+		return e === this.node && this.decorations === t && this.innerDecorations === n ? i === this.currentPos ? !0 : (this.currentPos = i, r({
+			node: e,
+			decorations: t,
+			innerDecorations: n,
+			extension: this.extensionWithSyncedStorage,
+			getPos: () => this.getPos()
+		}), !0) : (this.node = e, this.decorations = t, this.innerDecorations = n, this.currentPos = i, r({
+			node: e,
+			decorations: t,
+			innerDecorations: n,
+			extension: this.extensionWithSyncedStorage
+		}), !0);
+	}
+	selectNode() {
+		this.renderer.updateProps({ selected: !0 }), this.renderer.element && this.renderer.element.classList.add("ProseMirror-selectednode");
+	}
+	deselectNode() {
+		this.renderer.updateProps({ selected: !1 }), this.renderer.element && this.renderer.element.classList.remove("ProseMirror-selectednode");
+	}
+	getDecorationClasses() {
+		return this.decorations.flatMap((e) => e.type.attrs.class).join(" ");
+	}
+	destroy() {
+		this.renderer.destroy(), this.editor.off("selectionUpdate", this.handleSelectionUpdate), this.positionCheckCallback &&= (B(this.editor, this.positionCheckCallback), null);
+	}
+};
+function $(e, t) {
+	return (n) => n.editor.contentComponent ? new Gt(typeof e == "function" && "__vccOpts" in e ? e.__vccOpts : e, n, t) : {};
+}
+//#endregion
+export { $ as n, Lt as r, X as t };