@dxos/react-ui-editor 0.3.9-main.632a97f → 0.3.9-main.71124bf

package/src/components/TextEditor/extensions/hyperlink/hyperlinkWidget.tsx

@@ -0,0 +1,119 @@
+//
+// Copyright 2023 DXOS.org
+// Adapted from: https://github.com/uiwjs/react-codemirror/blob/master/extensions/hyper-link/src/index.ts
+//
+
+import { type Extension } from '@codemirror/state';
+import {
+  Decoration,
+  type DecorationSet,
+  EditorView,
+  MatchDecorator,
+  ViewPlugin,
+  type ViewUpdate,
+} from '@codemirror/view';
+
+// Notes: Can't edit widget content (or cursor nav through them).
+// - https://discuss.codemirror.net/t/focusing-inputs-within-widgets/5178/7
+//   Widgets intentionally always get set to contenteditable=false,
+//   or they would become part of CodeMirror’s editable content element.
+//   You should be able to introduce new contenteditable=true child elements inside of them.
+
+const markdownLinkRegexp = /\[([^\]]+)]\(([^)]+)\)(!?)/gi;
+
+/**
+ * Custom link decorator.
+ * NOTE: The default markdown extension formats links by default.
+ * @deprecated
+ */
+const linkDecorator = () =>
+  new MatchDecorator({
+    regexp: markdownLinkRegexp,
+    decorate: (add, from, to, match, view) => {
+      const [_, label, url] = match;
+      const p0 = {
+        start: from,
+        end: from + 1,
+      };
+
+      const p1 = {
+        start: from + 1,
+        end: from + 1 + label.length,
+      };
+
+      const p2 = {
+        start: p1.end,
+        end: p1.end + 1,
+      };
+
+      const p3 = {
+        start: p1.end + 1,
+        end: p1.end + 1 + url.length + 2,
+      };
+
+      add(
+        p0.start,
+        p0.end,
+        Decoration.mark({ class: 'cm-hyperlink-bracket', _attributes: { style: 'display: none' } }),
+      );
+      add(p1.start, p1.end, Decoration.mark({ class: 'cm-hyperlink-label' }));
+      add(
+        p2.start,
+        p2.end,
+        Decoration.mark({ class: 'cm-hyperlink-bracket', _attributes: { style: 'display: none' } }),
+      );
+      add(p3.start, p3.end, Decoration.mark({ class: 'cm-hyperlink-url', _attributes: { style: 'display: none' } }));
+    },
+  });
+
+export function hyperLinkExtension() {
+  return ViewPlugin.fromClass(
+    class HyperLinkView {
+      readonly decorator: MatchDecorator;
+      decorations: DecorationSet;
+      constructor(view: EditorView) {
+        this.decorator = linkDecorator();
+        this.decorations = this.decorator.createDeco(view);
+      }
+
+      update(update: ViewUpdate) {
+        if (update.docChanged || update.viewportChanged) {
+          this.decorations = this.decorator.updateDeco(update, this.decorations);
+        }
+      }
+    },
+    {
+      decorations: (view) => view.decorations,
+      eventHandlers: {
+        // TODO(burdon): CLick to expand link.
+        // https://discuss.codemirror.net/t/decorator-iteration-on-click-event/4226/2
+        mousedown: function (event, view) {
+          const pos = view.posAtDOM(event.target as Node);
+          if (pos !== 0) {
+            console.log(this);
+          }
+        },
+        // TODO(burdon): Hide when cursor moves away.
+        keydown: (event, view) => {
+          view.update([]);
+        },
+      },
+    },
+  );
+}
+
+export const hyperlinkStyle = EditorView.baseTheme({
+  '.cm-hyperlink-label': {
+    cursor: 'pointer',
+    textDecoration: 'underline',
+  },
+  '.cm-hyperlink-bracket': {
+    opacity: 0.2,
+  },
+  '.cm-hyperlink-url': {
+    opacity: 0.5,
+    fontFamily: 'monospace',
+  },
+});
+
+export const hyperlinkWidget: Extension = [hyperLinkExtension(), hyperlinkStyle];

package/src/components/TextEditor/extensions/hyperlink/index.ts

@@ -0,0 +1,7 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+export * from './hyperlinkDecoration';
+export * from './hyperlinkTooltip';
+export * from './hyperlinkWidget';

package/src/components/TextEditor/extensions/index.ts

@@ -0,0 +1,8 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+export * from './basic';
+export * from './change';
+export * from './hyperlink';
+export * from './markdown';

package/src/components/TextEditor/extensions/markdown/bundle.ts

@@ -0,0 +1,99 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { closeBrackets, closeBracketsKeymap } from '@codemirror/autocomplete';
+import { defaultKeymap, history, historyKeymap, indentWithTab } from '@codemirror/commands';
+import { markdownLanguage, markdown } from '@codemirror/lang-markdown';
+import {
+  bracketMatching,
+  defaultHighlightStyle,
+  foldKeymap,
+  indentOnInput,
+  syntaxHighlighting,
+} from '@codemirror/language';
+import { languages } from '@codemirror/language-data';
+import { lintKeymap } from '@codemirror/lint';
+import { highlightSelectionMatches, searchKeymap } from '@codemirror/search';
+import { EditorState, type Extension } from '@codemirror/state';
+import { oneDarkHighlightStyle } from '@codemirror/theme-one-dark';
+import {
+  crosshairCursor,
+  drawSelection,
+  dropCursor,
+  EditorView,
+  highlightActiveLine,
+  highlightActiveLineGutter,
+  highlightSpecialChars,
+  keymap,
+  placeholder,
+  rectangularSelection,
+} from '@codemirror/view';
+// import { GFM } from '@lezer/markdown';
+
+import type { ThemeMode } from '@dxos/react-ui';
+
+import { markdownTagsExtension } from './tags';
+import { markdownHighlightStyle } from './theme';
+
+export type MarkdownBundleOptions = {
+  themeMode?: ThemeMode;
+  placeholder?: string;
+};
+
+export const markdownBundle = ({ themeMode, placeholder: _placeholder }: MarkdownBundleOptions): Extension[] => {
+  // All of https://github.com/codemirror/basic-setup minus line numbers and fold gutter.
+  // https://codemirror.net/docs/ref/#codemirror.basicSetup
+  return [
+    bracketMatching(),
+    closeBrackets(),
+    _placeholder && placeholder(_placeholder),
+
+    EditorState.allowMultipleSelections.of(true),
+    EditorView.lineWrapping,
+
+    // autocompletion(),
+    crosshairCursor(),
+    dropCursor(),
+    drawSelection(),
+    highlightActiveLine(),
+    highlightActiveLineGutter(),
+    highlightSelectionMatches(),
+    highlightSpecialChars(),
+    history(),
+    indentOnInput(),
+    rectangularSelection(),
+
+    keymap.of([
+      ...closeBracketsKeymap,
+      // ...completionKeymap,
+      ...defaultKeymap,
+      ...foldKeymap,
+      ...historyKeymap,
+      ...lintKeymap,
+      ...searchKeymap,
+      indentWithTab,
+    ]),
+
+    // Main extension.
+    // https://github.com/codemirror/lang-markdown
+    markdown({
+      base: markdownLanguage,
+      codeLanguages: languages,
+      extensions: [
+        // TODO(burdon): This seems to upgrade the parser.
+        // GitHub flavored markdown bundle: Table, TaskList, Strikethrough, and Autolink.
+        // https://github.com/lezer-parser/markdown?tab=readme-ov-file#github-flavored-markdown
+        // https://github.github.com/gfm
+        // GFM,
+
+        // Custom styling.
+        markdownTagsExtension,
+      ],
+    }),
+
+    // TODO(thure): All but one rule here apply to both themes; rename or refactor.
+    syntaxHighlighting(markdownHighlightStyle),
+    themeMode === 'dark' ? syntaxHighlighting(oneDarkHighlightStyle) : syntaxHighlighting(defaultHighlightStyle),
+  ].filter(Boolean) as Extension[];
+};

package/src/components/TextEditor/extensions/markdown/index.ts

@@ -0,0 +1,6 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+export * from './bundle';
+export * from './theme';

package/src/components/{Markdown/markdownTheme.ts → TextEditor/extensions/markdown/theme.ts}

@@ -7,12 +7,10 @@ import { HighlightStyle } from '@codemirror/language';
 import { tags } from '@lezer/highlight';
 import get from 'lodash.get';
 
-import { markdownTags } from './markdownTags';
-import { bold, heading, italic, mark, strikethrough, tokens } from '../../styles';
-
-// TODO(burdon): Use theme colors.
-// TODO(burdon): Light mode.
+import { markdownTags } from './tags';
+import { bold, heading, italic, mark, strikethrough, tokens, type ThemeStyles } from '../../../../styles';
 
+// TODO(burdon): Rationalize theme/colors. Hoist onto single property object.
 export const chalky = '#e5c07b';
 export const coral = '#e06c75';
 export const cyan = '#56b6c2';
@@ -28,12 +26,15 @@ export const highlightBackground = '#2c313a';
 const _background = '#282c34';
 export const tooltipBackground = '#353a42';
 const _selection = '#3E4451';
-export const cursor = '#ffffff';
 
 const monospace = get(tokens, 'fontFamily.mono', ['monospace']).join(',');
 
-export const markdownTheme = {
-  // TODO(thure): consider whether these commented-out rules from one-dark-theme should be integrated.
+/**
+ * NOTE: The '&' prefix denotes the CM editor root.
+ * https://codemirror.net/examples/styling
+ */
+export const markdownTheme: ThemeStyles = {
+  // TODO(thure): Consider whether these commented-out rules from one-dark-theme should be integrated.
   // '&': {
   //   color: ivory,
   //   backgroundColor: background
@@ -71,29 +72,34 @@ export const markdownTheme = {
   //   color: '#ddd'
   // },
 
-  '.dark & .cm-tooltip': {
+  '& .cm-tooltip': {
+    backgroundColor: 'transparent',
     border: 'none',
-    backgroundColor: tooltipBackground,
-  },
-  '.dark & .cm-tooltip .cm-tooltip-arrow:before': {
-    borderTopColor: 'transparent',
-    borderBottomColor: 'transparent',
-  },
-  '.dark & .cm-tooltip .cm-tooltip-arrow:after': {
-    borderTopColor: tooltipBackground,
-    borderBottomColor: tooltipBackground,
-  },
-  '.dark & .cm-tooltip-autocomplete': {
-    '& > ul > li[aria-selected]': {
-      backgroundColor: highlightBackground,
-      color: ivory,
-    },
   },
+  // '.dark & .cm-tooltip': {
+  //   border: 'none',
+  //   backgroundColor: tooltipBackground,
+  // },
+  // '.dark & .cm-tooltip .cm-tooltip-arrow:before': {
+  //   borderTopColor: 'transparent',
+  //   borderBottomColor: 'transparent',
+  // },
+  // '.dark & .cm-tooltip .cm-tooltip-arrow:after': {
+  //   borderTopColor: tooltipBackground,
+  //   borderBottomColor: tooltipBackground,
+  // },
+  // '.dark & .cm-tooltip-autocomplete': {
+  //   '& > ul > li[aria-selected]': {
+  //     backgroundColor: highlightBackground,
+  //     color: ivory,
+  //   },
+  // },
   '&.cm-focused': {
     outline: 'none',
   },
   '& .cm-line': {
     paddingInline: 0,
+    lineHeight: 1.6,
     minBlockSize: '1.6em',
   },
   '& .cm-line *': {
@@ -112,16 +118,17 @@ export const markdownTheme = {
     background: get(tokens, 'extend.colors.primary.600', '#00ffff') + '44',
   },
   '& .cm-content': {
+    padding: 0,
     caretColor: 'black',
   },
   '.dark & .cm-content': {
-    caretColor: cursor,
+    caretColor: 'white',
   },
   '& .cm-cursor': {
     borderLeftColor: 'black',
   },
   '.dark & .cm-cursor': {
-    borderLeftColor: cursor,
+    borderLeftColor: 'white',
   },
   '.cm-placeholder': {
     fontFamily: get(tokens, 'fontFamily.body', []).join(','),
@@ -160,6 +167,14 @@ export const markdownTheme = {
   '& .cm-yLineSelection': {
     margin: '0',
   },
+  '.cm-link': {
+    color: 'rgb(20 89 208)', // TODO(burdon): Rationalize.
+    textDecorationLine: 'underline',
+    textDecorationThickness: '1px',
+    textUnderlineOffset: '2px',
+    borderRadius: '.125rem',
+  },
+  // TODO(burdon): Document.
   ...Object.keys(get(tokens, 'extend.fontSize', {})).reduce((acc: Record<string, any>, fontSize) => {
     const height = get(tokens, ['extend', 'fontSize', fontSize, 1, 'lineHeight']);
     // TODO(thure): This appears to be the best or only way to set selection caret heights, but it's far more verbose than it needs to be.
@@ -170,7 +185,7 @@ export const markdownTheme = {
   }, {}),
 };
 
-export const markdownDarkHighlighting = HighlightStyle.define(
+export const markdownHighlightStyle = HighlightStyle.define(
   [
     {
       tag: [

package/src/components/TextEditor/index.ts

@@ -2,8 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-export { type StyleSpec } from 'style-mod';
 export { tags } from '@lezer/highlight';
 
+export * from './extensions';
 export * from './TextEditor';
-export * from './theme';

package/src/components/TextEditor/yjs.stories.tsx

@@ -0,0 +1,55 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import '@dxosTheme';
+
+import React, { useState } from 'react';
+
+import { PublicKey } from '@dxos/react-client';
+import { TextKind } from '@dxos/react-client/echo';
+import { ClientRepeater, textGenerator, useDataGenerator } from '@dxos/react-client/testing';
+import { useId, Input } from '@dxos/react-ui';
+import { withTheme } from '@dxos/storybook-utils';
+
+import { MarkdownEditor } from './TextEditor';
+import { Replicator, useYjsModel } from '../../testing';
+
+export default {
+  component: MarkdownEditor,
+  decorators: [withTheme],
+};
+
+const replicator = new Replicator(TextKind.PLAIN);
+
+const Story = () => {
+  const [generate, setGenerate] = useState(false);
+  const generateId = useId('generate');
+
+  const [id] = useState(PublicKey.random().toHex());
+  const model = useYjsModel({ id, replicator });
+
+  useDataGenerator({
+    generator: generate ? textGenerator : undefined,
+    options: { text: typeof model?.content !== 'string' ? (model?.content as any) : undefined },
+  });
+
+  return (
+    <main className='flex flex-col flex-1 p-4 gap-4'>
+      <div id={generateId} className='flex gap-2'>
+        <Input.Root>
+          <Input.Checkbox checked={generate} onCheckedChange={(checked) => setGenerate(!!checked)} />
+          <Input.Label>Start</Input.Label>
+        </Input.Root>
+      </div>
+      <div className='border'>
+        <MarkdownEditor model={model} />
+      </div>
+    </main>
+  );
+};
+
+export const Default = {
+  // TODO(wittjosiah): Decorator for doing this without clients being initialized?
+  render: () => <ClientRepeater count={2} Component={Story} />,
+};

package/src/components/index.ts

@@ -2,7 +2,4 @@
 // Copyright 2022 DXOS.org
 //
 
-export * from './Editor';
-export * from './Markdown';
-export * from './RichText';
 export * from './TextEditor';

package/src/hooks/index.ts

@@ -0,0 +1,7 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+export * from './useCollaboration';
+export * from './useTextModel';
+export * from './yjs';

package/src/hooks/useCollaboration.ts

@@ -0,0 +1,45 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import type { Extension } from '@codemirror/state';
+import { useEffect, useMemo } from 'react';
+import { yCollab } from 'y-codemirror.next';
+
+import { generateName } from '@dxos/display-name';
+import { isDocAccessor } from '@dxos/echo-schema';
+import type { ThemeMode } from '@dxos/react-ui';
+import { getColorForValue } from '@dxos/react-ui-theme';
+import { YText } from '@dxos/text-model';
+
+import type { EditorModel } from './useTextModel';
+import { automergePlugin } from '../automerge/automerge-plugin';
+
+/**
+ * Replication and awareness (incl. remote selection).
+ * https://codemirror.net/docs/ref/#collab
+ */
+export const useCollaboration = (model: EditorModel, themeMode: ThemeMode): Extension | undefined => {
+  const { provider, peer, content } = model;
+  const extension = useMemo(() => {
+    if (content instanceof YText) {
+      return yCollab(content, provider?.awareness);
+    } else if (isDocAccessor(content)) {
+      return automergePlugin(content.handle, content.path);
+    } else {
+      return undefined;
+    }
+  }, []);
+
+  useEffect(() => {
+    if (provider && peer) {
+      provider.awareness.setLocalStateField('user', {
+        name: peer.name ?? generateName(peer.id),
+        color: getColorForValue({ value: peer.id, type: 'color' }),
+        colorLight: getColorForValue({ value: peer.id, themeMode, type: 'highlight' }),
+      });
+    }
+  }, [provider, peer, themeMode]);
+
+  return extension;
+};

package/src/{model.ts → hooks/useTextModel.ts}

@@ -2,34 +2,30 @@
 // Copyright 2023 DXOS.org
 //
 
-import { type EditorView } from '@codemirror/view';
-import { type ComponentProps, useMemo } from 'react';
+import { useMemo } from 'react';
 import type * as awarenessProtocol from 'y-protocols/awareness';
 
-import { type Space, type TextObject } from '@dxos/react-client/echo';
+import {
+  type DocAccessor,
+  type Space,
+  type TextObject,
+  type AutomergeTextCompat,
+  getRawDoc,
+  isActualAutomergeObject,
+} from '@dxos/react-client/echo';
 import { type Identity } from '@dxos/react-client/halo';
 import type { YText, YXmlFragment } from '@dxos/text-model';
 
 import { SpaceAwarenessProvider } from './yjs';
 
-export type EditorSlots = {
-  root?: Omit<ComponentProps<'div'>, 'ref'>;
-  editor?: {
-    className?: string;
-    placeholder?: string;
-    spellCheck?: boolean;
-    tabIndex?: number;
-    markdownTheme?: Parameters<typeof EditorView.theme>[0];
-  };
-};
-
+// TODO(burdon): Move.
 type Awareness = awarenessProtocol.Awareness;
 type Provider = { awareness: Awareness };
 
 // TODO(wittjosiah): Factor out to common package? @dxos/react-client?
 export type EditorModel = {
   id: string;
-  content: string | YText | YXmlFragment;
+  content: string | YText | YXmlFragment | DocAccessor;
   provider?: Provider;
   peer?: {
     id: string;
@@ -43,16 +39,45 @@ export type UseTextModelOptions = {
   text?: TextObject;
 };
 
-// TODO(wittjosiah): Factor out to common package? @dxos/react-client?
+// TODO(burdon): Don't support returning undefined (and remove checks from calling code).
 // TODO(burdon): Decouple space (make Editor less dependent on entire stack)?
+// TODO(wittjosiah): Factor out to common package? @dxos/react-client?
 export const useTextModel = ({ identity, space, text }: UseTextModelOptions): EditorModel | undefined => {
   const provider = useMemo(() => {
+    if (isActualAutomergeObject(text)) {
+      return undefined;
+    }
+
     if (!space || !text?.doc) {
       return undefined;
     }
 
     return new SpaceAwarenessProvider({ space, doc: text.doc, channel: `yjs.awareness.${text.id}` });
-  }, [identity, space, text?.doc]);
+  }, [identity, space, text, text?.doc]);
+
+  const content = useMemo(() => {
+    if (isActualAutomergeObject(text)) {
+      const obj = text as any as AutomergeTextCompat;
+      return getRawDoc(obj, [obj.field]);
+    } else {
+      return text?.content;
+    }
+  }, [text]);
+
+  if (isActualAutomergeObject(text)) {
+    const obj = text as any as AutomergeTextCompat;
+    return {
+      id: obj.id,
+      content: content!,
+      provider: undefined,
+      peer: identity
+        ? {
+            id: identity.identityKey.toHex(),
+            name: identity.profile?.displayName,
+          }
+        : undefined,
+    };
+  }
 
   if (!text?.doc || !text?.content) {
     return undefined;

package/src/index.ts

@@ -2,8 +2,8 @@
 // Copyright 2022 DXOS.org
 //
 
-export * from './components';
-export * from './model';
-
 export { TextKind } from '@dxos/protocols/proto/dxos/echo/model/text';
 export { Doc, YText, YXmlFragment } from '@dxos/text-model';
+
+export * from './components';
+export * from './hooks';

package/src/styles/tokens.ts

@@ -2,7 +2,13 @@
 // Copyright 2023 DXOS.org
 //
 
+import type { StyleSpec } from 'style-mod';
+
 import { tailwindConfig, type TailwindConfig } from '@dxos/react-ui-theme';
 
+export type ThemeStyles = {
+  [selector: string]: StyleSpec;
+};
+
 // TODO(thure): Why export the whole theme? Can this be done differently?
 export const tokens: TailwindConfig['theme'] = tailwindConfig({}).theme;

package/src/testing/replicator.ts

@@ -15,8 +15,7 @@ import { Event } from '@dxos/async';
 import { log } from '@dxos/log';
 import { TextKind } from '@dxos/protocols/proto/dxos/echo/model/text';
 
-import { type EditorModel } from '../model';
-import { cursorColor } from '../yjs';
+import { cursorColor, type EditorModel } from '../hooks';
 
 type Awareness = awarenessProtocol.Awareness;
 

package/dist/types/src/automerge/demo.d.ts

@@ -1,25 +0,0 @@
-import { Event } from '@dxos/async';
-import { type Doc, next as automerge, type ChangeOptions, type ChangeFn, type Heads } from '@dxos/automerge/automerge';
-export declare class Peer {
-    changeEvent: Event<void>;
-    storage: Map<string, Uint8Array>;
-    stats: {
-        messagesSent: number;
-        messagesReceived: number;
-        bytesSent: number;
-        bytesReceived: number;
-        snapshotBytes: number;
-        incrementalBytes: number;
-    };
-    doc: Doc<{
-        text: string;
-    }>;
-    change(options: string | ChangeOptions<any> | ChangeFn<any>, callback?: ChangeFn<any>): void;
-    changeAt(scope: Heads, options: string | ChangeOptions<any> | ChangeFn<any>, callback?: ChangeFn<any>): automerge.Heads | null;
-    replicate(): {
-        readable: ReadableStream<Uint8Array>;
-        writable: WritableStream<Uint8Array>;
-    };
-    private _handleChange;
-}
-//# sourceMappingURL=demo.d.ts.map

package/dist/types/src/automerge/demo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"demo.d.ts","sourceRoot":"","sources":["../../../../src/automerge/demo.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EACL,KAAK,GAAG,EACR,IAAI,IAAI,SAAS,EACjB,KAAK,aAAa,EAClB,KAAK,QAAQ,EACb,KAAK,KAAK,EAEX,MAAM,2BAA2B,CAAC;AAEnC,qBAAa,IAAI;IACf,WAAW,cAAe;IAE1B,OAAO,0BAAiC;IACxC,KAAK;;;;;;;MAOH;IAEF,GAAG,EAAG,GAAG,CAAC;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAE5B,MAAM,CAAC,OAAO,EAAE,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC;IAKrF,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC;IAOrG,SAAS,IAAI;QAAE,QAAQ,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;QAAC,QAAQ,EAAE,cAAc,CAAC,UAAU,CAAC,CAAA;KAAE;IAgD3F,OAAO,CAAC,aAAa;CAgBtB"}

package/dist/types/src/components/Editor/Editor.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { type EditorSlots, type UseTextModelOptions } from '../../model';
-import { type MarkdownEditorRef } from '../Markdown';
-export type EditorProps = UseTextModelOptions & {
-    slots?: EditorSlots;
-};
-/**
- * Memoized editor which depends on DXOS platform.
- *
- * Determines which editor to render based on the kind of text.
- */
-export declare const Editor: React.MemoExoticComponent<React.ForwardRefExoticComponent<UseTextModelOptions & {
-    slots?: EditorSlots | undefined;
-} & React.RefAttributes<MarkdownEditorRef | import("@tiptap/react").Editor>>>;
-//# sourceMappingURL=Editor.d.ts.map