@dxos/react-ui-editor 0.4.7 → 0.4.8-main.00e6f19

package/src/hooks/useTextEditor.stories.tsx

@@ -4,34 +4,28 @@
 
 import '@dxosTheme';
 
-import React, { useMemo, useState } from 'react';
+import React, { useState } from 'react';
 
 import { Toolbar as NaturalToolbar, Select, useThemeContext, Tooltip } from '@dxos/react-ui';
 import { attentionSurface, mx, textBlockWidth } from '@dxos/react-ui-theme';
 import { withTheme } from '@dxos/storybook-utils';
 
 import { useActionHandler } from './useActionHandler';
-import { createBasicExtensions, createThemeExtensions, useTextEditor } from './useTextEditor';
+import { useTextEditor } from './useTextEditor';
 import { Toolbar } from '../components';
+import { createBasicExtensions, createThemeExtensions } from '../extensions';
 import {
   type EditorMode,
   EditorModes,
   decorateMarkdown,
   createMarkdownExtensions,
-  formatting,
-  image,
+  formattingKeymap,
   table,
   useFormattingState,
+  image,
 } from '../extensions';
-import { markdownTheme } from '../themes';
 import translations from '../translations';
 
-// TODO(burdon): Demo toolbar with hooks.
-// TODO(burdon): Build components from hooks and adapters for model/extensions, etc.
-// TODO(burdon): Remove BaseTextEditor.
-// TODO(burdon): Move scrolling container layout/logic into TextEditor/MarkdownEditor components.
-// TODO(burdon): Define keymap in composer framework format.
-
 type StoryProps = {
   autoFocus?: boolean;
   placeholder?: string;
@@ -43,29 +37,24 @@ const Story = ({ autoFocus, placeholder, doc, readonly }: StoryProps) => {
   const { themeMode } = useThemeContext();
   const [formattingState, trackFormatting] = useFormattingState();
   const [editorMode, setEditorMode] = useState<EditorMode>('default');
-  const extensions = useMemo(
-    () => [
-      editorMode ? EditorModes[editorMode] : [],
-      createBasicExtensions({ readonly }),
-      createThemeExtensions({
-        themeMode,
-        theme: markdownTheme,
-        slots: {
-          editor: { className: 'p-2' },
-        },
-      }),
-      // TODO(burdon): Move lineWrapping.
-      createMarkdownExtensions({ placeholder, lineWrapping: true }),
-      // TODO(burdon): Move into markdown bundle (with React callbacks).
-      decorateMarkdown(),
-      formatting(),
-      image(),
-      table(),
-      trackFormatting,
-    ],
-    [editorMode, themeMode, placeholder, trackFormatting, readonly],
+  const { parentRef, view } = useTextEditor(
+    () => ({
+      autoFocus,
+      doc,
+      extensions: [
+        editorMode ? EditorModes[editorMode] : [],
+        createBasicExtensions({ placeholder, lineWrapping: true, readonly }),
+        createMarkdownExtensions({ themeMode }),
+        createThemeExtensions({ themeMode }),
+        decorateMarkdown(),
+        formattingKeymap(),
+        image(),
+        table(),
+        trackFormatting,
+      ],
+    }),
+    [editorMode, themeMode, placeholder, readonly],
   );
-  const { parentRef, view } = useTextEditor({ autoFocus, doc, extensions });
 
   const handleAction = useActionHandler(view);
 
@@ -78,7 +67,7 @@ const Story = ({ autoFocus, placeholder, doc, readonly }: StoryProps) => {
         <EditorModeToolbar editorMode={editorMode} setEditorMode={setEditorMode} />
       </Toolbar.Root>
       <div role='none' className='grow overflow-hidden'>
-        <div role='textbox' className={mx(textBlockWidth, attentionSurface)} ref={parentRef} />
+        <div className={mx(textBlockWidth, attentionSurface)} ref={parentRef} />
       </div>
     </div>
   );
@@ -116,7 +105,6 @@ const EditorModeToolbar = ({
 
 export default {
   title: 'react-ui-editor/useTextEditor',
-  // component: TextEditor,
   decorators: [withTheme],
   render: (args: StoryProps) => (
     <Tooltip.Provider>
@@ -127,6 +115,23 @@ export default {
 };
 
 export const Default = {
+  render: () => {
+    const { parentRef } = useTextEditor();
+    return <div className={mx(textBlockWidth, attentionSurface)} ref={parentRef} />;
+  },
+};
+
+export const Basic = {
+  render: () => {
+    const { themeMode } = useThemeContext();
+    const { parentRef } = useTextEditor(() => ({
+      extensions: [createBasicExtensions({ placeholder: 'Enter text...' }), createThemeExtensions({ themeMode })],
+    }));
+    return <div className={mx(textBlockWidth, attentionSurface)} ref={parentRef} />;
+  },
+};
+
+export const Markdown = {
   args: {
     autoFocus: true,
     placeholder: 'Text...',

package/src/hooks/useTextEditor.ts

@@ -2,57 +2,30 @@
 // Copyright 2024 DXOS.org
 //
 
-import { closeBrackets } from '@codemirror/autocomplete';
-import { history } from '@codemirror/commands';
-import { bracketMatching } from '@codemirror/language';
-import {
-  EditorSelection,
-  EditorState,
-  type EditorStateConfig,
-  type Extension,
-  type StateEffect,
-} from '@codemirror/state';
-import {
-  crosshairCursor,
-  drawSelection,
-  dropCursor,
-  EditorView,
-  highlightActiveLine,
-  lineNumbers,
-  placeholder,
-  scrollPastEnd,
-} from '@codemirror/view';
-import defaultsDeep from 'lodash.defaultsdeep';
-import { type DependencyList, type RefObject, useEffect, useRef, useState } from 'react';
+import { EditorSelection, EditorState } from '@codemirror/state';
+import { EditorView } from '@codemirror/view';
+import { type DependencyList, type RefObject, useEffect, useMemo, useRef, useState } from 'react';
 
 import { log } from '@dxos/log';
-import { type ThemeMode } from '@dxos/react-ui';
 import { isNotFalsy } from '@dxos/util';
 
-import { type ThemeStyles } from '../styles';
-import { defaultTheme } from '../themes';
+import { type TextEditorProps } from '../components';
+import { documentId } from '../extensions';
 import { logChanges } from '../util';
 
-export type UseTextEditorOptions = {
-  autoFocus?: boolean;
-  scrollTo?: StateEffect<any>;
-  debug?: boolean;
-} & EditorStateConfig;
-
-// TODO(burdon): Return tuple?
 export type UseTextEditor = {
   parentRef: RefObject<HTMLDivElement>;
   view?: EditorView;
 };
 
+export type UseTextEditorProps = Omit<TextEditorProps, 'moveToEndOfLine' | 'dataTestId'>;
+
 /**
  * Hook for creating editor.
  */
-// TODO(wittjosiah): Does not work in strict mode.
-export const useTextEditor = (
-  { autoFocus, scrollTo, debug, doc, selection, extensions }: UseTextEditorOptions = {},
-  deps: DependencyList = [],
-): UseTextEditor => {
+export const useTextEditor = (cb: () => UseTextEditorProps = () => ({}), deps: DependencyList = []): UseTextEditor => {
+  let { id, doc, selection, extensions, autoFocus, scrollTo, debug } = useMemo<UseTextEditorProps>(cb, deps ?? []);
+
   const onUpdate = useRef<() => void>();
   const [view, setView] = useState<EditorView>();
   const parentRef = useRef<HTMLDivElement>(null);
@@ -65,6 +38,7 @@ export const useTextEditor = (
         doc,
         selection,
         extensions: [
+          id && documentId.of(id),
           // TODO(burdon): Doesn't catch errors in keymap functions.
           EditorView.exceptionSink.of((err) => {
             log.catch(err);
@@ -107,7 +81,6 @@ export const useTextEditor = (
       }
 
       // Set selection after first update (since content may rerender on focus).
-      // TODO(burdon): BUG on first render may appear in middle of formatted heading.
       // TODO(burdon): Make invisible until first render?
       if (selection || scrollTo) {
         onUpdate.current = () => {
@@ -124,85 +97,3 @@ export const useTextEditor = (
 
   return { parentRef, view };
 };
-
-// TODO(burdon): Factor out extension factories.
-
-/**
- * https://codemirror.net/docs/extensions
- * https://github.com/codemirror/basic-setup
- */
-// TODO(burdon): Reconcile with createMarkdownExtensions.
-export type BasicExtensionsOptions = {
-  allowMultipleSelections?: boolean;
-  bracketMatching?: boolean;
-  closeBrackets?: boolean;
-  crosshairCursor?: boolean;
-  dropCursor?: boolean;
-  drawSelection?: boolean;
-  editable?: boolean;
-  highlightActiveLine?: boolean;
-  history?: boolean;
-  lineNumbers?: boolean;
-  lineWrapping?: boolean;
-  placeholder?: string;
-  readonly?: boolean;
-  scrollPastEnd?: boolean;
-  tabSize?: number;
-};
-
-const defaults: BasicExtensionsOptions = {
-  bracketMatching: true,
-  closeBrackets: true,
-  drawSelection: true,
-  editable: true,
-  history: true,
-  lineWrapping: true,
-};
-
-export const createBasicExtensions = (_props?: BasicExtensionsOptions): Extension => {
-  const props: BasicExtensionsOptions = defaultsDeep({}, _props, defaults);
-  return [
-    // TODO(burdon): Doesn't catch errors in keymap functions.
-    EditorView.exceptionSink.of((err) => {
-      log.catch(err);
-    }),
-
-    props.allowMultipleSelections && EditorState.allowMultipleSelections.of(true),
-    props.bracketMatching && bracketMatching(),
-    props.closeBrackets && closeBrackets(),
-    props.crosshairCursor && crosshairCursor(),
-    props.dropCursor && dropCursor(),
-    props.drawSelection && drawSelection(),
-    props.highlightActiveLine && highlightActiveLine(),
-    props.history && history(),
-    props.lineNumbers && lineNumbers(),
-    props.lineWrapping && EditorView.lineWrapping,
-    props.placeholder && placeholder(props.placeholder),
-    props.readonly && [EditorState.readOnly.of(true), EditorView.editable.of(false)],
-    props.scrollPastEnd && scrollPastEnd(),
-    props.tabSize && EditorState.tabSize.of(props.tabSize),
-  ].filter(isNotFalsy);
-};
-
-export type ThemeExtensionsOptions = {
-  theme?: ThemeStyles;
-  themeMode?: ThemeMode;
-  slots?: {
-    editor?: {
-      className?: string;
-    };
-    content?: {
-      className?: string;
-    };
-  };
-};
-
-export const createThemeExtensions = ({ theme, themeMode, slots }: ThemeExtensionsOptions = {}): Extension => {
-  return [
-    EditorView.baseTheme(defaultTheme),
-    EditorView.darkTheme.of(themeMode === 'dark'),
-    theme && EditorView.theme(theme),
-    slots?.editor?.className && EditorView.editorAttributes.of({ class: slots.editor.className }),
-    slots?.content?.className && EditorView.contentAttributes.of({ class: slots.content.className }),
-  ].filter(isNotFalsy);
-};

package/src/index.ts

@@ -9,7 +9,7 @@ export { type EditorView, keymap } from '@codemirror/view';
 export { tags } from '@lezer/highlight';
 
 export { TextKind } from '@dxos/protocols/proto/dxos/echo/model/text';
-export { Doc, YText, YXmlFragment } from '@dxos/text-model';
+export { Doc, YText, YXmlFragment } from '@dxos/text-model'; // TODO(burdon): Remove.
 
 export * from './components';
 export * from './extensions';

package/src/themes/default.ts

@@ -55,7 +55,7 @@ export const defaultTheme: ThemeStyles = {
     // TODO(burdon): Reconcile with docs: https://codemirror.net/docs/guide
     //  Inside of that is the scroller element. If the editor has its own scrollbar, this one should be styled with overflow: auto. But it doesn't have to—the editor also supports growing to accomodate its content, or growing up to a certain max-height and then scrolling.
     overflowY: 'auto',
-    fontFamily: get(tokens, 'fontFamily.mono', []).join(','),
+    fontFamily: get(tokens, 'fontFamily.body', []).join(','),
     lineHeight: 1.5,
   },
 
@@ -261,30 +261,3 @@ export const defaultTheme: ThemeStyles = {
     marginRight: '0.4rem !important',
   },
 };
-
-export const textTheme: ThemeStyles = {
-  '.cm-scroller': {
-    fontFamily: get(tokens, 'fontFamily.body', []).join(','),
-  },
-  '.cm-placeholder': {
-    fontFamily: get(tokens, 'fontFamily.body', []).join(','),
-  },
-};
-
-export const markdownTheme: ThemeStyles = {
-  '.cm-scroller': {
-    fontFamily: get(tokens, 'fontFamily.body', []).join(','),
-  },
-  '.cm-placeholder': {
-    fontFamily: get(tokens, 'fontFamily.body', []).join(','),
-  },
-};
-
-export const codeTheme: ThemeStyles = {
-  '.cm-scroller': {
-    fontFamily: get(tokens, 'fontFamily.mono', []).join(','),
-  },
-  '.cm-placeholder': {
-    fontFamily: get(tokens, 'fontFamily.mono', []).join(','),
-  },
-};

package/dist/types/src/components/TextEditor/MarkdownEditor.stories.d.ts

@@ -1,103 +0,0 @@
-import '@dxosTheme';
-import { type EditorView } from '@codemirror/view';
-import React from 'react';
-import { type TextEditorProps } from './TextEditor';
-import { type Comment } from '../../hooks';
-type StoryProps = {
-    id?: string;
-    text?: string;
-    comments?: Comment[];
-} & Pick<TextEditorProps, 'readonly' | 'placeholder' | 'extensions'>;
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<TextEditorProps & React.RefAttributes<EditorView | null>>;
-    decorators: import("@storybook/react").Decorator[];
-    render: ({ id, text, comments, placeholder, ...props }: StoryProps) => JSX.Element | null;
-    parameters: {
-        translations: {
-            'en-US': {
-                "react-ui-editor": {
-                    'strong label': string;
-                    'emphasis label': string;
-                    'strikethrough label': string;
-                    'code label': string;
-                    'link label': string;
-                    'list-bullet label': string;
-                    'list-ordered label': string;
-                    'list-task label': string;
-                    'blockquote label': string;
-                    'codeblock label': string;
-                    'comment label': string;
-                    'heading label': string;
-                    'table label': string;
-                };
-            };
-        }[];
-        layout: string;
-    };
-};
-export default _default;
-export declare const Default: {
-    render: () => JSX.Element;
-};
-export declare const Readonly: {
-    render: () => JSX.Element;
-};
-export declare const NoExtensions: {
-    render: () => JSX.Element;
-};
-export declare const Empty: {
-    render: () => JSX.Element;
-};
-export declare const Scrolling: {
-    render: () => JSX.Element;
-};
-export declare const ScrollingWithImages: {
-    render: () => JSX.Element;
-};
-export declare const Links: {
-    render: () => JSX.Element;
-};
-export declare const Image: {
-    render: () => JSX.Element;
-};
-export declare const Code: {
-    render: () => JSX.Element;
-};
-export declare const Lists: {
-    render: () => JSX.Element;
-};
-export declare const Table: {
-    render: () => JSX.Element;
-};
-export declare const Autocomplete: {
-    render: () => JSX.Element;
-};
-export declare const Mention: {
-    render: () => JSX.Element;
-};
-export declare const Command: {
-    render: () => JSX.Element;
-};
-export declare const Comments: {
-    render: () => JSX.Element;
-};
-export declare const Vim: {
-    render: () => JSX.Element;
-};
-export declare const Annotations: {
-    render: () => JSX.Element;
-};
-export declare const DND: {
-    render: () => JSX.Element;
-};
-export declare const Listener: {
-    render: () => JSX.Element;
-};
-export declare const Typewriter: {
-    render: () => JSX.Element;
-};
-export declare const Blast: {
-    render: () => JSX.Element;
-};
-//# sourceMappingURL=MarkdownEditor.stories.d.ts.map

package/dist/types/src/components/TextEditor/MarkdownEditor.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MarkdownEditor.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextEditor/MarkdownEditor.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAEpB,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGnD,OAAO,KAAoE,MAAM,OAAO,CAAC;AAWzF,OAAO,EAAkB,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAuBpE,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,aAAa,CAAC;AAsLzD,KAAK,UAAU,GAAG;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;CACtB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,aAAa,GAAG,YAAY,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBrE,wBAME;AAaF,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAEpB,CAAC;AAEF,eAAO,MAAM,YAAY;;CAExB,CAAC;AASF,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,eAAO,MAAM,SAAS;;CAErB,CAAC;AAEF,eAAO,MAAM,mBAAmB;;CAE/B,CAAC;AAEF,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,eAAO,MAAM,IAAI;;CAEhB,CAAC;AAEF,eAAO,MAAM,KAAK;;CAIjB,CAAC;AAEF,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAWF,eAAO,MAAM,YAAY;;CAYxB,CAAC;AAEF,eAAO,MAAM,OAAO;;CAWnB,CAAC;AAmDF,eAAO,MAAM,OAAO;;CAOnB,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAkCpB,CAAC;AAEF,eAAO,MAAM,GAAG;;CAOf,CAAC;AAEF,eAAO,MAAM,WAAW;;CAEvB,CAAC;AAEF,eAAO,MAAM,GAAG;;CAEf,CAAC;AAIF,eAAO,MAAM,QAAQ;;CAgBpB,CAAC;AAEF,eAAO,MAAM,UAAU;;CAOtB,CAAC;AAEF,eAAO,MAAM,KAAK;;CAqBjB,CAAC"}

package/dist/types/src/extensions/awareness.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"awareness.d.ts","sourceRoot":"","sources":["../../../../src/extensions/awareness.ts"],"names":[],"mappings":"AAIA,OAAO,EAAc,KAAK,EAAE,KAAK,SAAS,EAAwB,MAAM,mBAAmB,CAAC;AAC5F,OAAO,EAEL,KAAK,aAAa,EAClB,UAAU,EACV,KAAK,WAAW,EAEhB,KAAK,UAAU,EAEhB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAKpC,MAAM,WAAW,iBAAiB;IAChC,iBAAiB,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IAE/B,IAAI,IAAI,IAAI,CAAC;IACb,KAAK,IAAI,IAAI,CAAC;IAEd,eAAe,IAAI,cAAc,EAAE,CAAC;IACpC,MAAM,CAAC,QAAQ,EAAE,iBAAiB,GAAG,SAAS,GAAG,IAAI,CAAC;CACvD;AAYD,eAAO,MAAM,iBAAiB,6CAE5B,CAAC;AAKH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,aAAa,CAAC;CACrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,oCAA+B,SAQpD,CAAC;AAEF;;GAEG;AACH,qBAAa,yBAA0B,YAAW,WAAW;IACpD,WAAW,EAAE,aAAa,CAAmB;IAEpD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAiB;IAEtC,OAAO,CAAC,gBAAgB,CAAkB;IAC1C,OAAO,CAAC,SAAS,CAAoB;IACrC,OAAO,CAAC,WAAW,CAAC,CAAqB;IACzC,OAAO,CAAC,SAAS,CAAC,CAAqB;gBAE3B,IAAI,EAAE,UAAU;IAS5B,OAAO;IAKP,MAAM,CAAC,MAAM,EAAE,UAAU;IAKzB,OAAO,CAAC,qBAAqB;IAoB7B,OAAO,CAAC,uBAAuB;CA4EhC"}

package/dist/types/src/extensions/outliner.d.ts

@@ -1,4 +0,0 @@
-import { type Extension } from '@codemirror/state';
-export type OutlinerOptions = {};
-export declare const outliner: (options?: OutlinerOptions) => Extension;
-//# sourceMappingURL=outliner.d.ts.map

package/dist/types/src/extensions/outliner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"outliner.d.ts","sourceRoot":"","sources":["../../../../src/extensions/outliner.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,MAAM,eAAe,GAAG,EAAE,CAAC;AAGjC,eAAO,MAAM,QAAQ,aAAa,eAAe,KAAQ,SAExD,CAAC"}

package/dist/types/src/hooks/awareness-provider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"awareness-provider.d.ts","sourceRoot":"","sources":["../../../../src/hooks/awareness-provider.ts"],"names":[],"mappings":"AAIA,OAAO,EAAgB,KAAK,EAAS,MAAM,aAAa,CAAC;AAIzD,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAGrD,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAE,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAaxH,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,aAAa,CAAC;CACrB,CAAC;AAEF;;GAEG;AACH,qBAAa,sBAAuB,YAAW,iBAAiB;IAC9D,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAqC;IAEnE,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAQ;IAC/B,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAS;IAClC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAS;IACjC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAgB;IAEtC,OAAO,CAAC,IAAI,CAAC,CAAU;IACvB,OAAO,CAAC,SAAS,CAAC,CAAe;IACjC,OAAO,CAAC,WAAW,CAAC,CAAiB;IAErC,SAAgB,iBAAiB,cAAqB;gBAE1C,MAAM,EAAE,uBAAuB;IAO3C,IAAI;IAqCJ,KAAK;IAML,eAAe,IAAI,cAAc,EAAE;IAInC,MAAM,CAAC,QAAQ,EAAE,iBAAiB,GAAG,SAAS,GAAG,IAAI;IAWrD,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,kBAAkB;CAK3B"}

package/dist/types/src/hooks/defs.d.ts

@@ -1,20 +0,0 @@
-import { type Extension } from '@codemirror/state';
-import { type DocAccessor } from '@dxos/echo-schema';
-export type Range = {
-    from: number;
-    to: number;
-};
-export type Comment = {
-    id: string;
-    cursor?: string;
-};
-/**
- * @deprecated
- */
-export type EditorModel = {
-    id: string;
-    text: () => string;
-    content: string | DocAccessor;
-    extension?: Extension;
-};
-//# sourceMappingURL=defs.d.ts.map

package/dist/types/src/hooks/defs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../../src/hooks/defs.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAGF,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;GAEG;AAEH,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,GAAG,WAAW,CAAC;IAC9B,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC"}

package/dist/types/src/hooks/useEditorView.d.ts

@@ -1,20 +0,0 @@
-import { type EditorView } from '@codemirror/view';
-import { type MutableRefObject } 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 declare const useEditorView: (id: string) => [MutableRefObject<EditorView | null>, boolean];
-//# sourceMappingURL=useEditorView.d.ts.map

package/dist/types/src/hooks/useEditorView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useEditorView.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useEditorView.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,KAAK,gBAAgB,EAAoB,MAAM,OAAO,CAAC;AAEhE;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,aAAa,OAAQ,MAAM,KAAG,CAAC,iBAAiB,UAAU,GAAG,IAAI,CAAC,EAAE,OAAO,CAQvF,CAAC"}

package/dist/types/src/hooks/useTextModel.d.ts

@@ -1,33 +0,0 @@
-import { type Extension } from '@codemirror/state';
-import { type Dispatch, type SetStateAction } from 'react';
-import { type Space, type TextObject } from '@dxos/react-client/echo';
-import { type Identity } from '@dxos/react-client/halo';
-import { type EditorModel } from './defs';
-import { type DocAccessor } from '../extensions/automerge/defs';
-export type useTextExtensionsProps = {
-    id: string;
-    text: DocAccessor;
-    space?: Space;
-    identity?: Identity;
-};
-export declare const useTextExtensions: ({ id, text, space, identity }: useTextExtensionsProps) => Extension[];
-export type UseTextModelProps = {
-    text?: TextObject;
-    space?: Space;
-    identity?: Identity | null;
-};
-/**
- * @deprecated
- */
-export declare const useTextModel: (props: UseTextModelProps) => EditorModel | undefined;
-/**
- * For use primarily in stories & tests so the dependence on TextObject can be avoided.
- * @deprecated
- */
-export declare const useInMemoryTextModel: ({ id, defaultContent, }: {
-    id: string;
-    defaultContent?: string | undefined;
-}) => EditorModel & {
-    setContent: Dispatch<SetStateAction<string>>;
-};
-//# sourceMappingURL=useTextModel.d.ts.map

package/dist/types/src/hooks/useTextModel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTextModel.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useTextModel.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAqB,MAAM,OAAO,CAAC;AAK9E,OAAO,EAAqB,KAAK,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACzF,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAKxD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,MAAM,sBAAsB,GAAG;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAGF,eAAO,MAAM,iBAAiB,kCAAmC,sBAAsB,KAAG,SAAS,EAuBlG,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;CAC5B,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,YAAY,UAAW,iBAAiB,KAAG,WAAW,GAAG,SACb,CAAC;AAE1D;;;GAGG;AAEH,eAAO,MAAM,oBAAoB;QAI3B,MAAM;;;gBAEoB,SAAS,eAAe,MAAM,CAAC,CAAC;CAG/D,CAAC"}