@clevertask/scribe 0.1.29 → 0.1.31

package/dist/components/Menu/LinkBubbleMenu.js

@@ -1,114 +1,110 @@
-import { getExternalLinkPreviewHostname as e } from "../Scribe/extension/external-link-preview/attributes.js";
-import { s as t } from "../../dist-B0xwy1Q5.js";
-import { getPopupMountTarget as n } from "../Scribe/extension/getPopupMountTarget.js";
-import r from "./LinkEditor.js";
-import { consumeLinkBubbleMenuFocusTarget as i, getPlainLinkContextAtPosition as a, getSelectionLinkContext as o, hideLinkBubbleMenu as s, linkBubbleMenuPluginKey as c, showLinkBubbleMenu as l } from "./linkBubbleMenuPlugin.js";
-import { t as u } from "../../menus-scgppp2C.js";
-import { getSelectionContextualMenuOwner as d } from "./contextualMenuOwner.js";
-import { getExternalLinkPreviewResolutionStatus as f } from "../Scribe/extension/external-link-preview/resolver.js";
-import { Box as p } from "@radix-ui/themes";
-import { useCallback as m, useEffect as h, useMemo as g, useRef as _, useState as v } from "react";
-import { jsx as y } from "react/jsx-runtime";
+import { a as e } from "../../dist-SM4NoN4h.js";
+import { getPopupMountTarget as t } from "../Scribe/extension/getPopupMountTarget.js";
+import { consumeLinkBubbleMenuFocusTarget as n, getPlainLinkContextAtPosition as r, getSelectionLinkContext as i, hideLinkBubbleMenu as a, linkBubbleMenuPluginKey as o, showLinkBubbleMenu as s } from "./linkBubbleMenuPlugin.js";
+import c from "./LinkEditor.js";
+import { t as l } from "../../menus-BKxcTUsl.js";
+import { getSelectionContextualMenuOwner as u } from "./contextualMenuOwner.js";
+import { Box as d } from "@radix-ui/themes";
+import { useCallback as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { jsx as _ } from "react/jsx-runtime";
 //#region lib/components/Menu/LinkBubbleMenu.tsx
-var b = /auto|overlay|scroll/, x = (e) => {
+var v = /auto|overlay|scroll/, y = 8, b = 16, x = (e) => {
 	let t = e.ownerDocument.defaultView;
 	if (!t) return [];
 	let n = [], r = e.parentElement;
 	for (; r && r !== e.ownerDocument.body && r !== e.ownerDocument.documentElement;) {
 		let e = t.getComputedStyle(r);
-		b.test(`${e.overflow} ${e.overflowX} ${e.overflowY}`) && n.push(r), r = r.parentElement;
+		v.test(`${e.overflow} ${e.overflowX} ${e.overflowY}`) && n.push(r), r = r.parentElement;
 	}
 	return n;
-}, S = ({ editor: b }) => {
-	let [S, C] = v(""), [w, T] = v(0), [E, D] = v(null), O = _(null), k = _(null), A = _(null), j = t({
-		editor: b,
-		selector: ({ editor: t }) => {
-			let n = o(t.state);
-			return !n || n.kind === "plain" ? {
-				canRefresh: !1,
-				context: n,
-				status: "idle",
-				statusLabel: ""
-			} : {
-				canRefresh: t.can().refreshExternalLinkPreview(n.position),
-				context: n,
-				status: f(t.state, n.position),
-				statusLabel: n.attributes.siteName || e(n.attributes.href)
-			};
-		}
+}, S = ({ editor: v }) => {
+	let [S, C] = g(""), [w, T] = g(0), [E, D] = g(null), O = h(null), k = h(null), A = h(null), j = e({
+		editor: v,
+		selector: ({ editor: e }) => ({ context: i(e.state) })
 	});
-	h(() => {
+	p(() => {
 		C(j.context?.href ?? "");
 	}, [
 		j.context?.from,
 		j.context?.href,
 		j.context?.to
-	]), h(() => () => {
+	]), p(() => () => {
 		A.current !== null && window.cancelAnimationFrame(A.current);
-	}, []), h(() => {
-		if (b.isDestroyed) return;
-		let e = b.view.dom, t = null, n = (e) => !e || (b.commands.setTextSelection({
+	}, []), p(() => {
+		if (v.isDestroyed) return;
+		let e = v.view.dom, t = null, n = (e) => !e || (v.commands.setTextSelection({
 			from: e.from,
 			to: e.to
-		}), d(b.state) !== "link") ? !1 : (l(b, "url"), !0), r = (n) => {
-			if (n.button !== 0 || !b.isEditable) return;
+		}), u(v.state) !== "link") ? !1 : (s(v, "dialog"), !0), i = (n) => {
+			if (n.button !== 0 || !v.isEditable) return;
 			let r = n.target?.closest?.("a");
-			r && e.contains(r) && !r.closest("[data-type=\"external-link-preview\"]") && (t = {
+			r && e.contains(r) && (t = {
 				x: n.clientX,
 				y: n.clientY
 			});
-		}, i = (r) => {
-			if (r.button !== 0 || !b.isEditable) return;
-			let i = r.target?.closest?.("a");
-			if (!i || !e.contains(i) || i.closest("[data-type=\"external-link-preview\"]")) return;
-			let o = r.detail > 0 && t !== null && Math.hypot(r.clientX - t.x, r.clientY - t.y) > 4;
+		}, a = (i) => {
+			if (i.button !== 0 || !v.isEditable) return;
+			let a = i.target?.closest?.("a");
+			if (!a || !e.contains(a)) return;
+			let o = i.detail > 0 && t !== null && Math.hypot(i.clientX - t.x, i.clientY - t.y) > 4;
 			if (t = null, o) return;
-			let s;
+			let c = a.closest("[data-type=\"external-link-preview\"]");
+			if (c) {
+				let e;
+				try {
+					e = v.view.posAtDOM(c, 0);
+				} catch {
+					return;
+				}
+				v.state.doc.nodeAt(e)?.type.name === "externalLinkPreview" && (v.commands.setNodeSelection(e), i.preventDefault(), s(v, "dialog"));
+				return;
+			}
+			let l;
 			try {
-				s = b.view.posAtDOM(i, 0);
+				l = v.view.posAtDOM(a, 0);
 			} catch {
 				return;
 			}
-			let c = a(b.state, s), l = c ? b.view.nodeDOM(c.from) : null;
-			l && i.contains(l) && n(c) && r.preventDefault();
+			let u = r(v.state, l), d = u ? v.view.nodeDOM(u.from) : null;
+			d && a.contains(d) && n(u) && i.preventDefault();
 		};
-		return e.addEventListener("mousedown", r), e.addEventListener("click", i), () => {
-			e.removeEventListener("mousedown", r), e.removeEventListener("click", i);
+		return e.addEventListener("mousedown", i), e.addEventListener("click", a), () => {
+			e.removeEventListener("mousedown", i), e.removeEventListener("click", a);
 		};
-	}, [b]), h(() => {
-		let e = b.view.dom, t = (e) => {
-			if (e.key !== "F10" || !e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || !b.isEditable) return;
-			let t = o(b.state);
-			t?.kind === "plain" && (b.chain().extendMarkRange("link").run(), t = o(b.state)), t && d(b.state) === "link" && (e.preventDefault(), e.stopImmediatePropagation(), l(b, t.kind === "preview" ? "dialog" : "url"));
+	}, [v]), p(() => {
+		let e = v.view.dom, t = (e) => {
+			if (e.key !== "F10" || !e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || !v.isEditable) return;
+			let t = i(v.state);
+			t?.kind === "plain" && (v.chain().extendMarkRange("link").run(), t = i(v.state)), t && u(v.state) === "link" && (e.preventDefault(), e.stopImmediatePropagation(), s(v, t.kind === "preview" ? "dialog" : "url"));
 		};
 		return e.addEventListener("keydown", t, !0), () => e.removeEventListener("keydown", t, !0);
-	}, [b]), h(() => {
-		let e = b.view.dom.ownerDocument, t = e.defaultView;
+	}, [v]), p(() => {
+		let e = v.view.dom.ownerDocument, t = e.defaultView;
 		if (!t) return;
 		let n = (e) => {
 			let n = O.current;
-			n?.isConnected && e instanceof t.Node && !n.contains(e) && !b.view.dom.contains(e) && s(b);
+			n?.isConnected && e instanceof t.Node && !n.contains(e) && !v.view.dom.contains(e) && a(v);
 		}, r = (e) => n(e.target), i = (e) => n(e.target);
 		return e.addEventListener("pointerdown", r, !0), e.addEventListener("focusin", i), () => {
 			e.removeEventListener("pointerdown", r, !0), e.removeEventListener("focusin", i);
 		};
-	}, [b]), h(() => {
-		let e = b.view.dom.ownerDocument.defaultView;
+	}, [v]), p(() => {
+		let e = v.view.dom.ownerDocument.defaultView;
 		if (!e) return;
-		let t = x(b.view.dom), n = null, r = () => {
+		let t = x(v.view.dom), n = null, r = () => {
 			n === null && (n = e.requestAnimationFrame(() => {
-				n = null, b.isDestroyed || b.view.dispatch(b.state.tr.setMeta(c, "updatePosition"));
+				n = null, v.isDestroyed || v.view.dispatch(v.state.tr.setMeta(o, "updatePosition"));
 			}));
 		};
-		return e.addEventListener("scroll", r, { passive: !0 }), t.forEach((e) => {
+		return e.addEventListener("scroll", r, { passive: !0 }), e.visualViewport?.addEventListener("resize", r), e.visualViewport?.addEventListener("scroll", r), t.forEach((e) => {
 			e.addEventListener("scroll", r, { passive: !0 });
 		}), () => {
-			n !== null && e.cancelAnimationFrame(n), e.removeEventListener("scroll", r), t.forEach((e) => {
+			n !== null && e.cancelAnimationFrame(n), e.removeEventListener("scroll", r), e.visualViewport?.removeEventListener("resize", r), e.visualViewport?.removeEventListener("scroll", r), t.forEach((e) => {
 				e.removeEventListener("scroll", r);
 			});
 		};
-	}, [b]), h(() => {
-		let e = b.view.dom.closest("[data-scribe-root]"), t = b.view.dom.ownerDocument.defaultView;
+	}, [v]), p(() => {
+		let e = v.view.dom.closest("[data-scribe-root]"), t = v.view.dom.ownerDocument.defaultView;
 		if (!e || !t) return;
 		let n = () => {
 			let t = e.getBoundingClientRect().width;
@@ -117,70 +113,84 @@ var b = /auto|overlay|scroll/, x = (e) => {
 		if (n(), !t.ResizeObserver) return;
 		let r = new t.ResizeObserver(n);
 		return r.observe(e), () => r.disconnect();
-	}, [b]);
-	let M = m(() => {
-		if (b.isDestroyed) return;
-		let e = b.state.selection.to;
-		s(b), b.chain().setTextSelection(e).focus().run();
-	}, [b]), N = m(() => {
-		let e = o(b.state);
-		e?.kind === "preview" && b.commands.refreshExternalLinkPreview(e.position);
-	}, [b]), P = m(() => {
+	}, [v]);
+	let M = f(() => {
+		if (v.isDestroyed) return;
+		let e = v.state.selection.to;
+		a(v), v.chain().setTextSelection(e).focus().run();
+	}, [v]), N = f(() => {
 		A.current !== null && window.cancelAnimationFrame(A.current);
-		let e = o(b.state), t = i(b), n = () => {
-			t === "dialog" ? O.current?.focus() : (k.current?.focus(), k.current?.select());
+		let e = i(v.state), t = n(v), r = () => {
+			t === "dialog" ? O.current?.focus({ preventScroll: !0 }) : (k.current?.focus({ preventScroll: !0 }), k.current?.select());
 		};
-		C(e?.href ?? ""), T((e) => e + 1), n(), A.current = window.requestAnimationFrame(() => {
-			n(), A.current = null;
+		C(e?.href ?? ""), T((e) => e + 1), r(), A.current = window.requestAnimationFrame(() => {
+			A.current = null, r();
 		});
-	}, [b]), F = m(() => {
+	}, [v]), P = f(() => {
 		A.current !== null && (window.cancelAnimationFrame(A.current), A.current = null);
-	}, []), I = m((e) => {
+	}, []), F = f((e) => {
 		e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), M());
-	}, [M]), L = m(({ editor: e, element: t, state: n }) => {
+	}, [M]), I = f(({ editor: e, element: t, state: n }) => {
 		let r = t.contains(t.ownerDocument.activeElement);
-		return e.isEditable && !!o(n) && d(n) === "link" && r;
-	}, []), R = m(() => n(b), [b]), z = g(() => ({
+		return e.isEditable && !!i(n) && u(n) === "link" && r;
+	}, []), L = f(() => t(v), [v]), R = f(() => {
+		let e = O.current, t = e?.ownerDocument.activeElement;
+		if (!e || !t || t === e || !e.contains(t)) return;
+		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = n.top + e.clientTop + y, a = n.top + e.clientTop + e.clientHeight - y;
+		r.top < i ? e.scrollTop -= i - r.top : r.bottom > a && (e.scrollTop += r.bottom - a);
+	}, []), z = m(() => ({
 		strategy: "fixed",
 		placement: "bottom",
-		offset: 8,
-		flip: {},
-		shift: { padding: 8 },
+		offset: y,
+		flip: { padding: b },
+		shift: {
+			padding: b,
+			crossAxis: !0
+		},
+		size: {
+			padding: b,
+			apply: ({ availableHeight: e }) => {
+				O.current && (O.current.style.maxHeight = `min(32rem, ${Math.max(0, e)}px)`);
+			}
+		},
 		inline: !0,
-		onHide: F,
-		onShow: P
-	}), [F, P]), B = j.context;
-	return /* @__PURE__ */ y(u, {
-		editor: b,
-		pluginKey: c,
+		onHide: P,
+		onShow: N,
+		onUpdate: R
+	}), [
+		P,
+		N,
+		R
+	]), B = j.context;
+	return /* @__PURE__ */ _(l, {
+		editor: v,
+		pluginKey: o,
 		updateDelay: 0,
 		resizeDelay: 0,
-		appendTo: R,
-		shouldShow: L,
+		appendTo: L,
+		shouldShow: I,
 		options: z,
-		children: /* @__PURE__ */ y(p, {
+		children: /* @__PURE__ */ _(d, {
 			ref: O,
 			className: "scribe-link-popover",
 			role: "dialog",
 			"aria-label": "Edit link",
 			"aria-keyshortcuts": "Alt+F10",
 			tabIndex: -1,
-			onKeyDown: I,
+			onFocusCapture: (e) => {
+				e.target !== e.currentTarget && P();
+			},
+			onKeyDown: F,
 			style: {
 				maxWidth: E === null ? "calc(100vw - 32px)" : `min(${E}px, calc(100vw - 32px))`,
 				width: 320
 			},
-			children: /* @__PURE__ */ y(r, {
-				canRefreshPreview: j.canRefresh,
-				currentDisplay: B?.display ?? "plain",
-				editor: b,
+			children: /* @__PURE__ */ _(c, {
+				editor: v,
 				existingHref: B?.href ?? "",
 				inputRef: k,
 				onClose: M,
-				onRefreshPreview: N,
 				onValueChange: C,
-				previewStatus: j.status,
-				previewStatusLabel: j.statusLabel,
 				resetToken: w,
 				targetPosition: B?.kind === "preview" ? B.position : void 0,
 				value: S

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

@@ -1,18 +1,11 @@
 import { Editor } from "@tiptap/react";
 import { FC, RefObject } from "react";
-import type { ExternalLinkPreviewResolutionStatus } from "../Scribe/extension/external-link-preview/types";
-import type { ExternalLinkDisplay } from "./ExternalLinkDisplayOptions";
 export interface LinkEditorProps {
-    canRefreshPreview?: boolean;
-    currentDisplay?: ExternalLinkDisplay;
     editor: Editor;
     existingHref: string;
     inputRef?: RefObject<HTMLInputElement | null>;
     onClose: () => void;
-    onRefreshPreview?: () => void;
     onValueChange: (value: string) => void;
-    previewStatus?: ExternalLinkPreviewResolutionStatus;
-    previewStatusLabel?: string;
     resetToken?: number;
     selectTextblockEndAfterSave?: boolean;
     targetPosition?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"LinkEditor.d.ts","sourceRoot":"","sources":["../../../lib/components/Menu/LinkEditor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EACL,EAAE,EAGF,SAAS,EAKV,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,iDAAiD,CAAC;AAE3G,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGxE,MAAM,WAAW,eAAe;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC9C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,mCAAmC,CAAC;IACpD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAoRnC,CAAC;eAEa,UAAU"}
+{"version":3,"file":"LinkEditor.d.ts","sourceRoot":"","sources":["../../../lib/components/Menu/LinkEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EACL,EAAE,EAGF,SAAS,EAMV,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC9C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;CACf;AAoCD,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAoRnC,CAAC;eAEa,UAAU"}