@dxos/react-ui-editor 0.3.10-main.ee543cf → 0.3.10-next.3e4f36f

package/src/styles/markdown.ts

@@ -6,43 +6,41 @@ import { mx } from '@dxos/react-ui-theme';
 
 export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 
-// https://tailwindcss.com/docs/font-weight
 export const heading: Record<HeadingLevel, string> = {
-  1: 'mbs-4 mbe-2 font-medium text-inherit no-underline text-4xl',
-  2: 'mbs-4 mbe-2 font-medium text-inherit no-underline text-3xl',
-  3: 'mbs-4 mbe-2 font-medium text-inherit no-underline text-2xl',
-  4: 'mbs-4 mbe-2 font-medium text-inherit no-underline text-xl',
-  5: 'mbs-4 mbe-2 font-medium text-inherit no-underline text-lg',
-  6: 'mbs-4 mbe-2 font-medium text-inherit no-underline',
+  1: 'mbs-4 mbe-2 text-4xl font-semibold text-inherit no-underline',
+  2: 'mbs-4 mbe-2 text-3xl font-bold text-inherit no-underline',
+  3: 'mbs-4 mbe-2 text-2xl font-bold text-inherit no-underline',
+  4: 'mbs-4 mbe-2 text-xl font-extrabold text-inherit no-underline',
+  5: 'mbs-4 mbe-2 text-lg font-extrabold text-inherit no-underline',
+  6: 'mbs-4 mbe-2 font-black text-inherit no-underline',
 };
 
-export const text = 'text-neutral-800 dark:text-neutral-200';
-export const light = 'text-neutral-200 dark:text-neutral-800';
+export const blockquote = 'mlb-2 border-is-4 border-neutral-500/50 pis-5';
 
-export const mark = mx('!font-normal !no-underline !text-inherit opacity-40', light);
+// TODO(thure): Tailwind was not seeing `[&>li:before]:content-["•"]` as a utility class, but it would work if instead of `"•"` it was `"X"`… why?
+export const unorderedList =
+  'mlb-2 grid grid-cols-[min-content_1fr] [&>li:before]:content-[attr(marker)] [&>li:before]:mlb-1 [&>li:before]:mie-2';
+export const orderedList =
+  'mlb-2 grid grid-cols-[min-content_1fr]  [&>li:before]:content-[counters(section,_".")_"._"] [counter-reset:section] [&>li:before]:mlb-1';
+
+export const listItem = 'contents before:[counter-increment:section]';
+
+export const codeBlock = 'mlb-2 font-mono bg-neutral-500/10 p-3 rounded';
+
+export const horizontalRule = 'mlb-4 border-neutral-500/50';
 
 export const paragraph = 'mlb-1';
 
 export const bold = 'font-bold';
-export const italic = 'italic';
-export const strikethrough = 'line-through';
 
-export const code = 'font-mono !no-underline text-neutral-700 dark:text-neutral-300';
-export const codeMark = 'font-mono text-primary-500';
-export const codeBlock = 'mlb-2 font-mono bg-neutral-500/10 p-3 rounded';
+export const code = 'font-mono bg-neutral-500/10 rounded pli-0.5 plb-0.5 -mlb-0.5';
 
-export const inlineUrl = mx(code, 'px-1');
+export const placeholder = 'font-mono';
 
-// TODO(burdon): Replace with widget.
-export const blockquote = mx('pl-1 mr-1 border-is-4 border-primary-500/70 dark:border-primary-500/30', light);
+export const codeWithoutMarks = mx(code, 'pli-1.5 mli-0.5');
 
-// TODO(burdon): Replace with widget.
-export const horizontalRule = 'flex mlb-4 border-b text-neutral-100 dark:text-neutral-900 border-neutral-500/50';
+export const italic = 'italic';
 
-// TODO(thure): Tailwind was not seeing `[&>li:before]:content-["•"]` as a utility class, but it would work if instead of `"•"` it was `"X"`… why?
-export const unorderedList =
-  'mlb-2 grid grid-cols-[min-content_1fr] [&>li:before]:content-[attr(marker)] [&>li:before]:mlb-1 [&>li:before]:mie-2';
-export const orderedList =
-  'mlb-2 grid grid-cols-[min-content_1fr] [&>li:before]:content-[counters(section,_".")_"._"] [counter-reset:section] [&>li:before]:mlb-1';
+export const strikethrough = 'line-through';
 
-export const listItem = 'contents before:[counter-increment:section]';
+export const mark = '!font-normal !no-underline !text-inherit opacity-40';

package/src/testing/replicator.ts

@@ -163,11 +163,11 @@ export class Replicator {
       colorLight: cursorColor.light,
     });
 
+    // TODO(burdon): Create concrete class that implements SyncModel?
     const model: EditorModel = {
       id: doc.guid,
       content: this._kind === TextKind.PLAIN ? doc.getText('content') : doc.getXmlFragment('content'),
-      text: () => model.content.toString(),
-      awareness: provider.awareness,
+      provider,
       peer: { id },
     };
 

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

@@ -1,35 +0,0 @@
-import '@dxosTheme';
-import React from 'react';
-import { type TextEditorProps, type TextEditorRef } from './TextEditor';
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<TextEditorProps & React.RefAttributes<TextEditorRef>>;
-    decorators: import("@storybook/react").Decorator[];
-    render: ({ text, automerge, ...props }: {
-        text?: string | undefined;
-        automerge?: boolean | undefined;
-    } & Pick<TextEditorProps, "extensions" | "slots">) => JSX.Element | null;
-};
-export default _default;
-export declare const Default: {
-    render: () => JSX.Element;
-};
-export declare const Simple: {
-    render: () => JSX.Element;
-};
-export declare const Tooltips: {
-    render: () => JSX.Element;
-};
-export declare const Links: {
-    render: () => JSX.Element;
-};
-export declare const TaskList: {
-    render: () => JSX.Element;
-};
-export declare const Autocomplete: {
-    render: () => JSX.Element;
-};
-export declare const Diagnostics: {
-    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;AAIpB,OAAO,KAAuC,MAAM,OAAO,CAAC;AAO5D,OAAO,EAAkB,KAAK,eAAe,EAAE,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;;;;;;;;;;AAuJxF,wBAKE;AAEF,eAAO,MAAM,OAAO;;CAcnB,CAAC;AAEF,eAAO,MAAM,MAAM;;CAElB,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAEpB,CAAC;AAEF,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAYpB,CAAC;AAEF,eAAO,MAAM,YAAY;;CAYxB,CAAC;AAEF,eAAO,MAAM,WAAW;;CAYvB,CAAC"}

package/dist/types/src/components/TextEditor/extensions/autocomplete.d.ts

@@ -1,9 +0,0 @@
-import { type Completion } from '@codemirror/autocomplete';
-export type AutocompleteOptions = {
-    getOptions: (text: string) => Completion[];
-};
-/**
- * Autocomplete extension.
- */
-export declare const autocomplete: ({ getOptions }: AutocompleteOptions) => import("@codemirror/state").Extension[];
-//# sourceMappingURL=autocomplete.d.ts.map

package/dist/types/src/components/TextEditor/extensions/autocomplete.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/autocomplete.ts"],"names":[],"mappings":"AAgBA,OAAO,EAEL,KAAK,UAAU,EAIhB,MAAM,0BAA0B,CAAC;AAGlC,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,UAAU,EAAE,CAAC;CAC5C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,mBAAoB,mBAAmB,4CAuC/D,CAAC"}

package/dist/types/src/components/TextEditor/extensions/basic.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"basic.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/basic.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAInD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,WAAW,6CAA8C,kBAAkB,KAAG,SAAS,EAYlE,CAAC"}

package/dist/types/src/components/TextEditor/extensions/experimental.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"experimental.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/experimental.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAEL,KAAK,aAAa,EAElB,cAAc,EACd,UAAU,EACV,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAC;AAsE1B,wBAAgB,kBAAkB;wBAGR,cAAc;;mBAOnB,UAAU;GAwB9B;AAED,eAAO,MAAM,MAAM,WAYjB,CAAC;AAEH,eAAO,MAAM,eAAe,EAAE,SAA0C,CAAC"}

package/dist/types/src/components/TextEditor/extensions/link.d.ts

@@ -1,11 +0,0 @@
-import { type Extension } from '@codemirror/state';
-export type LinkOptions = {
-    link?: boolean;
-    onRender?: (el: Element, url: string) => void;
-};
-/**
- * Creates a state field to replace AST elements with a hyperlink widget.
- * https://codemirror.net/docs/ref/#state.StateField
- */
-export declare const link: (options?: LinkOptions) => Extension;
-//# sourceMappingURL=link.d.ts.map

package/dist/types/src/components/TextEditor/extensions/link.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/link.ts"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,mBAAmB,CAAC;AA2G3B,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,IAAI,aAAa,WAAW,KAAQ,SAMhD,CAAC"}

package/dist/types/src/components/TextEditor/extensions/listener.d.ts

@@ -1,7 +0,0 @@
-import { StateField } from '@codemirror/state';
-export type TextListener = (text: string) => void;
-/**
- * Based on https://github.com/codemirror/dev/issues/44#issuecomment-789093799
- */
-export declare const listener: (onChange: TextListener) => StateField<null>;
-//# sourceMappingURL=listener.d.ts.map

package/dist/types/src/components/TextEditor/extensions/listener.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"listener.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/listener.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,MAAM,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;AAElD;;GAEG;AACH,eAAO,MAAM,QAAQ,aAAc,YAAY,qBAU3C,CAAC"}

package/dist/types/src/components/TextEditor/extensions/markdown/highlight.d.ts

@@ -1,31 +0,0 @@
-import { HighlightStyle } from '@codemirror/language';
-import { Tag } from '@lezer/highlight';
-import { type MarkdownConfig } from '@lezer/markdown';
-/**
- * Custom tags defined and processed by the GFM lezer extension.
- * https://github.com/lezer-parser/markdown
- * https://github.com/lezer-parser/markdown/blob/main/src/markdown.ts
- */
-export declare const markdownTags: {
-    Blockquote: Tag;
-    CodeMark: Tag;
-    CodeText: Tag;
-    EmphasisMark: Tag;
-    HeaderMark: Tag;
-    HorizontalRule: Tag;
-    InlineCode: Tag;
-    LinkLabel: Tag;
-    LinkReference: Tag;
-    ListMark: Tag;
-    QuoteMark: Tag;
-    URL: Tag;
-};
-export declare const markdownTagsExtension: MarkdownConfig;
-/**
- * Styling based on `lezer` parser tags.
- * https://codemirror.net/examples/styling
- * https://github.com/lezer-parser/highlight
- * https://lezer.codemirror.net/docs/ref/#highlight (list of tags)
- */
-export declare const markdownHighlightStyle: HighlightStyle;
-//# sourceMappingURL=highlight.d.ts.map

package/dist/types/src/components/TextEditor/extensions/markdown/highlight.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"highlight.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/TextEditor/extensions/markdown/highlight.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAmB,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAiBtD;;;;GAIG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;CAaxB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,cAEnC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,gBA+GlC,CAAC"}

package/dist/types/src/components/TextEditor/extensions/tasklist.d.ts

@@ -1,5 +0,0 @@
-import { type Extension } from '@codemirror/state';
-export declare const statefield: () => Extension;
-export declare const styles: Extension;
-export declare const tasklist: () => Extension[];
-//# sourceMappingURL=tasklist.d.ts.map

package/dist/types/src/components/TextEditor/extensions/tasklist.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tasklist.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/tasklist.ts"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,mBAAmB,CAAC;AAyD3B,eAAO,MAAM,UAAU,QAAO,SAkC7B,CAAC;AAGF,eAAO,MAAM,MAAM,WAIjB,CAAC;AAEH,eAAO,MAAM,QAAQ,mBAA+B,CAAC"}

package/dist/types/src/components/TextEditor/extensions/tooltip.d.ts

@@ -1,12 +0,0 @@
-import { type Extension } from '@codemirror/state';
-export type TooltipOptions = {
-    onHover: (el: Element, url: string) => void;
-    regexp?: RegExp;
-};
-/**
- * https://codemirror.net/examples/tooltip
- * https://codemirror.net/docs/ref/#view.hoverTooltip
- * https://github.com/codemirror/view/blob/main/src/tooltip.ts
- */
-export declare const tooltip: ({ onHover, regexp }: TooltipOptions) => Extension;
-//# sourceMappingURL=tooltip.d.ts.map

package/dist/types/src/components/TextEditor/extensions/tooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/tooltip.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAOnD,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,OAAO,wBAA8C,cAAc,KAAG,SAuC/E,CAAC"}

package/dist/types/src/components/TextEditor/themes/default.d.ts

@@ -1,17 +0,0 @@
-import { type StyleSpec } from 'style-mod';
-/**
- * Minimal styles.
- * https://codemirror.net/examples/styling
- * NOTE: Use one of '&', '&light', and '&dark' prefix to scope instance.
- * NOTE: `light` and `dark` selectors are preprocessed by CodeMirror and can only be in the base theme.
- */
-export declare const defaultTheme: {
-    [selector: string]: StyleSpec;
-};
-export declare const textTheme: {
-    [selector: string]: StyleSpec;
-};
-export declare const codeTheme: {
-    [selector: string]: StyleSpec;
-};
-//# sourceMappingURL=default.d.ts.map

package/dist/types/src/components/TextEditor/themes/default.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/themes/default.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAI3C;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE;IACzB,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;CAyI/B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE;IACtB,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;CAK/B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE;IACtB,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;CAK/B,CAAC"}

package/dist/types/src/components/TextEditor/themes/index.d.ts

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

package/dist/types/src/components/TextEditor/themes/index.d.ts.map

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

package/dist/types/src/hooks/automerge/PatchSemaphore.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PatchSemaphore.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/automerge/PatchSemaphore.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAI9D,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,KAAK,KAAK,EAA8E,MAAM,UAAU,CAAC;AAElH,KAAK,GAAG,CAAC,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAC/B,KAAK,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;AAE7B,KAAK,QAAQ,GAAG,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,OAAO,CAAC,KAAK,IAAI,KAAK,KAAK,GAAG,SAAS,CAAC;AAE3F,qBAAa,cAAc;IACzB,MAAM,EAAG,KAAK,CAAC;IACf,YAAY,UAAS;IACrB,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAM;gBAEjB,KAAK,CAAC,EAAE,KAAK;IAMzB,SAAS,WAAY,UAAU,QAAQ,UAAU,UA2C/C;CACH"}

package/dist/types/src/hooks/automerge/amToCodemirror.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"amToCodemirror.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/automerge/amToCodemirror.ts"],"names":[],"mappings":"AAIA,OAAO,EAA8B,KAAK,eAAe,EAAoB,MAAM,mBAAmB,CAAC;AACvG,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAGL,KAAK,KAAK,EACV,KAAK,IAAI,EAGV,MAAM,2BAA2B,CAAC;+BAIb,UAAU,aAAa,eAAe,UAAU,IAAI,EAAE,WAAW,KAAK,EAAE;AAA9F,wBAgBE"}

package/dist/types/src/hooks/automerge/automerge.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"automerge.stories.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/automerge/automerge.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,uBAAuB,CAAC;;;;AA+E/B,wBAEE;AAEF,eAAO,MAAM,aAAa;;CAEzB,CAAC"}

package/dist/types/src/hooks/automerge/codeMirrorToAm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"codeMirrorToAm.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/automerge/codeMirrorToAm.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,WAAW,EAAa,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAElF,OAAO,EAAc,KAAK,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAEnE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,UAAU,CAAC;+CAI5B,UAAU,gBACJ,WAAW,EAAE,SACpB,WAAW,KACjB,KAAK,GAAG,SAAS;AALpB,wBA6BE"}

package/dist/types/src/hooks/automerge/handle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"handle.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/automerge/handle.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,CAAC,MAAM,2BAA2B,CAAC;AAEpD,MAAM,MAAM,UAAU,CAAC,CAAC,GAAG,GAAG,IAAI;IAChC,OAAO,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAChC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IACpE,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;IAEtG,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC;IACzD,cAAc,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC;CAC7D,CAAC"}

package/dist/types/src/hooks/automerge/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/automerge/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AACjE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC"}

package/dist/types/src/hooks/automerge/plugin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/automerge/plugin.ts"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,SAAS,EAEd,WAAW,EACX,UAAU,EACV,KAAK,WAAW,EAChB,KAAK,eAAe,EACrB,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,SAAS,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,KAAK,KAAK,EAAE,KAAK,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,EAAE,KAAK,CAAC;IACjB,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,wBAAwB,EAAE,WAAW,EAAE,CAAC;CACzC,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,KAAK,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,UAAU,0DAAsC,CAAC;AAE9D,eAAO,MAAM,WAAW,sCAAsB,YAAY,WAAW,CAAgC,CAAC;AAEtG,eAAO,MAAM,YAAY,UAAW,WAAW,uCAAsD,CAAC;AAEtG,eAAO,MAAM,OAAO,UAAW,WAAW,mBAAiB,IAAI,EAA6B,CAAC;AAE7F,MAAM,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;AAMtC,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,eAAe,WAAY,UAAU,QAAQ,IAAI,EAAE,KAAG,eA8DlE,CAAC;AAEF,eAAO,MAAM,uBAAuB,qDAA+B,CAAC;AAEpE,eAAO,MAAM,aAAa,OAAQ,WAAW,KAAG,OAAmD,CAAC;AAEpG,eAAO,MAAM,aAAa,OAAQ,eAAe,SAchD,CAAC"}

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

@@ -1,242 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import '@dxosTheme';
-import { EditorView } from '@codemirror/view';
-import { faker } from '@faker-js/faker';
-import { ArrowSquareOut } from '@phosphor-icons/react';
-import React, { StrictMode, useRef, useState } from 'react';
-import { createRoot } from 'react-dom/client';
-
-import { TextObject } from '@dxos/echo-schema';
-import { fixedInsetFlexLayout, getSize, groupSurface, mx } from '@dxos/react-ui-theme';
-import { withTheme } from '@dxos/storybook-utils';
-
-import { MarkdownEditor, type TextEditorProps, type TextEditorRef } from './TextEditor';
-import { autocomplete, listener, link, tasklist, tooltip, type TooltipOptions, type LinkOptions } from './extensions';
-import { useTextModel } from '../../hooks';
-
-// TODO(burdon): Read-only render mode (presentation).
-// TODO(burdon): Slides.
-// TODO(burdon): Autocomplete.
-// TODO(burdon): Block quote.
-// TODO(burdon): Images.
-// TODO(burdon): Tables.
-
-const str = (...lines: string[]) => lines.join('\n');
-
-// prettier-ignore
-const text = {
-  tasks: str(
-    '## Tasks',
-    '',
-    '- [x] parsing',
-    '- [ ] styling',
-    '- [ ] rendering',
-  ),
-
-  list: str(
-    '## List',
-    '',
-    '- new york',
-    '- london',
-    '- tokyo',
-  ),
-
-  numbered: str(
-    '## Numbered',
-    '',
-    '1. one',
-    '2. two',
-    '3. three',
-    ''
-  ),
-
-  code: str(
-    '## Code',
-    '',
-    '```',
-    'const x = 100;',
-    '```',
-    '',
-    '```tsx',
-    'const Component = () => {',
-    '  const x = 100;',
-    '  return () => <div>Test</div>;',
-    '};',
-    '```'
-  ),
-
-  links: str(
-    '## Links',
-    '',
-    'This is a naked link https://dxos.org within a sentence.',
-    '',
-    'Take a look at [DXOS](https://dxos.org) and how to [get started](https://docs.dxos.org/guide/getting-started.html).',
-    '',
-  ),
-
-  headings: str(
-    ...[1, 2, 3, 4, 5, 6].map((level) => ['#'.repeat(level) + ` Heading ${level}`, faker.lorem.sentences(), '']).flat(),
-  ),
-};
-
-const document = str(
-  '# Markdown',
-  '',
-  '> This is a block quote.',
-  '',
-  'This is all about https://dxos.org and related technologies.',
-  '',
-  'This this is **bold**, __underlined__, _italic_, and `f(INLINE)`.',
-  '',
-  '__NOTE__: Fenced code uses the base font.',
-  '',
-  '---',
-  text.links,
-  '---',
-  text.list,
-  '---',
-  text.tasks,
-  '---',
-  text.numbered,
-  '---',
-  text.code,
-  '---',
-  text.headings,
-);
-
-const links = [
-  { label: 'DXOS', apply: '[DXOS](https://dxos.org)' },
-  { label: 'GitHub', apply: '[DXOS GitHub](https://github.com/dxos)' },
-  { label: 'Automerge', apply: '[Automerge](https://automerge.org/)' },
-  { label: 'IPFS', apply: '[Protocol Labs](https://docs.ipfs.tech)' },
-  { label: 'StackEdit', apply: '[StackEdit](https://stackedit.io/app)' },
-];
-
-const hover =
-  'rounded-sm text-base text-primary-600 hover:text-primary-500 dark:text-primary-300 hover:dark:text-primary-200';
-
-const onHover: TooltipOptions['onHover'] = (el, url) => {
-  const web = new URL(url);
-  createRoot(el).render(
-    <StrictMode>
-      <a href={url} target='_blank' rel='noreferrer' className={hover}>
-        {web.origin}
-        <ArrowSquareOut weight='bold' className={mx(getSize(4), 'inline-block leading-none mis-1')} />
-      </a>
-    </StrictMode>,
-  );
-};
-
-const onRender: LinkOptions['onRender'] = (el, url) => {
-  createRoot(el).render(
-    <StrictMode>
-      <a href={url} target='_blank' rel='noreferrer' className={hover}>
-        <ArrowSquareOut weight='bold' className={mx(getSize(4), 'inline-block leading-none mis-1 mb-1')} />
-      </a>
-    </StrictMode>,
-  );
-};
-
-const Story = ({
-  text,
-  automerge,
-  ...props
-}: { text?: string; automerge?: boolean } & Pick<TextEditorProps, 'extensions' | 'slots'>) => {
-  const ref = useRef<TextEditorRef>(null);
-  const [item] = useState({ text: new TextObject(text, undefined, undefined, { useAutomergeBackend: automerge }) });
-  const model = useTextModel({ text: item.text });
-  if (!model) {
-    return null;
-  }
-
-  return (
-    <div className={mx(fixedInsetFlexLayout, groupSurface)}>
-      <div className='flex justify-center overflow-y-scroll'>
-        <div className='flex flex-col w-[800px] py-16'>
-          <MarkdownEditor ref={ref} model={model} {...props} />
-          <div className='flex shrink-0 h-[300px]'></div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default {
-  title: 'react-ui-editor/MarkdownEditor',
-  component: MarkdownEditor,
-  decorators: [withTheme],
-  render: Story,
-};
-
-export const Default = {
-  render: () => (
-    <Story
-      text={document}
-      extensions={[
-        link({ onRender }),
-        tooltip({ onHover }),
-        tasklist(),
-        autocomplete({
-          getOptions: (text) => links.filter(({ label }) => label.toLowerCase().includes(text.toLowerCase())),
-        }),
-      ]}
-    />
-  ),
-};
-
-export const Simple = {
-  render: () => <Story text={document} />,
-};
-
-export const Tooltips = {
-  render: () => <Story text={text.links} extensions={[tooltip({ onHover })]} />,
-};
-
-export const Links = {
-  render: () => <Story text={text.links} extensions={[link({ onRender })]} />,
-};
-
-export const TaskList = {
-  render: () => (
-    <Story
-      text={str(text.tasks, '', text.list)}
-      extensions={[
-        tasklist(),
-        listener((text) => {
-          console.log(text);
-        }),
-      ]}
-    />
-  ),
-};
-
-export const Autocomplete = {
-  render: () => (
-    <Story
-      text={str('# Autocomplete', '', '', '', '', '', '')}
-      extensions={[
-        link({ onRender }),
-        autocomplete({
-          getOptions: (text) => links.filter(({ label }) => label.toLowerCase().includes(text.toLowerCase())),
-        }),
-      ]}
-    />
-  ),
-};
-
-export const Diagnostics = {
-  render: () => (
-    <Story
-      text={document}
-      extensions={[
-        // Cursor moved.
-        EditorView.updateListener.of((update) => {
-          console.log('update', update.view.state.selection.main.head);
-        }),
-      ]}
-    />
-  ),
-};

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

@@ -1,72 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-// TODO(burdon): Automcomplete: https://codemirror.net/5/doc/manual.html#addon_runmode
-// TODO(burdon): Modes: parallel parsing and decoration (e.g., associated with language).
-// TODO(burdon): Add-on: runmode: run lexer over content (with rendering codemirror).
-//  https://codemirror.net/5/doc/manual.html#addon_runmode
-// TODO(burdon): Add-on: dialog.
-// TODO(burdon): Comments: https://codemirror.net/5/doc/manual.html#setBookmark
-// TODO(burdon): Split view: https://codemirror.net/examples/split
-
-// https://codemirror.net/examples/autocompletion
-// https://codemirror.net/docs/ref/#autocomplete.autocompletion
-// https://codemirror.net/docs/ref/#autocomplete.Completion
-
-import {
-  autocompletion,
-  type Completion,
-  type CompletionContext,
-  completionKeymap,
-  type CompletionResult,
-} from '@codemirror/autocomplete';
-import { keymap } from '@codemirror/view';
-
-export type AutocompleteOptions = {
-  getOptions: (text: string) => Completion[];
-};
-
-/**
- * Autocomplete extension.
- */
-export const autocomplete = ({ getOptions }: AutocompleteOptions) => {
-  return [
-    // https://codemirror.net/docs/ref/#view.keymap
-    // https://discuss.codemirror.net/t/how-can-i-replace-the-default-autocompletion-keymap-v6/3322
-    keymap.of(completionKeymap),
-
-    // https://codemirror.net/examples/autocompletion
-    // https://codemirror.net/docs/ref/#autocomplete.autocompletion
-    autocompletion({
-      // TODO(burdon): Set custom keymap.
-      // defaultKeymap: false,
-
-      // Don't start unless key press.
-      activateOnTyping: false,
-
-      // TODO(burdon): Option to create new page?
-      // TODO(burdon): Optional decoration via addToOptions
-      override: [
-        (context: CompletionContext): CompletionResult | null => {
-          const word = context.matchBefore(/\w*/);
-          if (!word || (word.from === word.to && !context.explicit)) {
-            return null;
-          }
-
-          // TODO(burdon): Option to convert to links?
-          return {
-            from: word.from,
-            options: getOptions(word.text.toLowerCase()),
-            // options: [
-            //   { label: 'apple', type: 'keyword' },
-            //   { label: 'amazon', type: 'keyword' },
-            //   { label: 'hello', type: 'variable', info: '(World)' },
-            //   { label: 'magic', type: 'text', apply: '⠁⭒*.✩.*⭒⠁', detail: 'macro' },
-            // ],
-          };
-        },
-      ],
-    }),
-  ];
-};