quoin-editor 1.0.2 → 1.1.1

package/dist/comments.js

@@ -1,52 +1,16 @@
-"use client";
-import {
-  webAddress
-} from "./chunk-YBMUEEM5.js";
-import {
-  ownsNode
-} from "./chunk-NEZJ7ZP5.js";
-import {
-  Button,
-  FOCUS_RING,
-  Popover,
-  PopoverAnchor,
-  PopoverContent,
-  cn,
-  rangeRect,
-  toError,
-  useQuoin,
-  virtualAnchor
-} from "./chunk-T43RZTUT.js";
-import {
-  useEditorState,
-  useIsomorphicLayoutEffect,
-  useReadOnly
-} from "./chunk-EPARJI4V.js";
-import "./chunk-O4Z2WMFF.js";
-import {
-  Transaction,
-  addMarkStep,
-  comparePos,
-  createPluginKey,
-  defineExtension,
-  getPluginState,
-  isCollapsed,
-  markRanges,
-  removeMarkStep,
-  sameSelection,
-  textSelection
-} from "./chunk-OBMBSU2S.js";
-import "./chunk-RJRX34BZ.js";
-import {
-  blockById,
-  indexOfBlock,
-  inlineText,
-  nodeLength,
-  sliceInline
-} from "./chunk-4XFXB37X.js";
-
-// src/extensions/comments/comments-extension.tsx
-import { MessageSquarePlus } from "lucide-react";
+'use client';
+import { webAddress } from './chunk-TYZSB7JT.js';
+import { ownsNode } from './chunk-QSXPKZ2F.js';
+import { useQuoin, cn, FOCUS_RING, Button, virtualAnchor, rangeRect, Popover, PopoverAnchor, PopoverContent, toError } from './chunk-DYWU4SQ2.js';
+import { useIsomorphicLayoutEffect, useEditorState, useReadOnly } from './chunk-IEP7BPFN.js';
+import './chunk-HDJ653LM.js';
+import { createPluginKey, defineExtension, getPluginState, isCollapsed, markRanges, Transaction, comparePos, textSelection, addMarkStep, sameSelection, removeMarkStep } from './chunk-L4D23LM2.js';
+import './chunk-3BXUGX5F.js';
+import { blockById, nodeLength, inlineText, sliceInline, indexOfBlock } from './chunk-L6OW2FL3.js';
+import { MessageSquarePlus, MessageSquare, XIcon, SendHorizontal } from 'lucide-react';
+import { useMemo, useRef, useState, useEffect, useCallback, useSyncExternalStore } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
 
 // src/extensions/comments/comment-anchors.ts
 var idsOf = (node) => node?.marks.flatMap((mark) => mark.type === "comment" && mark.attrs?.id ? [mark.attrs.id] : []) ?? [];
@@ -276,12 +240,6 @@ function linkOf(editor) {
   return link;
 }
 
-// src/extensions/comments/CommentsOverlay.tsx
-import { useCallback, useEffect as useEffect4, useMemo as useMemo2, useRef as useRef6, useState as useState5 } from "react";
-
-// src/extensions/comments/CommentMarkers.tsx
-import { MessageSquare } from "lucide-react";
-
 // src/extensions/comments/rail-layout.ts
 function stackTops(items, gap) {
   let next = 0;
@@ -335,9 +293,6 @@ function useBlockAligned(controller, box, gap, key) {
     };
   }, [controller, box, gap, key]);
 }
-
-// src/extensions/comments/CommentMarkers.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
 var GAP = 4;
 function groupsOf(entries) {
   const groups = /* @__PURE__ */ new Map();
@@ -370,12 +325,6 @@ function CommentMarkers({ env, box, entries, onOpen }) {
   )) });
 }
 
-// src/extensions/comments/ThreadCard.tsx
-import { useRef as useRef3 } from "react";
-
-// src/extensions/comments/ThreadView.tsx
-import { useEffect as useEffect2, useRef as useRef2, useState as useState3 } from "react";
-
 // src/extensions/comments/comment-actions.ts
 async function called(link, call) {
   try {
@@ -395,16 +344,12 @@ async function endThread(editor, link, call, id, threads) {
 function sendReply(link, call, id, body) {
   return called(link, () => call(id, body));
 }
-
-// src/extensions/comments/CommentAvatar.tsx
-import { useState } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
 var initials = (name) => name.trim().split(/\s+/).slice(0, 2).map((word) => Array.from(word)[0]?.toUpperCase() ?? "").join("");
 function CommentAvatar({ author }) {
   const picture = webAddress(author.avatarUrl);
   const [failed, setFailed] = useState(null);
   if (picture !== null && picture !== failed) {
-    return /* @__PURE__ */ jsx2(
+    return /* @__PURE__ */ jsx(
       "img",
       {
         src: picture,
@@ -417,33 +362,25 @@ function CommentAvatar({ author }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx2("span", { "aria-hidden": "true", className: "quoin-comments-initials", children: initials(author.name) });
+  return /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "quoin-comments-initials", children: initials(author.name) });
 }
-
-// src/extensions/comments/CommentItem.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function CommentItem({ comment, labels }) {
-  return /* @__PURE__ */ jsxs2("li", { className: "flex gap-2", children: [
-    /* @__PURE__ */ jsx3(CommentAvatar, { author: comment.author }),
-    /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsxs2("p", { className: "flex flex-wrap items-baseline gap-x-2 text-sm", children: [
-        /* @__PURE__ */ jsx3("span", { className: "font-medium", children: comment.author.name }),
-        /* @__PURE__ */ jsx3("time", { dateTime: comment.createdAt, className: "text-xs text-muted-foreground", children: labels.postedAt(comment.createdAt) })
+  return /* @__PURE__ */ jsxs("li", { className: "flex gap-2", children: [
+    /* @__PURE__ */ jsx(CommentAvatar, { author: comment.author }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxs("p", { className: "flex flex-wrap items-baseline gap-x-2 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: comment.author.name }),
+        /* @__PURE__ */ jsx("time", { dateTime: comment.createdAt, className: "text-xs text-muted-foreground", children: labels.postedAt(comment.createdAt) })
       ] }),
-      /* @__PURE__ */ jsx3("p", { className: "quoin-comments-body text-sm", children: comment.body })
+      /* @__PURE__ */ jsx("p", { className: "quoin-comments-body text-sm", children: comment.body })
     ] })
   ] });
 }
-
-// src/extensions/comments/ReplyBox.tsx
-import { SendHorizontal } from "lucide-react";
-import { useEffect, useRef, useState as useState2 } from "react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var REPLY_FIELD = "data-comments-field";
 function ReplyBox({ env, threadId, first }) {
   const { controller, host, labels, link } = env;
-  const [body, setBody] = useState2("");
-  const [sending, setSending] = useState2(false);
+  const [body, setBody] = useState("");
+  const [sending, setSending] = useState(false);
   const alive = useRef(true);
   useEffect(() => {
     alive.current = true;
@@ -471,9 +408,9 @@ function ReplyBox({ env, threadId, first }) {
     event.preventDefault();
     void send();
   };
-  return /* @__PURE__ */ jsxs3("form", { className: "flex items-start gap-2", onSubmit, children: [
-    /* @__PURE__ */ jsx4(CommentAvatar, { author: host.currentUser }),
-    /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs("form", { className: "flex items-start gap-2", onSubmit, children: [
+    /* @__PURE__ */ jsx(CommentAvatar, { author: host.currentUser }),
+    /* @__PURE__ */ jsx(
       "textarea",
       {
         ...{ [REPLY_FIELD]: "" },
@@ -486,7 +423,7 @@ function ReplyBox({ env, threadId, first }) {
         className: "quoin-comments-field"
       }
     ),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx(
       Button,
       {
         type: "submit",
@@ -494,21 +431,18 @@ function ReplyBox({ env, threadId, first }) {
         size: "icon-sm",
         "aria-label": labels.send,
         "aria-disabled": text === "" || sending || void 0,
-        children: /* @__PURE__ */ jsx4(SendHorizontal, {})
+        children: /* @__PURE__ */ jsx(SendHorizontal, {})
       }
     )
   ] });
 }
-
-// src/extensions/comments/ThreadView.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function ThreadView({ env, id, thread, onEnded }) {
   const { controller, host, labels, link } = env;
   const readOnly = useReadOnly(controller);
-  const [busy, setBusy] = useState3(false);
-  const alive = useRef2(true);
-  const root = useRef2(null);
-  useEffect2(() => {
+  const [busy, setBusy] = useState(false);
+  const alive = useRef(true);
+  const root = useRef(null);
+  useEffect(() => {
     alive.current = true;
     return () => {
       alive.current = false;
@@ -524,11 +458,11 @@ function ThreadView({ env, id, thread, onEnded }) {
     const stayed = active === null || active === document.body || root.current?.contains(active) === true;
     if (ended && stayed) onEnded();
   };
-  return /* @__PURE__ */ jsxs4("div", { ref: root, className: "flex flex-col gap-3", children: [
-    comments.length > 0 && /* @__PURE__ */ jsx5("ol", { className: "flex flex-col gap-3", children: comments.map((comment) => /* @__PURE__ */ jsx5(CommentItem, { comment, labels }, comment.id)) }),
-    /* @__PURE__ */ jsx5(ReplyBox, { env, threadId: id, first: comments.length === 0 }),
-    !readOnly && /* @__PURE__ */ jsxs4("div", { className: "flex justify-end gap-1", children: [
-      /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs("div", { ref: root, className: "flex flex-col gap-3", children: [
+    comments.length > 0 && /* @__PURE__ */ jsx("ol", { className: "flex flex-col gap-3", children: comments.map((comment) => /* @__PURE__ */ jsx(CommentItem, { comment, labels }, comment.id)) }),
+    /* @__PURE__ */ jsx(ReplyBox, { env, threadId: id, first: comments.length === 0 }),
+    !readOnly && /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-1", children: [
+      /* @__PURE__ */ jsx(
         Button,
         {
           type: "button",
@@ -539,7 +473,7 @@ function ThreadView({ env, id, thread, onEnded }) {
           children: labels.resolve
         }
       ),
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx(
         Button,
         {
           type: "button",
@@ -553,13 +487,10 @@ function ThreadView({ env, id, thread, onEnded }) {
     ] })
   ] });
 }
-
-// src/extensions/comments/ThreadCard.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function ThreadCard({ env, entry, active, expanded, onToggle }) {
   const { labels, controller } = env;
   const { thread, anchorText: anchorText2, ranges } = entry;
-  const header = useRef3(null);
+  const header = useRef(null);
   const [first] = thread.comments;
   const removed = ranges.length === 0;
   const backToHeader = () => {
@@ -573,8 +504,8 @@ function ThreadCard({ env, entry, active, expanded, onToggle }) {
     onToggle(null);
     header.current?.focus();
   };
-  return /* @__PURE__ */ jsxs5("div", { className: "quoin-comments-card", "data-active": active || void 0, onKeyDown, children: [
-    /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs("div", { className: "quoin-comments-card", "data-active": active || void 0, onKeyDown, children: [
+    /* @__PURE__ */ jsxs(
       "button",
       {
         ref: header,
@@ -583,27 +514,24 @@ function ThreadCard({ env, entry, active, expanded, onToggle }) {
         className: cn("flex w-full flex-col items-start gap-1 rounded-sm text-start", FOCUS_RING),
         onClick: () => onToggle(expanded ? null : thread.id),
         children: [
-          /* @__PURE__ */ jsx6("span", { className: removed ? "text-xs text-muted-foreground italic" : "quoin-comments-quote", children: removed ? labels.textRemoved : anchorText2 }),
-          first !== void 0 && /* @__PURE__ */ jsxs5("span", { className: "line-clamp-2 text-sm", children: [
-            /* @__PURE__ */ jsx6("span", { className: "font-medium", children: first.author.name }),
+          /* @__PURE__ */ jsx("span", { className: removed ? "text-xs text-muted-foreground italic" : "quoin-comments-quote", children: removed ? labels.textRemoved : anchorText2 }),
+          first !== void 0 && /* @__PURE__ */ jsxs("span", { className: "line-clamp-2 text-sm", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: first.author.name }),
             " ",
             first.body
           ] }),
-          /* @__PURE__ */ jsx6("span", { className: "text-xs text-muted-foreground", children: labels.commentCount(thread.comments.length) })
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: labels.commentCount(thread.comments.length) })
         ]
       }
     ),
-    expanded && /* @__PURE__ */ jsx6("div", { className: "mt-3", role: "group", "aria-label": removed ? labels.textRemoved : labels.thread(anchorText2), children: /* @__PURE__ */ jsx6(ThreadView, { env, id: thread.id, thread, onEnded: backToHeader }) })
+    expanded && /* @__PURE__ */ jsx("div", { className: "mt-3", role: "group", "aria-label": removed ? labels.textRemoved : labels.thread(anchorText2), children: /* @__PURE__ */ jsx(ThreadView, { env, id: thread.id, thread, onEnded: backToHeader }) })
   ] });
 }
-
-// src/extensions/comments/CommentsRail.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
 var GAP2 = 8;
 var layoutKey = (entries, value) => `${value.active} ${value.open !== null} ${entries.map(({ thread, ranges }) => `${thread.id}:${ranges[0]?.block}`)}`;
 function CommentsRail({ env, box, entries, value, onToggle }) {
   useBlockAligned(env.controller, box, GAP2, layoutKey(entries, value));
-  return /* @__PURE__ */ jsx7("div", { ref: box, className: "quoin-comments-rail", children: /* @__PURE__ */ jsx7("ul", { "aria-label": env.labels.comments, children: entries.map((entry) => /* @__PURE__ */ jsx7("li", { "data-rail-item": "", "data-block": entry.ranges[0]?.block ?? "", children: /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx("div", { ref: box, className: "quoin-comments-rail", children: /* @__PURE__ */ jsx("ul", { "aria-label": env.labels.comments, children: entries.map((entry) => /* @__PURE__ */ jsx("li", { "data-rail-item": "", "data-block": entry.ranges[0]?.block ?? "", children: /* @__PURE__ */ jsx(
     ThreadCard,
     {
       env,
@@ -614,23 +542,17 @@ function CommentsRail({ env, box, entries, value, onToggle }) {
     }
   ) }, entry.thread.id)) }) });
 }
-
-// src/extensions/comments/CommentsSheet.tsx
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { XIcon } from "lucide-react";
-import { useRef as useRef4 } from "react";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function CommentsSheet({ env, entries, value, onToggle, onClose, returnFocus }) {
   const { labels } = env;
-  const content = useRef4(null);
-  const outside = useRef4(false);
+  const content = useRef(null);
+  const outside = useRef(false);
   const focusOpened = (event) => {
     const opened = content.current?.querySelector('[aria-expanded="true"]');
     if (!opened) return;
     event.preventDefault();
     opened.focus();
   };
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx(
     DialogPrimitive.Root,
     {
       open: true,
@@ -638,7 +560,7 @@ function CommentsSheet({ env, entries, value, onToggle, onClose, returnFocus })
       onOpenChange: (open) => {
         if (!open) onClose();
       },
-      children: /* @__PURE__ */ jsx8(DialogPrimitive.Portal, { children: /* @__PURE__ */ jsxs6(
+      children: /* @__PURE__ */ jsx(DialogPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
         DialogPrimitive.Content,
         {
           ref: content,
@@ -653,11 +575,11 @@ function CommentsSheet({ env, entries, value, onToggle, onClose, returnFocus })
             if (!outside.current) returnFocus();
           },
           children: [
-            /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-2", children: [
-              /* @__PURE__ */ jsx8(DialogPrimitive.Title, { className: "text-sm font-semibold", children: labels.comments }),
-              /* @__PURE__ */ jsx8(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx8(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.close, children: /* @__PURE__ */ jsx8(XIcon, {}) }) })
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ jsx(DialogPrimitive.Title, { className: "text-sm font-semibold", children: labels.comments }),
+              /* @__PURE__ */ jsx(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.close, children: /* @__PURE__ */ jsx(XIcon, {}) }) })
             ] }),
-            /* @__PURE__ */ jsx8("ul", { "aria-label": labels.comments, className: "flex flex-col gap-2", children: entries.map((entry) => /* @__PURE__ */ jsx8("li", { children: /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx("ul", { "aria-label": labels.comments, className: "flex flex-col gap-2", children: entries.map((entry) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
               ThreadCard,
               {
                 env,
@@ -685,29 +607,20 @@ function railEntries(doc, threads, ended = []) {
   const place2 = ({ ranges: [first] }) => first === void 0 ? [Infinity, 0] : [indexOfBlock(doc, first.block), first.from];
   return entries.map((entry, order) => ({ entry, order, at: place2(entry) })).sort((a, b) => a.at[0] - b.at[0] || a.at[1] - b.at[1] || a.order - b.order).map(({ entry }) => entry);
 }
-
-// src/extensions/comments/ThreadPopover.tsx
-import { useMemo, useRef as useRef5 } from "react";
-
-// src/extensions/comments/ThreadChooser.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function ThreadChooser({ env, choices, onChoose }) {
-  return /* @__PURE__ */ jsx9("ul", { "aria-label": env.labels.threadsHere, className: "flex flex-col gap-1", children: choices.map(({ id, anchorText: anchorText2, preview }) => /* @__PURE__ */ jsx9("li", { children: /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsx("ul", { "aria-label": env.labels.threadsHere, className: "flex flex-col gap-1", children: choices.map(({ id, anchorText: anchorText2, preview }) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
     "button",
     {
       type: "button",
       className: "quoin-comments-choice",
       onClick: () => onChoose(id),
       children: [
-        /* @__PURE__ */ jsx9("span", { className: "quoin-comments-quote", children: anchorText2 }),
-        preview && /* @__PURE__ */ jsx9("span", { className: "line-clamp-1 text-sm", children: preview })
+        /* @__PURE__ */ jsx("span", { className: "quoin-comments-quote", children: anchorText2 }),
+        preview && /* @__PURE__ */ jsx("span", { className: "line-clamp-1 text-sm", children: preview })
       ]
     }
   ) }, id)) });
 }
-
-// src/extensions/comments/ThreadPopover.tsx
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var docOf = (state) => state.doc;
 function focusIsOurs(controller, content) {
   const active = content?.ownerDocument.activeElement ?? null;
@@ -719,7 +632,7 @@ function ThreadPopover({ env, open, threads, onChoose, onClose }) {
   const anchors = commentAnchors(doc);
   const { ids } = open;
   const first = ids.map((id) => anchors.get(id)?.[0]).find(Boolean);
-  const latest = useRef5(first);
+  const latest = useRef(first);
   useIsomorphicLayoutEffect(() => {
     if (first) latest.current = first;
   });
@@ -732,7 +645,7 @@ function ThreadPopover({ env, open, threads, onChoose, onClose }) {
     }),
     [controller]
   );
-  const content = useRef5(null);
+  const content = useRef(null);
   const focusField = () => {
     const target = content.current?.querySelector(`[${REPLY_FIELD}], button`);
     if (focusIsOurs(controller, content.current) && !content.current?.contains(content.current.ownerDocument.activeElement)) {
@@ -759,7 +672,7 @@ function ThreadPopover({ env, open, threads, onChoose, onClose }) {
     if (inside) backToText();
   };
   const choices = ids.map((id) => ({ id, anchorText: textOf(id), preview: threads.find(id)?.comments[0]?.body ?? "" }));
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs(
     Popover,
     {
       open: true,
@@ -768,8 +681,8 @@ function ThreadPopover({ env, open, threads, onChoose, onClose }) {
         if (!next) onClose();
       },
       children: [
-        /* @__PURE__ */ jsx10(PopoverAnchor, { virtualRef: anchor }),
-        /* @__PURE__ */ jsxs8(
+        /* @__PURE__ */ jsx(PopoverAnchor, { virtualRef: anchor }),
+        /* @__PURE__ */ jsxs(
           PopoverContent,
           {
             ref: content,
@@ -781,8 +694,8 @@ function ThreadPopover({ env, open, threads, onChoose, onClose }) {
             onCloseAutoFocus: (event) => event.preventDefault(),
             onEscapeKeyDown: onEscape,
             children: [
-              gone && /* @__PURE__ */ jsx10("p", { className: "mb-2 text-xs text-muted-foreground italic", children: labels.textRemoved }),
-              single ? /* @__PURE__ */ jsx10(ThreadView, { env, id: ids[0], thread: threads.find(ids[0]), onEnded: backToText }) : /* @__PURE__ */ jsx10(ThreadChooser, { env, choices, onChoose })
+              gone && /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs text-muted-foreground italic", children: labels.textRemoved }),
+              single ? /* @__PURE__ */ jsx(ThreadView, { env, id: ids[0], thread: threads.find(ids[0]), onEnded: backToText }) : /* @__PURE__ */ jsx(ThreadChooser, { env, choices, onChoose })
             ]
           },
           ids.join(" ")
@@ -791,9 +704,6 @@ function ThreadPopover({ env, open, threads, onChoose, onClose }) {
     }
   );
 }
-
-// src/extensions/comments/use-anchor-clicks.ts
-import { useEffect as useEffect3 } from "react";
 function idsUnder(root, target) {
   const ids = [];
   let element = target instanceof Element ? target.closest("[data-comment]") : null;
@@ -805,7 +715,7 @@ function idsUnder(root, target) {
   return ids;
 }
 function useAnchorClicks(controller, threads) {
-  useEffect3(() => {
+  useEffect(() => {
     const onClick = (event) => {
       const root = controller.root;
       if (root === null || event.defaultPrevented || !root.ownerDocument.getSelection()?.isCollapsed) return;
@@ -818,12 +728,9 @@ function useAnchorClicks(controller, threads) {
     return () => document.removeEventListener("click", onClick);
   }, [controller, threads]);
 }
-
-// src/extensions/comments/use-canvas-wide.ts
-import { useState as useState4 } from "react";
 var WIDE_CANVAS = 800;
 function useCanvasWide(box, initial) {
-  const [wide, setWide] = useState4(initial);
+  const [wide, setWide] = useState(initial);
   useIsomorphicLayoutEffect(() => {
     const canvas = box.current?.parentElement;
     if (!canvas) return void 0;
@@ -835,15 +742,9 @@ function useCanvasWide(box, initial) {
   }, [box]);
   return wide;
 }
-
-// src/extensions/comments/use-threads.ts
-import { useSyncExternalStore } from "react";
 function useThreads(threads) {
   return useSyncExternalStore(threads.subscribe, threads.get, threads.get);
 }
-
-// src/extensions/comments/CommentsOverlay.tsx
-import { Fragment, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var commentsOf = (state) => getPluginState(state, commentsKey);
 var docOf2 = (state) => state.doc;
 function CommentsOverlay({ controller, host, labels }) {
@@ -856,15 +757,15 @@ function CommentsOverlay({ controller, host, labels }) {
   const threads = useThreads(host.threads);
   const value = useEditorState(controller, commentsOf);
   const doc = useEditorState(controller, docOf2);
-  const entries = useMemo2(() => railEntries(doc, threads, value.ended), [doc, threads, value.ended]);
-  const box = useRef6(null);
+  const entries = useMemo(() => railEntries(doc, threads, value.ended), [doc, threads, value.ended]);
+  const box = useRef(null);
   const wide = useCanvasWide(box, host.initialLayout === "wide");
-  const [sheet, setSheet] = useState5(false);
-  const opener = useRef6(null);
-  useEffect4(() => {
+  const [sheet, setSheet] = useState(false);
+  const opener = useRef(null);
+  useEffect(() => {
     if (wide) setSheet(false);
   }, [wide]);
-  const env = useMemo2(() => ({ controller, host, labels, link }), [controller, host, labels, link]);
+  const env = useMemo(() => ({ controller, host, labels, link }), [controller, host, labels, link]);
   const act2 = useCallback(
     (action) => controller.editor.dispatch(commentsTransaction(controller.editor.state, action)),
     [controller]
@@ -883,9 +784,9 @@ function CommentsOverlay({ controller, host, labels }) {
     setSheet(false);
     toggle(null);
   };
-  return /* @__PURE__ */ jsxs9(Fragment, { children: [
-    wide ? /* @__PURE__ */ jsx11(CommentsRail, { env, box, entries, value, onToggle: toggle }) : /* @__PURE__ */ jsx11(CommentMarkers, { env, box, entries, onOpen: openSheet }),
-    !wide && sheet && /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    wide ? /* @__PURE__ */ jsx(CommentsRail, { env, box, entries, value, onToggle: toggle }) : /* @__PURE__ */ jsx(CommentMarkers, { env, box, entries, onOpen: openSheet }),
+    !wide && sheet && /* @__PURE__ */ jsx(
       CommentsSheet,
       {
         env,
@@ -896,7 +797,7 @@ function CommentsOverlay({ controller, host, labels }) {
         returnFocus
       }
     ),
-    value.open && /* @__PURE__ */ jsx11(
+    value.open && /* @__PURE__ */ jsx(
       ThreadPopover,
       {
         env,
@@ -932,9 +833,6 @@ function watchEnded(editor, threads) {
     if (kept.length < ended.length) editor.dispatch(commentsTransaction(editor.state, { type: "caught", kept }));
   });
 }
-
-// src/extensions/comments/comments-extension.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
 var commentItem = (labels) => ({
   id: "comment",
   title: labels.comment,
@@ -951,7 +849,7 @@ function commentsExtension(options) {
   const { labels: overrides, ...host } = options;
   const labels = resolveCommentsLabels(overrides);
   function Overlay({ controller }) {
-    return /* @__PURE__ */ jsx12(CommentsOverlay, { controller, host, labels });
+    return /* @__PURE__ */ jsx(CommentsOverlay, { controller, host, labels });
   }
   const ui = { bubbleItems: [commentItem(labels)], overlays: [Overlay] };
   return defineExtension({
@@ -1000,9 +898,7 @@ function createCommentThreads(initial = NO_THREADS) {
     }
   };
 }
-export {
-  commentsExtension,
-  createCommentThreads,
-  englishCommentsLabels
-};
+
+export { commentsExtension, createCommentThreads, englishCommentsLabels };
+//# sourceMappingURL=comments.js.map
 //# sourceMappingURL=comments.js.map