@dxos/react-ui-editor 0.3.7-main.645bcb5 → 0.3.7-main.77874ab

package/src/testing/replicator.ts

@@ -15,7 +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 { type ComposerModel } from '../model';
 import { cursorColor } from '../yjs';
 
 type Awareness = awarenessProtocol.Awareness;
@@ -148,15 +148,15 @@ export class AwarenessProvider extends Observable<any> {
  */
 export class Replicator {
   private readonly _update = new Event<Uint8Array>();
-  private _peers: EditorModel[] = [];
+  private _peers: ComposerModel[] = [];
 
   constructor(private readonly _kind: TextKind) {}
 
-  setPeers(peers: EditorModel[]) {
+  setPeers(peers: ComposerModel[]) {
     this._peers = peers;
   }
 
-  createPeer = (id: string, doc: Doc = new Doc()): EditorModel => {
+  createPeer = (id: string, doc: Doc = new Doc()): ComposerModel => {
     const provider = new AwarenessProvider({ update: this._update, doc });
     provider.awareness.setLocalStateField('user', {
       name: 'Anonymous ' + Math.floor(Math.random() * 100),
@@ -165,7 +165,7 @@ export class Replicator {
     });
 
     // TODO(burdon): Create concrete class that implements SyncModel?
-    const model: EditorModel = {
+    const model: ComposerModel = {
       id: doc.guid,
       content: this._kind === TextKind.PLAIN ? doc.getText('content') : doc.getXmlFragment('content'),
       provider,
@@ -184,7 +184,7 @@ export type UseYjsModelOptions = {
   doc?: Doc;
 };
 
-export const useYjsModel = ({ replicator, id, doc }: UseYjsModelOptions): EditorModel => {
+export const useYjsModel = ({ replicator, id, doc }: UseYjsModelOptions): ComposerModel => {
   const peer = useMemo(() => replicator.createPeer(id, doc), [doc]);
 
   return peer;

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../../../../../src/components/Editor/Editor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAI1D,OAAO,EAAE,KAAK,WAAW,EAAgB,KAAK,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACvF,OAAO,EAAkB,KAAK,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAGrE,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC9C,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF;;;;GAIG;AAGH,eAAO,MAAM,MAAM;;6EASlB,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Editor.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Editor/Editor.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAEpB,OAAO,KAAmB,MAAM,OAAO,CAAC;;;;;;AAWxC,wBAEE;AAoCF,eAAO,MAAM,QAAQ;mBACJ;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE;;CAE9B,CAAC;AAWF,eAAO,MAAM,IAAI;mBACA;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE;;;;;;;;;CAS9B,CAAC"}

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

@@ -1,2 +0,0 @@
-export * from './Editor';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Editor/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC"}

package/src/components/Editor/Editor.tsx

@@ -1,33 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React, { forwardRef, memo, type Ref } from 'react';
-
-import { YXmlFragment } from '@dxos/text-model';
-
-import { type EditorSlots, useTextModel, type UseTextModelOptions } from '../../model';
-import { MarkdownEditor, type MarkdownEditorRef } from '../Markdown';
-import { RichTextEditor, type TipTapEditor } from '../RichText';
-
-export type EditorProps = UseTextModelOptions & {
-  slots?: EditorSlots;
-};
-
-/**
- * Memoized editor which depends on DXOS platform.
- *
- * Determines which editor to render based on the kind of text.
- */
-// NOTE: Without `memo`, if parent component uses `observer` the editor re-renders excessively.
-// TODO(wittjosiah): Factor out?
-export const Editor = memo(
-  forwardRef<TipTapEditor | MarkdownEditorRef, EditorProps>(({ slots, ...options }, forwardedRef) => {
-    const model = useTextModel(options);
-    if (model?.content instanceof YXmlFragment) {
-      return <RichTextEditor ref={forwardedRef as Ref<TipTapEditor>} model={model} slots={slots} />;
-    } else {
-      return <MarkdownEditor ref={forwardedRef as Ref<MarkdownEditorRef>} model={model} slots={slots} />;
-    }
-  }),
-);