@dxos/react-ui-editor 0.3.9-main.b7e6a67 → 0.3.9-main.c414ce0

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,6 +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;
 
@@ -186,6 +185,5 @@ export type UseYjsModelOptions = {
 
 export const useYjsModel = ({ replicator, id, doc }: UseYjsModelOptions): EditorModel => {
   const peer = useMemo(() => replicator.createPeer(id, doc), [doc]);
-
   return peer;
 };

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

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

@@ -1,28 +0,0 @@
-import '@dxosTheme';
-import React from 'react';
-declare const _default: {
-    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("../..").UseTextModelOptions & {
-        slots?: import("../..").EditorSlots | undefined;
-    } & React.RefAttributes<import("..").MarkdownEditorRef | import("@tiptap/react").Editor>>>;
-};
-export default _default;
-export declare const Markdown: {
-    render: (args: {
-        id: number;
-    }) => JSX.Element;
-    decorators: import("@storybook/csf").DecoratorFunction<import("@storybook/react/dist/types-0a347bb9").R, any>[];
-};
-export declare const Rich: {
-    render: (args: {
-        id: number;
-    }) => JSX.Element;
-    args: {
-        slots: {
-            editor: {
-                className: string;
-            };
-        };
-    };
-    decorators: import("@storybook/csf").DecoratorFunction<import("@storybook/react/dist/types-0a347bb9").R, any>[];
-};
-//# sourceMappingURL=Editor.stories.d.ts.map

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/dist/types/src/components/Markdown/Markdown.d.ts

@@ -1,19 +0,0 @@
-import { EditorState, type Text } from '@codemirror/state';
-import { EditorView } from '@codemirror/view';
-import React from 'react';
-import { type EditorModel, type EditorSlots } from '../../model';
-export declare const EditorModes: readonly ["default", "vim"];
-export type EditorMode = (typeof EditorModes)[number];
-export type MarkdownEditorProps = {
-    model?: EditorModel;
-    slots?: EditorSlots;
-    editorMode?: EditorMode;
-    onChange?: (content: string | Text) => void;
-};
-export type MarkdownEditorRef = {
-    editor: HTMLDivElement | null;
-    state?: EditorState;
-    view?: EditorView;
-};
-export declare const MarkdownEditor: React.ForwardRefExoticComponent<MarkdownEditorProps & React.RefAttributes<MarkdownEditorRef>>;
-//# sourceMappingURL=Markdown.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/Markdown/Markdown.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,WAAW,EAAc,KAAK,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEvE,OAAO,EAUL,UAAU,EACX,MAAM,kBAAkB,CAAC;AAG1B,OAAO,KAQN,MAAM,OAAO,CAAC;AAUf,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAEjE,eAAO,MAAM,WAAW,6BAA8B,CAAC;AACvD,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,cAAc,+FAwI1B,CAAC"}

package/dist/types/src/components/Markdown/Markdown.stories.d.ts

@@ -1,19 +0,0 @@
-import '@dxosTheme';
-import React from 'react';
-declare const _default: {
-    component: React.ForwardRefExoticComponent<import("./Markdown").MarkdownEditorProps & React.RefAttributes<import("./Markdown").MarkdownEditorRef>>;
-};
-export default _default;
-export declare const Default: {
-    args: {
-        model: {
-            id: string;
-            content: string;
-        };
-    };
-};
-export declare const WithYjs: {
-    render: () => JSX.Element;
-    decorators: import("@storybook/csf").DecoratorFunction<import("@storybook/react/dist/types-0a347bb9").R, any>[];
-};
-//# sourceMappingURL=Markdown.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Markdown.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Markdown/Markdown.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAEpB,OAAO,KAAmB,MAAM,OAAO,CAAC;;;;AAUxC,wBAEE;AAEF,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC;AAGF,eAAO,MAAM,OAAO;;;CAyBnB,CAAC"}

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

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

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

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

package/dist/types/src/components/Markdown/markdownTags.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"markdownTags.d.ts","sourceRoot":"","sources":["../../../../../src/components/Markdown/markdownTags.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,eAAO,MAAM,YAAY;;;;;;;;;;;;CAYxB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,cAgBnC,CAAC"}

package/dist/types/src/components/Markdown/markdownTheme.d.ts

@@ -1,107 +0,0 @@
-import { HighlightStyle } from '@codemirror/language';
-export declare const chalky = "#e5c07b";
-export declare const coral = "#e06c75";
-export declare const cyan = "#56b6c2";
-export declare const invalid = "#ffffff";
-export declare const ivory = "#abb2bf";
-export declare const stone = "#7d8799";
-export declare const malibu = "#61afef";
-export declare const sage = "#98c379";
-export declare const whiskey = "#d19a66";
-export declare const violet = "#c678dd";
-export declare const highlightBackground = "#2c313a";
-export declare const tooltipBackground = "#353a42";
-export declare const cursor = "#ffffff";
-export declare const markdownTheme: {
-    '.dark & .cm-tooltip': {
-        border: string;
-        backgroundColor: string;
-    };
-    '.dark & .cm-tooltip .cm-tooltip-arrow:before': {
-        borderTopColor: string;
-        borderBottomColor: string;
-    };
-    '.dark & .cm-tooltip .cm-tooltip-arrow:after': {
-        borderTopColor: string;
-        borderBottomColor: string;
-    };
-    '.dark & .cm-tooltip-autocomplete': {
-        '& > ul > li[aria-selected]': {
-            backgroundColor: string;
-            color: string;
-        };
-    };
-    '&.cm-focused': {
-        outline: string;
-    };
-    '& .cm-line': {
-        paddingInline: number;
-        minBlockSize: string;
-    };
-    '& .cm-line *': {
-        lineHeight: number;
-    };
-    '&.cm-focused .cm-selectionBackground, & .cm-selectionBackground': {
-        background: any;
-    };
-    '.dark & .cm-selectionBackground, .dark &.cm-focused .cm-selectionBackground': {
-        background: any;
-    };
-    '& .cm-selectionMatch': {
-        background: string;
-    };
-    '.dark & .cm-selectionMatch': {
-        background: string;
-    };
-    '& .cm-content': {
-        caretColor: string;
-    };
-    '.dark & .cm-content': {
-        caretColor: string;
-    };
-    '& .cm-cursor': {
-        borderLeftColor: string;
-    };
-    '.dark & .cm-cursor': {
-        borderLeftColor: string;
-    };
-    '.cm-placeholder': {
-        fontFamily: any;
-    };
-    '& .cm-scroller': {
-        fontFamily: any;
-        overflow: string;
-    };
-    '& .cm-activeLine': {
-        backgroundColor: string;
-    };
-    '.dark & .cm-activeLine': {
-        backgroundColor: string;
-    };
-    '& .cm-ySelectionInfo': {
-        fontFamily: any;
-        padding: string;
-        marginBlockStart: string;
-    };
-    '& .cm-ySelection, & .cm-selectionMatch': {
-        paddingBlockStart: string;
-        paddingBlockEnd: string;
-    };
-    '& .cm-ySelection, & .cm-yLineSelection': {
-        mixBlendMode: string;
-    };
-    '.dark & .cm-ySelection, .dark & .cm-yLineSelection': {
-        mixBlendMode: string;
-    };
-    '& .cm-ySelectionCaret': {
-        display: string;
-        insetBlockStart: string;
-        blockSize: string;
-        verticalAlign: string;
-    };
-    '& .cm-yLineSelection': {
-        margin: string;
-    };
-};
-export declare const markdownDarkHighlighting: HighlightStyle;
-//# sourceMappingURL=markdownTheme.d.ts.map

package/dist/types/src/components/Markdown/markdownTheme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"markdownTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Markdown/markdownTheme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAUtD,eAAO,MAAM,MAAM,YAAY,CAAC;AAChC,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,IAAI,YAAY,CAAC;AAC9B,eAAO,MAAM,OAAO,YAAY,CAAC;AACjC,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,MAAM,YAAY,CAAC;AAChC,eAAO,MAAM,IAAI,YAAY,CAAC;AAC9B,eAAO,MAAM,OAAO,YAAY,CAAC;AACjC,eAAO,MAAM,MAAM,YAAY,CAAC;AAEhC,eAAO,MAAM,mBAAmB,YAAY,CAAC;AAE7C,eAAO,MAAM,iBAAiB,YAAY,CAAC;AAE3C,eAAO,MAAM,MAAM,YAAY,CAAC;AAIhC,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwIzB,CAAC;AAEF,eAAO,MAAM,wBAAwB,gBA6EpC,CAAC"}

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

@@ -1,20 +0,0 @@
-import { type Editor } from '@tiptap/react';
-import React from 'react';
-import { type EditorModel, type EditorSlots } from '../../model';
-export type TipTapEditor = Editor;
-type UseEditorOptions = {
-    model?: EditorModel;
-    placeholder?: string;
-    slots?: Pick<EditorSlots, 'editor'>;
-};
-export type RichTextEditorProps = UseEditorOptions & {
-    slots?: EditorSlots;
-};
-/**
- * @deprecated
- */
-export declare const RichTextEditor: React.ForwardRefExoticComponent<UseEditorOptions & {
-    slots?: EditorSlots | undefined;
-} & React.RefAttributes<Editor | null>>;
-export {};
-//# sourceMappingURL=RichText.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RichText.d.ts","sourceRoot":"","sources":["../../../../../src/components/RichText/RichText.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,MAAM,EAAgD,MAAM,eAAe,CAAC;AAE1F,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAkBjE,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC;AAElC,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;CACrC,CAAC;AA2HF,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,GAAG;IACnD,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,cAAc;;uCASzB,CAAC"}

package/dist/types/src/components/RichText/RichText.stories.d.ts

@@ -1,26 +0,0 @@
-import '@dxosTheme';
-import React from 'react';
-import { type RichTextEditorProps } from './RichText';
-declare const _default: {
-    component: React.ForwardRefExoticComponent<{
-        model?: import("../..").EditorModel | undefined;
-        placeholder?: string | undefined;
-        slots?: Pick<import("../..").EditorSlots, "editor"> | undefined;
-    } & {
-        slots?: import("../..").EditorSlots | undefined;
-    } & React.RefAttributes<import("@tiptap/react").Editor | null>>;
-};
-export default _default;
-export declare const Default: {
-    args: {
-        model: {
-            id: string;
-            content: string;
-        };
-    };
-};
-export declare const WithYjs: {
-    render: (args: Omit<RichTextEditorProps, 'model'>) => JSX.Element;
-    decorators: import("@storybook/csf").DecoratorFunction<import("@storybook/react/dist/types-0a347bb9").R, any>[];
-};
-//# sourceMappingURL=RichText.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RichText.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/RichText/RichText.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAEpB,OAAO,KAAmB,MAAM,OAAO,CAAC;AAQxC,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;AAGtE,wBAEE;AAEF,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC;AAGF,eAAO,MAAM,OAAO;mBACH,KAAK,mBAAmB,EAAE,OAAO,CAAC;;CAmClD,CAAC"}

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

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

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

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

package/dist/types/src/model.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/model.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,KAAK,cAAc,EAAW,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,KAAK,iBAAiB,MAAM,uBAAuB,CAAC;AAEhE,OAAO,EAAE,KAAK,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAI5D,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;IAC1C,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,aAAa,CAAC,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;KACxD,CAAC;CACH,CAAC;AAEF,KAAK,SAAS,GAAG,iBAAiB,CAAC,SAAS,CAAC;AAC7C,KAAK,QAAQ,GAAG;IAAE,SAAS,EAAE,SAAS,CAAA;CAAE,CAAC;AAGzC,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,GAAG,KAAK,GAAG,YAAY,CAAC;IACvC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,IAAI,CAAC,EAAE;QACL,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAIF,eAAO,MAAM,YAAY,8BAA+B,mBAAmB,KAAG,WAAW,GAAG,SAwB3F,CAAC"}

package/dist/types/src/yjs/cursors.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cursors.d.ts","sourceRoot":"","sources":["../../../../src/yjs/cursors.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,WAAW;;;CAAsD,CAAC"}

package/dist/types/src/yjs/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/yjs/index.ts"],"names":[],"mappings":"AAIA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}

package/dist/types/src/yjs/space-provider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"space-provider.d.ts","sourceRoot":"","sources":["../../../../src/yjs/space-provider.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,KAAK,iBAAiB,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAG/B,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAGrD,KAAK,SAAS,GAAG,iBAAiB,CAAC,SAAS,CAAC;AAO7C;;GAEG;AACH,qBAAa,sBAAuB,SAAQ,UAAU,CAAC,GAAG,CAAC;IACzD,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAQ;IAC/B,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAY;IACvC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAS;IACnC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAS;gBAEtB,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC;QAAC,GAAG,EAAE,GAAG,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,SAAS,CAAA;KAAE;IA+BlH,IAAI,SAAS,IAAI,SAAS,CAEzB;IAED,OAAO,CAAC,sBAAsB;IAY9B,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,YAAY;IAoCpB,OAAO,CAAC,mBAAmB;CAG5B"}

package/dist/types/stories/html/code-mirror.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"code-mirror.stories.d.ts","sourceRoot":"","sources":["../../../../stories/html/code-mirror.stories.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAKhD,OAAO,EAAE,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;;;;AAS5D,wBAEE;AAoEF,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,CAoBjF,CAAC"}