@dxos/react-ui-editor 0.3.11-main.55b2292 → 0.3.11-main.56ff0ac

package/dist/lib/browser/index.mjs

@@ -11,10 +11,10 @@ import { EditorView as EditorView13 } from "@codemirror/view";
 import { useFocusableGroup } from "@fluentui/react-tabster";
 import { vim } from "@replit/codemirror-vim";
 import defaultsDeep2 from "lodash.defaultsdeep";
-import React, { forwardRef, useCallback, useEffect as useEffect3, useImperativeHandle, useRef, useState } from "react";
+import React, { forwardRef, useCallback, useEffect as useEffect2, useImperativeHandle, useRef, useState } from "react";
 import { log as log2 } from "@dxos/log";
-import { useThemeContext as useThemeContext2 } from "@dxos/react-ui";
-import { inputSurface, mx as mx3 } from "@dxos/react-ui-theme";
+import { useThemeContext } from "@dxos/react-ui";
+import { attentionSurface, mx as mx3 } from "@dxos/react-ui-theme";
 
 // packages/ui/react-ui-editor/src/extensions/autocomplete.ts
 import { autocompletion, completionKeymap } from "@codemirror/autocomplete";
@@ -293,9 +293,9 @@ var Cursor = class _Cursor {
   }
   static {
     this.getCursorFromRange = (state, range) => {
-      const cursorConverter3 = state.facet(_Cursor.converter);
-      const from = cursorConverter3.toCursor(range.from);
-      const to = cursorConverter3.toCursor(range.to, -1);
+      const cursorConverter2 = state.facet(_Cursor.converter);
+      const from = cursorConverter2.toCursor(range.from);
+      const to = cursorConverter2.toCursor(range.to, -1);
       return [
         from,
         to
@@ -304,10 +304,10 @@ var Cursor = class _Cursor {
   }
   static {
     this.getRangeFromCursor = (state, cursor) => {
-      const cursorConverter3 = state.facet(_Cursor.converter);
+      const cursorConverter2 = state.facet(_Cursor.converter);
       const parts = cursor.split(":");
-      const from = cursorConverter3.fromCursor(parts[0]);
-      const to = cursorConverter3.fromCursor(parts[1]);
+      const from = cursorConverter2.fromCursor(parts[0]);
+      const to = cursorConverter2.fromCursor(parts[1]);
       return from !== void 0 && to !== void 0 ? {
         from,
         to
@@ -386,21 +386,17 @@ var automerge3 = ({ handle, path }) => {
 // packages/ui/react-ui-editor/src/extensions/awareness.ts
 import { Annotation as Annotation2, Facet as Facet2, RangeSet } from "@codemirror/state";
 import { Decoration, EditorView as EditorView2, ViewPlugin as ViewPlugin2, WidgetType } from "@codemirror/view";
-import { useEffect } from "react";
 import { Event } from "@dxos/async";
 import { Context } from "@dxos/context";
-import { generateName } from "@dxos/display-name";
-import { useThemeContext } from "@dxos/react-ui";
-import { getColorForValue } from "@dxos/react-ui-theme";
 var dummyProvider = {
   remoteStateChange: new Event(),
   open: () => {
   },
   close: () => {
   },
+  getRemoteStates: () => [],
   update: () => {
-  },
-  getRemoteStates: () => []
+  }
 };
 var AwarenessProvider = Facet2.define({
   combine: (providers) => providers[0] ?? dummyProvider
@@ -415,29 +411,6 @@ var awareness = (provider = dummyProvider) => {
     styles
   ];
 };
-var useAwareness = ({ awareness: awareness2, peer }) => {
-  const { themeMode } = useThemeContext();
-  useEffect(() => {
-    if (awareness2 && peer) {
-      awareness2.setLocalStateField("user", {
-        name: peer.name ?? generateName(peer.id),
-        color: getColorForValue({
-          value: peer.id,
-          type: "color"
-        }),
-        colorLight: getColorForValue({
-          value: peer.id,
-          themeMode,
-          type: "highlight"
-        })
-      });
-    }
-  }, [
-    awareness2,
-    peer,
-    themeMode
-  ]);
-};
 var RemoteSelectionsDecorator = class {
   constructor(view) {
     this.decorations = RangeSet.of([]);
@@ -599,39 +572,41 @@ var styles = EditorView2.baseTheme({
     marginLeft: "-1px",
     marginRight: "-1px",
     boxSizing: "border-box",
-    display: "inline"
+    display: "inline",
+    cursor: "pointer"
   },
   ".cm-collab-selectionCaretDot": {
     borderRadius: "50%",
     position: "absolute",
-    width: ".4em",
-    height: ".4em",
-    top: "-.2em",
-    left: "-.2em",
+    width: ".5em",
+    height: ".5em",
+    top: "-.25em",
+    left: "-.25em",
     backgroundColor: "inherit",
     transition: "transform .3s ease-in-out",
     boxSizing: "border-box"
   },
   ".cm-collab-selectionCaret:hover > .cm-collab-selectionCaretDot": {
-    transformOrigin: "bottom center",
-    transform: "scale(0)"
+    transform: "scale(0)",
+    transformOrigin: "center"
   },
   ".cm-collab-selectionInfo": {
     position: "absolute",
-    top: "-1.05em",
-    left: "-1px",
+    transform: "translate(-50%, 0)",
+    top: "-20px",
+    left: 0,
     fontSize: ".75em",
-    fontFamily: "serif",
+    fontFamily: "sans-serif",
     fontStyle: "normal",
     fontWeight: "normal",
     lineHeight: "normal",
     userSelect: "none",
     color: "white",
-    paddingLeft: "2px",
-    paddingRight: "2px",
+    padding: "2px",
     zIndex: 101,
     transition: "opacity .3s ease-in-out",
     backgroundColor: "inherit",
+    borderRadius: "2px",
     // These should be separate.
     opacity: 0,
     transitionDelay: "0s",
@@ -649,8 +624,8 @@ import { history } from "@codemirror/commands";
 import { bracketMatching, defaultHighlightStyle, syntaxHighlighting } from "@codemirror/language";
 import { oneDarkHighlightStyle } from "@codemirror/theme-one-dark";
 import { drawSelection, EditorView as EditorView3, highlightActiveLine, placeholder } from "@codemirror/view";
-var basicBundle = ({ themeMode, placeholder: _placeholder, multiline = true }) => [
-  multiline ? EditorView3.lineWrapping : [],
+var basicBundle = ({ themeMode, placeholder: _placeholder, lineWrapping = true }) => [
+  lineWrapping ? EditorView3.lineWrapping : [],
   // https://codemirror.net/docs/ref/#codemirror.minimalSetup
   bracketMatching(),
   closeBrackets(),
@@ -1140,7 +1115,7 @@ var code2 = () => {
 import { StateEffect as StateEffect2, StateField as StateField2 } from "@codemirror/state";
 import { hoverTooltip, keymap as keymap3, Decoration as Decoration3, EditorView as EditorView6 } from "@codemirror/view";
 import sortBy from "lodash.sortby";
-import { useEffect as useEffect2 } from "react";
+import { useEffect } from "react";
 import { debounce } from "@dxos/async";
 import { invariant as invariant3 } from "@dxos/invariant";
 import { nonNullable } from "@dxos/util";
@@ -1186,7 +1161,7 @@ var styles3 = EditorView6.baseTheme({
   "& .cm-comment": {
     backgroundColor: getToken("extend.colors.yellow.50")
   },
-  "& .cm-comment-active": {
+  "& .cm-comment-current": {
     backgroundColor: getToken("extend.colors.yellow.100")
   }
 });
@@ -1195,7 +1170,7 @@ var marks = {
     class: "cm-comment"
   }),
   highlightActive: Decoration3.mark({
-    class: "cm-comment-active"
+    class: "cm-comment-current"
   })
 };
 var setFocus = (view, id, center = true) => {
@@ -1215,7 +1190,7 @@ var setFocus = (view, id, center = true) => {
           y: "center"
         } : void 0),
         setSelection.of({
-          active: id
+          current: id
         })
       ]
     });
@@ -1263,14 +1238,14 @@ var commentsState = StateField2.define({
 var highlightDecorations = EditorView6.decorations.compute([
   commentsState
 ], (state) => {
-  const { selection: { active }, comments: comments2 } = state.field(commentsState);
+  const { selection: { current }, comments: comments2 } = state.field(commentsState);
   const decorations = sortBy(comments2 ?? [], (range) => range.range.from)?.flatMap((comment) => {
     const range = comment.range;
     if (!range || range.from === range.to) {
       console.warn("Invalid range:", range);
       return void 0;
     }
-    if (comment.comment.id === active) {
+    if (comment.comment.id === current) {
       return marks.highlightActive.range(range.from, range.to);
     } else {
       return marks.highlight.range(range.from, range.to);
@@ -1366,7 +1341,7 @@ var comments = (options = {}) => {
       if (id) {
         view.dispatch({
           effects: setSelection.of({
-            active: id
+            current: id
           }),
           selection: {
             anchor: from
@@ -1453,17 +1428,17 @@ var comments = (options = {}) => {
     //
     // Track selection/proximity.
     //
-    EditorView6.updateListener.of(({ view, state, changes }) => {
+    EditorView6.updateListener.of(({ view, state }) => {
       let min = Infinity;
-      const { selection: { active, closest }, comments: comments2 } = state.field(commentsState);
+      const { selection: { current, closest }, comments: comments2 } = state.field(commentsState);
       const { head } = state.selection.main;
       const selection = {};
       comments2.forEach(({ comment, range }) => {
         if (head >= range.from && head <= range.to) {
-          selection.active = comment.id;
+          selection.current = comment.id;
           selection.closest = void 0;
         }
-        if (!selection.active) {
+        if (!selection.current) {
           const d = Math.min(Math.abs(head - range.from), Math.abs(head - range.to));
           if (d < min) {
             selection.closest = comment.id;
@@ -1471,7 +1446,7 @@ var comments = (options = {}) => {
           }
         }
       });
-      if (selection.active !== active || selection.closest !== closest) {
+      if (selection.current !== current || selection.closest !== closest) {
         view.dispatch({
           effects: setSelection.of(selection)
         });
@@ -1488,9 +1463,9 @@ var comments = (options = {}) => {
     options.onUpdate ? trackPastedComments(options.onUpdate) : []
   ];
 };
-var useComments = (view, comments2) => {
-  useEffect2(() => {
-    if (view && comments2) {
+var useComments = (view, comments2 = []) => {
+  useEffect(() => {
+    if (view) {
       view.dispatch({
         effects: setComments.of(comments2)
       });
@@ -2317,27 +2292,6 @@ var typewriter = ({ delay = 75, items = defaultItems } = {}) => {
   ];
 };
 
-// packages/ui/react-ui-editor/src/extensions/yjs/yjs.ts
-import { yCollab } from "y-codemirror.next";
-
-// packages/ui/react-ui-editor/src/extensions/yjs/cursor.ts
-import * as Y from "yjs";
-import { arrayToString, stringToArray } from "@dxos/util";
-var cursorConverter2 = (text) => ({
-  toCursor: (index, assoc) => {
-    return arrayToString(Y.encodeRelativePosition(Y.createRelativePositionFromTypeIndex(text, index, assoc)));
-  },
-  fromCursor: (cursor) => {
-    return Y.createAbsolutePositionFromRelativePosition(Y.decodeRelativePosition(stringToArray(cursor)), text.doc)?.index ?? 0;
-  }
-});
-
-// packages/ui/react-ui-editor/src/extensions/yjs/yjs.ts
-var yjs = (content, awareness2) => [
-  Cursor.converter.of(cursorConverter2(content)),
-  yCollab(content, awareness2)
-];
-
 // packages/ui/react-ui-editor/src/themes/default.ts
 import get3 from "lodash.get";
 var defaultTheme = {
@@ -2580,26 +2534,25 @@ var EditorModes = [
   "default",
   "vim"
 ];
-var BaseTextEditor = /* @__PURE__ */ forwardRef(({ model, readonly, autofocus, scrollTo, selection, editorMode, theme, slots = defaultSlots, extensions = [], debug }, forwardedRef) => {
+var BaseTextEditor = /* @__PURE__ */ forwardRef(({ model, readonly, autoFocus, scrollTo, selection, editorMode, theme, slots = defaultSlots, extensions = [], debug }, forwardedRef) => {
   const tabsterDOMAttribute = useFocusableGroup({
     tabBehavior: "limited"
   });
-  const { themeMode } = useThemeContext2();
+  const { themeMode } = useThemeContext();
   const rootRef = useRef(null);
   const [view, setView] = useState(null);
   useImperativeHandle(forwardedRef, () => view, [
     view
   ]);
-  useEffect3(() => {
-    if (autofocus) {
+  useEffect2(() => {
+    if (autoFocus) {
       view?.focus();
     }
   }, [
     view,
-    autofocus
+    autoFocus
   ]);
-  useAwareness(model);
-  useEffect3(() => {
+  useEffect2(() => {
     if (!model || !rootRef.current) {
       return;
     }
@@ -2611,7 +2564,7 @@ var BaseTextEditor = /* @__PURE__ */ forwardRef(({ model, readonly, autofocus, s
         EditorView13.exceptionSink.of((err) => {
           log2.catch(err, void 0, {
             F: __dxlog_file5,
-            L: 126,
+            L: 123,
             S: void 0,
             C: (f, a) => f(...a)
           });
@@ -2692,8 +2645,8 @@ var BaseTextEditor = /* @__PURE__ */ forwardRef(({ model, readonly, autofocus, s
     ref: rootRef
   });
 });
-var TextEditor = /* @__PURE__ */ forwardRef(({ readonly, placeholder: placeholder3, multiline, theme = textTheme, slots, extensions = [], ...props }, forwardedRef) => {
-  const { themeMode } = useThemeContext2();
+var TextEditor = /* @__PURE__ */ forwardRef(({ readonly, placeholder: placeholder3, lineWrapping, theme = textTheme, slots, extensions = [], ...props }, forwardedRef) => {
+  const { themeMode } = useThemeContext();
   const updatedSlots = defaultsDeep2({}, slots, defaultTextSlots);
   return /* @__PURE__ */ React.createElement(BaseTextEditor, {
     ref: forwardedRef,
@@ -2702,7 +2655,7 @@ var TextEditor = /* @__PURE__ */ forwardRef(({ readonly, placeholder: placeholde
       basicBundle({
         themeMode,
         placeholder: placeholder3,
-        multiline
+        lineWrapping
       }),
       ...extensions
     ],
@@ -2712,7 +2665,7 @@ var TextEditor = /* @__PURE__ */ forwardRef(({ readonly, placeholder: placeholde
   });
 });
 var MarkdownEditor = /* @__PURE__ */ forwardRef(({ readonly, placeholder: placeholder3, theme = markdownTheme, slots, extensions = [], ...props }, forwardedRef) => {
-  const { themeMode } = useThemeContext2();
+  const { themeMode } = useThemeContext();
   const updatedSlots = defaultsDeep2({}, slots, defaultMarkdownSlots);
   return /* @__PURE__ */ React.createElement(BaseTextEditor, {
     ref: forwardedRef,
@@ -2733,7 +2686,7 @@ var MarkdownEditor = /* @__PURE__ */ forwardRef(({ readonly, placeholder: placeh
 var defaultSlots = {
   root: {
     // TODO(burdon): Add focusRing by default/as property?
-    className: mx3("flex flex-col grow overflow-y-auto", inputSurface)
+    className: mx3("flex flex-col grow overflow-y-auto", attentionSurface)
   },
   editor: {
     className: "h-full p-2"
@@ -2746,11 +2699,6 @@ var defaultMarkdownSlots = {
   ...defaultSlots
 };
 
-// packages/ui/react-ui-editor/src/hooks/automerge.ts
-import get4 from "lodash.get";
-import { getRawDoc } from "@dxos/echo-schema";
-import { isNotNullOrUndefined } from "@dxos/util";
-
 // packages/ui/react-ui-editor/src/hooks/awareness-provider.ts
 import { DeferredTask, Event as Event2, sleep } from "@dxos/async";
 import { Context as Context2 } from "@dxos/context";
@@ -2760,8 +2708,8 @@ var __dxlog_file6 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-editor/src
 var DEBOUNCE_INTERVAL = 100;
 var SpaceAwarenessProvider = class {
   constructor(params) {
-    this.remoteStateChange = new Event2();
     this._remoteStates = /* @__PURE__ */ new Map();
+    this.remoteStateChange = new Event2();
     this._space = params.space;
     this._channel = params.channel;
     this._peerId = params.peerId;
@@ -2778,7 +2726,7 @@ var SpaceAwarenessProvider = class {
         await sleep(DEBOUNCE_INTERVAL);
       }
     });
-    const unsubscribe = this._space.listen(this._channel, (message) => {
+    this._ctx.onDispose(this._space.listen(this._channel, (message) => {
       switch (message.payload.kind) {
         case "query": {
           this._handleQueryMessage();
@@ -2789,8 +2737,7 @@ var SpaceAwarenessProvider = class {
           break;
         }
       }
-    });
-    this._ctx.onDispose(unsubscribe);
+    }));
     void this._space.postMessage(this._channel, {
       kind: "query"
     }).catch((err) => {
@@ -2798,7 +2745,7 @@ var SpaceAwarenessProvider = class {
         err
       }, {
         F: __dxlog_file6,
-        L: 85,
+        L: 89,
         S: this,
         C: (f, a) => f(...a)
       });
@@ -2809,10 +2756,13 @@ var SpaceAwarenessProvider = class {
     this._ctx = void 0;
     this._postTask = void 0;
   }
+  getRemoteStates() {
+    return Array.from(this._remoteStates.values());
+  }
   update(position) {
     invariant4(this._postTask, void 0, {
       F: __dxlog_file6,
-      L: 96,
+      L: 104,
       S: this,
       A: [
         "this._postTask",
@@ -2826,13 +2776,10 @@ var SpaceAwarenessProvider = class {
     };
     this._postTask.schedule();
   }
-  getRemoteStates() {
-    return Array.from(this._remoteStates.values());
-  }
   _handleQueryMessage() {
     invariant4(this._postTask, void 0, {
       F: __dxlog_file6,
-      L: 111,
+      L: 115,
       S: this,
       A: [
         "this._postTask",
@@ -2844,7 +2791,7 @@ var SpaceAwarenessProvider = class {
   _handlePostMessage(message) {
     invariant4(message.kind === "post", void 0, {
       F: __dxlog_file6,
-      L: 116,
+      L: 120,
       S: this,
       A: [
         "message.kind === 'post'",
@@ -2863,8 +2810,47 @@ var modelState = StateField5.define({
   update: (model) => model
 });
 
-// packages/ui/react-ui-editor/src/hooks/automerge.ts
-var createAutomergeModel = ({ space, identity, text }) => {
+// packages/ui/react-ui-editor/src/hooks/useTextEditor.ts
+import { useState as useState2 } from "react";
+var useTextEditor = () => {
+  const [view, setView] = useState2(null);
+  return [
+    (ref) => {
+      setView(ref);
+    },
+    view
+  ];
+};
+
+// packages/ui/react-ui-editor/src/hooks/useTextModel.ts
+import get4 from "lodash.get";
+import { useEffect as useEffect3, useState as useState3 } from "react";
+import { generateName } from "@dxos/display-name";
+import { getRawDoc } from "@dxos/echo-schema";
+import { invariant as invariant5 } from "@dxos/invariant";
+import { isAutomergeObject } from "@dxos/react-client/echo";
+import { isNotNullOrUndefined } from "@dxos/util";
+var __dxlog_file7 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-editor/src/hooks/useTextModel.ts";
+var useTextModel = (props) => {
+  const { identity, space, text } = props;
+  const [model, setModel] = useState3();
+  useEffect3(() => setModel(createModel(props)), [
+    identity,
+    space,
+    text
+  ]);
+  return model;
+};
+var createModel = ({ space, identity, text }) => {
+  invariant5(isAutomergeObject(text), void 0, {
+    F: __dxlog_file7,
+    L: 35,
+    S: void 0,
+    A: [
+      "isAutomergeObject(text)",
+      ""
+    ]
+  });
   const obj = text;
   const doc = getRawDoc(obj, [
     obj.field
@@ -2873,7 +2859,7 @@ var createAutomergeModel = ({ space, identity, text }) => {
     space,
     channel: `automerge.awareness.${obj.id}`,
     info: {
-      displayName: identity?.profile?.displayName ?? "",
+      displayName: identity ? identity.profile?.displayName ?? generateName(identity.identityKey.toHex()) : void 0,
       color: cursorColor.color,
       lightColor: cursorColor.light
     },
@@ -2883,7 +2869,6 @@ var createAutomergeModel = ({ space, identity, text }) => {
     id: obj.id,
     content: doc,
     text: () => get4(doc.handle.docSync(), doc.path),
-    // TODO(burdon): https://automerge.org/automerge/api-docs/js/functions/next.getCursor.html
     extension: [
       modelState.init(() => model),
       automerge3({
@@ -2900,162 +2885,6 @@ var createAutomergeModel = ({ space, identity, text }) => {
   };
   return model;
 };
-
-// packages/ui/react-ui-editor/src/hooks/yjs.ts
-import * as decoding from "lib0/decoding";
-import * as encoding from "lib0/encoding";
-import { Observable } from "lib0/observable";
-import * as YP from "y-protocols/awareness";
-import { invariant as invariant5 } from "@dxos/invariant";
-import { log as log4 } from "@dxos/log";
-var __dxlog_file7 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-editor/src/hooks/yjs.ts";
-var createYjsModel = ({ identity, space, text }) => {
-  invariant5(text?.doc && text?.content, void 0, {
-    F: __dxlog_file7,
-    L: 22,
-    S: void 0,
-    A: [
-      "text?.doc && text?.content",
-      ""
-    ]
-  });
-  const provider = space ? new YAwarenessProvider({
-    space,
-    doc: text.doc,
-    channel: `yjs.awareness.${text.id}`
-  }) : void 0;
-  const model = {
-    id: text.doc.guid,
-    content: text.content,
-    text: () => text.content.toString(),
-    extension: [
-      modelState.init(() => model),
-      yjs(text.content, provider?.awareness)
-    ],
-    awareness: provider?.awareness,
-    peer: identity ? {
-      id: identity.identityKey.toHex(),
-      name: identity.profile?.displayName
-    } : void 0
-  };
-  return model;
-};
-var messageAwareness = 1;
-var messageQueryAwareness = 3;
-var YAwarenessProvider = class extends Observable {
-  constructor({ space, doc, channel, awareness: awareness2 }) {
-    super();
-    this._space = space;
-    this._awareness = awareness2 ?? new YP.Awareness(doc);
-    this._channel = channel;
-    this._clientId = doc.clientID;
-    this._awareness.on("update", this._handleAwarenessUpdate.bind(this));
-    this._space.listen(this._channel, this._handleSpaceMessage.bind(this));
-    if (typeof window !== "undefined") {
-      window.addEventListener("beforeunload", this._handleBeforeUnload.bind(this));
-    } else if (typeof process !== "undefined") {
-      process.on("exit", this._handleBeforeUnload.bind(this));
-    }
-    const encoderAwarenessQuery = encoding.createEncoder();
-    encoding.writeVarUint(encoderAwarenessQuery, messageQueryAwareness);
-    void this._space.postMessage(this._channel, encoding.toUint8Array(encoderAwarenessQuery));
-    const encoderAwarenessState = encoding.createEncoder();
-    encoding.writeVarUint(encoderAwarenessState, messageAwareness);
-    encoding.writeVarUint8Array(encoderAwarenessState, YP.encodeAwarenessUpdate(this.awareness, [
-      this._clientId
-    ]));
-    void this._space.postMessage(this._channel, encoding.toUint8Array(encoderAwarenessState));
-  }
-  get awareness() {
-    return this._awareness;
-  }
-  _handleAwarenessUpdate({ added, updated, removed }, origin) {
-    log4("awareness update", {
-      added,
-      updated,
-      removed,
-      origin
-    }, {
-      F: __dxlog_file7,
-      L: 101,
-      S: this,
-      C: (f, a) => f(...a)
-    });
-    const changedClients = added.concat(updated).concat(removed);
-    const encoderAwareness = encoding.createEncoder();
-    encoding.writeVarUint(encoderAwareness, messageAwareness);
-    encoding.writeVarUint8Array(encoderAwareness, YP.encodeAwarenessUpdate(this._awareness, changedClients));
-    void this._space.postMessage(this._channel, encoding.toUint8Array(encoderAwareness));
-  }
-  _handleSpaceMessage({ payload }) {
-    log4("space message", payload, {
-      F: __dxlog_file7,
-      L: 110,
-      S: this,
-      C: (f, a) => f(...a)
-    });
-    const data = new Uint8Array(Array.from(Object.values(payload)));
-    const encoder = this._readMessage(data);
-    if (encoder) {
-      void this._space.postMessage(this._channel, encoding.toUint8Array(encoder));
-    }
-  }
-  _readMessage(message) {
-    const decoder = decoding.createDecoder(message);
-    const encoder = encoding.createEncoder();
-    const messageType = decoding.readVarUint(decoder);
-    let sendReply = false;
-    switch (messageType) {
-      case messageAwareness: {
-        YP.applyAwarenessUpdate(this._awareness, decoding.readVarUint8Array(decoder), this);
-        break;
-      }
-      case messageQueryAwareness: {
-        encoding.writeVarUint(encoder, messageAwareness);
-        encoding.writeVarUint8Array(encoder, YP.encodeAwarenessUpdate(this._awareness, Array.from(this._awareness.getStates().keys())));
-        sendReply = true;
-        break;
-      }
-      default: {
-        console.error("Invalid message:", messageType);
-        return encoder;
-      }
-    }
-    if (!sendReply) {
-      return null;
-    }
-    return encoder;
-  }
-  _handleBeforeUnload() {
-    YP.removeAwarenessStates(this._awareness, [
-      this._clientId
-    ], "window unload");
-  }
-};
-
-// packages/ui/react-ui-editor/src/hooks/useTextModel.ts
-import { useEffect as useEffect4, useState as useState2 } from "react";
-import { isAutomergeObject } from "@dxos/react-client/echo";
-var useTextModel = (props) => {
-  const { identity, space, text } = props;
-  const [model, setModel] = useState2();
-  useEffect4(() => setModel(createModel(props)), [
-    identity,
-    space,
-    text
-  ]);
-  return model;
-};
-var createModel = (props) => {
-  const { text } = props;
-  if (isAutomergeObject(text)) {
-    return createAutomergeModel(props);
-  } else if (text?.doc) {
-    return createYjsModel(props);
-  } else {
-    return void 0;
-  }
-};
 export {
   AwarenessProvider,
   BaseTextEditor,
@@ -3067,7 +2896,6 @@ export {
   SpaceAwarenessProvider,
   TextEditor,
   TextKind,
-  YAwarenessProvider,
   YText,
   YXmlFragment,
   autocomplete,
@@ -3079,8 +2907,6 @@ export {
   code2 as code,
   codeTheme,
   comments,
-  createAutomergeModel,
-  createYjsModel,
   defaultMarkdownSlots,
   defaultOptions,
   defaultSlots,
@@ -3108,9 +2934,8 @@ export {
   tasklist,
   textTheme,
   typewriter,
-  useAwareness,
   useComments,
-  useTextModel,
-  yjs
+  useTextEditor,
+  useTextModel
 };
 //# sourceMappingURL=index.mjs.map