@pie-lib/editable-html-tip-tap 3.0.0-next.49 → 3.0.0

package/dist/components/EditableHtml.js

@@ -83,6 +83,7 @@ var ie = {
 }, B = (e) => ({
 	role: "textbox",
 	"data-pie-editor": "true",
+	class: "mathjax_ignore",
 	spellcheck: e ? "true" : "false",
 	autocorrect: e ? "on" : "off",
 	autocapitalize: e ? "on" : "off"

package/dist/extensions/math.js

@@ -5,16 +5,16 @@ import { Node as o } from "@tiptap/core";
 import { NodeSelection as s, Plugin as c, PluginKey as l, TextSelection as u } from "prosemirror-state";
 import d from "react-dom";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { wrapMath as m } from "@pie-element/shared-math-rendering-mathjax";
-import { MathPreview as h, MathToolbar as g } from "@pie-lib/math-toolbar";
+import { unWrapMath as m, wrapMath as h } from "@pie-element/shared-math-rendering-mathjax";
+import { MathPreview as g, MathToolbar as _ } from "@pie-lib/math-toolbar";
 //#region src/extensions/math.tsx
-var _ = new l("ensureTextAfterMath"), v = (e = []) => e.map((e) => ({
+var v = new l("ensureTextAfterMath"), y = (e = []) => e.map((e) => ({
 	name: e,
 	latex: e,
 	write: e,
 	label: e
-})), y = (e) => new c({
-	key: _,
+})), b = (e) => new c({
+	key: v,
 	appendTransaction: (t, n, r) => {
 		if (!t.some((e) => e.docChanged)) return null;
 		let i = r.tr, a = !1;
@@ -25,7 +25,7 @@ var _ = new l("ensureTextAfterMath"), v = (e = []) => e.map((e) => ({
 			}
 		}), a ? i : null;
 	}
-}), b = (e, t) => {
+}), x = (e, t) => {
 	let n;
 	for (n = t; n > 0; n--) {
 		let t = e.nodeAt(n);
@@ -33,16 +33,16 @@ var _ = new l("ensureTextAfterMath"), v = (e = []) => e.map((e) => ({
 		if (t && t?.type?.name !== "text") break;
 	}
 	return n;
-}, x = new c({
+}, S = new c({
 	key: new l("zeroWidthSpaceHandling"),
 	props: { handleKeyDown(e, t) {
 		let { state: n, dispatch: r } = e, { selection: i, doc: a } = n, { from: o, empty: c } = i;
 		if (c && t.key === "Backspace" && o > 0) {
-			let e = b(a, o);
+			let e = x(a, o);
 			return e === -1 ? !1 : (r(n.tr.delete(e, o)), !0);
 		}
 		if (c && t.key === "ArrowLeft" && o > 0) {
-			let e = b(a, o);
+			let e = x(a, o);
 			if (e === -1) return !1;
 			let t = n.doc.resolve(e);
 			if (t.nodeAfter || t.nodeBefore) {
@@ -52,7 +52,7 @@ var _ = new l("ensureTextAfterMath"), v = (e = []) => e.map((e) => ({
 		}
 		return !1;
 	} }
-}), S = o.create({
+}), C = o.create({
 	name: "math",
 	group: "inline",
 	inline: !0,
@@ -65,12 +65,12 @@ var _ = new l("ensureTextAfterMath"), v = (e = []) => e.map((e) => ({
 		};
 	},
 	addProseMirrorPlugins() {
-		return [y(this.name), x];
+		return [b(this.name), S];
 	},
 	parseHTML() {
 		return [{
 			tag: "span[data-latex]",
-			getAttrs: (e) => ({ latex: e.getAttribute("data-raw") || e.textContent })
+			getAttrs: (e) => ({ latex: m(e.getAttribute("data-raw") || e.textContent).unwrapped })
 		}, {
 			tag: "span[data-type=\"mathml\"]",
 			getAttrs: (e) => ({ html: e.innerHTML })
@@ -96,24 +96,24 @@ var _ = new l("ensureTextAfterMath"), v = (e = []) => e.map((e) => ({
 				"data-latex": "",
 				"data-raw": e.latex
 			},
-			m(e.latex, e.wrapper)
+			h(e.latex, e.wrapper)
 		];
 	},
 	addNodeView() {
-		return a((e) => /* @__PURE__ */ f(C, {
+		return a((e) => /* @__PURE__ */ f(w, {
 			...e,
 			options: this.options
 		}));
 	}
-}), C = (a) => {
-	let { node: o, updateAttributes: s, editor: c, selected: l, options: m, getPos: _ } = a, [y, b] = r(l), x = n(null), S = n(null), C = n(Date.now()), [w, T] = r({
+}), w = (a) => {
+	let { node: o, updateAttributes: s, editor: c, selected: l, options: m, getPos: h } = a, [v, b] = r(l), x = n(null), S = n(null), C = n(Date.now()), [w, T] = r({
 		top: 0,
 		left: 0
 	}), { math: E = {} } = m || {}, { keypadMode: D, controlledKeypadMode: O = !0, customKeys: k = [], keyPadCharacterRef: A, setKeypadInteraction: j } = E, M = o.attrs.latex || "", N = (e) => {
 		s({ latex: e });
 	}, P = (e, { moveCursorAfterNode: t = !0 } = {}) => {
-		if (s({ latex: e }), b(!1), t && typeof _ == "function") {
-			let e = _(), { doc: t } = c.state, n = u.create(t, e + o.nodeSize), r = c.state.tr.setSelection(n);
+		if (s({ latex: e }), b(!1), t && typeof h == "function") {
+			let e = h(), { doc: t } = c.state, n = u.create(t, e + o.nodeSize), r = c.state.tr.setSelection(n);
 			c.view.dispatch(r);
 		}
 		c.commands.focus();
@@ -123,13 +123,13 @@ var _ = new l("ensureTextAfterMath"), v = (e = []) => e.map((e) => ({
 		let { selection: e } = c.state;
 		e.node?.type?.name === "math" && b(!0);
 	}, [l, c]), t(() => {
-		e(c, l || y);
+		e(c, l || v);
 	}, [
 		c,
-		y,
+		v,
 		l
 	]), t(() => {
-		if (!c || !y) {
+		if (!c || !v) {
 			T({
 				top: 0,
 				left: 0
@@ -157,7 +157,7 @@ var _ = new l("ensureTextAfterMath"), v = (e = []) => e.map((e) => ({
 		}), window.addEventListener("scroll", n, !0), window.addEventListener("resize", n), () => {
 			t !== null && cancelAnimationFrame(t), window.removeEventListener("scroll", n, !0), window.removeEventListener("resize", n);
 		};
-	}, [c, y]), t(() => {
+	}, [c, v]), t(() => {
 		let e = performance.now(), t = (t) => {
 			if (t?.timeStamp < e) return;
 			let n = t?.target, r = (document.querySelectorAll?.("[id^=\"equation-editor-select\"][id*=\"listbox\"], [aria-labelledby=\"equation-editor-label\"][role=\"listbox\"]") || []).length > 0, i = !!(n?.id && n.id.includes("equation-editor-select")) || !!n?.closest?.("[id*=\"equation-editor-select\"]"), a = !!n?.closest?.(`.math-node-${C.current}`);
@@ -167,10 +167,10 @@ var _ = new l("ensureTextAfterMath"), v = (e = []) => e.map((e) => ({
 				P(o.attrs.latex, { moveCursorAfterNode: !e });
 			}
 		};
-		return y ? document.addEventListener("click", t) : document.removeEventListener("click", t), () => document.removeEventListener("click", t);
+		return v ? document.addEventListener("click", t) : document.removeEventListener("click", t), () => document.removeEventListener("click", t);
 	}, [
 		c,
-		y,
+		v,
 		o
 	]), /* @__PURE__ */ p(i, {
 		className: `math-node-${C.current}`,
@@ -184,8 +184,8 @@ var _ = new l("ensureTextAfterMath"), v = (e = []) => e.map((e) => ({
 			ref: S,
 			onClick: () => b(!0),
 			contentEditable: !1,
-			children: /* @__PURE__ */ f(h, { latex: M })
-		}), y && d.createPortal(/* @__PURE__ */ f("div", {
+			children: /* @__PURE__ */ f(g, { latex: M })
+		}), v && d.createPortal(/* @__PURE__ */ f("div", {
 			ref: x,
 			"data-toolbar-for": c.instanceId,
 			style: {
@@ -196,14 +196,14 @@ var _ = new l("ensureTextAfterMath"), v = (e = []) => e.map((e) => ({
 				background: "var(--editable-html-toolbar-bg, #efefef)",
 				boxShadow: "0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12)"
 			},
-			children: /* @__PURE__ */ f(g, {
+			children: /* @__PURE__ */ f(_, {
 				latex: M,
 				autoFocus: !0,
 				onChange: N,
 				onDone: P,
 				keypadMode: D,
 				controlledKeypadMode: O,
-				additionalKeys: v(k),
+				additionalKeys: y(k),
 				keyPadCharacterRef: A,
 				setKeypadInteraction: j
 			})
@@ -211,4 +211,4 @@ var _ = new l("ensureTextAfterMath"), v = (e = []) => e.map((e) => ({
 	});
 };
 //#endregion
-export { y as EnsureTextAfterMathPlugin, S as MathNode, C as MathNodeView, x as ZeroWidthSpaceHandlingPlugin };
+export { b as EnsureTextAfterMathPlugin, C as MathNode, w as MathNodeView, S as ZeroWidthSpaceHandlingPlugin };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/editable-html-tip-tap",
-  "version": "3.0.0-next.49",
+  "version": "3.0.0",
   "description": "",
   "repository": {
     "type": "git",
@@ -13,10 +13,10 @@
     "@dnd-kit/utilities": "3.2.2",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/drag": "4.1.0-next.53",
-    "@pie-lib/math-input": "9.0.0-next.18",
-    "@pie-lib/math-toolbar": "4.0.0-next.54",
-    "@pie-lib/render-ui": "6.2.0-next.52",
+    "@pie-lib/drag": "5.0.0",
+    "@pie-lib/math-input": "9.0.0",
+    "@pie-lib/math-toolbar": "4.0.0",
+    "@pie-lib/render-ui": "8.0.0",
     "@tiptap/core": "3.31.3",
     "@tiptap/extension-character-count": "3.31.3",
     "@tiptap/extension-color": "3.31.3",
@@ -43,10 +43,10 @@
     "react-portal": "^4.2.0",
     "tippy.js": "latest",
     "to-style": "^1.3.3",
-    "@pie-element/shared-lodash": "0.1.1-next.3",
+    "@pie-element/shared-lodash": "0.1.1",
     "clsx": "^2.1.1",
     "prosemirror-state": "^1.4.4",
-    "@pie-element/shared-math-rendering-mathjax": "0.1.1-next.7",
+    "@pie-element/shared-math-rendering-mathjax": "0.1.1",
     "@tiptap/extensions": "3.31.3",
     "@tiptap/extension-list": "3.31.3",
     "@tiptap/extension-bubble-menu": "3.31.3",