slate-vue3 0.3.2 → 0.3.3

package/dist/slate-yjs/hooks/useRemoteCursorOverlayPositions.d.ts

@@ -1,6 +1,5 @@
 import { Ref } from 'vue';
 import { BaseRange, NodeMatch, Text } from '../../slate/index.ts';
-import { toRawWeakMap as WeakMap } from '../../share-tools/index.ts';
 import { JsonObject } from '@liveblocks/client';
 import { CursorState } from '../plugins/withCursors';
 import { CaretPosition, SelectionRect } from './utils';
@@ -9,4 +8,4 @@ export type CursorOverlayData<TCursorData extends JsonObject> = CursorState<TCur
     caretPosition: CaretPosition | null;
     selectionRects: SelectionRect[];
 };
-export declare function useRemoteCursorOverlayPositions<TCursorData extends JsonObject, TContainer extends HTMLElement = HTMLDivElement>(containerRef: Ref<TContainer>, shouldGenerateOverlay?: NodeMatch<Text>): readonly [import('vue').ComputedRef<CursorOverlayData<TCursorData>[]>, () => WeakMap<BaseRange, any>];
+export declare function useRemoteCursorOverlayPositions<TCursorData extends JsonObject, TContainer extends HTMLElement = HTMLDivElement>(containerRef: Ref<TContainer>, shouldGenerateOverlay?: NodeMatch<Text>): readonly [import('vue').ComputedRef<CursorOverlayData<TCursorData>[]>, () => void];

package/dist/yjs.js

@@ -1294,16 +1294,16 @@ const EDITOR_TO_CURSOR_STORE = new toRawWeakMap();
 function useRemoteCursorStateStore() {
   const editor = useEditor();
   const cursors = ref({});
-  const changed = ref(/* @__PURE__ */ new Set());
-  const addChanged = changed.value.add.bind(changed.value);
+  const changed = /* @__PURE__ */ new Set();
+  const addChanged = changed.add.bind(changed);
   const changeHandler = (event) => {
     event.added.forEach(addChanged);
     event.removed.forEach(addChanged);
     event.updated.forEach(addChanged);
-    if (changed.value.size === 0) {
+    if (changed.size === 0) {
       return cursors;
     }
-    changed.value.forEach((clientId) => {
+    changed.forEach((clientId) => {
       const state = CursorEditor.cursorState(editor, clientId);
       if (state === null) {
         delete cursors.value[clientId.toString()];
@@ -1311,7 +1311,7 @@ function useRemoteCursorStateStore() {
       }
       cursors.value[clientId] = state;
     });
-    changed.value.clear();
+    changed.clear();
   };
   const subscribe = () => {
     CursorEditor.on(editor, "change", changeHandler);
@@ -1479,8 +1479,7 @@ function useRemoteCursorOverlayPositions(containerRef, shouldGenerateOverlay) {
   const cursorStates = useRemoteCursorStates();
   const overlayPositionCache = ref(new toRawWeakMap());
   const overlayPositions = ref({});
-  useOnResize(containerRef, () => overlayPositionCache.value = new toRawWeakMap());
-  onUpdated(() => {
+  const flushOverlayCursor = () => {
     if (!containerRef.value) {
       return;
     }
@@ -1511,7 +1510,13 @@ function useRemoteCursorOverlayPositions(containerRef, shouldGenerateOverlay) {
     if (overlayPositionsChanged) {
       overlayPositions.value = updated;
     }
-  });
+  };
+  const refresh = () => {
+    overlayPositionCache.value = new toRawWeakMap();
+    flushOverlayCursor();
+  };
+  useOnResize(containerRef, refresh);
+  onUpdated(flushOverlayCursor);
   const overlayData = computed(
     () => Object.entries(cursorStates.value).map(([clientId, state]) => {
       const range = state.selection && getCursorRange(editor, state);
@@ -1524,7 +1529,6 @@ function useRemoteCursorOverlayPositions(containerRef, shouldGenerateOverlay) {
       };
     })
   );
-  const refresh = () => overlayPositionCache.value = new toRawWeakMap();
   return [overlayData, refresh];
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slate-vue3",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",