quoin-editor 1.0.2 → 1.1.0

package/dist/comments.cjs

@@ -1,64 +1,49 @@
-'use client';"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
-
-
-var _chunkXA3UEJIWcjs = require('./chunk-XA3UEJIW.cjs');
-
-
-var _chunk73653CJ4cjs = require('./chunk-73653CJ4.cjs');
-
-
-
-
-
-
-
-
-
-
-
-var _chunkCW3AFJBRcjs = require('./chunk-CW3AFJBR.cjs');
-
-
-
-
-var _chunkP6KYXFZCcjs = require('./chunk-P6KYXFZC.cjs');
-require('./chunk-EH5KXQXY.cjs');
-
-
-
-
-
-
-
-
-
-
-
-
-var _chunkZKVOS57Qcjs = require('./chunk-ZKVOS57Q.cjs');
-require('./chunk-6V6GGBDK.cjs');
-
-
-
-
-
-
-var _chunk4SLJNZSMcjs = require('./chunk-4SLJNZSM.cjs');
+'use client';'use strict';
+
+var chunkRIIXJWBR_cjs = require('./chunk-RIIXJWBR.cjs');
+var chunkNO3KTZDY_cjs = require('./chunk-NO3KTZDY.cjs');
+var chunkQEMGOL5L_cjs = require('./chunk-QEMGOL5L.cjs');
+var chunkACSEYJJF_cjs = require('./chunk-ACSEYJJF.cjs');
+require('./chunk-A6PGQVTR.cjs');
+var chunkVFSVN5IQ_cjs = require('./chunk-VFSVN5IQ.cjs');
+require('./chunk-7SVKLWDT.cjs');
+var chunkAIS37SL2_cjs = require('./chunk-AIS37SL2.cjs');
+var lucideReact = require('lucide-react');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var DialogPrimitive = require('@radix-ui/react-dialog');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
 
-// src/extensions/comments/comments-extension.tsx
-var _lucidereact = require('lucide-react');
+var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
 
 // src/extensions/comments/comment-anchors.ts
-var idsOf = (node) => _nullishCoalesce(_optionalChain([node, 'optionalAccess', _2 => _2.marks, 'access', _3 => _3.flatMap, 'call', _4 => _4((mark) => mark.type === "comment" && _optionalChain([mark, 'access', _5 => _5.attrs, 'optionalAccess', _6 => _6.id]) ? [mark.attrs.id] : [])]), () => ( []));
+var idsOf = (node) => node?.marks.flatMap((mark) => mark.type === "comment" && mark.attrs?.id ? [mark.attrs.id] : []) ?? [];
 function addRegion(anchors, block, region, inline2) {
   let position = 0;
   for (const node of inline2) {
     const from = position;
-    position += _chunk4SLJNZSMcjs.nodeLength.call(void 0, node);
+    position += chunkAIS37SL2_cjs.nodeLength(node);
     for (const id of idsOf(node)) {
-      const ranges = _nullishCoalesce(anchors.get(id), () => ( []));
+      const ranges = anchors.get(id) ?? [];
       const last = ranges[ranges.length - 1];
-      const continues = _optionalChain([last, 'optionalAccess', _7 => _7.block]) === block && last.region === region && last.to === from;
+      const continues = last?.block === block && last.region === region && last.to === from;
       if (continues) ranges[ranges.length - 1] = { ...last, to: position };
       else ranges.push({ block, region, from, to: position });
       anchors.set(id, ranges);
@@ -78,28 +63,28 @@ function commentAnchors(doc) {
   }
   return anchors;
 }
-var atomLabel = (node) => node.kind === "atom" ? _nullishCoalesce(node.attrs.label, () => ( "")) : "";
+var atomLabel = (node) => node.kind === "atom" ? node.attrs.label ?? "" : "";
 function anchorText(doc, ranges) {
   return ranges.map(({ block, region, from, to }) => {
-    const inline2 = _nullishCoalesce(_optionalChain([_chunk4SLJNZSMcjs.blockById.call(void 0, doc, block), 'optionalAccess', _8 => _8.regions, 'access', _9 => _9[region]]), () => ( []));
-    return _chunk4SLJNZSMcjs.inlineText.call(void 0, _chunk4SLJNZSMcjs.sliceInline.call(void 0, inline2, from, to), atomLabel);
+    const inline2 = chunkAIS37SL2_cjs.blockById(doc, block)?.regions[region] ?? [];
+    return chunkAIS37SL2_cjs.inlineText(chunkAIS37SL2_cjs.sliceInline(inline2, from, to), atomLabel);
   }).join(" ");
 }
 function commentIdsAt(doc, { block, region, offset }) {
-  const inline2 = _nullishCoalesce(_optionalChain([_chunk4SLJNZSMcjs.blockById.call(void 0, doc, block), 'optionalAccess', _10 => _10.regions, 'access', _11 => _11[region]]), () => ( []));
+  const inline2 = chunkAIS37SL2_cjs.blockById(doc, block)?.regions[region] ?? [];
   const ids = /* @__PURE__ */ new Set();
   let position = 0;
   for (const node of inline2) {
-    const end = position + _chunk4SLJNZSMcjs.nodeLength.call(void 0, node);
+    const end = position + chunkAIS37SL2_cjs.nodeLength(node);
     if (position <= offset && offset <= end && end > position) idsOf(node).forEach((id) => ids.add(id));
     position = end;
   }
   return [...ids].sort();
 }
 function threadRemoval(state, id) {
-  const tr = new (0, _chunkZKVOS57Qcjs.Transaction)(state).setOrigin("command");
-  for (const { block, region, from, to } of _nullishCoalesce(commentAnchors(state.doc).get(id), () => ( []))) {
-    tr.step(_chunkZKVOS57Qcjs.removeMarkStep.call(void 0, block, region, from, to, { type: "comment", attrs: { id } }));
+  const tr = new chunkVFSVN5IQ_cjs.Transaction(state).setOrigin("command");
+  for (const { block, region, from, to } of commentAnchors(state.doc).get(id) ?? []) {
+    tr.step(chunkVFSVN5IQ_cjs.removeMarkStep(block, region, from, to, { type: "comment", attrs: { id } }));
   }
   return tr;
 }
@@ -110,14 +95,14 @@ function mapPendingRanges(tr, ranges, state) {
     const from = tr.mapPos({ block: range.block, region: range.region, offset: range.from }, 1);
     const to = tr.mapPos({ block: range.block, region: range.region, offset: range.to }, -1);
     const { index } = state.doc;
-    if (!index.has(from.block) || !index.has(to.block) || _chunkZKVOS57Qcjs.comparePos.call(void 0, state.doc, from, to) >= 0) return [];
-    return _chunkZKVOS57Qcjs.markRanges.call(void 0, { ...state, selection: _chunkZKVOS57Qcjs.textSelection.call(void 0, from, to) });
+    if (!index.has(from.block) || !index.has(to.block) || chunkVFSVN5IQ_cjs.comparePos(state.doc, from, to) >= 0) return [];
+    return chunkVFSVN5IQ_cjs.markRanges({ ...state, selection: chunkVFSVN5IQ_cjs.textSelection(from, to) });
   });
 }
 
 // src/extensions/comments/comments-plugin.ts
-var isEnded = (ended, id, current) => ended.some((thread) => thread.id === id && _optionalChain([thread, 'access', _12 => _12.seen, 'optionalAccess', _13 => _13.resolved]) === _optionalChain([current, 'optionalAccess', _14 => _14.resolved]));
-var commentsKey = _chunkZKVOS57Qcjs.createPluginKey.call(void 0, "comments");
+var isEnded = (ended, id, current) => ended.some((thread) => thread.id === id && thread.seen?.resolved === current?.resolved);
+var commentsKey = chunkVFSVN5IQ_cjs.createPluginKey("comments");
 var COMMENTS = "comments";
 var IDLE = { pending: [], active: null, open: null, ended: [] };
 function act(value, action) {
@@ -127,7 +112,7 @@ function act(value, action) {
     case "settled": {
       const pending = value.pending.filter(({ key }) => key !== action.key);
       if (action.open === void 0) return { ...value, pending };
-      return { ...value, pending, active: _nullishCoalesce(action.open.ids[0], () => ( null)), open: action.open };
+      return { ...value, pending, active: action.open.ids[0] ?? null, open: action.open };
     }
     case "activate":
       return value.active === action.id ? value : { ...value, active: action.id };
@@ -137,7 +122,7 @@ function act(value, action) {
       return value.open === null ? value : { ...value, active: null, open: null };
     case "forget": {
       const active = value.active === action.id ? null : value.active;
-      const open = _optionalChain([value, 'access', _15 => _15.open, 'optionalAccess', _16 => _16.ids, 'access', _17 => _17.includes, 'call', _18 => _18(action.id)]) ? null : value.open;
+      const open = value.open?.ids.includes(action.id) ? null : value.open;
       const ended = [...value.ended.filter(({ id }) => id !== action.id), { id: action.id, seen: action.seen }];
       return { ...value, active, open, ended };
     }
@@ -155,7 +140,7 @@ function afterMove(tr, value, state) {
   const { open } = value;
   if (open === null || open.focus || !tr.selectionSet || !WRITER_MOVES.includes(tr.origin)) return value;
   const { selection } = state;
-  const here = _optionalChain([selection, 'optionalAccess', _19 => _19.kind]) === "text" ? commentIdsAt(state.doc, selection.head) : [];
+  const here = selection?.kind === "text" ? commentIdsAt(state.doc, selection.head) : [];
   return open.ids.some((id) => here.includes(id)) ? value : { ...value, active: null, open: null };
 }
 var commentsPlugin = {
@@ -170,26 +155,26 @@ var commentsPlugin = {
 
 // src/extensions/comments/comment-create.ts
 var nextKey = 0;
-var hasCommentableText = (state) => _optionalChain([state, 'access', _20 => _20.selection, 'optionalAccess', _21 => _21.kind]) === "text" && _chunkZKVOS57Qcjs.markRanges.call(void 0, state).length > 0;
+var hasCommentableText = (state) => state.selection?.kind === "text" && chunkVFSVN5IQ_cjs.markRanges(state).length > 0;
 var requestComment = (state, dispatch) => {
   const { selection } = state;
-  if (_optionalChain([selection, 'optionalAccess', _22 => _22.kind]) !== "text" || _chunkZKVOS57Qcjs.getPluginState.call(void 0, state, commentsKey).pending.length > 0) return false;
-  const ranges = _chunkZKVOS57Qcjs.markRanges.call(void 0, state);
+  if (selection?.kind !== "text" || chunkVFSVN5IQ_cjs.getPluginState(state, commentsKey).pending.length > 0) return false;
+  const ranges = chunkVFSVN5IQ_cjs.markRanges(state);
   if (ranges.length === 0) return false;
   if (dispatch === void 0) return true;
   const pending = { key: ++nextKey, ranges, selection };
   const action = { type: "pending", pending };
-  dispatch(new (0, _chunkZKVOS57Qcjs.Transaction)(state).setMeta(COMMENTS, action).setMeta("addToHistory", false));
+  dispatch(new chunkVFSVN5IQ_cjs.Transaction(state).setMeta(COMMENTS, action).setMeta("addToHistory", false));
   return true;
 };
 function settledTransaction(editor, key, id) {
-  const pending = _chunkZKVOS57Qcjs.getPluginState.call(void 0, editor.state, commentsKey).pending.find((anchor) => anchor.key === key);
+  const pending = chunkVFSVN5IQ_cjs.getPluginState(editor.state, commentsKey).pending.find((anchor) => anchor.key === key);
   const tr = editor.createTransaction().setOrigin("command");
-  const ranges = id === null ? [] : _nullishCoalesce(_optionalChain([pending, 'optionalAccess', _23 => _23.ranges]), () => ( []));
+  const ranges = id === null ? [] : pending?.ranges ?? [];
   for (const { block, region, from, to } of ranges) {
-    tr.step(_chunkZKVOS57Qcjs.addMarkStep.call(void 0, block, region, from, to, { type: "comment", attrs: { id } }));
+    tr.step(chunkVFSVN5IQ_cjs.addMarkStep(block, region, from, to, { type: "comment", attrs: { id } }));
   }
-  const untouched = pending !== void 0 && _chunkZKVOS57Qcjs.sameSelection.call(void 0, editor.state.selection, pending.selection);
+  const untouched = pending !== void 0 && chunkVFSVN5IQ_cjs.sameSelection(editor.state.selection, pending.selection);
   const open = id !== null && ranges.length > 0 && untouched ? { ids: [id], focus: true } : void 0;
   const action = { type: "settled", key, open };
   return tr.setMeta(COMMENTS, action);
@@ -200,7 +185,7 @@ function create(editor, pending, onCreate, link) {
     if (link.mounts === 0) return;
     const tr = settledTransaction(editor, pending.key, id);
     editor.dispatch(tr);
-    if (id === null) link.report(_chunkCW3AFJBRcjs.toError.call(void 0, error));
+    if (id === null) link.report(chunkQEMGOL5L_cjs.toError(error));
     else if (!tr.docChanged) link.report(new Error(`Comment thread ${id} has no text: it was deleted meanwhile`));
   };
   new Promise((resolve) => resolve(onCreate(input))).then(
@@ -210,30 +195,30 @@ function create(editor, pending, onCreate, link) {
 }
 function watchCreates(editor, onCreate, link) {
   return editor.subscribe((_, tr) => {
-    const action = _optionalChain([tr, 'optionalAccess', _24 => _24.getMeta, 'call', _25 => _25(COMMENTS)]);
-    if (_optionalChain([action, 'optionalAccess', _26 => _26.type]) === "pending") create(editor, action.pending, onCreate, link);
+    const action = tr?.getMeta(COMMENTS);
+    if (action?.type === "pending") create(editor, action.pending, onCreate, link);
   });
 }
 
 // src/extensions/comments/comment-open.ts
 function openIds(state, threads, ids) {
-  const { ended } = _chunkZKVOS57Qcjs.getPluginState.call(void 0, state, commentsKey);
+  const { ended } = chunkVFSVN5IQ_cjs.getPluginState(state, commentsKey);
   return ids.filter((id) => {
     const thread = threads.find(id);
-    return _optionalChain([thread, 'optionalAccess', _27 => _27.resolved]) === false && !isEnded(ended, id, thread);
+    return thread?.resolved === false && !isEnded(ended, id, thread);
   });
 }
 function commentsTransaction(state, action) {
-  return new (0, _chunkZKVOS57Qcjs.Transaction)(state).setMeta(COMMENTS, action).setMeta("addToHistory", false);
+  return new chunkVFSVN5IQ_cjs.Transaction(state).setMeta(COMMENTS, action).setMeta("addToHistory", false);
 }
 function commentCommand(threads) {
   return (state, dispatch) => {
     if (requestComment(state, dispatch)) return true;
     const { selection } = state;
-    if (_optionalChain([selection, 'optionalAccess', _28 => _28.kind]) !== "text" || !_chunkZKVOS57Qcjs.isCollapsed.call(void 0, selection)) return false;
+    if (selection?.kind !== "text" || !chunkVFSVN5IQ_cjs.isCollapsed(selection)) return false;
     const ids = openIds(state, threads, commentIdsAt(state.doc, selection.head));
     if (ids.length === 0) return false;
-    _optionalChain([dispatch, 'optionalCall', _29 => _29(commentsTransaction(state, { type: "open", open: { ids, focus: true } }))]);
+    dispatch?.(commentsTransaction(state, { type: "open", open: { ids, focus: true } }));
     return true;
   };
 }
@@ -261,7 +246,7 @@ var englishCommentsLabels = {
   postedAt: englishDate
 };
 function resolveCommentsLabels(overrides) {
-  const given = Object.entries(_nullishCoalesce(overrides, () => ( {}))).filter(([, value]) => value !== void 0);
+  const given = Object.entries(overrides ?? {}).filter(([, value]) => value !== void 0);
   return given.length === 0 ? englishCommentsLabels : { ...englishCommentsLabels, ...Object.fromEntries(given) };
 }
 
@@ -276,17 +261,11 @@ function linkOf(editor) {
   return link;
 }
 
-// src/extensions/comments/CommentsOverlay.tsx
-var _react = require('react');
-
-// src/extensions/comments/CommentMarkers.tsx
-
-
 // src/extensions/comments/rail-layout.ts
 function stackTops(items, gap) {
   let next = 0;
   return items.map(({ top, height }) => {
-    const placed = Math.max(_nullishCoalesce(top, () => ( next)), next);
+    const placed = Math.max(top ?? next, next);
     next = placed + height + gap;
     return placed;
   });
@@ -304,7 +283,7 @@ function place(controller, box, gap) {
   if (root === null) return;
   const items = Array.from(box.querySelectorAll("[data-rail-item]"));
   const tops = stackTops(
-    items.map((item) => ({ top: topOf(controller, root, _nullishCoalesce(item.dataset.block, () => ( ""))), height: item.offsetHeight })),
+    items.map((item) => ({ top: topOf(controller, root, item.dataset.block ?? ""), height: item.offsetHeight })),
     gap
   );
   items.forEach((item, i) => item.style.transform = `translateY(${tops[i]}px)`);
@@ -312,9 +291,9 @@ function place(controller, box, gap) {
   root.style.setProperty(HEIGHT, `${bottom}px`);
 }
 function useBlockAligned(controller, box, gap, key) {
-  _chunkP6KYXFZCcjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  chunkACSEYJJF_cjs.useIsomorphicLayoutEffect(() => {
     const element = box.current;
-    const view = _optionalChain([element, 'optionalAccess', _30 => _30.ownerDocument, 'access', _31 => _31.defaultView]);
+    const view = element?.ownerDocument.defaultView;
     if (!element || !view) return void 0;
     const update = () => place(controller, element, gap);
     update();
@@ -331,19 +310,16 @@ function useBlockAligned(controller, box, gap, key) {
       view.cancelAnimationFrame(frame);
       unsubscribe();
       observer.disconnect();
-      _optionalChain([element, 'access', _32 => _32.parentElement, 'optionalAccess', _33 => _33.style, 'access', _34 => _34.removeProperty, 'call', _35 => _35(HEIGHT)]);
+      element.parentElement?.style.removeProperty(HEIGHT);
     };
   }, [controller, box, gap, key]);
 }
-
-// src/extensions/comments/CommentMarkers.tsx
-var _jsxruntime = require('react/jsx-runtime');
 var GAP = 4;
 function groupsOf(entries) {
   const groups = /* @__PURE__ */ new Map();
   for (const { thread, ranges } of entries) {
-    const block = _nullishCoalesce(_optionalChain([ranges, 'access', _36 => _36[0], 'optionalAccess', _37 => _37.block]), () => ( ""));
-    groups.set(block, [..._nullishCoalesce(groups.get(block), () => ( [])), thread.id]);
+    const block = ranges[0]?.block ?? "";
+    groups.set(block, [...groups.get(block) ?? [], thread.id]);
   }
   const removed = groups.get("");
   groups.delete("");
@@ -352,17 +328,17 @@ function groupsOf(entries) {
 function CommentMarkers({ env, box, entries, onOpen }) {
   const groups = groupsOf(entries);
   useBlockAligned(env.controller, box, GAP, groups.map(({ block, ids }) => `${block}:${ids}`).join(" "));
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: box, className: "quoin-comments-markers", children: groups.map(({ block, ids }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: box, className: "quoin-comments-markers", children: groups.map(({ block, ids }) => /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     {
       type: "button",
       "data-rail-item": "",
       "data-block": block,
       "aria-label": env.labels.showComments(ids.length),
-      className: _chunkCW3AFJBRcjs.cn.call(void 0, "quoin-comments-marker", _chunkCW3AFJBRcjs.FOCUS_RING),
+      className: chunkQEMGOL5L_cjs.cn("quoin-comments-marker", chunkQEMGOL5L_cjs.FOCUS_RING),
       onClick: (event) => onOpen(ids[0], event.currentTarget),
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.MessageSquare, { "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquare, { "aria-hidden": "true" }),
         ids.length
       ]
     },
@@ -370,41 +346,31 @@ function CommentMarkers({ env, box, entries, onOpen }) {
   )) });
 }
 
-// src/extensions/comments/ThreadCard.tsx
-
-
-// src/extensions/comments/ThreadView.tsx
-
-
 // src/extensions/comments/comment-actions.ts
 async function called(link, call) {
   try {
     await call();
     return true;
   } catch (error) {
-    link.report(_chunkCW3AFJBRcjs.toError.call(void 0, error));
+    link.report(chunkQEMGOL5L_cjs.toError(error));
     return false;
   }
 }
 async function endThread(editor, link, call, id, threads) {
   if (!await called(link, () => call(id)) || link.mounts === 0) return false;
-  const action = { type: "forget", id, seen: _optionalChain([threads, 'optionalAccess', _38 => _38.find, 'call', _39 => _39(id)]) };
+  const action = { type: "forget", id, seen: threads?.find(id) };
   editor.dispatch(threadRemoval(editor.state, id).setMeta(COMMENTS, action));
   return true;
 }
 function sendReply(link, call, id, body) {
   return called(link, () => call(id, body));
 }
-
-// src/extensions/comments/CommentAvatar.tsx
-
-
-var initials = (name) => name.trim().split(/\s+/).slice(0, 2).map((word) => _nullishCoalesce(_optionalChain([Array, 'access', _40 => _40.from, 'call', _41 => _41(word), 'access', _42 => _42[0], 'optionalAccess', _43 => _43.toUpperCase, 'call', _44 => _44()]), () => ( ""))).join("");
+var initials = (name) => name.trim().split(/\s+/).slice(0, 2).map((word) => Array.from(word)[0]?.toUpperCase() ?? "").join("");
 function CommentAvatar({ author }) {
-  const picture = _chunkXA3UEJIWcjs.webAddress.call(void 0, author.avatarUrl);
-  const [failed, setFailed] = _react.useState.call(void 0, null);
+  const picture = chunkRIIXJWBR_cjs.webAddress(author.avatarUrl);
+  const [failed, setFailed] = react.useState(null);
   if (picture !== null && picture !== failed) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    return /* @__PURE__ */ jsxRuntime.jsx(
       "img",
       {
         src: picture,
@@ -417,35 +383,27 @@ function CommentAvatar({ author }) {
       }
     );
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "quoin-comments-initials", children: initials(author.name) });
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "quoin-comments-initials", children: initials(author.name) });
 }
-
-// src/extensions/comments/CommentItem.tsx
-
 function CommentItem({ comment, labels }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { className: "flex gap-2", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CommentAvatar, { author: comment.author }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "flex flex-wrap items-baseline gap-x-2 text-sm", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium", children: comment.author.name }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "time", { dateTime: comment.createdAt, className: "text-xs text-muted-foreground", children: labels.postedAt(comment.createdAt) })
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(CommentAvatar, { author: comment.author }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex flex-wrap items-baseline gap-x-2 text-sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: comment.author.name }),
+        /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: comment.createdAt, className: "text-xs text-muted-foreground", children: labels.postedAt(comment.createdAt) })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "quoin-comments-body text-sm", children: comment.body })
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "quoin-comments-body text-sm", children: comment.body })
     ] })
   ] });
 }
-
-// src/extensions/comments/ReplyBox.tsx
-
-
-
 var REPLY_FIELD = "data-comments-field";
 function ReplyBox({ env, threadId, first }) {
   const { controller, host, labels, link } = env;
-  const [body, setBody] = _react.useState.call(void 0, "");
-  const [sending, setSending] = _react.useState.call(void 0, false);
-  const alive = _react.useRef.call(void 0, true);
-  _react.useEffect.call(void 0, () => {
+  const [body, setBody] = react.useState("");
+  const [sending, setSending] = react.useState(false);
+  const alive = react.useRef(true);
+  react.useEffect(() => {
     alive.current = true;
     return () => {
       alive.current = false;
@@ -471,9 +429,9 @@ function ReplyBox({ env, threadId, first }) {
     event.preventDefault();
     void send();
   };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { className: "flex items-start gap-2", onSubmit, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CommentAvatar, { author: host.currentUser }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "flex items-start gap-2", onSubmit, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(CommentAvatar, { author: host.currentUser }),
+    /* @__PURE__ */ jsxRuntime.jsx(
       "textarea",
       {
         ...{ [REPLY_FIELD]: "" },
@@ -486,50 +444,47 @@ function ReplyBox({ env, threadId, first }) {
         className: "quoin-comments-field"
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkCW3AFJBRcjs.Button,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkQEMGOL5L_cjs.Button,
       {
         type: "submit",
         variant: "ghost",
         size: "icon-sm",
         "aria-label": labels.send,
         "aria-disabled": text === "" || sending || void 0,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.SendHorizontal, {})
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SendHorizontal, {})
       }
     )
   ] });
 }
-
-// src/extensions/comments/ThreadView.tsx
-
 function ThreadView({ env, id, thread, onEnded }) {
   const { controller, host, labels, link } = env;
-  const readOnly = _chunkP6KYXFZCcjs.useReadOnly.call(void 0, controller);
-  const [busy, setBusy] = _react.useState.call(void 0, false);
-  const alive = _react.useRef.call(void 0, true);
-  const root = _react.useRef.call(void 0, null);
-  _react.useEffect.call(void 0, () => {
+  const readOnly = chunkACSEYJJF_cjs.useReadOnly(controller);
+  const [busy, setBusy] = react.useState(false);
+  const alive = react.useRef(true);
+  const root = react.useRef(null);
+  react.useEffect(() => {
     alive.current = true;
     return () => {
       alive.current = false;
     };
   }, []);
-  const comments = _nullishCoalesce(_optionalChain([thread, 'optionalAccess', _45 => _45.comments]), () => ( []));
+  const comments = thread?.comments ?? [];
   const end = async (call) => {
     if (busy) return;
     setBusy(true);
     const ended = await endThread(controller.editor, link, call, id, host.threads);
     if (alive.current) setBusy(false);
     const active = document.activeElement;
-    const stayed = active === null || active === document.body || _optionalChain([root, 'access', _46 => _46.current, 'optionalAccess', _47 => _47.contains, 'call', _48 => _48(active)]) === true;
+    const stayed = active === null || active === document.body || root.current?.contains(active) === true;
     if (ended && stayed) onEnded();
   };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: root, className: "flex flex-col gap-3", children: [
-    comments.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ol", { className: "flex flex-col gap-3", children: comments.map((comment) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CommentItem, { comment, labels }, comment.id)) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ReplyBox, { env, threadId: id, first: comments.length === 0 }),
-    !readOnly && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-end gap-1", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkCW3AFJBRcjs.Button,
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: root, className: "flex flex-col gap-3", children: [
+    comments.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex flex-col gap-3", children: comments.map((comment) => /* @__PURE__ */ jsxRuntime.jsx(CommentItem, { comment, labels }, comment.id)) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ReplyBox, { env, threadId: id, first: comments.length === 0 }),
+    !readOnly && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkQEMGOL5L_cjs.Button,
         {
           type: "button",
           variant: "ghost",
@@ -539,8 +494,8 @@ function ThreadView({ env, id, thread, onEnded }) {
           children: labels.resolve
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkCW3AFJBRcjs.Button,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkQEMGOL5L_cjs.Button,
         {
           type: "button",
           variant: "ghost",
@@ -553,17 +508,14 @@ function ThreadView({ env, id, thread, onEnded }) {
     ] })
   ] });
 }
-
-// src/extensions/comments/ThreadCard.tsx
-
 function ThreadCard({ env, entry, active, expanded, onToggle }) {
   const { labels, controller } = env;
   const { thread, anchorText: anchorText2, ranges } = entry;
-  const header = _react.useRef.call(void 0, null);
+  const header = react.useRef(null);
   const [first] = thread.comments;
   const removed = ranges.length === 0;
   const backToHeader = () => {
-    if (_optionalChain([header, 'access', _49 => _49.current, 'optionalAccess', _50 => _50.isConnected])) header.current.focus();
+    if (header.current?.isConnected) header.current.focus();
     else controller.focus();
   };
   const onKeyDown = (event) => {
@@ -571,39 +523,36 @@ function ThreadCard({ env, entry, active, expanded, onToggle }) {
     event.preventDefault();
     event.stopPropagation();
     onToggle(null);
-    _optionalChain([header, 'access', _51 => _51.current, 'optionalAccess', _52 => _52.focus, 'call', _53 => _53()]);
+    header.current?.focus();
   };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "quoin-comments-card", "data-active": active || void 0, onKeyDown, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "quoin-comments-card", "data-active": active || void 0, onKeyDown, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         ref: header,
         type: "button",
         "aria-expanded": expanded,
-        className: _chunkCW3AFJBRcjs.cn.call(void 0, "flex w-full flex-col items-start gap-1 rounded-sm text-start", _chunkCW3AFJBRcjs.FOCUS_RING),
+        className: chunkQEMGOL5L_cjs.cn("flex w-full flex-col items-start gap-1 rounded-sm text-start", chunkQEMGOL5L_cjs.FOCUS_RING),
         onClick: () => onToggle(expanded ? null : thread.id),
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: removed ? "text-xs text-muted-foreground italic" : "quoin-comments-quote", children: removed ? labels.textRemoved : anchorText2 }),
-          first !== void 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "line-clamp-2 text-sm", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium", children: first.author.name }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: removed ? "text-xs text-muted-foreground italic" : "quoin-comments-quote", children: removed ? labels.textRemoved : anchorText2 }),
+          first !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "line-clamp-2 text-sm", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: first.author.name }),
             " ",
             first.body
           ] }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xs text-muted-foreground", children: labels.commentCount(thread.comments.length) })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: labels.commentCount(thread.comments.length) })
         ]
       }
     ),
-    expanded && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-3", role: "group", "aria-label": removed ? labels.textRemoved : labels.thread(anchorText2), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadView, { env, id: thread.id, thread, onEnded: backToHeader }) })
+    expanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3", role: "group", "aria-label": removed ? labels.textRemoved : labels.thread(anchorText2), children: /* @__PURE__ */ jsxRuntime.jsx(ThreadView, { env, id: thread.id, thread, onEnded: backToHeader }) })
   ] });
 }
-
-// src/extensions/comments/CommentsRail.tsx
-
 var GAP2 = 8;
-var layoutKey = (entries, value) => `${value.active} ${value.open !== null} ${entries.map(({ thread, ranges }) => `${thread.id}:${_optionalChain([ranges, 'access', _54 => _54[0], 'optionalAccess', _55 => _55.block])}`)}`;
+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__ */ _jsxruntime.jsx.call(void 0, "div", { ref: box, className: "quoin-comments-rail", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { "aria-label": env.labels.comments, children: entries.map((entry) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { "data-rail-item": "", "data-block": _nullishCoalesce(_optionalChain([entry, 'access', _56 => _56.ranges, 'access', _57 => _57[0], 'optionalAccess', _58 => _58.block]), () => ( "")), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: box, className: "quoin-comments-rail", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { "aria-label": env.labels.comments, children: entries.map((entry) => /* @__PURE__ */ jsxRuntime.jsx("li", { "data-rail-item": "", "data-block": entry.ranges[0]?.block ?? "", children: /* @__PURE__ */ jsxRuntime.jsx(
     ThreadCard,
     {
       env,
@@ -614,32 +563,26 @@ function CommentsRail({ env, box, entries, value, onToggle }) {
     }
   ) }, entry.thread.id)) }) });
 }
-
-// src/extensions/comments/CommentsSheet.tsx
-var _reactdialog = require('@radix-ui/react-dialog'); var DialogPrimitive = _interopRequireWildcard(_reactdialog);
-
-
-
 function CommentsSheet({ env, entries, value, onToggle, onClose, returnFocus }) {
   const { labels } = env;
-  const content = _react.useRef.call(void 0, null);
-  const outside = _react.useRef.call(void 0, false);
+  const content = react.useRef(null);
+  const outside = react.useRef(false);
   const focusOpened = (event) => {
-    const opened = _optionalChain([content, 'access', _59 => _59.current, 'optionalAccess', _60 => _60.querySelector, 'call', _61 => _61('[aria-expanded="true"]')]);
+    const opened = content.current?.querySelector('[aria-expanded="true"]');
     if (!opened) return;
     event.preventDefault();
     opened.focus();
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    DialogPrimitive.Root,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DialogPrimitive__namespace.Root,
     {
       open: true,
       modal: false,
       onOpenChange: (open) => {
         if (!open) onClose();
       },
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        DialogPrimitive.Content,
+      children: /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+        DialogPrimitive__namespace.Content,
         {
           ref: content,
           "aria-describedby": void 0,
@@ -653,11 +596,11 @@ function CommentsSheet({ env, entries, value, onToggle, onClose, returnFocus })
             if (!outside.current) returnFocus();
           },
           children: [
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between gap-2", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogPrimitive.Title, { className: "text-sm font-semibold", children: labels.comments }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCW3AFJBRcjs.Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.close, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.XIcon, {}) }) })
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Title, { className: "text-sm font-semibold", children: labels.comments }),
+              /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkQEMGOL5L_cjs.Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.close, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, {}) }) })
             ] }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { "aria-label": labels.comments, className: "flex flex-col gap-2", children: entries.map((entry) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            /* @__PURE__ */ jsxRuntime.jsx("ul", { "aria-label": labels.comments, className: "flex flex-col gap-2", children: entries.map((entry) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
               ThreadCard,
               {
                 env,
@@ -679,71 +622,62 @@ var NONE = [];
 function railEntries(doc, threads, ended = []) {
   const anchors = commentAnchors(doc);
   const entries = threads.filter((thread) => !thread.resolved && !isEnded(ended, thread.id, thread)).map((thread) => {
-    const ranges = _nullishCoalesce(anchors.get(thread.id), () => ( NONE));
+    const ranges = anchors.get(thread.id) ?? NONE;
     return { thread, ranges, anchorText: anchorText(doc, ranges) };
   });
-  const place2 = ({ ranges: [first] }) => first === void 0 ? [Infinity, 0] : [_chunk4SLJNZSMcjs.indexOfBlock.call(void 0, doc, first.block), first.from];
+  const place2 = ({ ranges: [first] }) => first === void 0 ? [Infinity, 0] : [chunkAIS37SL2_cjs.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
-
-
-// src/extensions/comments/ThreadChooser.tsx
-
 function ThreadChooser({ env, choices, onChoose }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { "aria-label": env.labels.threadsHere, className: "flex flex-col gap-1", children: choices.map(({ id, anchorText: anchorText2, preview }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { "aria-label": env.labels.threadsHere, className: "flex flex-col gap-1", children: choices.map(({ id, anchorText: anchorText2, preview }) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     {
       type: "button",
       className: "quoin-comments-choice",
       onClick: () => onChoose(id),
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "quoin-comments-quote", children: anchorText2 }),
-        preview && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "line-clamp-1 text-sm", children: preview })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "quoin-comments-quote", children: anchorText2 }),
+        preview && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "line-clamp-1 text-sm", children: preview })
       ]
     }
   ) }, id)) });
 }
-
-// src/extensions/comments/ThreadPopover.tsx
-
 var docOf = (state) => state.doc;
 function focusIsOurs(controller, content) {
-  const active = _nullishCoalesce(_optionalChain([content, 'optionalAccess', _62 => _62.ownerDocument, 'access', _63 => _63.activeElement]), () => ( null));
-  return active === null || active === active.ownerDocument.body || _chunk73653CJ4cjs.ownsNode.call(void 0, controller, active);
+  const active = content?.ownerDocument.activeElement ?? null;
+  return active === null || active === active.ownerDocument.body || chunkNO3KTZDY_cjs.ownsNode(controller, active);
 }
 function ThreadPopover({ env, open, threads, onChoose, onClose }) {
   const { controller, labels } = env;
-  const doc = _chunkP6KYXFZCcjs.useEditorState.call(void 0, controller, docOf);
+  const doc = chunkACSEYJJF_cjs.useEditorState(controller, docOf);
   const anchors = commentAnchors(doc);
   const { ids } = open;
-  const first = ids.map((id) => _optionalChain([anchors, 'access', _64 => _64.get, 'call', _65 => _65(id), 'optionalAccess', _66 => _66[0]])).find(Boolean);
-  const latest = _react.useRef.call(void 0, first);
-  _chunkP6KYXFZCcjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  const first = ids.map((id) => anchors.get(id)?.[0]).find(Boolean);
+  const latest = react.useRef(first);
+  chunkACSEYJJF_cjs.useIsomorphicLayoutEffect(() => {
     if (first) latest.current = first;
   });
-  const anchor = _react.useMemo.call(void 0, 
+  const anchor = react.useMemo(
     () => ({
-      current: _chunkCW3AFJBRcjs.virtualAnchor.call(void 0, 
-        () => latest.current ? _chunkCW3AFJBRcjs.rangeRect.call(void 0, controller, latest.current) : null,
+      current: chunkQEMGOL5L_cjs.virtualAnchor(
+        () => latest.current ? chunkQEMGOL5L_cjs.rangeRect(controller, latest.current) : null,
         () => latest.current && controller.registry.get(latest.current.block, latest.current.region)
       )
     }),
     [controller]
   );
-  const content = _react.useRef.call(void 0, null);
+  const content = react.useRef(null);
   const focusField = () => {
-    const target = _optionalChain([content, 'access', _67 => _67.current, 'optionalAccess', _68 => _68.querySelector, 'call', _69 => _69(`[${REPLY_FIELD}], button`)]);
-    if (focusIsOurs(controller, content.current) && !_optionalChain([content, 'access', _70 => _70.current, 'optionalAccess', _71 => _71.contains, 'call', _72 => _72(content.current.ownerDocument.activeElement)])) {
-      _optionalChain([target, 'optionalAccess', _73 => _73.focus, 'call', _74 => _74()]);
+    const target = content.current?.querySelector(`[${REPLY_FIELD}], button`);
+    if (focusIsOurs(controller, content.current) && !content.current?.contains(content.current.ownerDocument.activeElement)) {
+      target?.focus();
     }
   };
-  _chunkP6KYXFZCcjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  chunkACSEYJJF_cjs.useIsomorphicLayoutEffect(() => {
     if (open.focus) focusField();
   }, [open]);
   if (first === void 0 && latest.current === void 0) return null;
-  const textOf = (id) => anchorText(doc, _nullishCoalesce(anchors.get(id), () => ( []))) || labels.textRemoved;
+  const textOf = (id) => anchorText(doc, anchors.get(id) ?? []) || labels.textRemoved;
   const single = ids.length === 1;
   const gone = single && !anchors.has(ids[0]);
   const backToText = () => controller.focus();
@@ -754,13 +688,13 @@ function ThreadPopover({ env, open, threads, onChoose, onClose }) {
   const onEscape = (event) => {
     event.preventDefault();
     event.stopPropagation();
-    const inside = _nullishCoalesce(_optionalChain([content, 'access', _75 => _75.current, 'optionalAccess', _76 => _76.contains, 'call', _77 => _77(content.current.ownerDocument.activeElement)]), () => ( false));
+    const inside = content.current?.contains(content.current.ownerDocument.activeElement) ?? false;
     onClose();
     if (inside) backToText();
   };
-  const choices = ids.map((id) => ({ id, anchorText: textOf(id), preview: _nullishCoalesce(_optionalChain([threads, 'access', _78 => _78.find, 'call', _79 => _79(id), 'optionalAccess', _80 => _80.comments, 'access', _81 => _81[0], 'optionalAccess', _82 => _82.body]), () => ( "")) }));
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkCW3AFJBRcjs.Popover,
+  const choices = ids.map((id) => ({ id, anchorText: textOf(id), preview: threads.find(id)?.comments[0]?.body ?? "" }));
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkQEMGOL5L_cjs.Popover,
     {
       open: true,
       modal: false,
@@ -768,9 +702,9 @@ function ThreadPopover({ env, open, threads, onChoose, onClose }) {
         if (!next) onClose();
       },
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCW3AFJBRcjs.PopoverAnchor, { virtualRef: anchor }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          _chunkCW3AFJBRcjs.PopoverContent,
+        /* @__PURE__ */ jsxRuntime.jsx(chunkQEMGOL5L_cjs.PopoverAnchor, { virtualRef: anchor }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          chunkQEMGOL5L_cjs.PopoverContent,
           {
             ref: content,
             "aria-label": gone ? labels.textRemoved : single ? labels.thread(textOf(ids[0])) : labels.threadsHere,
@@ -781,8 +715,8 @@ function ThreadPopover({ env, open, threads, onChoose, onClose }) {
             onCloseAutoFocus: (event) => event.preventDefault(),
             onEscapeKeyDown: onEscape,
             children: [
-              gone && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mb-2 text-xs text-muted-foreground italic", children: labels.textRemoved }),
-              single ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadView, { env, id: ids[0], thread: threads.find(ids[0]), onEnded: backToText }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThreadChooser, { env, choices, onChoose })
+              gone && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-xs text-muted-foreground italic", children: labels.textRemoved }),
+              single ? /* @__PURE__ */ jsxRuntime.jsx(ThreadView, { env, id: ids[0], thread: threads.find(ids[0]), onEnded: backToText }) : /* @__PURE__ */ jsxRuntime.jsx(ThreadChooser, { env, choices, onChoose })
             ]
           },
           ids.join(" ")
@@ -791,24 +725,21 @@ function ThreadPopover({ env, open, threads, onChoose, onClose }) {
     }
   );
 }
-
-// src/extensions/comments/use-anchor-clicks.ts
-
 function idsUnder(root, target) {
   const ids = [];
   let element = target instanceof Element ? target.closest("[data-comment]") : null;
   while (element !== null && root.contains(element)) {
     const id = element.getAttribute("data-comment");
     if (id) ids.push(id);
-    element = _nullishCoalesce(_optionalChain([element, 'access', _83 => _83.parentElement, 'optionalAccess', _84 => _84.closest, 'call', _85 => _85("[data-comment]")]), () => ( null));
+    element = element.parentElement?.closest("[data-comment]") ?? null;
   }
   return ids;
 }
 function useAnchorClicks(controller, threads) {
-  _react.useEffect.call(void 0, () => {
+  react.useEffect(() => {
     const onClick = (event) => {
       const root = controller.root;
-      if (root === null || event.defaultPrevented || !_optionalChain([root, 'access', _86 => _86.ownerDocument, 'access', _87 => _87.getSelection, 'call', _88 => _88(), 'optionalAccess', _89 => _89.isCollapsed])) return;
+      if (root === null || event.defaultPrevented || !root.ownerDocument.getSelection()?.isCollapsed) return;
       const { editor } = controller;
       const ids = openIds(editor.state, threads, idsUnder(root, event.target));
       if (ids.length === 0) return;
@@ -818,14 +749,11 @@ function useAnchorClicks(controller, threads) {
     return () => document.removeEventListener("click", onClick);
   }, [controller, threads]);
 }
-
-// src/extensions/comments/use-canvas-wide.ts
-
 var WIDE_CANVAS = 800;
 function useCanvasWide(box, initial) {
-  const [wide, setWide] = _react.useState.call(void 0, initial);
-  _chunkP6KYXFZCcjs.useIsomorphicLayoutEffect.call(void 0, () => {
-    const canvas = _optionalChain([box, 'access', _90 => _90.current, 'optionalAccess', _91 => _91.parentElement]);
+  const [wide, setWide] = react.useState(initial);
+  chunkACSEYJJF_cjs.useIsomorphicLayoutEffect(() => {
+    const canvas = box.current?.parentElement;
     if (!canvas) return void 0;
     const measure = () => setWide(canvas.offsetWidth >= WIDE_CANVAS);
     measure();
@@ -835,57 +763,51 @@ function useCanvasWide(box, initial) {
   }, [box]);
   return wide;
 }
-
-// src/extensions/comments/use-threads.ts
-
 function useThreads(threads) {
-  return _react.useSyncExternalStore.call(void 0, threads.subscribe, threads.get, threads.get);
+  return react.useSyncExternalStore(threads.subscribe, threads.get, threads.get);
 }
-
-// src/extensions/comments/CommentsOverlay.tsx
-
-var commentsOf = (state) => _chunkZKVOS57Qcjs.getPluginState.call(void 0, state, commentsKey);
+var commentsOf = (state) => chunkVFSVN5IQ_cjs.getPluginState(state, commentsKey);
 var docOf2 = (state) => state.doc;
 function CommentsOverlay({ controller, host, labels }) {
-  const { onError } = _chunkCW3AFJBRcjs.useQuoin.call(void 0, );
+  const { onError } = chunkQEMGOL5L_cjs.useQuoin();
   const link = linkOf(controller.editor);
-  _chunkP6KYXFZCcjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  chunkACSEYJJF_cjs.useIsomorphicLayoutEffect(() => {
     link.report = onError;
   }, [link, onError]);
   useAnchorClicks(controller, host.threads);
   const threads = useThreads(host.threads);
-  const value = _chunkP6KYXFZCcjs.useEditorState.call(void 0, controller, commentsOf);
-  const doc = _chunkP6KYXFZCcjs.useEditorState.call(void 0, controller, docOf2);
-  const entries = _react.useMemo.call(void 0, () => railEntries(doc, threads, value.ended), [doc, threads, value.ended]);
-  const box = _react.useRef.call(void 0, null);
+  const value = chunkACSEYJJF_cjs.useEditorState(controller, commentsOf);
+  const doc = chunkACSEYJJF_cjs.useEditorState(controller, docOf2);
+  const entries = react.useMemo(() => railEntries(doc, threads, value.ended), [doc, threads, value.ended]);
+  const box = react.useRef(null);
   const wide = useCanvasWide(box, host.initialLayout === "wide");
-  const [sheet, setSheet] = _react.useState.call(void 0, false);
-  const opener = _react.useRef.call(void 0, null);
-  _react.useEffect.call(void 0, () => {
+  const [sheet, setSheet] = react.useState(false);
+  const opener = react.useRef(null);
+  react.useEffect(() => {
     if (wide) setSheet(false);
   }, [wide]);
-  const env = _react.useMemo.call(void 0, () => ({ controller, host, labels, link }), [controller, host, labels, link]);
-  const act2 = _react.useCallback.call(void 0, 
+  const env = react.useMemo(() => ({ controller, host, labels, link }), [controller, host, labels, link]);
+  const act2 = react.useCallback(
     (action) => controller.editor.dispatch(commentsTransaction(controller.editor.state, action)),
     [controller]
   );
-  const toggle = _react.useCallback.call(void 0, (id) => act2({ type: "activate", id }), [act2]);
+  const toggle = react.useCallback((id) => act2({ type: "activate", id }), [act2]);
   const openSheet = (id, marker) => {
     opener.current = marker;
     toggle(id);
     setSheet(true);
   };
   const returnFocus = () => {
-    if (_optionalChain([opener, 'access', _92 => _92.current, 'optionalAccess', _93 => _93.isConnected])) opener.current.focus();
+    if (opener.current?.isConnected) opener.current.focus();
     else controller.focus();
   };
   const closeSheet = () => {
     setSheet(false);
     toggle(null);
   };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    wide ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CommentsRail, { env, box, entries, value, onToggle: toggle }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CommentMarkers, { env, box, entries, onOpen: openSheet }),
-    !wide && sheet && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    wide ? /* @__PURE__ */ jsxRuntime.jsx(CommentsRail, { env, box, entries, value, onToggle: toggle }) : /* @__PURE__ */ jsxRuntime.jsx(CommentMarkers, { env, box, entries, onOpen: openSheet }),
+    !wide && sheet && /* @__PURE__ */ jsxRuntime.jsx(
       CommentsSheet,
       {
         env,
@@ -896,7 +818,7 @@ function CommentsOverlay({ controller, host, labels }) {
         returnFocus
       }
     ),
-    value.open && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    value.open && /* @__PURE__ */ jsxRuntime.jsx(
       ThreadPopover,
       {
         env,
@@ -915,10 +837,10 @@ var ACTIVE = { class: "quoin-comment-active" };
 var inline = (ranges, attrs) => ranges.map((range) => ({ kind: "inline", ...range, attrs }));
 var drawn = /* @__PURE__ */ new WeakMap();
 function commentsDecorations(state) {
-  const value = _chunkZKVOS57Qcjs.getPluginState.call(void 0, state, commentsKey);
+  const value = chunkVFSVN5IQ_cjs.getPluginState(state, commentsKey);
   const last = drawn.get(value);
-  if (_optionalChain([last, 'optionalAccess', _94 => _94.doc]) === state.doc) return last.decorations;
-  const active = value.active === null ? [] : _nullishCoalesce(commentAnchors(state.doc).get(value.active), () => ( []));
+  if (last?.doc === state.doc) return last.decorations;
+  const active = value.active === null ? [] : commentAnchors(state.doc).get(value.active) ?? [];
   const decorations = [...value.pending.flatMap(({ ranges }) => inline(ranges, PENDING)), ...inline(active, ACTIVE)];
   drawn.set(value, { doc: state.doc, decorations });
   return decorations;
@@ -927,20 +849,17 @@ function commentsDecorations(state) {
 // src/extensions/comments/watch-ended.ts
 function watchEnded(editor, threads) {
   return threads.subscribe(() => {
-    const { ended } = _chunkZKVOS57Qcjs.getPluginState.call(void 0, editor.state, commentsKey);
+    const { ended } = chunkVFSVN5IQ_cjs.getPluginState(editor.state, commentsKey);
     const kept = ended.filter(({ id }) => isEnded(ended, id, threads.find(id)));
     if (kept.length < ended.length) editor.dispatch(commentsTransaction(editor.state, { type: "caught", kept }));
   });
 }
-
-// src/extensions/comments/comments-extension.tsx
-
 var commentItem = (labels) => ({
   id: "comment",
   title: labels.comment,
-  icon: _lucidereact.MessageSquarePlus,
+  icon: lucideReact.MessageSquarePlus,
   shortcut: "Mod-Alt-m",
-  available: (state) => hasCommentableText(state) && _chunkZKVOS57Qcjs.getPluginState.call(void 0, state, commentsKey).pending.length === 0,
+  available: (state) => hasCommentableText(state) && chunkVFSVN5IQ_cjs.getPluginState(state, commentsKey).pending.length === 0,
   // Focus goes back to the text first: the button leaves the toolbar while the thread is being asked for.
   run: (controller) => {
     controller.focus();
@@ -951,10 +870,10 @@ function commentsExtension(options) {
   const { labels: overrides, ...host } = options;
   const labels = resolveCommentsLabels(overrides);
   function Overlay({ controller }) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CommentsOverlay, { controller, host, labels });
+    return /* @__PURE__ */ jsxRuntime.jsx(CommentsOverlay, { controller, host, labels });
   }
   const ui = { bubbleItems: [commentItem(labels)], overlays: [Overlay] };
-  return _chunkZKVOS57Qcjs.defineExtension.call(void 0, {
+  return chunkVFSVN5IQ_cjs.defineExtension({
     name: "comments",
     plugins: [commentsPlugin],
     decorations: commentsDecorations,
@@ -968,7 +887,7 @@ function commentsExtension(options) {
       }
       return () => {
         if (--link.mounts > 0) return;
-        _optionalChain([link, 'access', _95 => _95.stopWatching, 'optionalCall', _96 => _96()]);
+        link.stopWatching?.();
         link.stopWatching = null;
       };
     },
@@ -1001,8 +920,8 @@ function createCommentThreads(initial = NO_THREADS) {
   };
 }
 
-
-
-
-exports.commentsExtension = commentsExtension; exports.createCommentThreads = createCommentThreads; exports.englishCommentsLabels = englishCommentsLabels;
+exports.commentsExtension = commentsExtension;
+exports.createCommentThreads = createCommentThreads;
+exports.englishCommentsLabels = englishCommentsLabels;
+//# sourceMappingURL=comments.cjs.map
 //# sourceMappingURL=comments.cjs.map