@clevertask/scribe 0.1.8 → 0.1.9

package/dist/components/Menu/LinkBubbleMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkBubbleMenu.d.ts","sourceRoot":"","sources":["../../../lib/components/Menu/LinkBubbleMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAkB,MAAM,eAAe,CAAC;AAKvD,OAAO,EAAE,EAAE,EAAqD,MAAM,OAAO,CAAC;AAK9E,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;CAChB;AAID,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAyG3C,CAAC;eAEa,cAAc"}
+{"version":3,"file":"LinkBubbleMenu.d.ts","sourceRoot":"","sources":["../../../lib/components/Menu/LinkBubbleMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAkB,MAAM,eAAe,CAAC;AAKvD,OAAO,EAAE,EAAE,EAAqD,MAAM,OAAO,CAAC;AAS9E,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;CAChB;AAID,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA+J3C,CAAC;eAEa,cAAc"}

package/dist/components/Menu/LinkBubbleMenu.js

@@ -1,15 +1,15 @@
 import { a as e } from "../../dist-BgEySLwo.js";
 import { getPopupMountTarget as t } from "../Scribe/extension/getPopupMountTarget.js";
 import n from "./LinkEditor.js";
-import { hideLinkBubbleMenu as r, linkBubbleMenuPluginKey as i } from "./linkBubbleMenuPlugin.js";
-import { t as a } from "../../menus-D9OsP28c.js";
-import { Box as o } from "@radix-ui/themes";
-import { useCallback as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
-import { jsx as f } from "react/jsx-runtime";
+import { hideLinkBubbleMenu as r, linkBubbleMenuPluginKey as i, showLinkBubbleMenu as a } from "./linkBubbleMenuPlugin.js";
+import { t as o } from "../../menus-D9OsP28c.js";
+import { Box as s } from "@radix-ui/themes";
+import { useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import { jsx as p } from "react/jsx-runtime";
 //#region lib/components/Menu/LinkBubbleMenu.tsx
-var p = ({ editor: p }) => {
-	let [m, h] = d(""), g = u(null), _ = u(null), v = e({
-		editor: p,
+var m = ({ editor: m }) => {
+	let [h, g] = f(""), _ = d(null), v = d(null), y = e({
+		editor: m,
 		selector: ({ editor: e }) => {
 			let { from: t, to: n } = e.state.selection;
 			return {
@@ -19,43 +19,57 @@ var p = ({ editor: p }) => {
 			};
 		}
 	});
-	c(() => {
-		h(v.href);
+	l(() => {
+		g(y.href);
 	}, [
-		v.from,
-		v.href,
-		v.to
-	]), c(() => () => {
-		_.current !== null && window.cancelAnimationFrame(_.current);
-	}, []);
-	let y = s(() => {
-		if (p.isDestroyed) return;
-		let e = p.state.selection.to;
-		r(p), p.chain().setTextSelection(e).focus().run();
-	}, [p]), b = s(() => {
-		_.current !== null && window.cancelAnimationFrame(_.current), _.current = window.requestAnimationFrame(() => {
-			g.current?.focus(), g.current?.select(), _.current = null;
+		y.from,
+		y.href,
+		y.to
+	]), l(() => () => {
+		v.current !== null && window.cancelAnimationFrame(v.current);
+	}, []), l(() => {
+		if (m.isDestroyed) return;
+		let e = m.view.dom, t = null, n = !1, r = (r) => {
+			if (r.button !== 0 || !m.isEditable) return;
+			let i = r.target?.closest?.("a");
+			!i || !e.contains(i) || (t !== null && window.clearTimeout(t), t = window.setTimeout(() => {
+				if (t = null, n || m.isDestroyed || !m.isEditable || !r.defaultPrevented) return;
+				let { from: e, to: i } = m.state.selection;
+				e === i || !m.isActive("link") || a(m);
+			}));
+		};
+		return e.addEventListener("mouseup", r), () => {
+			n = !0, t !== null && window.clearTimeout(t), e.removeEventListener("mouseup", r);
+		};
+	}, [m]);
+	let b = c(() => {
+		if (m.isDestroyed) return;
+		let e = m.state.selection.to;
+		r(m), m.chain().setTextSelection(e).focus().run();
+	}, [m]), x = c(() => {
+		v.current !== null && window.cancelAnimationFrame(v.current), v.current = window.requestAnimationFrame(() => {
+			_.current?.focus(), _.current?.select(), v.current = null;
 		});
-	}, []), x = s(({ editor: e, element: t, from: n, to: r, view: i }) => {
-		let a = t.contains(t.ownerDocument.activeElement);
-		return e.isEditable && n !== r && e.isActive("link") && (i.hasFocus() || a);
-	}, []), S = s(() => t(p), [p]), C = l(() => ({
+	}, []), S = c(({ editor: e, element: t, from: n, to: r }) => {
+		let i = t.contains(t.ownerDocument.activeElement);
+		return e.isEditable && n !== r && e.isActive("link") && i;
+	}, []), C = c(() => t(m), [m]), w = u(() => ({
 		strategy: "fixed",
 		placement: "bottom",
 		offset: 8,
 		flip: {},
 		shift: { padding: 8 },
 		inline: !0,
-		onShow: b
-	}), [b]);
-	return /* @__PURE__ */ f(a, {
-		editor: p,
+		onShow: x
+	}), [x]);
+	return /* @__PURE__ */ p(o, {
+		editor: m,
 		pluginKey: i,
 		updateDelay: 0,
-		appendTo: S,
-		shouldShow: x,
-		options: C,
-		children: /* @__PURE__ */ f(o, {
+		appendTo: C,
+		shouldShow: S,
+		options: w,
+		children: /* @__PURE__ */ p(s, {
 			className: "scribe-link-popover",
 			role: "dialog",
 			"aria-label": "Edit link",
@@ -63,16 +77,16 @@ var p = ({ editor: p }) => {
 				maxWidth: "calc(100vw - 32px)",
 				width: 320
 			},
-			children: /* @__PURE__ */ f(n, {
-				editor: p,
-				existingHref: v.href,
-				inputRef: g,
-				onClose: y,
-				onValueChange: h,
-				value: m
+			children: /* @__PURE__ */ p(n, {
+				editor: m,
+				existingHref: y.href,
+				inputRef: _,
+				onClose: b,
+				onValueChange: g,
+				value: h
 			})
 		})
 	});
 };
 //#endregion
-export { p as default };
+export { m as default };

package/dist/components/Menu/linkBubbleMenuPlugin.d.ts

@@ -1,5 +1,6 @@
 import { PluginKey } from "@tiptap/pm/state";
 import { Editor } from "@tiptap/react";
 export declare const linkBubbleMenuPluginKey: PluginKey<any>;
+export declare const showLinkBubbleMenu: (editor: Editor) => void;
 export declare const hideLinkBubbleMenu: (editor: Editor) => void;
 //# sourceMappingURL=linkBubbleMenuPlugin.d.ts.map

package/dist/components/Menu/linkBubbleMenuPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"linkBubbleMenuPlugin.d.ts","sourceRoot":"","sources":["../../../lib/components/Menu/linkBubbleMenuPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,eAAO,MAAM,uBAAuB,gBAAwC,CAAC;AAE7E,eAAO,MAAM,kBAAkB,WAAY,MAAM,SAMhD,CAAC"}
+{"version":3,"file":"linkBubbleMenuPlugin.d.ts","sourceRoot":"","sources":["../../../lib/components/Menu/linkBubbleMenuPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,eAAO,MAAM,uBAAuB,gBAAwC,CAAC;AAE7E,eAAO,MAAM,kBAAkB,WAAY,MAAM,SAahD,CAAC;AAEF,eAAO,MAAM,kBAAkB,WAAY,MAAM,SAMhD,CAAC"}

package/dist/components/Menu/linkBubbleMenuPlugin.js

@@ -1,7 +1,9 @@
 import { a as e } from "../../dist-FrapLVQu.js";
 //#region lib/components/Menu/linkBubbleMenuPlugin.ts
 var t = new e("scribeLinkBubbleMenu"), n = (e) => {
+	e.isDestroyed || (e.view.dispatch(e.state.tr.setMeta(t, "show")), !e.isDestroyed && e.view.dispatch(e.state.tr.setMeta(t, "updatePosition")));
+}, r = (e) => {
 	e.isDestroyed || e.view.dispatch(e.state.tr.setMeta(t, "hide"));
 };
 //#endregion
-export { n as hideLinkBubbleMenu, t as linkBubbleMenuPluginKey };
+export { r as hideLinkBubbleMenu, t as linkBubbleMenuPluginKey, n as showLinkBubbleMenu };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clevertask/scribe",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "private": false,
   "description": "A Radix-based Tiptap rich text editor with a Notion-style block interface for viewing and creating content. Perfect for diverse needs like notes, documents, AI chat, Markdown parsing, and comments.",
   "keywords": [