quoin-editor 1.0.0 → 1.0.2

package/dist/index.js

@@ -11,7 +11,7 @@ import {
   useAutosave,
   useLabels,
   useQuoin
-} from "./chunk-ZGZEJCRV.js";
+} from "./chunk-T43RZTUT.js";
 import {
   BlockShell,
   EditableRegion,
@@ -28,12 +28,12 @@ import {
   useEditorState,
   useQuoinEditor,
   useViewController
-} from "./chunk-ZS2WA357.js";
+} from "./chunk-EPARJI4V.js";
 import {
   blockByType,
   defineBlock,
   paletteBlocks
-} from "./chunk-XEBWC7ZL.js";
+} from "./chunk-O4Z2WMFF.js";
 import {
   Transaction,
   addMarkStep,
@@ -77,11 +77,11 @@ import {
   toggleMark,
   typographyRules,
   undo
-} from "./chunk-HJIQT3S5.js";
+} from "./chunk-OBMBSU2S.js";
 import {
   diffBlocks,
   diffInline
-} from "./chunk-NOKWNK2O.js";
+} from "./chunk-RJRX34BZ.js";
 import {
   PALETTE,
   atom,
@@ -94,7 +94,7 @@ import {
   sanitizeHref,
   serializeInline,
   text
-} from "./chunk-LCQSG4M6.js";
+} from "./chunk-4XFXB37X.js";
 export {
   BlockCanvas,
   BlockShell,

package/dist/math.cjs

@@ -2,17 +2,17 @@
 
 
 
-var _chunkEL2OEJQCcjs = require('./chunk-EL2OEJQC.cjs');
-require('./chunk-SLVDAHHK.cjs');
-require('./chunk-WQHV3MRE.cjs');
-require('./chunk-2VDK27IF.cjs');
-require('./chunk-GTTPVJSD.cjs');
-require('./chunk-OMOBMXD5.cjs');
-require('./chunk-PZ4GT5JO.cjs');
-require('./chunk-2QCRZ7OL.cjs');
-require('./chunk-ND5XJVK2.cjs');
+var _chunkLLTEGXWZcjs = require('./chunk-LLTEGXWZ.cjs');
+require('./chunk-X4P4TQXH.cjs');
+require('./chunk-BQANU5BH.cjs');
+require('./chunk-CW3AFJBR.cjs');
+require('./chunk-P6KYXFZC.cjs');
+require('./chunk-EH5KXQXY.cjs');
+require('./chunk-ZKVOS57Q.cjs');
+require('./chunk-6V6GGBDK.cjs');
+require('./chunk-4SLJNZSM.cjs');
 
 
 
-exports.englishMathLabels = _chunkEL2OEJQCcjs.englishMathLabels; exports.mathExtension = _chunkEL2OEJQCcjs.mathExtension;
+exports.englishMathLabels = _chunkLLTEGXWZcjs.englishMathLabels; exports.mathExtension = _chunkLLTEGXWZcjs.mathExtension;
 //# sourceMappingURL=math.cjs.map

package/dist/math.d.cts

@@ -1,4 +1,4 @@
-import { E as Extension } from './types-Cz7XJLaK.cjs';
+import { E as Extension } from './types-CJ7Gq3GX.cjs';
 import { H as HTMLOptions } from './to-html-CNCITCln.cjs';
 import './types-DULc8wwg.cjs';
 import './embed-provider-jXwlRmnp.cjs';

package/dist/math.d.ts

@@ -1,4 +1,4 @@
-import { E as Extension } from './types-a1CRBlEh.js';
+import { E as Extension } from './types-C6_QkXzy.js';
 import { H as HTMLOptions } from './to-html-C5t7xyaM.js';
 import './types-DULc8wwg.js';
 import './embed-provider-jXwlRmnp.js';

package/dist/math.js

@@ -2,15 +2,15 @@
 import {
   englishMathLabels,
   mathExtension
-} from "./chunk-RUDWMKYX.js";
-import "./chunk-POBM7MGR.js";
-import "./chunk-JDPTZUBW.js";
-import "./chunk-ZGZEJCRV.js";
-import "./chunk-ZS2WA357.js";
-import "./chunk-XEBWC7ZL.js";
-import "./chunk-HJIQT3S5.js";
-import "./chunk-NOKWNK2O.js";
-import "./chunk-LCQSG4M6.js";
+} from "./chunk-JHQUHFLX.js";
+import "./chunk-U3LOLYAU.js";
+import "./chunk-623AOJM2.js";
+import "./chunk-T43RZTUT.js";
+import "./chunk-EPARJI4V.js";
+import "./chunk-O4Z2WMFF.js";
+import "./chunk-OBMBSU2S.js";
+import "./chunk-RJRX34BZ.js";
+import "./chunk-4XFXB37X.js";
 export {
   englishMathLabels,
   mathExtension

package/dist/mention.cjs

@@ -2,17 +2,17 @@
 
 
 
-var _chunk5DNCCN6Xcjs = require('./chunk-5DNCCN6X.cjs');
-require('./chunk-GLLXHMH2.cjs');
-require('./chunk-WQHV3MRE.cjs');
-require('./chunk-2VDK27IF.cjs');
-require('./chunk-GTTPVJSD.cjs');
-require('./chunk-OMOBMXD5.cjs');
-require('./chunk-PZ4GT5JO.cjs');
-require('./chunk-2QCRZ7OL.cjs');
-require('./chunk-ND5XJVK2.cjs');
+var _chunkX4HDKFW5cjs = require('./chunk-X4HDKFW5.cjs');
+require('./chunk-XA3UEJIW.cjs');
+require('./chunk-BQANU5BH.cjs');
+require('./chunk-CW3AFJBR.cjs');
+require('./chunk-P6KYXFZC.cjs');
+require('./chunk-EH5KXQXY.cjs');
+require('./chunk-ZKVOS57Q.cjs');
+require('./chunk-6V6GGBDK.cjs');
+require('./chunk-4SLJNZSM.cjs');
 
 
 
-exports.englishMentionLabels = _chunk5DNCCN6Xcjs.englishMentionLabels; exports.mentionExtension = _chunk5DNCCN6Xcjs.mentionExtension;
+exports.englishMentionLabels = _chunkX4HDKFW5cjs.englishMentionLabels; exports.mentionExtension = _chunkX4HDKFW5cjs.mentionExtension;
 //# sourceMappingURL=mention.cjs.map

package/dist/mention.d.cts

@@ -1,4 +1,4 @@
-import { E as Extension } from './types-Cz7XJLaK.cjs';
+import { E as Extension } from './types-CJ7Gq3GX.cjs';
 import './types-DULc8wwg.cjs';
 
 /** Every string the mention feature shows or speaks. */

package/dist/mention.d.ts

@@ -1,4 +1,4 @@
-import { E as Extension } from './types-a1CRBlEh.js';
+import { E as Extension } from './types-C6_QkXzy.js';
 import './types-DULc8wwg.js';
 
 /** Every string the mention feature shows or speaks. */

package/dist/mention.js

@@ -2,15 +2,15 @@
 import {
   englishMentionLabels,
   mentionExtension
-} from "./chunk-47MLKSI2.js";
-import "./chunk-K574XHMM.js";
-import "./chunk-JDPTZUBW.js";
-import "./chunk-ZGZEJCRV.js";
-import "./chunk-ZS2WA357.js";
-import "./chunk-XEBWC7ZL.js";
-import "./chunk-HJIQT3S5.js";
-import "./chunk-NOKWNK2O.js";
-import "./chunk-LCQSG4M6.js";
+} from "./chunk-ADSJ42DO.js";
+import "./chunk-YBMUEEM5.js";
+import "./chunk-623AOJM2.js";
+import "./chunk-T43RZTUT.js";
+import "./chunk-EPARJI4V.js";
+import "./chunk-O4Z2WMFF.js";
+import "./chunk-OBMBSU2S.js";
+import "./chunk-RJRX34BZ.js";
+import "./chunk-4XFXB37X.js";
 export {
   englishMentionLabels,
   mentionExtension

package/dist/presence.cjs

@@ -1,27 +1,27 @@
 '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 _chunkQAW5NH6Scjs = require('./chunk-QAW5NH6S.cjs');
+var _chunkLE5XMIFJcjs = require('./chunk-LE5XMIFJ.cjs');
 
 
 
-var _chunkWXMYDXPNcjs = require('./chunk-WXMYDXPN.cjs');
-require('./chunk-2VDK27IF.cjs');
+var _chunk73653CJ4cjs = require('./chunk-73653CJ4.cjs');
+require('./chunk-CW3AFJBR.cjs');
 
 
 
 
-var _chunkGTTPVJSDcjs = require('./chunk-GTTPVJSD.cjs');
 
+var _chunkP6KYXFZCcjs = require('./chunk-P6KYXFZC.cjs');
 
-var _chunkOMOBMXD5cjs = require('./chunk-OMOBMXD5.cjs');
 
+var _chunkEH5KXQXYcjs = require('./chunk-EH5KXQXY.cjs');
 
 
 
-var _chunkE75EHRPAcjs = require('./chunk-E75EHRPA.cjs');
 
 
+var _chunkTLGX43P6cjs = require('./chunk-TLGX43P6.cjs');
 
 
 
@@ -31,18 +31,51 @@ var _chunkE75EHRPAcjs = require('./chunk-E75EHRPA.cjs');
 
 
 
-var _chunkPZ4GT5JOcjs = require('./chunk-PZ4GT5JO.cjs');
-require('./chunk-2QCRZ7OL.cjs');
-require('./chunk-ND5XJVK2.cjs');
+
+
+
+var _chunkZKVOS57Qcjs = require('./chunk-ZKVOS57Q.cjs');
+
+
+var _chunk6V6GGBDKcjs = require('./chunk-6V6GGBDK.cjs');
+
+
+
+var _chunk4SLJNZSMcjs = require('./chunk-4SLJNZSM.cjs');
 
 // src/extensions/presence/PresenceAvatars.tsx
 var _react = require('react');
 
+// src/extensions/presence/follow-layout.ts
+function followLayout(controller, root, place2) {
+  const view = root.ownerDocument.defaultView;
+  let frame = 0;
+  const update = () => place2(observer);
+  const later = () => {
+    view.cancelAnimationFrame(frame);
+    frame = view.requestAnimationFrame(update);
+  };
+  const observer = new ResizeObserver(later);
+  update();
+  observer.observe(root);
+  const unsubscribe = controller.editor.subscribe(later);
+  const fonts = root.ownerDocument.fonts;
+  const unlistenScroll = _chunkP6KYXFZCcjs.listen.call(void 0, root, { scroll: update }, { capture: true, passive: true });
+  const unlistenFonts = fonts && _chunkP6KYXFZCcjs.listen.call(void 0, fonts, { loadingdone: later });
+  return () => {
+    view.cancelAnimationFrame(frame);
+    unsubscribe();
+    observer.disconnect();
+    unlistenScroll();
+    _optionalChain([unlistenFonts, 'optionalCall', _ => _()]);
+  };
+}
+
 // src/extensions/presence/presence-plugin.ts
-var presenceKey = _chunkPZ4GT5JOcjs.createPluginKey.call(void 0, "presence");
+var presenceKey = _chunkZKVOS57Qcjs.createPluginKey.call(void 0, "presence");
 var PRESENCE = "presence";
-var samePeer = (a, b) => a.client === b.client && a.name === b.name && a.color === b.color && a.idle === b.idle && _chunkPZ4GT5JOcjs.sameSelection.call(void 0, a.selection, b.selection);
-var samePeers = (a, b) => a.length === b.length && a.every((peer, i) => samePeer(peer, b[i]));
+var samePeer = (a, b) => a.client === b.client && a.name === b.name && a.color === b.color && a.idle === b.idle && _chunkZKVOS57Qcjs.sameSelection.call(void 0, a.selection, b.selection);
+var samePeers = (a, b) => _chunk4SLJNZSMcjs.sameItems.call(void 0, a, b, samePeer);
 var NO_PEERS = [];
 var presencePlugin = {
   key: presenceKey,
@@ -53,7 +86,7 @@ var presencePlugin = {
     if (!tr.docChanged) return peers;
     let moved = false;
     const next = peers.map((peer) => {
-      const selection = peer.selection && _chunkPZ4GT5JOcjs.mapSelection.call(void 0, peer.selection, (pos) => tr.mapPos(pos, -1), tr.before.doc);
+      const selection = peer.selection && _chunkZKVOS57Qcjs.mapSelection.call(void 0, peer.selection, (pos) => tr.mapPos(pos, -1), tr.before.doc);
       if (selection === peer.selection) return peer;
       moved = true;
       return { ...peer, selection };
@@ -64,18 +97,16 @@ var presencePlugin = {
 
 // src/extensions/presence/PresenceAvatars.tsx
 var _jsxruntime = require('react/jsx-runtime');
-var headBlock = (selection) => selection.kind === "node" ? selection.block : selection.kind === "blocks" ? selection.head : selection.head.block;
-var initials = (name) => name.trim().split(/\s+/).slice(0, 2).map((word) => _nullishCoalesce(_optionalChain([Array, 'access', _ => _.from, 'call', _2 => _2(word), 'access', _3 => _3[0], 'optionalAccess', _4 => _4.toUpperCase, 'call', _5 => _5()]), () => ( ""))).join("");
+var initials = (name) => name.trim().split(/\s+/).slice(0, 2).map((word) => _nullishCoalesce(_optionalChain([Array, 'access', _2 => _2.from, 'call', _3 => _3(word), 'access', _4 => _4[0], 'optionalAccess', _5 => _5.toUpperCase, 'call', _6 => _6()]), () => ( ""))).join("");
 function groupsOf(state) {
   const byBlock = /* @__PURE__ */ new Map();
-  for (const { client, name, color, selection } of _chunkPZ4GT5JOcjs.getPluginState.call(void 0, state, presenceKey)) {
+  for (const { client, name, color, selection } of _chunkZKVOS57Qcjs.getPluginState.call(void 0, state, presenceKey)) {
     if (selection === null) continue;
-    const block = headBlock(selection);
+    const block = _chunkZKVOS57Qcjs.headBlockId.call(void 0, selection);
     byBlock.set(block, [..._nullishCoalesce(byBlock.get(block), () => ( [])), { client, name, color }]);
   }
   return [...byBlock];
 }
-var sameGroups = (a, b) => JSON.stringify(a) === JSON.stringify(b);
 function place(controller, root, group) {
   const shell = controller.blockElement(_nullishCoalesce(group.dataset.block, () => ( "")));
   group.style.visibility = shell === void 0 ? "hidden" : "";
@@ -84,28 +115,13 @@ function place(controller, root, group) {
   group.style.transform = `translateY(${top}px)`;
 }
 function PresenceAvatars({ controller, labels }) {
-  const groups = _chunkGTTPVJSDcjs.useEditorState.call(void 0, controller, groupsOf, sameGroups);
+  const groups = _chunkP6KYXFZCcjs.useEditorState.call(void 0, controller, groupsOf, _chunk6V6GGBDKcjs.sameValue);
   const box = _react.useRef.call(void 0, null);
-  _chunkGTTPVJSDcjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  _chunkP6KYXFZCcjs.useIsomorphicLayoutEffect.call(void 0, () => {
     const root = controller.root;
-    const view = _optionalChain([root, 'optionalAccess', _6 => _6.ownerDocument, 'access', _7 => _7.defaultView]);
-    if (!root || !view || box.current === null) return void 0;
+    if (!root || box.current === null) return void 0;
     const children = Array.from(box.current.children);
-    const update = () => children.forEach((group) => place(controller, root, group));
-    update();
-    let frame = 0;
-    const later = () => {
-      view.cancelAnimationFrame(frame);
-      frame = view.requestAnimationFrame(update);
-    };
-    const unsubscribe = controller.editor.subscribe(later);
-    const observer = new ResizeObserver(later);
-    observer.observe(root);
-    return () => {
-      view.cancelAnimationFrame(frame);
-      unsubscribe();
-      observer.disconnect();
-    };
+    return followLayout(controller, root, () => children.forEach((group) => place(controller, root, group)));
   }, [controller, groups]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: box, className: "quoin-presence-avatars", children: groups.map(([block, people]) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
@@ -130,22 +146,22 @@ function PresenceAvatars({ controller, labels }) {
 
 // src/extensions/presence/presence-decorations.ts
 function tintOf(state, { color, selection }) {
-  if (_optionalChain([selection, 'optionalAccess', _8 => _8.kind]) !== "text") return [];
+  if (_optionalChain([selection, 'optionalAccess', _7 => _7.kind]) !== "text") return [];
   if (![selection.anchor, selection.head].every(({ block }) => state.doc.index.has(block))) return [];
   const attrs = { class: "quoin-presence-selection" };
   if (color !== void 0) attrs.style = `--quoin-presence:${color}`;
-  return _chunkPZ4GT5JOcjs.markRanges.call(void 0, { ...state, selection }).map((range) => ({ kind: "inline", ...range, attrs }));
+  return _chunkZKVOS57Qcjs.markRanges.call(void 0, { ...state, selection }).map((range) => ({ kind: "inline", ...range, attrs }));
 }
 var drawn = /* @__PURE__ */ new WeakMap();
 function peerDecorations(state, peer) {
   const last = drawn.get(peer);
-  if (_optionalChain([last, 'optionalAccess', _9 => _9.doc]) === state.doc) return last.decorations;
+  if (_optionalChain([last, 'optionalAccess', _8 => _8.doc]) === state.doc) return last.decorations;
   const decorations = tintOf(state, peer);
   drawn.set(peer, { doc: state.doc, decorations });
   return decorations;
 }
 function presenceDecorations(state) {
-  return _chunkPZ4GT5JOcjs.getPluginState.call(void 0, state, presenceKey).flatMap((peer) => peerDecorations(state, peer));
+  return _chunkZKVOS57Qcjs.getPluginState.call(void 0, state, presenceKey).flatMap((peer) => peerDecorations(state, peer));
 }
 
 // src/extensions/presence/presence-labels.ts
@@ -174,7 +190,7 @@ function linkOf(editor) {
 function setActive(link, active) {
   if (link.active === active) return;
   link.active = active;
-  _optionalChain([link, 'access', _10 => _10.session, 'optionalAccess', _11 => _11.activeChanged, 'call', _12 => _12()]);
+  _optionalChain([link, 'access', _9 => _9.session, 'optionalAccess', _10 => _10.activeChanged, 'call', _11 => _11()]);
 }
 
 // src/yjs/awareness.ts
@@ -183,7 +199,7 @@ function awarePos(shared, pos) {
   try {
     return {
       ...pos,
-      rel: Y.relativePositionToJSON(_chunkE75EHRPAcjs.relative.call(void 0, shared.text, shared.layout, pos))
+      rel: Y.relativePositionToJSON(_chunkTLGX43P6cjs.relative.call(void 0, shared.text, shared.layout, pos))
     };
   } catch (e) {
     return pos;
@@ -200,30 +216,30 @@ function toAware(shared, selection) {
   const [anchor, head] = selection.kind === "node" ? [selection.block, selection.block] : [selection.anchor, selection.head];
   return { anchor: { block: anchor }, head: { block: head } };
 }
-var isRecord = (value) => typeof value === "object" && value !== null;
+var blockOf = (doc, value) => typeof value.block === "string" && doc.index.has(value.block) ? value.block : null;
 function textPos(shared, doc, value) {
   if (shared !== null && value.rel !== void 0) {
     try {
-      const found = _chunkE75EHRPAcjs.absolute.call(void 0, shared.text, shared.layout, Y.createRelativePositionFromJSON(value.rel));
+      const found = _chunkTLGX43P6cjs.absolute.call(void 0, shared.text, shared.layout, Y.createRelativePositionFromJSON(value.rel));
       if (found !== null) return found;
     } catch (e2) {
     }
   }
-  const { block, region, offset } = value;
-  const placed = typeof region === "string" && typeof offset === "number" && Number.isInteger(offset) && offset >= 0;
-  return placed && typeof block === "string" && doc.index.has(block) ? { block, region, offset } : null;
+  const { region, offset } = value;
+  const block = blockOf(doc, value);
+  const placed = typeof region === "string" && Number.isInteger(offset) && offset >= 0;
+  return placed && block !== null ? { block, region, offset } : null;
 }
-var blockOf = (doc, value) => typeof value.block === "string" && doc.index.has(value.block) ? value.block : null;
 function fromAware(shared, doc, schema, value) {
-  if (!isRecord(value) || !isRecord(value.anchor) || !isRecord(value.head)) return null;
+  if (!_chunk4SLJNZSMcjs.isRecord.call(void 0, value) || !_chunk4SLJNZSMcjs.isRecord.call(void 0, value.anchor) || !_chunk4SLJNZSMcjs.isRecord.call(void 0, value.head)) return null;
   const { anchor, head } = value;
   if (anchor.region === void 0 && head.region === void 0) {
     const [from2, to2] = [blockOf(doc, anchor), blockOf(doc, head)];
     if (from2 === null || to2 === null) return null;
-    return from2 === to2 ? _chunkPZ4GT5JOcjs.nodeSelection.call(void 0, from2) : _chunkPZ4GT5JOcjs.blockRangeSelection.call(void 0, from2, to2);
+    return from2 === to2 ? _chunkZKVOS57Qcjs.nodeSelection.call(void 0, from2) : _chunkZKVOS57Qcjs.blockRangeSelection.call(void 0, from2, to2);
   }
   const [from, to] = [textPos(shared, doc, anchor), textPos(shared, doc, head)];
-  return from === null || to === null ? null : _chunkPZ4GT5JOcjs.validateSelection.call(void 0, doc, schema, _chunkPZ4GT5JOcjs.textSelection.call(void 0, from, to));
+  return from === null || to === null ? null : _chunkZKVOS57Qcjs.validateSelection.call(void 0, doc, schema, _chunkZKVOS57Qcjs.textSelection.call(void 0, from, to));
 }
 
 // src/extensions/presence/presence-session.ts
@@ -231,10 +247,7 @@ var THROTTLE_MS = 50;
 var IDLE_MS = 2e3;
 var COLOR = /^(#[\da-f]{3,8}|[a-z]+|(rgba?|hsla?|hwb|lab|lch|oklab|oklch)\([\d\s.,%/+-]*\))$/i;
 var safeColor = (value) => typeof value === "string" && COLOR.test(value) ? value : void 0;
-var userOf = (state) => {
-  const { user } = state;
-  return typeof user === "object" && user !== null && typeof user.name === "string" ? user : null;
-};
+var userOf = ({ user }) => _chunk4SLJNZSMcjs.isRecord.call(void 0, user) && typeof user.name === "string" ? user : null;
 var namedBy = /* @__PURE__ */ new WeakMap();
 function startPresence(editor, collaboration, awareness, link, sharedOf2) {
   const { doc, user } = collaboration;
@@ -243,7 +256,9 @@ function startPresence(editor, collaboration, awareness, link, sharedOf2) {
   let writing = false;
   let timer;
   let dirty = false;
+  const bound = sharedOf2() !== null;
   const put = (field, value) => {
+    if (!bound) return;
     writing = true;
     try {
       awareness.setLocalStateField(field, value);
@@ -265,7 +280,7 @@ function startPresence(editor, collaboration, awareness, link, sharedOf2) {
     timer ??= setTimeout(tick, 0);
   };
   const refresh = () => {
-    const before = _chunkPZ4GT5JOcjs.getPluginState.call(void 0, editor.state, presenceKey);
+    const before = _chunkZKVOS57Qcjs.getPluginState.call(void 0, editor.state, presenceKey);
     const peers = [];
     const joined = [];
     const gone = new Set(seen.keys());
@@ -276,8 +291,8 @@ function startPresence(editor, collaboration, awareness, link, sharedOf2) {
       const key = JSON.stringify(_nullishCoalesce(state.selection, () => ( null)));
       let known = seen.get(client);
       if (known === void 0 && heard) joined.push({ client, name: found.name });
-      if (_optionalChain([known, 'optionalAccess', _13 => _13.key]) !== key) {
-        clearTimeout(_optionalChain([known, 'optionalAccess', _14 => _14.timer]));
+      if (_optionalChain([known, 'optionalAccess', _12 => _12.key]) !== key) {
+        clearTimeout(_optionalChain([known, 'optionalAccess', _13 => _13.timer]));
         const fresh = { name: found.name, key, idle: false };
         fresh.timer = setTimeout(() => {
           fresh.idle = true;
@@ -299,8 +314,7 @@ function startPresence(editor, collaboration, awareness, link, sharedOf2) {
       for (const listener of [...link.listeners]) listener({ joined, left });
     heard = true;
     if (samePeers(peers, before)) return;
-    const tr = editor.createTransaction().setOrigin("remote").setMeta("addToHistory", false);
-    editor.dispatch(tr.setMeta(PRESENCE, peers));
+    editor.dispatch(_chunkTLGX43P6cjs.sharedChange.call(void 0, editor, []).setMeta(PRESENCE, peers));
   };
   const changed = () => {
     if (!writing) refresh();
@@ -309,7 +323,7 @@ function startPresence(editor, collaboration, awareness, link, sharedOf2) {
     if (!transaction.local && seen.size > 0) refresh();
   };
   const stopEditor = editor.subscribe((state, tr) => {
-    if (tr !== null && tr.origin !== "remote" && !_chunkPZ4GT5JOcjs.sameSelection.call(void 0, tr.before.selection, state.selection)) schedule();
+    if (tr !== null && tr.origin !== "remote" && !_chunkZKVOS57Qcjs.sameSelection.call(void 0, tr.before.selection, state.selection)) schedule();
   });
   put("user", { name: user.name, color: user.color });
   write(null);
@@ -336,7 +350,7 @@ function startPresence(editor, collaboration, awareness, link, sharedOf2) {
       });
     }
   };
-  namedBy.set(awareness, session);
+  if (bound) namedBy.set(awareness, session);
   return session;
 }
 
@@ -345,7 +359,7 @@ function startPresence(editor, collaboration, awareness, link, sharedOf2) {
 
 // src/extensions/presence/place-caret.ts
 function caretBox(host, offset) {
-  const map = _chunkGTTPVJSDcjs.domMapOf.call(void 0, host);
+  const map = _chunkP6KYXFZCcjs.domMapOf.call(void 0, host);
   if (!map || !host.isConnected) return null;
   const doc = host.ownerDocument;
   const spans = [
@@ -368,18 +382,17 @@ function caretBox(host, offset) {
   const box = host.getBoundingClientRect();
   return new DOMRect(box.left, box.top, 0, box.height);
 }
-function inside(box, clip) {
-  if (clip === null) return true;
-  const area = clip.getBoundingClientRect();
+function inside(box, area) {
   return box.left >= area.left && box.left <= area.right && box.bottom > area.top && box.top < area.bottom;
 }
 function placeCaret(controller, root, caret, observer) {
   const client = Number(caret.dataset.client);
-  const peer = _chunkPZ4GT5JOcjs.getPluginState.call(void 0, controller.editor.state, presenceKey).find((one) => one.client === client);
-  const head = _optionalChain([peer, 'optionalAccess', _15 => _15.selection, 'optionalAccess', _16 => _16.kind]) === "text" ? peer.selection.head : null;
+  const peer = _chunkZKVOS57Qcjs.getPluginState.call(void 0, controller.editor.state, presenceKey).find((one) => one.client === client);
+  const head = _optionalChain([peer, 'optionalAccess', _14 => _14.selection, 'optionalAccess', _15 => _15.kind]) === "text" ? peer.selection.head : null;
   const host = head && controller.registry.get(head.block, head.region);
   const box = host ? caretBox(host, head.offset) : null;
-  const shown = box !== null && inside(box, _chunkQAW5NH6Scjs.clipOf.call(void 0, host, root));
+  const areas = host ? _chunkLE5XMIFJcjs.clipBoxes.call(void 0, host, root) : [];
+  const shown = box !== null && areas.every((area) => inside(box, area));
   caret.style.visibility = shown ? "" : "hidden";
   if (!shown) return;
   observer.observe(host);
@@ -389,42 +402,23 @@ function placeCaret(controller, root, caret, observer) {
   const top = (box.top - origin.top) / scale - root.clientTop + root.scrollTop;
   caret.style.transform = `translate(${left}px, ${top}px)`;
   caret.style.height = `${box.height / scale}px`;
+  const cut = (past) => `${Math.max(...areas.map(past)) / scale + 1}px`;
+  caret.style.clipPath = areas[0] ? `inset(-99px ${cut((a) => box.left - a.right)} -99px ${cut((a) => a.left - box.left)})` : "";
 }
 
 // src/extensions/presence/RemoteCarets.tsx
 
-var shownOf = (state) => _chunkPZ4GT5JOcjs.getPluginState.call(void 0, state, presenceKey).flatMap(
-  ({ client, name, color, idle, selection }) => _optionalChain([selection, 'optionalAccess', _17 => _17.kind]) === "text" ? [{ client, name, color, idle }] : []
+var shownOf = (state) => _chunkZKVOS57Qcjs.getPluginState.call(void 0, state, presenceKey).flatMap(
+  ({ client, name, color, idle, selection }) => _optionalChain([selection, 'optionalAccess', _16 => _16.kind]) === "text" ? [{ client, name, color, idle }] : []
 );
-var sameShown = (a, b) => JSON.stringify(a) === JSON.stringify(b);
 function RemoteCarets({ controller, labels }) {
-  const shown = _chunkGTTPVJSDcjs.useEditorState.call(void 0, controller, shownOf, sameShown);
+  const shown = _chunkP6KYXFZCcjs.useEditorState.call(void 0, controller, shownOf, _chunk6V6GGBDKcjs.sameValue);
   const box = _react.useRef.call(void 0, null);
-  _chunkGTTPVJSDcjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  _chunkP6KYXFZCcjs.useIsomorphicLayoutEffect.call(void 0, () => {
     const root = controller.root;
-    const view = _optionalChain([root, 'optionalAccess', _18 => _18.ownerDocument, 'access', _19 => _19.defaultView]);
-    if (!root || !view || box.current === null) return void 0;
+    if (!root || box.current === null) return void 0;
     const carets = Array.from(box.current.children);
-    let frame = 0;
-    const later = () => {
-      view.cancelAnimationFrame(frame);
-      frame = view.requestAnimationFrame(update);
-    };
-    const observer = new ResizeObserver(later);
-    const update = () => carets.forEach((caret) => placeCaret(controller, root, caret, observer));
-    update();
-    observer.observe(root);
-    const unsubscribe = controller.editor.subscribe(later);
-    const fonts = root.ownerDocument.fonts;
-    root.addEventListener("scroll", later, { capture: true, passive: true });
-    _optionalChain([fonts, 'optionalAccess', _20 => _20.addEventListener, 'call', _21 => _21("loadingdone", later)]);
-    return () => {
-      view.cancelAnimationFrame(frame);
-      unsubscribe();
-      observer.disconnect();
-      root.removeEventListener("scroll", later, { capture: true });
-      _optionalChain([fonts, 'optionalAccess', _22 => _22.removeEventListener, 'call', _23 => _23("loadingdone", later)]);
-    };
+    return followLayout(controller, root, (observer) => carets.forEach((caret) => placeCaret(controller, root, caret, observer)));
   }, [controller, shown]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: box, className: "quoin-presence-carets", "aria-hidden": "true", children: shown.map(({ client, name, color, idle }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
@@ -443,11 +437,11 @@ function RemoteCarets({ controller, labels }) {
 
 function usePresenceActivity(controller, link) {
   _react.useEffect.call(void 0, () => {
-    const doc = _optionalChain([controller, 'access', _24 => _24.root, 'optionalAccess', _25 => _25.ownerDocument]);
+    const doc = _optionalChain([controller, 'access', _17 => _17.root, 'optionalAccess', _18 => _18.ownerDocument]);
     if (!doc) return void 0;
-    let focused = _chunkWXMYDXPNcjs.ownsNode.call(void 0, controller, doc.activeElement);
+    let focused = _chunk73653CJ4cjs.ownsNode.call(void 0, controller, doc.activeElement);
     const update = () => setActive(link, focused && !controller.readOnly);
-    const stopFocus = _chunkWXMYDXPNcjs.watchCanvasFocus.call(void 0, controller, doc, (inside2) => {
+    const stopFocus = _chunk73653CJ4cjs.watchCanvasFocus.call(void 0, controller, doc, (inside2) => {
       focused = inside2;
       update();
     });
@@ -489,7 +483,7 @@ function createPresenceAnnouncer(announce, labels) {
     const known = people.get(client);
     const wait = known === void 0 ? 0 : known.at + PRESENCE_ANNOUNCEMENT_MS - Date.now();
     if (known === void 0 || wait <= 0) {
-      clearTimeout(_optionalChain([known, 'optionalAccess', _26 => _26.later]));
+      clearTimeout(_optionalChain([known, 'optionalAccess', _19 => _19.later]));
       const fresh = _nullishCoalesce(known, () => ( { name, said: kind, at: 0 }));
       people.set(client, fresh);
       return say(fresh, kind);
@@ -539,7 +533,7 @@ function presenceExtension(collaboration, options = {}) {
     ] });
   }
   const ui = { overlays: [Overlay] };
-  return _chunkPZ4GT5JOcjs.defineExtension.call(void 0, {
+  return _chunkZKVOS57Qcjs.defineExtension.call(void 0, {
     name: "presence",
     // Below the default, so the collaboration it reads has connected before it starts.
     priority: 99,
@@ -547,8 +541,8 @@ function presenceExtension(collaboration, options = {}) {
     decorations: presenceDecorations,
     onMount(editor) {
       const link = linkOf(editor);
-      if (_chunkE75EHRPAcjs.sharedOf.call(void 0, collaboration, editor) === null) _chunkOMOBMXD5cjs.devWarn.call(void 0, UNBOUND);
-      const session = startPresence(editor, collaboration, awareness, link, () => _chunkE75EHRPAcjs.sharedOf.call(void 0, collaboration, editor));
+      if (_chunkTLGX43P6cjs.sharedOf.call(void 0, collaboration, editor) === null) _chunkEH5KXQXYcjs.devWarn.call(void 0, UNBOUND);
+      const session = startPresence(editor, collaboration, awareness, link, () => _chunkTLGX43P6cjs.sharedOf.call(void 0, collaboration, editor));
       link.session = session;
       return () => {
         session.stop();