@dxos/react-ui-editor 0.3.6 → 0.3.7-main.0bad7ea

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 ComposerModel } from '../model';
+import { type EditorModel } 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: ComposerModel[] = [];
+  private _peers: EditorModel[] = [];
 
   constructor(private readonly _kind: TextKind) {}
 
-  setPeers(peers: ComposerModel[]) {
+  setPeers(peers: EditorModel[]) {
     this._peers = peers;
   }
 
-  createPeer = (id: string, doc: Doc = new Doc()): ComposerModel => {
+  createPeer = (id: string, doc: Doc = new Doc()): EditorModel => {
     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: ComposerModel = {
+    const model: EditorModel = {
       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): ComposerModel => {
+export const useYjsModel = ({ replicator, id, doc }: UseYjsModelOptions): EditorModel => {
   const peer = useMemo(() => replicator.createPeer(id, doc), [doc]);
 
   return peer;

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Composer.d.ts","sourceRoot":"","sources":["../../../../../src/components/Composer/Composer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAI1D,OAAO,EAAE,KAAK,aAAa,EAAgB,KAAK,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACzF,OAAO,EAAoB,KAAK,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGzE,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IAChD,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF;;;;GAIG;AAGH,eAAO,MAAM,QAAQ;;+EASpB,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Composer.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Composer/Composer.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/Composer/index.d.ts

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

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

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

package/src/components/Composer/Composer.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 ComposerSlots, useTextModel, type UseTextModelOptions } from '../../model';
-import { MarkdownComposer, type MarkdownComposerRef } from '../Markdown';
-import { RichTextComposer, type TipTapEditor } from '../RichText';
-
-export type ComposerProps = UseTextModelOptions & {
-  slots?: ComposerSlots;
-};
-
-/**
- * Memoized composer which depends DXOS platform.
- *
- * Determines which composer to render based on the kind of text.
- */
-// NOTE: Without `memo`, if parent component uses `observer` the composer re-renders excessively.
-// TODO(wittjosiah): Factor out?
-export const Composer = memo(
-  forwardRef<TipTapEditor | MarkdownComposerRef, ComposerProps>(({ slots, ...options }, forwardedRef) => {
-    const model = useTextModel(options);
-    if (model?.content instanceof YXmlFragment) {
-      return <RichTextComposer ref={forwardedRef as Ref<TipTapEditor>} model={model} slots={slots} />;
-    } else {
-      return <MarkdownComposer ref={forwardedRef as Ref<MarkdownComposerRef>} model={model} slots={slots} />;
-    }
-  }),
-);