@haklex/rich-editor 0.0.82 → 0.0.84

package/dist/config-edit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config-edit.d.ts","sourceRoot":"","sources":["../src/config-edit.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAqBjD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAkBrD,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAGlD,CAAA"}
+{"version":3,"file":"config-edit.d.ts","sourceRoot":"","sources":["../src/config-edit.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAsBlD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAmBrD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAyC,CAAC"}

package/dist/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAoBjD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAYlD,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAkBjD,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAG9C,CAAA"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAqBlD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAYlD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAmBjD,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAqC,CAAC"}

package/dist/favicon-BQgbXF_a.js

@@ -0,0 +1,43 @@
+const FAVICON_VARIANTS = [
+  "/favicon.ico",
+  "/favicon.png",
+  "/favicon.svg",
+  "/apple-touch-icon.png",
+  "/apple-touch-icon-precomposed.png"
+];
+const faviconCache = /* @__PURE__ */ new Map();
+function getHostname(href) {
+  try {
+    const url = new URL(href);
+    if (url.protocol !== "http:" && url.protocol !== "https:") return null;
+    return url.hostname;
+  } catch {
+    return null;
+  }
+}
+function probeImage(url) {
+  return new Promise((resolve) => {
+    const img = new Image();
+    img.onload = () => resolve(url);
+    img.onerror = () => resolve(null);
+    img.src = url;
+  });
+}
+async function probeFavicon(hostname) {
+  const cached = faviconCache.get(hostname);
+  if (cached !== void 0) return cached;
+  for (const variant of FAVICON_VARIANTS) {
+    const url = `https://${hostname}${variant}`;
+    const result = await probeImage(url);
+    if (result) {
+      faviconCache.set(hostname, result);
+      return result;
+    }
+  }
+  faviconCache.set(hostname, null);
+  return null;
+}
+export {
+  getHostname as g,
+  probeFavicon as p
+};

package/dist/grid.css-Md5-Cfx_.js

@@ -0,0 +1,11 @@
+import "./katex.css-Csc-7N7u.js";
+var detailsClassNames = { details: "rich-details", summary: "rich-details-summary", summaryText: "rich-details-summary-text", chevron: "rich-details-chevron", content: "rich-details-content" };
+var detailsStyles = { details: "_1o2d5g50", summary: "_1o2d5g51", summaryText: "_1o2d5g52", chevron: "_1o2d5g53", content: "_1o2d5g54" };
+var gridClassNames = { container: "rich-grid-container", toolbar: "rich-grid-toolbar", toolbarIcon: "rich-grid-toolbar-icon", colButton: "rich-grid-col-btn", colButtonActive: "rich-grid-col-btn-active", toolbarDivider: "rich-grid-toolbar-divider", actionButton: "rich-grid-action-btn", inner: "rich-grid-inner", cell: "rich-grid-cell", cellEditable: "rich-grid-cell-editable" };
+var gridStyles = { container: "_17ihk870", toolbar: "_17ihk871", toolbarIcon: "_17ihk872", colButton: "_17ihk873", colButtonActive: "_17ihk874", toolbarDivider: "_17ihk875", actionButton: "_17ihk876", inner: "_17ihk877", cell: "_17ihk878", cellEditable: "_17ihk879" };
+export {
+  detailsStyles as a,
+  gridStyles as b,
+  detailsClassNames as d,
+  gridClassNames as g
+};

package/dist/index.mjs

@@ -1,285 +1,318 @@
-import { a as AutoFocusPlugin, c as defaultImageUpload, d as ImageUploadProvider, i as EditorRefPlugin, l as BlockIdPlugin, n as OnChangePlugin, o as LinkFaviconPlugin, p as CorePlugins, r as FootnotePlugin, s as ImageUploadPlugin, t as SubmitShortcutPlugin, u as blockIdState } from "./SubmitShortcutPlugin-6IvsbZD-.js";
-import { n as setResolvedEditNodes, r as allEditNodes } from "./node-registry-CeVi2y9f.js";
-import { F as useOptionalNestedContentRenderer, N as NestedContentRendererProvider, P as useNestedContentRenderer, t as editorTheme } from "./theme-DHOUKKSr.js";
-import { a as FootnoteDefinitionsProvider, c as useFootnoteDisplayNumber, d as RendererConfigProvider, f as useRendererConfig, m as useVariant, o as useFootnoteContent, p as useRendererMode, s as useFootnoteDefinitions } from "./KaTeXRenderer-BsyRH5_t.js";
-import { C as useColorScheme, S as ColorSchemeProvider } from "./config-tfg1FWhG.js";
-import "./LinkCardRenderer-OEMBDUhD.js";
-import "./AlertQuoteEditNode-BDoonB4u.js";
-import { n as usePresentDialog, r as LinkFavicon, t as PresentDialogProvider } from "./PresentDialogContext-DQw6MrNh.js";
-import { a as KaTeXPlugin, c as AlertPlugin, n as MermaidPlugin, s as ImagePlugin } from "./MermaidPlugin-Df2Cm2yX.js";
-/* empty css                             */
-import { a as commentVariant, i as noteVariant, n as clsx, o as articleVariant, r as getVariantClass, t as richContent } from "./shared.css-wgGgtK_e.js";
-import { $getRoot, $getSelection, $getState, $isElementNode, $isLineBreakNode, $isRangeSelection, $isTextNode } from "lexical";
+import { F as FootnotePlugin, O as OnChangePlugin, S as SubmitShortcutPlugin, E as EditorRefPlugin, a as AutoFocusPlugin, d as ImageUploadProvider, g as defaultImageUpload, C as CorePlugins, I as ImageUploadPlugin, L as LinkFaviconPlugin, c as BlockIdPlugin, f as blockIdState } from "./SubmitShortcutPlugin-CkuM_8Wk.js";
+import { L, P, u } from "./PresentDialogContext-B4E78UB5.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ContentEditable } from "@lexical/react/LexicalContentEditable";
-import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";
-import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
+import { s as setResolvedEditNodes, a as allEditNodes } from "./node-registry-eMijRh3N.js";
+import { I as ImagePlugin, K as KaTeXPlugin, A as AlertPlugin, M as MermaidPlugin } from "./MermaidPlugin-DfIhGe-1.js";
 import { PortalThemeProvider } from "@haklex/rich-style-token";
 import { LexicalComposer } from "@lexical/react/LexicalComposer";
+import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";
 import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
+import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
+import { n as ColorSchemeProvider } from "./config-BulxE6hd.js";
+import { u as u2 } from "./config-BulxE6hd.js";
+import { R as RendererConfigProvider } from "./KaTeXRenderer-CQyQzNTJ.js";
+import { F, u as u3, b, d, e, f, g } from "./KaTeXRenderer-CQyQzNTJ.js";
+import { n as editorTheme } from "./theme-D_efLk4K.js";
+import { N, u as u4, p } from "./theme-D_efLk4K.js";
+import { ContentEditable as ContentEditable$1 } from "@lexical/react/LexicalContentEditable";
+import { e as clsx, g as getVariantClass } from "./katex.css-Csc-7N7u.js";
+import { a, c, k, b as b2, n, r, s, d as d2 } from "./katex.css-Csc-7N7u.js";
+import { d as d3, a as a2, g as g2, b as b3 } from "./grid.css-Md5-Cfx_.js";
 import { articleTheme, commentTheme, noteTheme, vars } from "@haklex/rich-style-token/styles";
-//#region src/components/ContentEditable.css.ts
+import { $getRoot, $getSelection, $isRangeSelection, $getState, $isElementNode, $isTextNode, $isLineBreakNode } from "lexical";
 var contentWrapper = "b94s950";
 var content = "b94s951";
 var placeholder = "b94s952";
-//#endregion
-//#region src/components/ContentEditable.tsx
-function ContentEditable$1({ className, placeholder: placeholder$1, hasHeader }) {
-	const paddingTop = hasHeader ? 40 : 12;
-	return /* @__PURE__ */ jsx("div", {
-		className: clsx("rich-editor__content-wrapper", contentWrapper),
-		style: { "--ce-padding-top": `${paddingTop}px` },
-		children: /* @__PURE__ */ jsx(ContentEditable, {
-			"aria-placeholder": placeholder$1 ?? "",
-			className: clsx("rich-editor__content", content, className),
-			placeholder: /* @__PURE__ */ jsx("div", {
-				className: clsx("rich-editor__placeholder", placeholder),
-				style: { display: placeholder$1 ? void 0 : "none" },
-				children: placeholder$1
-			})
-		})
-	});
+function ContentEditable({ className, placeholder: placeholder$1, hasHeader }) {
+  const paddingTop = hasHeader ? 40 : 12;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx("rich-editor__content-wrapper", contentWrapper),
+      style: { "--ce-padding-top": `${paddingTop}px` },
+      children: /* @__PURE__ */ jsx(
+        ContentEditable$1,
+        {
+          "aria-placeholder": placeholder$1 ?? "",
+          className: clsx("rich-editor__content", content, className),
+          placeholder: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: clsx("rich-editor__placeholder", placeholder),
+              style: { display: placeholder$1 ? void 0 : "none" },
+              children: placeholder$1
+            }
+          )
+        }
+      )
+    }
+  );
 }
-//#endregion
-//#region src/components/RichEditorShell.tsx
-function RichEditorShell({ nodes, initialValue, onChange, variant = "article", theme = "light", placeholder = "Write something...", onSubmit, autoFocus = false, className, contentClassName, style, actions, header, onEditorReady, rendererConfig, debounceMs, children }) {
-	setResolvedEditNodes(nodes);
-	const initialConfig = {
-		namespace: "RichEditor",
-		theme: editorTheme,
-		nodes,
-		editable: true,
-		onError: (error) => {
-			console.error("[RichEditor]", error);
-		},
-		...initialValue ? { editorState: JSON.stringify(initialValue) } : {}
-	};
-	const variantClass = getVariantClass(variant);
-	return /* @__PURE__ */ jsx(PortalThemeProvider, {
-		className: variantClass,
-		theme,
-		children: /* @__PURE__ */ jsx(ColorSchemeProvider, {
-			colorScheme: theme,
-			children: /* @__PURE__ */ jsx(RendererConfigProvider, {
-				config: rendererConfig,
-				mode: "editor",
-				variant,
-				children: /* @__PURE__ */ jsx(LexicalComposer, {
-					initialConfig,
-					children: /* @__PURE__ */ jsx(FootnotePlugin, { children: /* @__PURE__ */ jsxs("div", {
-						suppressHydrationWarning: true,
-						className: clsx("rich-editor", variantClass, className),
-						"data-theme": theme,
-						style: {
-							...style,
-							maxWidth: "none"
-						},
-						children: [
-							header,
-							/* @__PURE__ */ jsx(RichTextPlugin, {
-								ErrorBoundary: LexicalErrorBoundary,
-								contentEditable: /* @__PURE__ */ jsx(ContentEditable$1, {
-									className: contentClassName,
-									hasHeader: !!header,
-									placeholder
-								})
-							}),
-							/* @__PURE__ */ jsx(HistoryPlugin, {}),
-							/* @__PURE__ */ jsx(OnChangePlugin, {
-								debounceMs,
-								onChange
-							}),
-							/* @__PURE__ */ jsx(SubmitShortcutPlugin, { onSubmit }),
-							/* @__PURE__ */ jsx(EditorRefPlugin, { onEditorReady }),
-							autoFocus && /* @__PURE__ */ jsx(AutoFocusPlugin, {}),
-							children,
-							actions && /* @__PURE__ */ jsx("div", {
-								className: "rich-editor__actions",
-								children: actions
-							})
-						]
-					}) })
-				})
-			})
-		})
-	});
+function RichEditorShell({
+  nodes,
+  initialValue,
+  onChange,
+  variant = "article",
+  theme = "light",
+  placeholder: placeholder2 = "Write something...",
+  onSubmit,
+  autoFocus = false,
+  className,
+  contentClassName,
+  style,
+  actions,
+  header,
+  onEditorReady,
+  rendererConfig,
+  debounceMs,
+  children
+}) {
+  setResolvedEditNodes(nodes);
+  const initialConfig = {
+    namespace: "RichEditor",
+    theme: editorTheme,
+    nodes,
+    editable: true,
+    onError: (error) => {
+      console.error("[RichEditor]", error);
+    },
+    ...initialValue ? { editorState: JSON.stringify(initialValue) } : {}
+  };
+  const variantClass = getVariantClass(variant);
+  return /* @__PURE__ */ jsx(PortalThemeProvider, { className: variantClass, theme, children: /* @__PURE__ */ jsx(ColorSchemeProvider, { colorScheme: theme, children: /* @__PURE__ */ jsx(RendererConfigProvider, { config: rendererConfig, mode: "editor", variant, children: /* @__PURE__ */ jsx(LexicalComposer, { initialConfig, children: /* @__PURE__ */ jsx(FootnotePlugin, { children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      suppressHydrationWarning: true,
+      className: clsx("rich-editor", variantClass, className),
+      "data-theme": theme,
+      style: { ...style, maxWidth: "none" },
+      children: [
+        header,
+        /* @__PURE__ */ jsx(
+          RichTextPlugin,
+          {
+            ErrorBoundary: LexicalErrorBoundary,
+            contentEditable: /* @__PURE__ */ jsx(
+              ContentEditable,
+              {
+                className: contentClassName,
+                hasHeader: !!header,
+                placeholder: placeholder2
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(HistoryPlugin, {}),
+        /* @__PURE__ */ jsx(OnChangePlugin, { debounceMs, onChange }),
+        /* @__PURE__ */ jsx(SubmitShortcutPlugin, { onSubmit }),
+        /* @__PURE__ */ jsx(EditorRefPlugin, { onEditorReady }),
+        autoFocus && /* @__PURE__ */ jsx(AutoFocusPlugin, {}),
+        children,
+        actions && /* @__PURE__ */ jsx("div", { className: "rich-editor__actions", children: actions })
+      ]
+    }
+  ) }) }) }) }) });
 }
-//#endregion
-//#region src/components/RichEditor.tsx
 function RichEditor({ extraNodes, imageUpload, children, ...shellProps }) {
-	const nodes = extraNodes ? [...allEditNodes, ...extraNodes] : allEditNodes;
-	const resolvedImageUpload = imageUpload ?? defaultImageUpload;
-	return /* @__PURE__ */ jsx(ImageUploadProvider, {
-		upload: resolvedImageUpload,
-		children: /* @__PURE__ */ jsxs(RichEditorShell, {
-			nodes,
-			...shellProps,
-			children: [
-				/* @__PURE__ */ jsx(CorePlugins, {}),
-				/* @__PURE__ */ jsx(ImagePlugin, {}),
-				/* @__PURE__ */ jsx(ImageUploadPlugin, { onUpload: resolvedImageUpload }),
-				/* @__PURE__ */ jsx(KaTeXPlugin, {}),
-				/* @__PURE__ */ jsx(AlertPlugin, {}),
-				/* @__PURE__ */ jsx(MermaidPlugin, {}),
-				/* @__PURE__ */ jsx(LinkFaviconPlugin, {}),
-				/* @__PURE__ */ jsx(BlockIdPlugin, {}),
-				children
-			]
-		})
-	});
+  const nodes = extraNodes ? [...allEditNodes, ...extraNodes] : allEditNodes;
+  const resolvedImageUpload = imageUpload ?? defaultImageUpload;
+  return /* @__PURE__ */ jsx(ImageUploadProvider, { upload: resolvedImageUpload, children: /* @__PURE__ */ jsxs(RichEditorShell, { nodes, ...shellProps, children: [
+    /* @__PURE__ */ jsx(CorePlugins, {}),
+    /* @__PURE__ */ jsx(ImagePlugin, {}),
+    /* @__PURE__ */ jsx(ImageUploadPlugin, { onUpload: resolvedImageUpload }),
+    /* @__PURE__ */ jsx(KaTeXPlugin, {}),
+    /* @__PURE__ */ jsx(AlertPlugin, {}),
+    /* @__PURE__ */ jsx(MermaidPlugin, {}),
+    /* @__PURE__ */ jsx(LinkFaviconPlugin, {}),
+    /* @__PURE__ */ jsx(BlockIdPlugin, {}),
+    children
+  ] }) });
 }
-//#endregion
-//#region src/utils/comment-anchor.ts
 function computeBlockFingerprint(block) {
-	const text = block.getTextContent();
-	const input = text.slice(0, 200) + String(text.length);
-	let hash = 5381;
-	for (let i = 0; i < input.length; i++) hash = (hash << 5) + hash + (input.codePointAt(i) ?? 0) | 0;
-	return (hash >>> 0).toString(16);
+  const text = block.getTextContent();
+  const input = text.slice(0, 200) + String(text.length);
+  let hash = 5381;
+  for (let i = 0; i < input.length; i++) {
+    hash = (hash << 5) + hash + (input.codePointAt(i) ?? 0) | 0;
+  }
+  return (hash >>> 0).toString(16);
 }
 function $getRootBlock(node) {
-	const root = $getRoot();
-	let current = node;
-	while (current) {
-		const parent = current.getParent();
-		if (parent === root && "getChildren" in current) return current;
-		current = parent;
-	}
-	return null;
+  const root = $getRoot();
+  let current = node;
+  while (current) {
+    const parent = current.getParent();
+    if (parent === root && "getChildren" in current) {
+      return current;
+    }
+    current = parent;
+  }
+  return null;
 }
 function $resolveSelectionPoint(selection, which) {
-	const point = selection[which];
-	const node = point.getNode();
-	if ($isElementNode(node)) {
-		const children = node.getChildren();
-		if (point.offset < children.length) return {
-			node: children[point.offset],
-			offset: 0
-		};
-		const last = children.at(-1);
-		if (last && $isTextNode(last)) return {
-			node: last,
-			offset: last.getTextContentSize()
-		};
-		return {
-			node,
-			offset: 0
-		};
-	}
-	return {
-		node,
-		offset: point.offset
-	};
+  const point = selection[which];
+  const node = point.getNode();
+  if ($isElementNode(node)) {
+    const children = node.getChildren();
+    if (point.offset < children.length) {
+      return { node: children[point.offset], offset: 0 };
+    }
+    const last = children.at(-1);
+    if (last && $isTextNode(last)) {
+      return { node: last, offset: last.getTextContentSize() };
+    }
+    return { node, offset: 0 };
+  }
+  return { node, offset: point.offset };
 }
 function $getTextOffsetInBlock(block, targetNode, targetOffset) {
-	let offset = 0;
-	function walk(node) {
-		if (node.is(targetNode)) {
-			offset += targetOffset;
-			return true;
-		}
-		if ($isTextNode(node)) offset += node.getTextContentSize();
-		else if ($isLineBreakNode(node)) offset += 1;
-		else if ($isElementNode(node)) {
-			for (const child of node.getChildren()) if (walk(child)) return true;
-		}
-		return false;
-	}
-	for (const child of block.getChildren()) if (walk(child)) break;
-	return offset;
+  let offset = 0;
+  function walk(node) {
+    if (node.is(targetNode)) {
+      offset += targetOffset;
+      return true;
+    }
+    if ($isTextNode(node)) {
+      offset += node.getTextContentSize();
+    } else if ($isLineBreakNode(node)) {
+      offset += 1;
+    } else if ($isElementNode(node)) {
+      for (const child of node.getChildren()) {
+        if (walk(child)) return true;
+      }
+    }
+    return false;
+  }
+  for (const child of block.getChildren()) {
+    if (walk(child)) break;
+  }
+  return offset;
 }
 function $buildBlockAnchorData(block) {
-	const blockId = $getState(block, blockIdState);
-	if (!blockId) return {
-		ok: false,
-		error: "no-block-id"
-	};
-	return {
-		ok: true,
-		anchor: {
-			mode: "block",
-			blockId,
-			blockType: block.getType(),
-			blockFingerprint: computeBlockFingerprint(block),
-			snapshotText: block.getTextContent().slice(0, 300)
-		}
-	};
+  const blockId = $getState(block, blockIdState);
+  if (!blockId) {
+    return { ok: false, error: "no-block-id" };
+  }
+  return {
+    ok: true,
+    anchor: {
+      mode: "block",
+      blockId,
+      blockType: block.getType(),
+      blockFingerprint: computeBlockFingerprint(block),
+      snapshotText: block.getTextContent().slice(0, 300)
+    }
+  };
 }
 function buildBlockAnchor(editor, blockKey) {
-	return editor.read(() => {
-		if (blockKey) {
-			const node = $getRoot().getChildren().find((c) => c.getKey() === blockKey);
-			if (!node || !("getChildren" in node)) return {
-				ok: false,
-				error: "not-root-block"
-			};
-			return $buildBlockAnchorData(node);
-		}
-		const selection = $getSelection();
-		if (!$isRangeSelection(selection)) return {
-			ok: false,
-			error: "no-selection"
-		};
-		const block = $getRootBlock(selection.anchor.getNode());
-		if (!block) return {
-			ok: false,
-			error: "not-root-block"
-		};
-		return $buildBlockAnchorData(block);
-	});
+  return editor.read(() => {
+    if (blockKey) {
+      const node = $getRoot().getChildren().find((c2) => c2.getKey() === blockKey);
+      if (!node || !("getChildren" in node)) {
+        return { ok: false, error: "not-root-block" };
+      }
+      return $buildBlockAnchorData(node);
+    }
+    const selection = $getSelection();
+    if (!$isRangeSelection(selection)) {
+      return { ok: false, error: "no-selection" };
+    }
+    const anchorNode = selection.anchor.getNode();
+    const block = $getRootBlock(anchorNode);
+    if (!block) {
+      return { ok: false, error: "not-root-block" };
+    }
+    return $buildBlockAnchorData(block);
+  });
 }
 function buildRangeAnchor(editor) {
-	return editor.read(() => {
-		const selection = $getSelection();
-		if (!$isRangeSelection(selection)) return {
-			ok: false,
-			error: "no-selection"
-		};
-		if (selection.isCollapsed()) return {
-			ok: false,
-			error: "collapsed"
-		};
-		const anchorBlock = $getRootBlock(selection.anchor.getNode());
-		const focusBlock = $getRootBlock(selection.focus.getNode());
-		if (!anchorBlock || !focusBlock) return {
-			ok: false,
-			error: "not-root-block"
-		};
-		if (anchorBlock !== focusBlock) return {
-			ok: false,
-			error: "cross-block"
-		};
-		const block = anchorBlock;
-		const blockId = $getState(block, blockIdState);
-		if (!blockId) return {
-			ok: false,
-			error: "no-block-id"
-		};
-		const anchorPoint = $resolveSelectionPoint(selection, "anchor");
-		const focusPoint = $resolveSelectionPoint(selection, "focus");
-		let startOffset = $getTextOffsetInBlock(block, anchorPoint.node, anchorPoint.offset);
-		let endOffset = $getTextOffsetInBlock(block, focusPoint.node, focusPoint.offset);
-		if (startOffset > endOffset) [startOffset, endOffset] = [endOffset, startOffset];
-		const text = block.getTextContent();
-		const quote = text.slice(startOffset, endOffset);
-		const prefix = text.slice(Math.max(0, startOffset - 50), startOffset);
-		const suffix = text.slice(endOffset, endOffset + 50);
-		return {
-			ok: true,
-			anchor: {
-				mode: "range",
-				blockId,
-				blockType: block.getType(),
-				blockFingerprint: computeBlockFingerprint(block),
-				snapshotText: text.slice(0, 300),
-				quote,
-				prefix,
-				suffix,
-				startOffset,
-				endOffset
-			}
-		};
-	});
+  return editor.read(() => {
+    const selection = $getSelection();
+    if (!$isRangeSelection(selection)) {
+      return { ok: false, error: "no-selection" };
+    }
+    if (selection.isCollapsed()) {
+      return { ok: false, error: "collapsed" };
+    }
+    const anchorBlock = $getRootBlock(selection.anchor.getNode());
+    const focusBlock = $getRootBlock(selection.focus.getNode());
+    if (!anchorBlock || !focusBlock) {
+      return { ok: false, error: "not-root-block" };
+    }
+    if (anchorBlock !== focusBlock) {
+      return { ok: false, error: "cross-block" };
+    }
+    const block = anchorBlock;
+    const blockId = $getState(block, blockIdState);
+    if (!blockId) {
+      return { ok: false, error: "no-block-id" };
+    }
+    const anchorPoint = $resolveSelectionPoint(selection, "anchor");
+    const focusPoint = $resolveSelectionPoint(selection, "focus");
+    let startOffset = $getTextOffsetInBlock(block, anchorPoint.node, anchorPoint.offset);
+    let endOffset = $getTextOffsetInBlock(block, focusPoint.node, focusPoint.offset);
+    if (startOffset > endOffset) {
+      [startOffset, endOffset] = [endOffset, startOffset];
+    }
+    const text = block.getTextContent();
+    const quote = text.slice(startOffset, endOffset);
+    const prefix = text.slice(Math.max(0, startOffset - 50), startOffset);
+    const suffix = text.slice(endOffset, endOffset + 50);
+    return {
+      ok: true,
+      anchor: {
+        mode: "range",
+        blockId,
+        blockType: block.getType(),
+        blockFingerprint: computeBlockFingerprint(block),
+        snapshotText: text.slice(0, 300),
+        quote,
+        prefix,
+        suffix,
+        startOffset,
+        endOffset
+      }
+    };
+  });
 }
-//#endregion
-export { ColorSchemeProvider, CorePlugins, FootnoteDefinitionsProvider, LinkFavicon, NestedContentRendererProvider, PresentDialogProvider, RendererConfigProvider, RichEditor, RichEditorShell, articleTheme, articleVariant, buildBlockAnchor, buildRangeAnchor, commentTheme, commentVariant, editorTheme, getVariantClass, noteTheme, noteVariant, richContent, useColorScheme, useFootnoteContent, useFootnoteDefinitions, useFootnoteDisplayNumber, useNestedContentRenderer, useOptionalNestedContentRenderer, usePresentDialog, useRendererConfig, useRendererMode, useVariant, vars };
+export {
+  ColorSchemeProvider,
+  CorePlugins,
+  F as FootnoteDefinitionsProvider,
+  L as LinkFavicon,
+  N as NestedContentRendererProvider,
+  P as PresentDialogProvider,
+  RendererConfigProvider,
+  RichEditor,
+  RichEditorShell,
+  articleTheme,
+  a as articleVariant,
+  buildBlockAnchor,
+  buildRangeAnchor,
+  commentTheme,
+  c as commentVariant,
+  d3 as detailsClassNames,
+  a2 as detailsStyles,
+  editorTheme,
+  getVariantClass,
+  g2 as gridClassNames,
+  b3 as gridStyles,
+  k as katexClassNames,
+  b2 as katexStyles,
+  noteTheme,
+  n as noteVariant,
+  r as richContent,
+  s as semanticClassNames,
+  d2 as sharedStyles,
+  u2 as useColorScheme,
+  u3 as useFootnoteContent,
+  b as useFootnoteDefinitions,
+  d as useFootnoteDisplayNumber,
+  u4 as useNestedContentRenderer,
+  p as useOptionalNestedContentRenderer,
+  u as usePresentDialog,
+  e as useRendererConfig,
+  f as useRendererMode,
+  g as useVariant,
+  vars
+};