@dxos/react-ui-editor 0.4.8-main.eb5ae94 → 0.4.8-main.fff1521

package/src/hooks/useEditorView.ts

@@ -1,32 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import { type EditorView } from '@codemirror/view';
-import { type MutableRefObject, useRef, useState } from 'react';
-
-/**
- * Hook for accessing the editor view.
- * @deprecated
- *
- * ```tsx
- * const Test = () => {
- *   const [editorRef, viewInvalidated] = useEditorView();
- *   useEffect(() => {
- *     if (editorRef.current && !viewInvalidated) {
- *       editorView?.focus();
- *     }
- *   }, [editorView]);
- *   return <TextEditor ref={editorRef} />;
- * };
- * ```
- */
-export const useEditorView = (id: string): [MutableRefObject<EditorView | null>, boolean] => {
-  const editorRef = useRef<EditorView | null>(null);
-  const [prev, setPrev] = useState<[EditorView | null, string]>([null, '']);
-  if (prev[0] !== editorRef.current) {
-    setPrev([editorRef.current, id]);
-  }
-
-  return [editorRef, prev[1] !== id];
-};

package/src/hooks/useTextModel.ts

@@ -1,121 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { type Extension } from '@codemirror/state';
-import get from 'lodash.get';
-import { type Dispatch, type SetStateAction, useState, useMemo } from 'react';
-
-import { generateName } from '@dxos/display-name';
-import { type AutomergeTextCompat, getRawDoc } from '@dxos/echo-schema';
-import { invariant } from '@dxos/invariant';
-import { isAutomergeObject, type Space, type TextObject } from '@dxos/react-client/echo';
-import { type Identity } from '@dxos/react-client/halo';
-import { type HuePalette, hueTokens } from '@dxos/react-ui-theme';
-import { hexToHue } from '@dxos/util';
-
-import { SpaceAwarenessProvider } from './awareness-provider';
-import { type EditorModel } from './defs';
-import { automerge, awareness } from '../extensions';
-import { type DocAccessor } from '../extensions/automerge/defs';
-
-export type useTextExtensionsProps = {
-  id: string;
-  text: DocAccessor;
-  space?: Space;
-  identity?: Identity;
-};
-
-// TODO(burdon): Factor out automerge defs and extension (not hook).
-export const useTextExtensions = ({ id, text, space, identity }: useTextExtensionsProps): Extension[] => {
-  const extensions: Extension[] = [automerge(text)];
-
-  const peerId = identity?.identityKey.toHex();
-  const { cursorLightValue, cursorDarkValue } =
-    hueTokens[(identity?.profile?.data?.hue as HuePalette | undefined) ?? hexToHue(peerId ?? '0')];
-
-  if (space && identity) {
-    const awarenessProvider = new SpaceAwarenessProvider({
-      space,
-      channel: `awareness.${id}`,
-      peerId: identity.identityKey.toHex(),
-      info: {
-        displayName: identity.profile?.displayName ?? generateName(identity.identityKey.toHex()),
-        color: cursorDarkValue,
-        lightColor: cursorLightValue,
-      },
-    });
-
-    extensions.push(awareness(awarenessProvider));
-  }
-
-  return extensions;
-};
-
-export type UseTextModelProps = {
-  text?: TextObject;
-  space?: Space;
-  identity?: Identity | null;
-};
-
-/**
- * @deprecated
- */
-// TODO(burdon): Remove once automerge lands.
-export const useTextModel = (props: UseTextModelProps): EditorModel | undefined =>
-  useMemo(() => createModel(props), Object.values(props));
-
-/**
- * For use primarily in stories & tests so the dependence on TextObject can be avoided.
- * @deprecated
- */
-// TODO(burdon): Remove.
-export const useInMemoryTextModel = ({
-  id,
-  defaultContent,
-}: {
-  id: string;
-  defaultContent?: string;
-}): EditorModel & { setContent: Dispatch<SetStateAction<string>> } => {
-  const [content, setContent] = useState(defaultContent ?? '');
-  return { id, content, text: () => content, setContent };
-};
-
-const createModel = ({ space, identity, text }: UseTextModelProps): EditorModel | undefined => {
-  if (!text) {
-    return undefined;
-  }
-
-  invariant(isAutomergeObject(text));
-  const obj = text as any as AutomergeTextCompat;
-  const doc = getRawDoc(obj, [obj.field]);
-
-  const peerId = identity?.identityKey.toHex();
-  const { cursorLightValue, cursorDarkValue } =
-    hueTokens[(identity?.profile?.data?.hue as HuePalette | undefined) ?? hexToHue(peerId ?? '0')];
-
-  const awarenessProvider =
-    space &&
-    new SpaceAwarenessProvider({
-      space,
-      channel: `automerge.awareness.${obj.id}`,
-      info: {
-        displayName: identity ? identity.profile?.displayName ?? generateName(identity.identityKey.toHex()) : undefined,
-        color: cursorLightValue,
-        lightColor: cursorDarkValue,
-      },
-      peerId: identity?.identityKey.toHex() ?? 'Anonymous',
-    });
-
-  const extensions = [automerge({ handle: doc.handle, path: doc.path })];
-  if (awarenessProvider) {
-    extensions.push(awareness(awarenessProvider));
-  }
-
-  return {
-    id: obj.id,
-    content: doc,
-    text: () => get(doc.handle.docSync(), doc.path),
-    extension: extensions,
-  };
-};