@getguru/slate-yjs-react 1.1.1

package/dist/index.js

@@ -0,0 +1,450 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/hooks/useDecorateRemoteCursors.ts
+import { useCallback, useRef } from "react";
+import { Range } from "slate";
+
+// src/utils/getCursorRange.ts
+import {
+  relativeRangeToSlateRange
+} from "@getguru/slate-yjs-core";
+var CHILDREN_TO_CURSOR_STATE_TO_RANGE = /* @__PURE__ */ new WeakMap();
+function getCursorRange(editor, cursorState) {
+  if (!cursorState.relativeSelection) {
+    return null;
+  }
+  let cursorStates = CHILDREN_TO_CURSOR_STATE_TO_RANGE.get(editor.children);
+  if (!cursorStates) {
+    cursorStates = /* @__PURE__ */ new WeakMap();
+    CHILDREN_TO_CURSOR_STATE_TO_RANGE.set(editor.children, cursorStates);
+  }
+  let range = cursorStates.get(cursorState);
+  if (range === void 0) {
+    try {
+      range = relativeRangeToSlateRange(editor.sharedRoot, editor, cursorState.relativeSelection);
+      cursorStates.set(cursorState, range);
+    } catch (e) {
+      return null;
+    }
+  }
+  return range;
+}
+
+// src/hooks/useRemoteCursorEditor.ts
+import { CursorEditor as CursorEditor2 } from "@getguru/slate-yjs-core";
+import { useSlateStatic } from "slate-react";
+function useRemoteCursorEditor() {
+  const editor = useSlateStatic();
+  if (!CursorEditor2.isCursorEditor(editor)) {
+    throw new Error("Cannot use useSyncExternalStore outside the context of a RemoteCursorEditor");
+  }
+  return editor;
+}
+
+// src/hooks/useRemoteCursorStates.ts
+import { useSyncExternalStore } from "use-sync-external-store/shim";
+import { useSyncExternalStoreWithSelector } from "use-sync-external-store/shim/with-selector";
+
+// src/hooks/useRemoteCursorStateStore.ts
+import {
+  CursorEditor as CursorEditor3
+} from "@getguru/slate-yjs-core";
+var EDITOR_TO_CURSOR_STORE = /* @__PURE__ */ new WeakMap();
+function createRemoteCursorStateStore(editor) {
+  let cursors = {};
+  const changed = /* @__PURE__ */ new Set();
+  const addChanged = changed.add.bind(changed);
+  const onStoreChangeListeners = /* @__PURE__ */ new Set();
+  let changeHandler = null;
+  const subscribe = (onStoreChange) => {
+    onStoreChangeListeners.add(onStoreChange);
+    if (!changeHandler) {
+      changeHandler = (event) => {
+        event.added.forEach(addChanged);
+        event.removed.forEach(addChanged);
+        event.updated.forEach(addChanged);
+        onStoreChangeListeners.forEach((listener) => listener());
+      };
+      CursorEditor3.on(editor, "change", changeHandler);
+    }
+    return () => {
+      onStoreChangeListeners.delete(onStoreChange);
+      if (changeHandler && onStoreChangeListeners.size === 0) {
+        CursorEditor3.off(editor, "change", changeHandler);
+        changeHandler = null;
+      }
+    };
+  };
+  const getSnapshot = () => {
+    if (changed.size === 0) {
+      return cursors;
+    }
+    changed.forEach((clientId) => {
+      const state = CursorEditor3.cursorState(editor, clientId);
+      if (state === null) {
+        delete cursors[clientId.toString()];
+        return;
+      }
+      cursors[clientId] = state;
+    });
+    changed.clear();
+    cursors = __spreadValues({}, cursors);
+    return cursors;
+  };
+  return [subscribe, getSnapshot];
+}
+function getCursorStateStore(editor) {
+  const existing = EDITOR_TO_CURSOR_STORE.get(editor);
+  if (existing) {
+    return existing;
+  }
+  const store = createRemoteCursorStateStore(editor);
+  EDITOR_TO_CURSOR_STORE.set(editor, store);
+  return store;
+}
+function useRemoteCursorStateStore() {
+  const editor = useRemoteCursorEditor();
+  return getCursorStateStore(editor);
+}
+
+// src/hooks/useRemoteCursorStates.ts
+function useRemoteCursorStates() {
+  const [subscribe, getSnapshot] = useRemoteCursorStateStore();
+  return useSyncExternalStore(subscribe, getSnapshot);
+}
+function useRemoteCursorStatesSelector(selector, isEqual) {
+  const [subscribe, getSnapshot] = useRemoteCursorStateStore();
+  return useSyncExternalStoreWithSelector(subscribe, getSnapshot, null, selector, isEqual);
+}
+
+// src/hooks/useDecorateRemoteCursors.ts
+var REMOTE_CURSOR_DECORATION_PREFIX = "remote-cursor-";
+var REMOTE_CURSOR_CARET_DECORATION_PREFIX = "remote-caret-";
+function getRemoteCursorsOnLeaf(leaf) {
+  return Object.entries(leaf).filter(([key]) => key.startsWith(REMOTE_CURSOR_DECORATION_PREFIX)).map(([, data]) => data);
+}
+function getRemoteCaretsOnLeaf(leaf) {
+  return Object.entries(leaf).filter(([key]) => key.startsWith(REMOTE_CURSOR_CARET_DECORATION_PREFIX)).map(([, data]) => data);
+}
+function getDecoration(clientId, state, range, caret) {
+  if (!caret) {
+    const key2 = `${REMOTE_CURSOR_DECORATION_PREFIX}${clientId}`;
+    return __spreadProps(__spreadValues({}, range), { [key2]: state });
+  }
+  const key = `${REMOTE_CURSOR_CARET_DECORATION_PREFIX}${clientId}`;
+  return __spreadProps(__spreadValues({}, range), {
+    anchor: range.focus,
+    [key]: state
+  });
+}
+function useDecorateRemoteCursors({ carets = true } = {}) {
+  const editor = useRemoteCursorEditor();
+  const cursors = useRemoteCursorStates();
+  const cursorsRef = useRef(cursors);
+  cursorsRef.current = cursors;
+  return useCallback((entry) => {
+    const [, path] = entry;
+    if (path.length !== 0) {
+      return [];
+    }
+    return Object.entries(cursorsRef.current).flatMap(([clientId, state]) => {
+      const range = getCursorRange(editor, state);
+      if (!range) {
+        return [];
+      }
+      if (carets && Range.isCollapsed(range)) {
+        return getDecoration(clientId, state, range, true);
+      }
+      if (!carets) {
+        return getDecoration(clientId, state, range, false);
+      }
+      return [
+        getDecoration(clientId, state, range, false),
+        getDecoration(clientId, state, range, true)
+      ];
+    });
+  }, [carets, editor]);
+}
+
+// src/hooks/useUnsetCursorPositionOnBlur.ts
+import { CursorEditor as CursorEditor4 } from "@getguru/slate-yjs-core";
+import { useCallback as useCallback2, useEffect } from "react";
+import { useFocused } from "slate-react";
+function useUnsetCursorPositionOnBlur() {
+  const editor = useRemoteCursorEditor();
+  const isSlateFocused = useFocused();
+  const sendCursorPosition = useCallback2((isFocused) => {
+    if (isFocused && editor.selection) {
+      CursorEditor4.sendCursorPosition(editor, editor.selection);
+      return;
+    }
+    if (!isFocused) {
+      CursorEditor4.sendCursorPosition(editor, null);
+    }
+  }, [editor]);
+  useEffect(() => {
+    const handleWindowBlur = () => {
+      if (isSlateFocused) {
+        sendCursorPosition(false);
+      }
+    };
+    const handleWindowFocus = () => {
+      if (isSlateFocused) {
+        sendCursorPosition(true);
+      }
+    };
+    window.addEventListener("blur", handleWindowBlur);
+    window.addEventListener("focus", handleWindowFocus);
+    return () => {
+      window.removeEventListener("blur", handleWindowBlur);
+      window.removeEventListener("focus", handleWindowFocus);
+    };
+  }, [isSlateFocused, sendCursorPosition]);
+  useEffect(() => {
+    sendCursorPosition(isSlateFocused);
+  }, [editor, isSlateFocused, sendCursorPosition]);
+}
+
+// src/hooks/useRemoteCursorOverlayPositions.tsx
+import {
+  useCallback as useCallback4,
+  useLayoutEffect,
+  useMemo,
+  useRef as useRef3,
+  useState as useState2
+} from "react";
+
+// src/utils/getOverlayPosition.ts
+import { Editor, Path, Range as Range2, Text } from "slate";
+import { ReactEditor as ReactEditor3 } from "slate-react";
+
+// src/utils/react-editor-to-dom-range-safe.ts
+import { ReactEditor as ReactEditor2 } from "slate-react";
+function reactEditorToDomRangeSafe(editor, range) {
+  try {
+    return ReactEditor2.toDOMRange(editor, range);
+  } catch (e) {
+    return null;
+  }
+}
+
+// src/utils/getOverlayPosition.ts
+function getOverlayPosition(editor, range, { yOffset, xOffset, shouldGenerateOverlay }) {
+  const [start, end] = Range2.edges(range);
+  const domRange = reactEditorToDomRangeSafe(editor, range);
+  if (!domRange) {
+    return {
+      caretPosition: null,
+      selectionRects: []
+    };
+  }
+  const selectionRects = [];
+  const nodeIterator = Editor.nodes(editor, {
+    at: range,
+    match: (n, p) => Text.isText(n) && (!shouldGenerateOverlay || shouldGenerateOverlay(n, p))
+  });
+  let caretPosition = null;
+  const isBackward = Range2.isBackward(range);
+  for (const [node, path] of nodeIterator) {
+    const domNode = ReactEditor3.toDOMNode(editor, node);
+    const isStartNode = Path.equals(path, start.path);
+    const isEndNode = Path.equals(path, end.path);
+    let clientRects = null;
+    if (isStartNode || isEndNode) {
+      const nodeRange = document.createRange();
+      nodeRange.selectNode(domNode);
+      if (isStartNode) {
+        nodeRange.setStart(domRange.startContainer, domRange.startOffset);
+      }
+      if (isEndNode) {
+        nodeRange.setEnd(domRange.endContainer, domRange.endOffset);
+      }
+      clientRects = nodeRange.getClientRects();
+    } else {
+      clientRects = domNode.getClientRects();
+    }
+    const isCaret = isBackward ? isStartNode : isEndNode;
+    for (let i = 0; i < clientRects.length; i++) {
+      const clientRect = clientRects.item(i);
+      if (!clientRect) {
+        continue;
+      }
+      const isCaretRect = isCaret && (isBackward ? i === 0 : i === clientRects.length - 1);
+      const top = clientRect.top - yOffset;
+      const left = clientRect.left - xOffset;
+      if (isCaretRect) {
+        caretPosition = {
+          height: clientRect.height,
+          top,
+          left: left + (isBackward || Range2.isCollapsed(range) ? 0 : clientRect.width)
+        };
+      }
+      selectionRects.push({
+        width: clientRect.width,
+        height: clientRect.height,
+        top,
+        left
+      });
+    }
+  }
+  return {
+    selectionRects,
+    caretPosition
+  };
+}
+
+// src/hooks/utils.ts
+import {
+  useCallback as useCallback3,
+  useEffect as useEffect2,
+  useReducer,
+  useRef as useRef2,
+  useState
+} from "react";
+function useRequestRerender() {
+  const [, rerender] = useReducer((s) => s + 1, 0);
+  const animationFrameIdRef = useRef2(null);
+  const clearAnimationFrame = () => {
+    if (animationFrameIdRef.current) {
+      cancelAnimationFrame(animationFrameIdRef.current);
+      animationFrameIdRef.current = 0;
+    }
+  };
+  useEffect2(clearAnimationFrame);
+  useEffect2(() => clearAnimationFrame, []);
+  return useCallback3((immediately = false) => {
+    if (immediately) {
+      rerender();
+      return;
+    }
+    if (animationFrameIdRef.current) {
+      return;
+    }
+    animationFrameIdRef.current = requestAnimationFrame(rerender);
+  }, []);
+}
+function useOnResize(ref, onResize) {
+  const onResizeRef = useRef2(onResize);
+  onResizeRef.current = onResize;
+  const [observer] = useState(() => new ResizeObserver(() => {
+    onResizeRef.current();
+  }));
+  useEffect2(() => {
+    if (!(ref == null ? void 0 : ref.current)) {
+      return;
+    }
+    const { current: element } = ref;
+    observer.observe(element);
+    return () => observer.unobserve(element);
+  }, [observer, ref]);
+}
+
+// src/hooks/useRemoteCursorOverlayPositions.tsx
+var FROZEN_EMPTY_ARRAY = Object.freeze([]);
+function useRemoteCursorOverlayPositions(_a = {}) {
+  var _b = _a, {
+    containerRef,
+    shouldGenerateOverlay
+  } = _b, opts = __objRest(_b, [
+    "containerRef",
+    "shouldGenerateOverlay"
+  ]);
+  var _a2;
+  const editor = useRemoteCursorEditor();
+  const cursorStates = useRemoteCursorStates();
+  const requestRerender = useRequestRerender();
+  const overlayPositionCache = useRef3(/* @__PURE__ */ new WeakMap());
+  const [overlayPositions, setOverlayPositions] = useState2({});
+  const refreshOnResize = "refreshOnResize" in opts ? (_a2 = opts.refreshOnResize) != null ? _a2 : true : true;
+  useOnResize(refreshOnResize ? containerRef : void 0, () => {
+    overlayPositionCache.current = /* @__PURE__ */ new WeakMap();
+    requestRerender(refreshOnResize !== "debounced");
+  });
+  useLayoutEffect(() => {
+    var _a3, _b2, _c;
+    if (containerRef && !containerRef.current) {
+      return;
+    }
+    const containerRect = (_a3 = containerRef == null ? void 0 : containerRef.current) == null ? void 0 : _a3.getBoundingClientRect();
+    const xOffset = (_b2 = containerRect == null ? void 0 : containerRect.x) != null ? _b2 : 0;
+    const yOffset = (_c = containerRect == null ? void 0 : containerRect.y) != null ? _c : 0;
+    let overlayPositionsChanged = Object.keys(overlayPositions).length !== Object.keys(cursorStates).length;
+    const updated = Object.fromEntries(Object.entries(cursorStates).map(([key, state]) => {
+      const range = state.relativeSelection && getCursorRange(editor, state);
+      if (!range) {
+        return [key, FROZEN_EMPTY_ARRAY];
+      }
+      const cached = overlayPositionCache.current.get(range);
+      if (cached) {
+        return [key, cached];
+      }
+      const overlayPosition = getOverlayPosition(editor, range, {
+        xOffset,
+        yOffset,
+        shouldGenerateOverlay
+      });
+      overlayPositionsChanged = true;
+      overlayPositionCache.current.set(range, overlayPosition);
+      return [key, overlayPosition];
+    }));
+    if (overlayPositionsChanged) {
+      setOverlayPositions(updated);
+    }
+  });
+  const overlayData = useMemo(() => Object.entries(cursorStates).map(([clientId, state]) => {
+    var _a3, _b2;
+    const range = state.relativeSelection && getCursorRange(editor, state);
+    const overlayPosition = overlayPositions[clientId];
+    return __spreadProps(__spreadValues({}, state), {
+      range,
+      caretPosition: (_a3 = overlayPosition == null ? void 0 : overlayPosition.caretPosition) != null ? _a3 : null,
+      selectionRects: (_b2 = overlayPosition == null ? void 0 : overlayPosition.selectionRects) != null ? _b2 : FROZEN_EMPTY_ARRAY
+    });
+  }), [cursorStates, editor, overlayPositions]);
+  const refresh = useCallback4(() => {
+    overlayPositionCache.current = /* @__PURE__ */ new WeakMap();
+    requestRerender(true);
+  }, [requestRerender]);
+  return [overlayData, refresh];
+}
+export {
+  getCursorRange,
+  getRemoteCaretsOnLeaf,
+  getRemoteCursorsOnLeaf,
+  useDecorateRemoteCursors,
+  useRemoteCursorOverlayPositions,
+  useRemoteCursorStates,
+  useRemoteCursorStatesSelector,
+  useUnsetCursorPositionOnBlur
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useDecorateRemoteCursors.ts","../src/utils/getCursorRange.ts","../src/hooks/useRemoteCursorEditor.ts","../src/hooks/useRemoteCursorStates.ts","../src/hooks/useRemoteCursorStateStore.ts","../src/hooks/useUnsetCursorPositionOnBlur.ts","../src/hooks/useRemoteCursorOverlayPositions.tsx","../src/utils/getOverlayPosition.ts","../src/utils/react-editor-to-dom-range-safe.ts","../src/hooks/utils.ts"],"sourcesContent":["import { CursorState } from '@getguru/slate-yjs-core';\nimport { useCallback, useRef } from 'react';\nimport { BaseRange, BaseText, NodeEntry, Range } from 'slate';\nimport { getCursorRange } from '../utils/getCursorRange';\nimport { useRemoteCursorEditor } from './useRemoteCursorEditor';\nimport { useRemoteCursorStates } from './useRemoteCursorStates';\n\nexport const REMOTE_CURSOR_DECORATION_PREFIX = 'remote-cursor-';\nexport const REMOTE_CURSOR_CARET_DECORATION_PREFIX = 'remote-caret-';\n\nexport type RemoteCaretDecoration<\n  TCursorData extends Record<string, unknown> = Record<string, unknown>\n> = {\n  [\n    key: `${typeof REMOTE_CURSOR_CARET_DECORATION_PREFIX}${string}`\n  ]: CursorState<TCursorData> & { isBackward: boolean };\n};\n\nexport type RemoteCursorDecoration<\n  TCursorData extends Record<string, unknown> = Record<string, unknown>\n> = {\n  [\n    key: `${typeof REMOTE_CURSOR_DECORATION_PREFIX}${string}`\n  ]: CursorState<TCursorData>;\n};\n\nexport type RemoteCursorDecoratedRange<\n  TCursorData extends Record<string, unknown> = Record<string, unknown>\n> = BaseRange & RemoteCursorDecoration<TCursorData>;\n\nexport type RemoteCaretDecoratedRange<\n  TCursorData extends Record<string, unknown> = Record<string, unknown>\n> = BaseRange & RemoteCaretDecoration<TCursorData>;\n\nexport type TextWithRemoteCursors<\n  TCursorData extends Record<string, unknown> = Record<string, unknown>\n> = BaseText &\n  RemoteCursorDecoration<TCursorData> &\n  RemoteCaretDecoration<TCursorData>;\n\nexport function getRemoteCursorsOnLeaf<\n  TCursorData extends Record<string, unknown>,\n  TLeaf extends TextWithRemoteCursors<TCursorData>\n>(leaf: TLeaf): CursorState<TCursorData>[] {\n  return Object.entries(leaf)\n    .filter(([key]) => key.startsWith(REMOTE_CURSOR_DECORATION_PREFIX))\n    .map(([, data]) => data);\n}\n\nexport function getRemoteCaretsOnLeaf<\n  TCursorData extends Record<string, unknown>,\n  TLeaf extends TextWithRemoteCursors<TCursorData>\n>(leaf: TLeaf): (CursorState<TCursorData> & { isBackward: boolean })[] {\n  return Object.entries(leaf)\n    .filter(([key]) => key.startsWith(REMOTE_CURSOR_CARET_DECORATION_PREFIX))\n    .map(([, data]) => data);\n}\n\nexport type UseDecorateRemoteCursorsOptions = {\n  carets?: boolean;\n};\n\nfunction getDecoration<\n  TCursorData extends Record<string, unknown>,\n  TCaret extends boolean\n>(\n  clientId: string,\n  state: CursorState<TCursorData>,\n  range: BaseRange,\n  caret: TCaret\n): TCaret extends true\n  ? RemoteCursorDecoratedRange<TCursorData>\n  : RemoteCaretDecoratedRange<TCursorData> {\n  if (!caret) {\n    const key = `${REMOTE_CURSOR_DECORATION_PREFIX}${clientId}`;\n    return { ...range, [key]: state };\n  }\n\n  const key = `${REMOTE_CURSOR_CARET_DECORATION_PREFIX}${clientId}`;\n  return {\n    ...range,\n    anchor: range.focus,\n    [key]: state,\n  };\n}\n\nexport function useDecorateRemoteCursors<\n  TCursorData extends Record<string, unknown> = Record<string, unknown>\n>({ carets = true }: UseDecorateRemoteCursorsOptions = {}) {\n  const editor = useRemoteCursorEditor<TCursorData>();\n  const cursors = useRemoteCursorStates<TCursorData>();\n\n  const cursorsRef = useRef(cursors);\n  cursorsRef.current = cursors;\n\n  return useCallback(\n    (entry: NodeEntry) => {\n      const [, path] = entry;\n      if (path.length !== 0) {\n        return [];\n      }\n\n      return Object.entries(cursorsRef.current).flatMap(([clientId, state]) => {\n        const range = getCursorRange(editor, state);\n        if (!range) {\n          return [];\n        }\n\n        if (carets && Range.isCollapsed(range)) {\n          return getDecoration(clientId, state, range, true);\n        }\n\n        if (!carets) {\n          return getDecoration(clientId, state, range, false);\n        }\n\n        return [\n          getDecoration(clientId, state, range, false),\n          getDecoration(clientId, state, range, true),\n        ];\n      });\n    },\n    [carets, editor]\n  );\n}\n","import {\n  CursorEditor,\n  CursorState,\n  relativeRangeToSlateRange,\n} from '@getguru/slate-yjs-core';\nimport { BaseRange, Descendant, Range } from 'slate';\n\nconst CHILDREN_TO_CURSOR_STATE_TO_RANGE: WeakMap<\n  Descendant[],\n  WeakMap<CursorState, Range | null>\n> = new WeakMap();\n\nexport function getCursorRange<\n  TCursorData extends Record<string, unknown> = Record<string, unknown>\n>(\n  editor: CursorEditor<TCursorData>,\n  cursorState: CursorState<TCursorData>\n): BaseRange | null {\n  if (!cursorState.relativeSelection) {\n    return null;\n  }\n\n  let cursorStates = CHILDREN_TO_CURSOR_STATE_TO_RANGE.get(editor.children);\n  if (!cursorStates) {\n    cursorStates = new WeakMap();\n    CHILDREN_TO_CURSOR_STATE_TO_RANGE.set(editor.children, cursorStates);\n  }\n\n  let range = cursorStates.get(cursorState);\n  if (range === undefined) {\n    try {\n      range = relativeRangeToSlateRange(\n        editor.sharedRoot,\n        editor,\n        cursorState.relativeSelection\n      );\n\n      cursorStates.set(cursorState, range);\n    } catch (e) {\n      return null;\n    }\n  }\n\n  return range;\n}\n","import { CursorEditor } from '@getguru/slate-yjs-core';\nimport { ReactEditor, useSlateStatic } from 'slate-react';\n\nexport function useRemoteCursorEditor<\n  TCursorData extends Record<string, unknown> = Record<string, unknown>\n>(): CursorEditor<TCursorData> & ReactEditor {\n  const editor = useSlateStatic();\n  if (!CursorEditor.isCursorEditor(editor)) {\n    throw new Error(\n      'Cannot use useSyncExternalStore outside the context of a RemoteCursorEditor'\n    );\n  }\n\n  return editor as CursorEditor & ReactEditor;\n}\n","import { CursorState } from '@getguru/slate-yjs-core';\nimport { useSyncExternalStore } from 'use-sync-external-store/shim';\nimport { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector';\nimport { useRemoteCursorStateStore } from './useRemoteCursorStateStore';\n\nexport function useRemoteCursorStates<\n  TCursorData extends Record<string, unknown> = Record<string, unknown>\n>() {\n  const [subscribe, getSnapshot] = useRemoteCursorStateStore<TCursorData>();\n  return useSyncExternalStore(subscribe, getSnapshot);\n}\n\nexport function useRemoteCursorStatesSelector<\n  TCursorData extends Record<string, unknown> = Record<string, unknown>,\n  TSelection = unknown\n>(\n  selector: (cursors: Record<string, CursorState<TCursorData>>) => TSelection,\n  isEqual?: (a: TSelection, b: TSelection) => boolean\n): TSelection {\n  const [subscribe, getSnapshot] = useRemoteCursorStateStore<TCursorData>();\n  return useSyncExternalStoreWithSelector(\n    subscribe,\n    getSnapshot,\n    null,\n    selector,\n    isEqual\n  );\n}\n","import {\n  CursorEditor,\n  CursorState,\n  RemoteCursorChangeEventListener,\n} from '@getguru/slate-yjs-core';\nimport { BaseEditor } from 'slate';\nimport { Store } from '../types';\nimport { useRemoteCursorEditor } from './useRemoteCursorEditor';\n\nexport type CursorStore<\n  TCursorData extends Record<string, unknown> = Record<string, unknown>\n> = Store<Record<string, CursorState<TCursorData>>>;\n\nconst EDITOR_TO_CURSOR_STORE: WeakMap<BaseEditor, CursorStore> = new WeakMap();\n\nfunction createRemoteCursorStateStore<\n  TCursorData extends Record<string, unknown>\n>(editor: CursorEditor<TCursorData>): CursorStore<TCursorData> {\n  let cursors: Record<string, CursorState<TCursorData>> = {};\n\n  const changed = new Set<number>();\n  const addChanged = changed.add.bind(changed);\n  const onStoreChangeListeners: Set<() => void> = new Set();\n\n  let changeHandler: RemoteCursorChangeEventListener | null = null;\n\n  const subscribe = (onStoreChange: () => void) => {\n    onStoreChangeListeners.add(onStoreChange);\n    if (!changeHandler) {\n      changeHandler = (event) => {\n        event.added.forEach(addChanged);\n        event.removed.forEach(addChanged);\n        event.updated.forEach(addChanged);\n        onStoreChangeListeners.forEach((listener) => listener());\n      };\n      CursorEditor.on(editor, 'change', changeHandler);\n    }\n\n    return () => {\n      onStoreChangeListeners.delete(onStoreChange);\n      if (changeHandler && onStoreChangeListeners.size === 0) {\n        CursorEditor.off(editor, 'change', changeHandler);\n        changeHandler = null;\n      }\n    };\n  };\n\n  const getSnapshot = () => {\n    if (changed.size === 0) {\n      return cursors;\n    }\n\n    changed.forEach((clientId) => {\n      const state = CursorEditor.cursorState(editor, clientId);\n      if (state === null) {\n        delete cursors[clientId.toString()];\n        return;\n      }\n\n      cursors[clientId] = state;\n    });\n\n    changed.clear();\n    cursors = { ...cursors };\n    return cursors;\n  };\n\n  return [subscribe, getSnapshot];\n}\n\nfunction getCursorStateStore<TCursorData extends Record<string, unknown>>(\n  editor: CursorEditor<TCursorData>\n): CursorStore<TCursorData> {\n  const existing = EDITOR_TO_CURSOR_STORE.get(editor);\n  if (existing) {\n    return existing as CursorStore<TCursorData>;\n  }\n\n  const store = createRemoteCursorStateStore(editor);\n  EDITOR_TO_CURSOR_STORE.set(editor, store);\n  return store;\n}\n\nexport function useRemoteCursorStateStore<\n  TCursorData extends Record<string, unknown> = Record<string, unknown>\n>() {\n  const editor = useRemoteCursorEditor<TCursorData>();\n  return getCursorStateStore(editor);\n}\n","import { CursorEditor } from '@getguru/slate-yjs-core';\nimport { useCallback, useEffect } from 'react';\nimport { useFocused } from 'slate-react';\nimport { useRemoteCursorEditor } from './useRemoteCursorEditor';\n\nexport function useUnsetCursorPositionOnBlur() {\n  const editor = useRemoteCursorEditor();\n  const isSlateFocused = useFocused();\n\n  const sendCursorPosition = useCallback(\n    (isFocused?: boolean) => {\n      if (isFocused && editor.selection) {\n        CursorEditor.sendCursorPosition(editor, editor.selection);\n        return;\n      }\n\n      if (!isFocused) {\n        CursorEditor.sendCursorPosition(editor, null);\n      }\n    },\n    [editor]\n  );\n\n  useEffect(() => {\n    const handleWindowBlur = () => {\n      if (isSlateFocused) {\n        sendCursorPosition(false);\n      }\n    };\n\n    const handleWindowFocus = () => {\n      if (isSlateFocused) {\n        sendCursorPosition(true);\n      }\n    };\n\n    window.addEventListener('blur', handleWindowBlur);\n    window.addEventListener('focus', handleWindowFocus);\n    return () => {\n      window.removeEventListener('blur', handleWindowBlur);\n      window.removeEventListener('focus', handleWindowFocus);\n    };\n  }, [isSlateFocused, sendCursorPosition]);\n\n  useEffect(() => {\n    sendCursorPosition(isSlateFocused);\n  }, [editor, isSlateFocused, sendCursorPosition]);\n}\n","import { CursorState } from '@getguru/slate-yjs-core';\nimport {\n  RefObject,\n  useCallback,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { BaseRange, NodeMatch, Text } from 'slate';\nimport { getCursorRange } from '../utils/getCursorRange';\nimport {\n  CaretPosition,\n  getOverlayPosition,\n  OverlayPosition,\n  SelectionRect,\n} from '../utils/getOverlayPosition';\nimport { useRemoteCursorEditor } from './useRemoteCursorEditor';\nimport { useRemoteCursorStates } from './useRemoteCursorStates';\nimport { useOnResize, useRequestRerender } from './utils';\n\nconst FROZEN_EMPTY_ARRAY = Object.freeze([]);\n\nexport type UseRemoteCursorOverlayPositionsOptions<T extends HTMLElement> = {\n  shouldGenerateOverlay?: NodeMatch<Text>;\n} & (\n  | {\n      // Container the overlay will be rendered in. If set, all returned overlay positions\n      // will be relative to this container and the cursor positions will be automatically\n      // updated on container resize.\n      containerRef?: undefined;\n    }\n  | {\n      containerRef: RefObject<T>;\n\n      // Whether to refresh the cursor overlay positions on container resize. Defaults\n      // to true. If set to 'debounced', the remote cursor positions will be updated\n      // each animation frame.\n      refreshOnResize?: boolean | 'debounced';\n    }\n);\n\nexport type CursorOverlayData<TCursorData extends Record<string, unknown>> =\n  CursorState<TCursorData> & {\n    range: BaseRange | null;\n    caretPosition: CaretPosition | null;\n    selectionRects: SelectionRect[];\n  };\n\nexport function useRemoteCursorOverlayPositions<\n  TCursorData extends Record<string, unknown>,\n  TContainer extends HTMLElement = HTMLDivElement\n>({\n  containerRef,\n  shouldGenerateOverlay,\n  ...opts\n}: UseRemoteCursorOverlayPositionsOptions<TContainer> = {}) {\n  const editor = useRemoteCursorEditor<TCursorData>();\n  const cursorStates = useRemoteCursorStates<TCursorData>();\n  const requestRerender = useRequestRerender();\n\n  const overlayPositionCache = useRef(\n    new WeakMap<BaseRange, OverlayPosition>()\n  );\n  const [overlayPositions, setOverlayPositions] = useState<\n    Record<string, OverlayPosition>\n  >({});\n\n  const refreshOnResize =\n    'refreshOnResize' in opts ? opts.refreshOnResize ?? true : true;\n\n  useOnResize(refreshOnResize ? containerRef : undefined, () => {\n    overlayPositionCache.current = new WeakMap();\n    requestRerender(refreshOnResize !== 'debounced');\n  });\n\n  // Update selection rects after paint\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    // We have a container ref but the ref is null => container\n    // isn't mounted to we can't calculate the selection rects.\n    if (containerRef && !containerRef.current) {\n      return;\n    }\n\n    const containerRect = containerRef?.current?.getBoundingClientRect();\n    const xOffset = containerRect?.x ?? 0;\n    const yOffset = containerRect?.y ?? 0;\n\n    let overlayPositionsChanged =\n      Object.keys(overlayPositions).length !== Object.keys(cursorStates).length;\n\n    const updated = Object.fromEntries(\n      Object.entries(cursorStates).map(([key, state]) => {\n        const range = state.relativeSelection && getCursorRange(editor, state);\n\n        if (!range) {\n          return [key, FROZEN_EMPTY_ARRAY];\n        }\n\n        const cached = overlayPositionCache.current.get(range);\n        if (cached) {\n          return [key, cached];\n        }\n\n        const overlayPosition = getOverlayPosition(editor, range, {\n          xOffset,\n          yOffset,\n          shouldGenerateOverlay,\n        });\n        overlayPositionsChanged = true;\n        overlayPositionCache.current.set(range, overlayPosition);\n        return [key, overlayPosition];\n      })\n    );\n\n    if (overlayPositionsChanged) {\n      setOverlayPositions(updated);\n    }\n  });\n\n  const overlayData = useMemo<CursorOverlayData<TCursorData>[]>(\n    () =>\n      Object.entries(cursorStates).map(([clientId, state]) => {\n        const range = state.relativeSelection && getCursorRange(editor, state);\n        const overlayPosition = overlayPositions[clientId];\n\n        return {\n          ...state,\n          range,\n          caretPosition: overlayPosition?.caretPosition ?? null,\n          selectionRects: overlayPosition?.selectionRects ?? FROZEN_EMPTY_ARRAY,\n        };\n      }),\n    [cursorStates, editor, overlayPositions]\n  );\n\n  const refresh = useCallback(() => {\n    overlayPositionCache.current = new WeakMap();\n    requestRerender(true);\n  }, [requestRerender]);\n\n  return [overlayData, refresh] as const;\n}\n","import { BaseRange, Editor, Path, Range, Text } from 'slate';\nimport { ReactEditor } from 'slate-react';\nimport { reactEditorToDomRangeSafe } from './react-editor-to-dom-range-safe';\n\nexport type SelectionRect = {\n  width: number;\n  height: number;\n  top: number;\n  left: number;\n};\n\nexport type CaretPosition = {\n  height: number;\n  top: number;\n  left: number;\n};\n\nexport type OverlayPosition = {\n  caretPosition: CaretPosition | null;\n  selectionRects: SelectionRect[];\n};\n\nexport type GetSelectionRectsOptions = {\n  xOffset: number;\n  yOffset: number;\n  shouldGenerateOverlay?: (node: Text, path: Path) => boolean;\n};\n\nexport function getOverlayPosition(\n  editor: ReactEditor,\n  range: BaseRange,\n  { yOffset, xOffset, shouldGenerateOverlay }: GetSelectionRectsOptions\n): OverlayPosition {\n  const [start, end] = Range.edges(range);\n  const domRange = reactEditorToDomRangeSafe(editor, range);\n  if (!domRange) {\n    return {\n      caretPosition: null,\n      selectionRects: [],\n    };\n  }\n\n  const selectionRects: SelectionRect[] = [];\n  const nodeIterator = Editor.nodes(editor, {\n    at: range,\n    match: (n, p) =>\n      Text.isText(n) && (!shouldGenerateOverlay || shouldGenerateOverlay(n, p)),\n  });\n\n  let caretPosition: CaretPosition | null = null;\n  const isBackward = Range.isBackward(range);\n  for (const [node, path] of nodeIterator) {\n    const domNode = ReactEditor.toDOMNode(editor, node);\n\n    const isStartNode = Path.equals(path, start.path);\n    const isEndNode = Path.equals(path, end.path);\n\n    let clientRects: DOMRectList | null = null;\n    if (isStartNode || isEndNode) {\n      const nodeRange = document.createRange();\n      nodeRange.selectNode(domNode);\n\n      if (isStartNode) {\n        nodeRange.setStart(domRange.startContainer, domRange.startOffset);\n      }\n      if (isEndNode) {\n        nodeRange.setEnd(domRange.endContainer, domRange.endOffset);\n      }\n\n      clientRects = nodeRange.getClientRects();\n    } else {\n      clientRects = domNode.getClientRects();\n    }\n\n    const isCaret = isBackward ? isStartNode : isEndNode;\n    for (let i = 0; i < clientRects.length; i++) {\n      const clientRect = clientRects.item(i);\n      if (!clientRect) {\n        continue;\n      }\n\n      const isCaretRect =\n        isCaret && (isBackward ? i === 0 : i === clientRects.length - 1);\n\n      const top = clientRect.top - yOffset;\n      const left = clientRect.left - xOffset;\n\n      if (isCaretRect) {\n        caretPosition = {\n          height: clientRect.height,\n          top,\n          left:\n            left +\n            (isBackward || Range.isCollapsed(range) ? 0 : clientRect.width),\n        };\n      }\n\n      selectionRects.push({\n        width: clientRect.width,\n        height: clientRect.height,\n        top,\n        left,\n      });\n    }\n  }\n\n  return {\n    selectionRects,\n    caretPosition,\n  };\n}\n","import { ReactEditor } from 'slate-react';\nimport { BaseRange } from 'slate';\n\nexport function reactEditorToDomRangeSafe(\n  editor: ReactEditor,\n  range: BaseRange\n): Range | null {\n  try {\n    return ReactEditor.toDOMRange(editor, range);\n  } catch (e) {\n    return null;\n  }\n}\n","import {\n  RefObject,\n  useCallback,\n  useEffect,\n  useReducer,\n  useRef,\n  useState,\n} from 'react';\n\nexport function useRequestRerender() {\n  const [, rerender] = useReducer((s) => s + 1, 0);\n  const animationFrameIdRef = useRef<number | null>(null);\n\n  const clearAnimationFrame = () => {\n    if (animationFrameIdRef.current) {\n      cancelAnimationFrame(animationFrameIdRef.current);\n      animationFrameIdRef.current = 0;\n    }\n  };\n\n  useEffect(clearAnimationFrame);\n  useEffect(() => clearAnimationFrame, []);\n\n  return useCallback((immediately = false) => {\n    if (immediately) {\n      rerender();\n      return;\n    }\n\n    if (animationFrameIdRef.current) {\n      return;\n    }\n\n    animationFrameIdRef.current = requestAnimationFrame(rerender);\n  }, []);\n}\n\nexport function useOnResize<T extends HTMLElement>(\n  ref: RefObject<T> | undefined,\n  onResize: () => void\n) {\n  const onResizeRef = useRef(onResize);\n  onResizeRef.current = onResize;\n\n  const [observer] = useState(\n    () =>\n      new ResizeObserver(() => {\n        onResizeRef.current();\n      })\n  );\n\n  useEffect(() => {\n    if (!ref?.current) {\n      return;\n    }\n\n    const { current: element } = ref;\n    observer.observe(element);\n    return () => observer.unobserve(element);\n  }, [observer, ref]);\n}\n"],"mappings":"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","names":[]}

package/dist/types.d.ts

@@ -0,0 +1,5 @@
+export declare type Store<T> = readonly [
+    (onStoreChange: () => void) => () => void,
+    () => T
+];
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,oBAAY,KAAK,CAAC,CAAC,IAAI,SAAS;IAC9B,CAAC,aAAa,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI;IACzC,MAAM,CAAC;CACR,CAAC"}

package/dist/utils/getCursorRange.d.ts

@@ -0,0 +1,4 @@
+import { CursorEditor, CursorState } from '@getguru/slate-yjs-core';
+import { BaseRange } from 'slate';
+export declare function getCursorRange<TCursorData extends Record<string, unknown> = Record<string, unknown>>(editor: CursorEditor<TCursorData>, cursorState: CursorState<TCursorData>): BaseRange | null;
+//# sourceMappingURL=getCursorRange.d.ts.map

package/dist/utils/getCursorRange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCursorRange.d.ts","sourceRoot":"","sources":["../../src/utils/getCursorRange.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,WAAW,EAEZ,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAOrD,wBAAgB,cAAc,CAC5B,WAAW,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAErE,MAAM,EAAE,YAAY,CAAC,WAAW,CAAC,EACjC,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC,GACpC,SAAS,GAAG,IAAI,CA2BlB"}

package/dist/utils/getOverlayPosition.d.ts

@@ -0,0 +1,24 @@
+import { BaseRange, Path, Text } from 'slate';
+import { ReactEditor } from 'slate-react';
+export declare type SelectionRect = {
+    width: number;
+    height: number;
+    top: number;
+    left: number;
+};
+export declare type CaretPosition = {
+    height: number;
+    top: number;
+    left: number;
+};
+export declare type OverlayPosition = {
+    caretPosition: CaretPosition | null;
+    selectionRects: SelectionRect[];
+};
+export declare type GetSelectionRectsOptions = {
+    xOffset: number;
+    yOffset: number;
+    shouldGenerateOverlay?: (node: Text, path: Path) => boolean;
+};
+export declare function getOverlayPosition(editor: ReactEditor, range: BaseRange, { yOffset, xOffset, shouldGenerateOverlay }: GetSelectionRectsOptions): OverlayPosition;
+//# sourceMappingURL=getOverlayPosition.d.ts.map

package/dist/utils/getOverlayPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getOverlayPosition.d.ts","sourceRoot":"","sources":["../../src/utils/getOverlayPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,IAAI,EAAS,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG1C,oBAAY,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,aAAa,EAAE,aAAa,GAAG,IAAI,CAAC;IACpC,cAAc,EAAE,aAAa,EAAE,CAAC;CACjC,CAAC;AAEF,oBAAY,wBAAwB,GAAG;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;CAC7D,CAAC;AAEF,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,SAAS,EAChB,EAAE,OAAO,EAAE,OAAO,EAAE,qBAAqB,EAAE,EAAE,wBAAwB,GACpE,eAAe,CA8EjB"}

package/dist/utils/react-editor-to-dom-range-safe.d.ts

@@ -0,0 +1,4 @@
+import { ReactEditor } from 'slate-react';
+import { BaseRange } from 'slate';
+export declare function reactEditorToDomRangeSafe(editor: ReactEditor, range: BaseRange): Range | null;
+//# sourceMappingURL=react-editor-to-dom-range-safe.d.ts.map

package/dist/utils/react-editor-to-dom-range-safe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-editor-to-dom-range-safe.d.ts","sourceRoot":"","sources":["../../src/utils/react-editor-to-dom-range-safe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,SAAS,GACf,KAAK,GAAG,IAAI,CAMd"}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@getguru/slate-yjs-react",
+  "sideEffects": false,
+  "version": "1.1.1",
+  "description": "React specific components/utils for slate-yjs.",
+  "keywords": [
+    "slate",
+    "yjs",
+    "collaborative",
+    "react"
+  ],
+  "type": "module",
+  "exports": {
+    "require": "./dist/index.cjs",
+    "default": "./dist/index.js"
+  },
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "unpkg": "dist/index.global.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "yarn run tsup && tsc --emitDeclarationOnly",
+    "dev": "yarn run tsup --watch"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/guruhq/slate-yjs.git"
+  },
+  "license": "MIT",
+  "devDependencies": {
+    "@getguru/slate-yjs-core": "^1.0.3",
+    "@types/react": "^17.0.34",
+    "@types/use-sync-external-store": "^0.0.3",
+    "react": "^17.0.2",
+    "slate": "^0.82.1",
+    "tsup": "^5.12.1",
+    "typescript": "^4.6.3",
+    "yjs": "^13.5.29"
+  },
+  "peerDependencies": {
+    "@getguru/slate-yjs-core": "^1.0.3",
+    "react": ">=16.8.0",
+    "slate": ">=0.70.0",
+    "slate-react": ">=0.70.0",
+    "yjs": "^13.5.29"
+  },
+  "bugs": {
+    "url": "https://github.com/guruhq/slate-yjs/issues"
+  },
+  "homepage": "https://github.com/guruhq/slate-yjs#readme",
+  "dependencies": {
+    "use-sync-external-store": "^1.2.0",
+    "y-protocols": "^1.0.5"
+  }
+}