@dxos/react-ui-editor 0.3.9-main.3fcc0fa → 0.3.9-main.4e39f3a

package/dist/lib/browser/index.mjs

@@ -541,7 +541,7 @@ var EditorModes = [
   "default",
   "vim"
 ];
-var MarkdownEditor = /* @__PURE__ */ forwardRef(({ model, slots = {}, onChange, editorMode }, forwardedRef) => {
+var MarkdownEditor = /* @__PURE__ */ forwardRef(({ model, slots = {}, editorMode, onChange }, forwardedRef) => {
   const { id, content, provider, peer } = model ?? {};
   const { themeMode } = useThemeContext();
   const tabsterDOMAttribute = useFocusableGroup({
@@ -628,7 +628,7 @@ var MarkdownEditor = /* @__PURE__ */ forwardRef(({ model, slots = {}, onChange,
           indentWithTab
         ]),
         EditorView.lineWrapping,
-        // Theme
+        // Themes.
         markdown({
           base: markdownLanguage2,
           codeLanguages: languages,
@@ -647,7 +647,7 @@ var MarkdownEditor = /* @__PURE__ */ forwardRef(({ model, slots = {}, onChange,
         ],
         // TODO(thure): All but one rule here apply to both themes; rename or refactor.
         syntaxHighlighting(markdownDarkHighlighting),
-        // Collaboration
+        // Replication and awareness (incl. remote selection).
         ...content instanceof YText ? [
           yCollab(content, provider?.awareness)
         ] : []
@@ -671,14 +671,17 @@ var MarkdownEditor = /* @__PURE__ */ forwardRef(({ model, slots = {}, onChange,
     themeMode,
     editorMode
   ]);
-  const handleKeyUp = useCallback(({ key, altKey, shiftKey, metaKey, ctrlKey }) => {
+  const handleKeyUp = useCallback((event) => {
+    const { key, altKey, shiftKey, metaKey, ctrlKey } = event;
     switch (key) {
-      case "Enter":
+      case "Enter": {
         view?.contentDOM.focus();
         break;
-      case "Escape":
+      }
+      case "Escape": {
         editorMode === "vim" && (altKey || shiftKey || metaKey || ctrlKey) && parent?.focus();
         break;
+      }
     }
   }, [
     view,
@@ -686,11 +689,11 @@ var MarkdownEditor = /* @__PURE__ */ forwardRef(({ model, slots = {}, onChange,
   ]);
   return /* @__PURE__ */ React.createElement("div", {
     tabIndex: 0,
+    ref: setParent,
     key: id,
     ...slots.root,
-    onKeyUp: handleKeyUp,
     ...editorMode !== "vim" ? tabsterDOMAttribute : {},
-    ref: setParent
+    onKeyUp: handleKeyUp
   });
 });
 
@@ -706,7 +709,7 @@ import StarterKit from "@tiptap/starter-kit";
 import React2, { forwardRef as forwardRef2, useImperativeHandle as useImperativeHandle2, useMemo as useMemo3 } from "react";
 import { generateName as generateName2 } from "@dxos/display-name";
 import { mx as mx2 } from "@dxos/react-ui-theme";
-var useEditor = ({ model, placeholder: placeholder2 = "Enter text\u2026", slots = {} }) => {
+var useEditor = ({ model, placeholder: placeholder3 = "Enter text\u2026", slots = {} }) => {
   const extensions = useMemo3(() => [
     StarterKit.configure({
       // Extensions
@@ -811,7 +814,7 @@ var useEditor = ({ model, placeholder: placeholder2 = "Enter text\u2026", slots
       })
     ] : [],
     Placeholder.configure({
-      placeholder: placeholder2,
+      placeholder: placeholder3,
       emptyEditorClass: "before:content-[attr(data-placeholder)] before:absolute opacity-50 cursor-text"
     })
   ], [
@@ -842,8 +845,8 @@ var RichTextEditor = /* @__PURE__ */ forwardRef2((props, ref) => {
 });
 
 // packages/ui/react-ui-editor/src/components/Editor/Editor.tsx
-var Editor = /* @__PURE__ */ memo(/* @__PURE__ */ forwardRef3(({ slots, ...options }, forwardedRef) => {
-  const model = useTextModel(options);
+var Editor = /* @__PURE__ */ memo(/* @__PURE__ */ forwardRef3(({ slots, ...params }, forwardedRef) => {
+  const model = useTextModel(params);
   if (model?.content instanceof YXmlFragment) {
     return /* @__PURE__ */ React3.createElement(RichTextEditor, {
       ref: forwardedRef,
@@ -859,18 +862,135 @@ var Editor = /* @__PURE__ */ memo(/* @__PURE__ */ forwardRef3(({ slots, ...optio
   }
 }));
 
+// packages/ui/react-ui-editor/src/components/TextEditor/index.ts
+import { tags as tags2 } from "@lezer/highlight";
+
+// packages/ui/react-ui-editor/src/components/TextEditor/TextEditor.tsx
+import { closeBrackets as closeBrackets2 } from "@codemirror/autocomplete";
+import { bracketMatching as bracketMatching2, defaultHighlightStyle as defaultHighlightStyle2, syntaxHighlighting as syntaxHighlighting2 } from "@codemirror/language";
+import { EditorState as EditorState2 } from "@codemirror/state";
+import { oneDarkHighlightStyle as oneDarkHighlightStyle2 } from "@codemirror/theme-one-dark";
+import { EditorView as EditorView2, placeholder as placeholder2 } from "@codemirror/view";
+import React4, { forwardRef as forwardRef4, useEffect as useEffect2, useImperativeHandle as useImperativeHandle3, useState as useState2, useCallback as useCallback2 } from "react";
+import { yCollab as yCollab2 } from "y-codemirror.next";
+import { useThemeContext as useThemeContext2 } from "@dxos/react-ui";
+import { YText as YText2 } from "@dxos/text-model";
+
+// packages/ui/react-ui-editor/src/components/TextEditor/theme.ts
+import get2 from "lodash.get";
+import { tailwindConfig as tailwindConfig2 } from "@dxos/react-ui-theme";
+var tokens2 = tailwindConfig2({}).theme;
+var defaultStyles = {
+  "&.cm-focused": {
+    outline: "none"
+  },
+  ".cm-placeholder": {
+    fontFamily: get2(tokens2, "fontFamily.body", []).join(",")
+  },
+  "& .cm-scroller": {
+    fontFamily: get2(tokens2, "fontFamily.body", []).join(","),
+    overflow: "visible"
+  }
+};
+
+// packages/ui/react-ui-editor/src/components/TextEditor/TextEditor.tsx
+var TextEditor = /* @__PURE__ */ forwardRef4(({ model, extensions = [], theme = defaultStyles, slots = {}, onKeyDown, ...props }, forwardedRef) => {
+  const { id, content } = model ?? {};
+  const { themeMode } = useThemeContext2();
+  const [parent, setParent] = useState2(null);
+  const [state, setState] = useState2();
+  const [view, setView] = useState2();
+  useImperativeHandle3(forwardedRef, () => {
+    return {
+      editor: parent,
+      state,
+      view
+    };
+  }, [
+    view
+  ]);
+  useEffect2(() => {
+    if (!parent) {
+      return;
+    }
+    view?.destroy();
+    const state2 = EditorState2.create({
+      doc: content?.toString(),
+      extensions: [
+        bracketMatching2(),
+        closeBrackets2(),
+        placeholder2(slots.editor?.placeholder ?? ""),
+        EditorView2.lineWrapping,
+        // Themes.
+        EditorView2.theme(theme),
+        ...themeMode === "dark" ? [
+          syntaxHighlighting2(oneDarkHighlightStyle2)
+        ] : [
+          syntaxHighlighting2(defaultHighlightStyle2)
+        ],
+        // Replication.
+        ...content instanceof YText2 ? [
+          yCollab2(content, void 0)
+        ] : [],
+        // Custom.
+        ...extensions
+      ]
+    });
+    setState(state2);
+    setView(new EditorView2({
+      state: state2,
+      parent
+    }));
+    return () => {
+      view?.destroy();
+      setView(void 0);
+      setState(void 0);
+    };
+  }, [
+    parent,
+    content,
+    themeMode
+  ]);
+  const handleKeyDown = useCallback2((event) => {
+    if (view) {
+      const { head, from, to } = view.state.selection.ranges[0];
+      const { number } = view.state.doc.lineAt(head);
+      const after = view.state.sliceDoc(from);
+      onKeyDown?.(event, {
+        from,
+        to,
+        line: number,
+        lines: view.state.doc.lines,
+        after
+      });
+    }
+  }, [
+    view
+  ]);
+  return /* @__PURE__ */ React4.createElement("div", {
+    key: id,
+    ref: setParent,
+    ...slots.root,
+    onKeyDown: handleKeyDown,
+    ...props
+  });
+});
+
 // packages/ui/react-ui-editor/src/index.ts
 import { TextKind } from "@dxos/protocols/proto/dxos/echo/model/text";
-import { Doc, YText as YText2, YXmlFragment as YXmlFragment2 } from "@dxos/text-model";
+import { Doc, YText as YText3, YXmlFragment as YXmlFragment2 } from "@dxos/text-model";
 export {
   Doc,
   Editor,
   EditorModes,
   MarkdownEditor,
   RichTextEditor,
+  TextEditor,
   TextKind,
-  YText2 as YText,
+  YText3 as YText,
   YXmlFragment2 as YXmlFragment,
+  defaultStyles,
+  tags2 as tags,
   useTextModel
 };
 //# sourceMappingURL=index.mjs.map

package/dist/lib/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/Editor/Editor.tsx", "../../../src/model.ts", "../../../src/yjs/cursors.ts", "../../../src/yjs/space-provider.ts", "../../../src/components/Markdown/Markdown.tsx", "../../../src/components/Markdown/markdownTags.ts", "../../../src/components/Markdown/markdownTheme.ts", "../../../src/styles/markdown.ts", "../../../src/styles/tokens.ts", "../../../src/components/RichText/RichText.tsx", "../../../src/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { forwardRef, memo, type Ref } from 'react';\n\nimport { YXmlFragment } from '@dxos/text-model';\n\nimport { type EditorSlots, useTextModel, type UseTextModelOptions } from '../../model';\nimport { MarkdownEditor, type MarkdownEditorRef } from '../Markdown';\nimport { RichTextEditor, type TipTapEditor } from '../RichText';\n\nexport type EditorProps = UseTextModelOptions & {\n  slots?: EditorSlots;\n};\n\n/**\n * Memoized editor which depends on DXOS platform.\n *\n * Determines which editor to render based on the kind of text.\n */\n// NOTE: Without `memo`, if parent component uses `observer` the editor re-renders excessively.\n// TODO(wittjosiah): Factor out?\nexport const Editor = memo(\n  forwardRef<TipTapEditor | MarkdownEditorRef, EditorProps>(({ slots, ...options }, forwardedRef) => {\n    const model = useTextModel(options);\n    if (model?.content instanceof YXmlFragment) {\n      return <RichTextEditor ref={forwardedRef as Ref<TipTapEditor>} model={model} slots={slots} />;\n    } else {\n      return <MarkdownEditor ref={forwardedRef as Ref<MarkdownEditorRef>} model={model} slots={slots} />;\n    }\n  }),\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type EditorView } from '@codemirror/view';\nimport { type ComponentProps, useMemo } from 'react';\nimport type * as awarenessProtocol from 'y-protocols/awareness';\n\nimport { type Space, type TextObject } from '@dxos/react-client/echo';\nimport { type Identity } from '@dxos/react-client/halo';\nimport type { YText, YXmlFragment } from '@dxos/text-model';\n\nimport { SpaceAwarenessProvider } from './yjs';\n\nexport type EditorSlots = {\n  root?: Omit<ComponentProps<'div'>, 'ref'>;\n  editor?: {\n    className?: string;\n    placeholder?: string;\n    spellCheck?: boolean;\n    tabIndex?: number;\n    markdownTheme?: Parameters<typeof EditorView.theme>[0];\n  };\n};\n\ntype Awareness = awarenessProtocol.Awareness;\ntype Provider = { awareness: Awareness };\n\n// TODO(wittjosiah): Factor out to common package? @dxos/react-client?\nexport type EditorModel = {\n  id: string;\n  content: string | YText | YXmlFragment;\n  provider?: Provider;\n  peer?: {\n    id: string;\n    name?: string;\n  };\n};\n\nexport type UseTextModelOptions = {\n  identity?: Identity | null;\n  space?: Space;\n  text?: TextObject;\n};\n\n// TODO(wittjosiah): Factor out to common package? @dxos/react-client?\n// TODO(burdon): Decouple space (make Editor less dependent on entire stack)?\nexport const useTextModel = ({ identity, space, text }: UseTextModelOptions): EditorModel | undefined => {\n  const provider = useMemo(() => {\n    if (!space || !text?.doc) {\n      return undefined;\n    }\n\n    return new SpaceAwarenessProvider({ space, doc: text.doc, channel: `yjs.awareness.${text.id}` });\n  }, [identity, space, text?.doc]);\n\n  if (!text?.doc || !text?.content) {\n    return undefined;\n  }\n\n  return {\n    id: text.doc.guid,\n    content: text.content,\n    provider,\n    peer: identity\n      ? {\n          id: identity.identityKey.toHex(),\n          name: identity.profile?.displayName,\n        }\n      : undefined,\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\n// Copied from https://github.com/yjs/y-codemirror.next#example.\n\nimport * as random from 'lib0/random';\n\nconst cursorColors = [\n  { color: '#30bced', light: '#30bced33' },\n  { color: '#6eeb83', light: '#6eeb8333' },\n  { color: '#ffbc42', light: '#ffbc4233' },\n  { color: '#ecd444', light: '#ecd44433' },\n  { color: '#ee6352', light: '#ee635233' },\n  { color: '#9ac2c9', light: '#9ac2c933' },\n  { color: '#8acb88', light: '#8acb8833' },\n  { color: '#1be7ff', light: '#1be7ff33' },\n];\n\n// Select a random color for this user.\nexport const cursorColor = cursorColors[random.uint32() % cursorColors.length];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport * as decoding from 'lib0/decoding';\nimport * as encoding from 'lib0/encoding';\nimport { Observable } from 'lib0/observable';\nimport * as awarenessProtocol from 'y-protocols/awareness';\nimport { type Doc } from 'yjs';\n\nimport { log } from '@dxos/log';\nimport { type Space } from '@dxos/react-client/echo';\nimport { type GossipMessage } from '@dxos/react-client/mesh';\n\ntype Awareness = awarenessProtocol.Awareness;\n\n// Based on https://github.com/yjs/y-webrtc/blob/88baab2/src/y-webrtc.js.\n\nconst messageAwareness = 1;\nconst messageQueryAwareness = 3;\n\n/**\n * Yjs awareness provider on top of a DXOS space.\n */\nexport class SpaceAwarenessProvider extends Observable<any> {\n  private readonly _space: Space;\n  private readonly _awareness: Awareness;\n  private readonly _clientId: number;\n  private readonly _channel: string;\n\n  constructor({ space, doc, channel, awareness }: { space: Space; doc: Doc; channel: string; awareness?: Awareness }) {\n    super();\n    this._space = space;\n    this._awareness = awareness ?? new awarenessProtocol.Awareness(doc);\n    this._channel = channel;\n    this._clientId = doc.clientID;\n\n    this._awareness.on('update', this._handleAwarenessUpdate.bind(this));\n    this._space.listen(this._channel, this._handleSpaceMessage.bind(this));\n\n    if (typeof window !== 'undefined') {\n      window.addEventListener('beforeunload', this._handleBeforeUnload.bind(this));\n    } else if (typeof process !== 'undefined') {\n      process.on('exit', this._handleBeforeUnload.bind(this));\n    }\n\n    // Post queryAwareness.\n    const encoderAwarenessQuery = encoding.createEncoder();\n    encoding.writeVarUint(encoderAwarenessQuery, messageQueryAwareness);\n    void this._space.postMessage(this._channel, encoding.toUint8Array(encoderAwarenessQuery));\n\n    // Post local awareness state.\n    const encoderAwarenessState = encoding.createEncoder();\n    encoding.writeVarUint(encoderAwarenessState, messageAwareness);\n    encoding.writeVarUint8Array(\n      encoderAwarenessState,\n      awarenessProtocol.encodeAwarenessUpdate(this.awareness, [this._clientId]),\n    );\n    void this._space.postMessage(this._channel, encoding.toUint8Array(encoderAwarenessState));\n  }\n\n  get awareness(): Awareness {\n    return this._awareness;\n  }\n\n  private _handleAwarenessUpdate({ added, updated, removed }: any, origin: any) {\n    log('awareness update', { added, updated, removed, origin });\n    const changedClients = added.concat(updated).concat(removed);\n    const encoderAwareness = encoding.createEncoder();\n    encoding.writeVarUint(encoderAwareness, messageAwareness);\n    encoding.writeVarUint8Array(\n      encoderAwareness,\n      awarenessProtocol.encodeAwarenessUpdate(this._awareness, changedClients),\n    );\n    void this._space.postMessage(this._channel, encoding.toUint8Array(encoderAwareness));\n  }\n\n  private _handleSpaceMessage({ payload }: GossipMessage) {\n    log('space message', payload);\n    const data = new Uint8Array(Array.from(Object.values(payload)));\n    const encoder = this._readMessage(data);\n    if (encoder) {\n      void this._space.postMessage(this._channel, encoding.toUint8Array(encoder));\n    }\n  }\n\n  private _readMessage(message: Uint8Array) {\n    const decoder = decoding.createDecoder(message);\n    const encoder = encoding.createEncoder();\n    const messageType = decoding.readVarUint(decoder);\n\n    let sendReply = false;\n    switch (messageType) {\n      case messageAwareness: {\n        awarenessProtocol.applyAwarenessUpdate(this._awareness, decoding.readVarUint8Array(decoder), this);\n        break;\n      }\n\n      case messageQueryAwareness: {\n        encoding.writeVarUint(encoder, messageAwareness);\n        encoding.writeVarUint8Array(\n          encoder,\n          awarenessProtocol.encodeAwarenessUpdate(this._awareness, Array.from(this._awareness.getStates().keys())),\n        );\n        sendReply = true;\n        break;\n      }\n\n      default: {\n        console.error('Invalid message:', messageType);\n        return encoder;\n      }\n    }\n\n    if (!sendReply) {\n      // Nothing has been written, no answer created.\n      return null;\n    }\n\n    return encoder;\n  }\n\n  private _handleBeforeUnload() {\n    awarenessProtocol.removeAwarenessStates(this._awareness, [this._clientId], 'window unload');\n  }\n}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { autocompletion, completionKeymap, closeBrackets, closeBracketsKeymap } from '@codemirror/autocomplete';\nimport { defaultKeymap, history, historyKeymap, indentWithTab } from '@codemirror/commands';\nimport { markdown, markdownLanguage } from '@codemirror/lang-markdown';\nimport {\n  bracketMatching,\n  defaultHighlightStyle,\n  foldKeymap,\n  indentOnInput,\n  syntaxHighlighting,\n} from '@codemirror/language';\nimport { languages } from '@codemirror/language-data';\nimport { lintKeymap } from '@codemirror/lint';\nimport { searchKeymap, highlightSelectionMatches } from '@codemirror/search';\nimport { EditorState, StateField, type Text } from '@codemirror/state';\nimport { oneDarkHighlightStyle } from '@codemirror/theme-one-dark';\nimport {\n  keymap,\n  crosshairCursor,\n  drawSelection,\n  dropCursor,\n  highlightActiveLine,\n  highlightActiveLineGutter,\n  highlightSpecialChars,\n  placeholder,\n  rectangularSelection,\n  EditorView,\n} from '@codemirror/view';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { vim } from '@replit/codemirror-vim';\nimport React, {\n  type KeyboardEvent,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useState,\n  useMemo,\n  useCallback,\n} from 'react';\nimport { yCollab } from 'y-codemirror.next';\n\nimport { generateName } from '@dxos/display-name';\nimport { useThemeContext } from '@dxos/react-ui';\nimport { getColorForValue } from '@dxos/react-ui-theme';\nimport { YText } from '@dxos/text-model';\n\nimport { markdownTagsExtension } from './markdownTags';\nimport { markdownDarkHighlighting, markdownTheme } from './markdownTheme';\nimport { type EditorModel, type EditorSlots } from '../../model';\n\nexport const EditorModes = ['default', 'vim'] as const;\nexport type EditorMode = (typeof EditorModes)[number];\n\nexport type MarkdownEditorProps = {\n  model?: EditorModel;\n  slots?: EditorSlots;\n  editorMode?: EditorMode;\n  onChange?: (content: string | Text) => void;\n};\n\nexport type MarkdownEditorRef = {\n  editor: HTMLDivElement | null;\n  state?: EditorState;\n  view?: EditorView;\n};\n\nexport const MarkdownEditor = forwardRef<MarkdownEditorRef, MarkdownEditorProps>(\n  ({ model, slots = {}, onChange, editorMode }, forwardedRef) => {\n    const { id, content, provider, peer } = model ?? {};\n    const { themeMode } = useThemeContext();\n    const tabsterDOMAttribute = useFocusableGroup({ tabBehavior: 'limited' });\n\n    const [parent, setParent] = useState<HTMLDivElement | null>(null);\n    const [state, setState] = useState<EditorState>();\n    const [view, setView] = useState<EditorView>();\n\n    useImperativeHandle(forwardedRef, () => ({\n      editor: parent,\n      state,\n      view,\n    }));\n\n    const listenChangesExtension = useMemo(\n      () =>\n        StateField.define({\n          create: () => null,\n          update: (_value, transaction) => {\n            if (transaction.docChanged && onChange) {\n              onChange(transaction.newDoc);\n            }\n            return null;\n          },\n        }),\n      [onChange],\n    );\n\n    useEffect(() => {\n      if (provider && peer) {\n        provider.awareness.setLocalStateField('user', {\n          name: peer.name ?? generateName(peer.id),\n          color: getColorForValue({ value: peer.id, type: 'color' }),\n          colorLight: getColorForValue({ value: peer.id, themeMode, type: 'highlight' }),\n        });\n      }\n    }, [provider, peer, themeMode]);\n\n    useEffect(() => {\n      if (!parent) {\n        return;\n      }\n\n      const state = EditorState.create({\n        doc: content?.toString(),\n        extensions: [\n          // Based on https://github.com/codemirror/dev/issues/44#issuecomment-789093799.\n          listenChangesExtension,\n\n          ...(editorMode === 'vim' ? [vim()] : []),\n\n          // All of https://github.com/codemirror/basic-setup minus line numbers and fold gutter.\n          highlightActiveLineGutter(),\n          highlightSpecialChars(),\n          history(),\n          drawSelection(),\n          dropCursor(),\n          EditorState.allowMultipleSelections.of(true),\n          indentOnInput(),\n          syntaxHighlighting(defaultHighlightStyle, { fallback: true }),\n          bracketMatching(),\n          closeBrackets(),\n          autocompletion(),\n          rectangularSelection(),\n          crosshairCursor(),\n          highlightActiveLine(),\n          highlightSelectionMatches(),\n          placeholder(slots.editor?.placeholder ?? ''), // TODO(burdon): Needs consistent styling.\n          keymap.of([\n            ...closeBracketsKeymap,\n            ...defaultKeymap,\n            ...searchKeymap,\n            ...historyKeymap,\n            ...foldKeymap,\n            ...completionKeymap,\n            ...lintKeymap,\n            indentWithTab,\n          ]),\n          EditorView.lineWrapping,\n          // Theme\n          markdown({ base: markdownLanguage, codeLanguages: languages, extensions: [markdownTagsExtension] }),\n          EditorView.theme({ ...markdownTheme, ...slots.editor?.markdownTheme }),\n          ...(themeMode === 'dark'\n            ? [syntaxHighlighting(oneDarkHighlightStyle)]\n            : [syntaxHighlighting(defaultHighlightStyle)]),\n          // TODO(thure): All but one rule here apply to both themes; rename or refactor.\n          syntaxHighlighting(markdownDarkHighlighting),\n\n          // Collaboration\n          ...(content instanceof YText ? [yCollab(content, provider?.awareness)] : []),\n        ],\n      });\n\n      setState(state);\n\n      // NOTE: This repaints the editor.\n      // If the new state is derived from the old state, it will likely not be visible other than the cursor resetting.\n      // Ideally this should not be hit except when changing between text objects.\n      view?.destroy();\n      setView(new EditorView({ state, parent }));\n\n      return () => {\n        view?.destroy();\n        setView(undefined);\n        setState(undefined);\n      };\n    }, [parent, content, provider?.awareness, themeMode, editorMode]);\n\n    const handleKeyUp = useCallback(\n      ({ key, altKey, shiftKey, metaKey, ctrlKey }: KeyboardEvent) => {\n        switch (key) {\n          case 'Enter':\n            view?.contentDOM.focus();\n            break;\n\n          case 'Escape':\n            editorMode === 'vim' && (altKey || shiftKey || metaKey || ctrlKey) && parent?.focus();\n            break;\n        }\n      },\n      [view, editorMode],\n    );\n\n    return (\n      <div\n        tabIndex={0}\n        key={id}\n        {...slots.root}\n        onKeyUp={handleKeyUp}\n        {...(editorMode !== 'vim' ? tabsterDOMAttribute : {})}\n        ref={setParent}\n      />\n    );\n  },\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { styleTags, Tag } from '@lezer/highlight';\nimport { type MarkdownConfig } from '@lezer/markdown';\n\nexport const markdownTags = {\n  headingMark: Tag.define(),\n  quoteMark: Tag.define(),\n  listMark: Tag.define(),\n  linkMark: Tag.define(),\n  emphasisMark: Tag.define(),\n  codeMark: Tag.define(),\n  codeText: Tag.define(),\n  inlineCode: Tag.define(),\n  url: Tag.define(),\n  linkReference: Tag.define(),\n  linkLabel: Tag.define(),\n};\n\nexport const markdownTagsExtension: MarkdownConfig = {\n  props: [\n    styleTags({\n      HeaderMark: markdownTags.headingMark,\n      QuoteMark: markdownTags.quoteMark,\n      ListMark: markdownTags.listMark,\n      LinkMark: markdownTags.linkMark,\n      EmphasisMark: markdownTags.emphasisMark,\n      CodeMark: markdownTags.codeMark,\n      CodeText: markdownTags.codeText,\n      InlineCode: markdownTags.inlineCode,\n      URL: markdownTags.url,\n      LinkReference: markdownTags.linkReference,\n      LinkLabel: markdownTags.linkLabel,\n    }),\n  ],\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { markdownLanguage } from '@codemirror/lang-markdown';\nimport { HighlightStyle } from '@codemirror/language';\nimport { tags } from '@lezer/highlight';\nimport get from 'lodash.get';\n\nimport { markdownTags } from './markdownTags';\nimport { bold, heading, italic, mark, strikethrough, tokens } from '../../styles';\n\n// TODO(burdon): Use theme colors.\n// TODO(burdon): Light mode.\n\nexport const chalky = '#e5c07b';\nexport const coral = '#e06c75';\nexport const cyan = '#56b6c2';\nexport const invalid = '#ffffff';\nexport const ivory = '#abb2bf';\nexport const stone = '#7d8799';\nexport const malibu = '#61afef';\nexport const sage = '#98c379';\nexport const whiskey = '#d19a66';\nexport const violet = '#c678dd';\nconst _darkBackground = '#21252b';\nexport const highlightBackground = '#2c313a';\nconst _background = '#282c34';\nexport const tooltipBackground = '#353a42';\nconst _selection = '#3E4451';\nexport const cursor = '#ffffff';\n\nconst monospace = get(tokens, 'fontFamily.mono', ['monospace']).join(',');\n\nexport const markdownTheme = {\n  // TODO(thure): consider whether these commented-out rules from one-dark-theme should be integrated.\n  // '&': {\n  //   color: ivory,\n  //   backgroundColor: background\n  // },\n  // '.cm-cursor, .cm-dropCursor': { borderLeftColor: cursor },\n  // '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {\n  //   backgroundColor: selection\n  // },\n  // '.cm-panels': { backgroundColor: darkBackground, color: ivory },\n  // '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },\n  // '.cm-panels.cm-panels-bottom': { borderTop: '2px solid black' },\n  // '.cm-searchMatch': {\n  //   backgroundColor: '#72a1ff59',\n  //   outline: '1px solid #457dff'\n  // },\n  // '.cm-searchMatch.cm-searchMatch-selected': {\n  //   backgroundColor: '#6199ff2f'\n  // },\n  // '.cm-activeLine': { backgroundColor: '#6699ff0b' },\n  // '.cm-selectionMatch': { backgroundColor: '#aafe661a' },\n  // '&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket': {\n  //   backgroundColor: '#bad0f847'\n  // },\n  // '.cm-gutters': {\n  //   backgroundColor: background,\n  //   color: stone,\n  //   border: 'none'\n  // },\n  // '.cm-activeLineGutter': {\n  //   backgroundColor: highlightBackground\n  // },\n  // '.cm-foldPlaceholder': {\n  //   backgroundColor: 'transparent',\n  //   border: 'none',\n  //   color: '#ddd'\n  // },\n\n  '.dark & .cm-tooltip': {\n    border: 'none',\n    backgroundColor: tooltipBackground,\n  },\n  '.dark & .cm-tooltip .cm-tooltip-arrow:before': {\n    borderTopColor: 'transparent',\n    borderBottomColor: 'transparent',\n  },\n  '.dark & .cm-tooltip .cm-tooltip-arrow:after': {\n    borderTopColor: tooltipBackground,\n    borderBottomColor: tooltipBackground,\n  },\n  '.dark & .cm-tooltip-autocomplete': {\n    '& > ul > li[aria-selected]': {\n      backgroundColor: highlightBackground,\n      color: ivory,\n    },\n  },\n  '&.cm-focused': {\n    outline: 'none',\n  },\n  '& .cm-line': {\n    paddingInline: 0,\n    minBlockSize: '1.6em',\n  },\n  '& .cm-line *': {\n    lineHeight: 1.6,\n  },\n  '&.cm-focused .cm-selectionBackground, & .cm-selectionBackground': {\n    background: get(tokens, 'extend.colors.primary.150', '#00ffff'),\n  },\n  '.dark & .cm-selectionBackground, .dark &.cm-focused .cm-selectionBackground': {\n    background: get(tokens, 'extend.colors.primary.850', '#00ffff'),\n  },\n  '& .cm-selectionMatch': {\n    background: get(tokens, 'extend.colors.primary.250', '#00ffff') + '44',\n  },\n  '.dark & .cm-selectionMatch': {\n    background: get(tokens, 'extend.colors.primary.600', '#00ffff') + '44',\n  },\n  '& .cm-content': {\n    caretColor: 'black',\n  },\n  '.dark & .cm-content': {\n    caretColor: cursor,\n  },\n  '& .cm-cursor': {\n    borderLeftColor: 'black',\n  },\n  '.dark & .cm-cursor': {\n    borderLeftColor: cursor,\n  },\n  '.cm-placeholder': {\n    fontFamily: get(tokens, 'fontFamily.body', []).join(','),\n  },\n  '& .cm-scroller': {\n    fontFamily: get(tokens, 'fontFamily.mono', []).join(','),\n    overflow: 'visible',\n  },\n  '& .cm-activeLine': {\n    backgroundColor: 'transparent',\n  },\n  '.dark & .cm-activeLine': {\n    backgroundColor: 'transparent',\n  },\n  '& .cm-ySelectionInfo': {\n    fontFamily: get(tokens, 'fontFamily.body', []).join(','),\n    padding: '2px 4px',\n    marginBlockStart: '-4px',\n  },\n  '& .cm-ySelection, & .cm-selectionMatch': {\n    paddingBlockStart: '.15em',\n    paddingBlockEnd: '.15em',\n  },\n  '& .cm-ySelection, & .cm-yLineSelection': {\n    mixBlendMode: 'multiply',\n  },\n  '.dark & .cm-ySelection, .dark & .cm-yLineSelection': {\n    mixBlendMode: 'screen',\n  },\n  '& .cm-ySelectionCaret': {\n    display: 'inline-block',\n    insetBlockStart: '.1em',\n    blockSize: '1.4em',\n    verticalAlign: 'top',\n  },\n  '& .cm-yLineSelection': {\n    margin: '0',\n  },\n  ...Object.keys(get(tokens, 'extend.fontSize', {})).reduce((acc: Record<string, any>, fontSize) => {\n    const height = get(tokens, ['extend', 'fontSize', fontSize, 1, 'lineHeight']);\n    // 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.\n    acc[`& .text-${fontSize} + .cm-ySelectionCaret`] = { height };\n    acc[`& .text-${fontSize} + .cm-ySelection + .cm-ySelectionCaret`] = { height };\n    acc[`& .text-${fontSize} + .cm-widgetBuffer + .cm-ySelectionCaret`] = { height };\n    return acc;\n  }, {}),\n};\n\nexport const markdownDarkHighlighting = HighlightStyle.define(\n  [\n    {\n      tag: [\n        tags.keyword,\n        tags.name,\n        tags.deleted,\n        tags.character,\n        tags.propertyName,\n        tags.macroName,\n        tags.color,\n        tags.constant(tags.name),\n        tags.standard(tags.name),\n        tags.definition(tags.name),\n        tags.separator,\n        tags.typeName,\n        tags.className,\n        tags.number,\n        tags.changed,\n        tags.annotation,\n        tags.modifier,\n        tags.self,\n        tags.namespace,\n        tags.operator,\n        tags.operatorKeyword,\n        tags.escape,\n        tags.regexp,\n        tags.special(tags.string),\n        tags.meta,\n        tags.comment,\n        tags.atom,\n        tags.bool,\n        tags.special(tags.variableName),\n        tags.processingInstruction,\n        tags.string,\n        tags.inserted,\n        tags.invalid,\n      ],\n      color: 'inherit !important',\n    },\n    {\n      tag: [tags.link, tags.url],\n      color: 'inherit !important',\n      textDecoration: 'none !important',\n    },\n    {\n      tag: [tags.function(tags.variableName), tags.labelName],\n      color: malibu,\n      fontFamily: monospace,\n    },\n    {\n      tag: [\n        markdownTags.codeMark,\n        markdownTags.emphasisMark,\n        markdownTags.headingMark,\n        markdownTags.linkLabel,\n        markdownTags.linkReference,\n        markdownTags.listMark,\n        markdownTags.quoteMark,\n        markdownTags.url,\n        tags.meta,\n        tags.processingInstruction,\n      ],\n      class: mark,\n    },\n    { tag: [markdownTags.codeText, markdownTags.inlineCode], class: 'font-mono' },\n    { tag: tags.emphasis, class: italic },\n    { tag: tags.heading1, class: heading[1] },\n    { tag: tags.heading2, class: heading[2] },\n    { tag: tags.heading3, class: heading[3] },\n    { tag: tags.heading4, class: heading[4] },\n    { tag: tags.heading5, class: heading[5] },\n    { tag: tags.heading6, class: heading[6] },\n    { tag: tags.strikethrough, class: strikethrough },\n    { tag: tags.strong, class: bold },\n  ],\n  { scope: markdownLanguage, all: { fontFamily: get(tokens, 'fontFamily.body', []).join(',') } },\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { mx } from '@dxos/react-ui-theme';\n\nexport type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport const heading: Record<HeadingLevel, string> = {\n  1: 'mbs-4 mbe-2 text-4xl font-semibold text-inherit no-underline',\n  2: 'mbs-4 mbe-2 text-3xl font-bold text-inherit no-underline',\n  3: 'mbs-4 mbe-2 text-2xl font-bold text-inherit no-underline',\n  4: 'mbs-4 mbe-2 text-xl font-extrabold text-inherit no-underline',\n  5: 'mbs-4 mbe-2 text-lg font-extrabold text-inherit no-underline',\n  6: 'mbs-4 mbe-2 font-black text-inherit no-underline',\n};\n\nexport const blockquote = 'mlb-2 border-is-4 border-neutral-500/50 pis-5';\n\n// TODO(thure): Tailwind was not seeing `[&>li:before]:content-[\"•\"]` as a utility class, but it would work if instead of `\"•\"` it was `\"X\"`… why?\nexport const unorderedList =\n  'mlb-2 grid grid-cols-[min-content_1fr] [&>li:before]:content-[attr(marker)] [&>li:before]:mlb-1 [&>li:before]:mie-2';\nexport const orderedList =\n  'mlb-2 grid grid-cols-[min-content_1fr]  [&>li:before]:content-[counters(section,_\".\")_\"._\"] [counter-reset:section] [&>li:before]:mlb-1';\n\nexport const listItem = 'contents before:[counter-increment:section]';\n\nexport const codeBlock = 'mlb-2 font-mono bg-neutral-500/10 p-3 rounded';\n\nexport const horizontalRule = 'mlb-4 border-neutral-500/50';\n\nexport const paragraph = 'mlb-1';\n\nexport const bold = 'font-bold';\n\nexport const code = 'font-mono bg-neutral-500/10 rounded pli-0.5 plb-0.5 -mlb-0.5';\n\nexport const placeholder = 'font-mono';\n\nexport const codeWithoutMarks = mx(code, 'pli-1.5 mli-0.5');\n\nexport const italic = 'italic';\n\nexport const strikethrough = 'line-through';\n\nexport const mark = '!font-normal !no-underline !text-inherit opacity-40';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { tailwindConfig, type TailwindConfig } from '@dxos/react-ui-theme';\n\n// TODO(thure): Why export the whole theme? Can this be done differently?\nexport const tokens: TailwindConfig['theme'] = tailwindConfig({}).theme;\n", "//\n// Copyright 2022 DXOS.org\n//\nimport { mergeAttributes } from '@tiptap/core';\nimport Collaboration from '@tiptap/extension-collaboration';\nimport CollaborationCursor from '@tiptap/extension-collaboration-cursor';\nimport Heading from '@tiptap/extension-heading';\nimport ListItem from '@tiptap/extension-list-item';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport { type Editor, EditorContent, useEditor as useNaturalEditor } from '@tiptap/react';\nimport StarterKit from '@tiptap/starter-kit';\nimport React, { forwardRef, useImperativeHandle, useMemo } from 'react';\n\nimport { generateName } from '@dxos/display-name';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { type EditorModel, type EditorSlots } from '../../model';\nimport {\n  blockquote,\n  bold,\n  codeBlock,\n  heading,\n  type HeadingLevel,\n  horizontalRule,\n  italic,\n  listItem,\n  orderedList,\n  paragraph,\n  strikethrough,\n  unorderedList,\n  codeWithoutMarks,\n} from '../../styles';\nimport { cursorColor } from '../../yjs';\n\nexport type TipTapEditor = Editor;\n\ntype UseEditorOptions = {\n  model?: EditorModel;\n  placeholder?: string;\n  slots?: Pick<EditorSlots, 'editor'>;\n};\n\nconst useEditor = ({ model, placeholder = 'Enter text…', slots = {} }: UseEditorOptions) => {\n  const extensions = useMemo(\n    () => [\n      StarterKit.configure({\n        // Extensions\n        history: false,\n        // Nodes\n        blockquote: {\n          HTMLAttributes: {\n            class: blockquote,\n          },\n        },\n        bulletList: {\n          HTMLAttributes: {\n            class: unorderedList,\n          },\n        },\n        codeBlock: {\n          HTMLAttributes: {\n            class: codeBlock,\n          },\n        },\n        heading: false, // (thure): `StarterKit` doesn’t let you configure how headings are rendered, see `Heading` below.\n        horizontalRule: {\n          HTMLAttributes: {\n            class: horizontalRule,\n          },\n        },\n        listItem: false, // (thure): `StarterKit` doesn’t let you configure how list items are rendered, see `ListItem` below.\n        orderedList: {\n          HTMLAttributes: {\n            class: orderedList,\n          },\n        },\n        paragraph: {\n          HTMLAttributes: {\n            class: paragraph,\n          },\n        },\n        // Marks\n        bold: {\n          HTMLAttributes: {\n            class: bold,\n          },\n        },\n        code: {\n          HTMLAttributes: {\n            class: codeWithoutMarks,\n          },\n        },\n        italic: {\n          HTMLAttributes: {\n            class: italic,\n          },\n        },\n        strike: {\n          HTMLAttributes: {\n            class: strikethrough,\n          },\n        },\n      }),\n      Heading.extend({\n        renderHTML({ node, HTMLAttributes }) {\n          const hasLevel = this.options.levels.includes(node.attrs.level);\n          const level: HeadingLevel = hasLevel ? node.attrs.level : this.options.levels[0];\n\n          return [\n            `h${level}`,\n            mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {\n              class: heading[level],\n            }),\n            0,\n          ];\n        },\n      }),\n      ListItem.extend({\n        renderHTML: ({ HTMLAttributes }) => [\n          'li',\n          mergeAttributes(HTMLAttributes, {\n            marker: '• ',\n            class: listItem,\n          }),\n          ['div', { role: 'none' }, 0],\n        ],\n      }),\n      // https://github.com/ueberdosis/tiptap/tree/main/packages/extension-collaboration\n      ...(model && typeof model.content !== 'string' ? [Collaboration.configure({ fragment: model.content })] : []),\n      ...(model?.provider\n        ? [\n            CollaborationCursor.configure({\n              provider: model.provider,\n              user: model.peer && {\n                name: model.peer.name ?? generateName(model.peer.id),\n                color: cursorColor.color,\n              },\n            }),\n          ]\n        : []),\n      Placeholder.configure({\n        placeholder,\n        emptyEditorClass: 'before:content-[attr(data-placeholder)] before:absolute opacity-50 cursor-text',\n      }),\n    ],\n    [model?.id],\n  );\n\n  return useNaturalEditor(\n    {\n      extensions,\n      editorProps: {\n        attributes: {\n          class: mx('focus:outline-none focus-visible:outline-none', slots.editor?.className),\n          spellcheck: slots.editor?.spellCheck === false ? 'false' : 'true',\n          tabindex: slots.editor?.tabIndex ? String(slots.editor?.tabIndex) : '0',\n        },\n      },\n    },\n    [extensions],\n  );\n};\n\nexport type RichTextEditorProps = UseEditorOptions & {\n  slots?: EditorSlots;\n};\n\n/**\n * @deprecated\n */\n// TODO(burdon): Currently broken.\nexport const RichTextEditor = forwardRef<Editor | null, RichTextEditorProps>((props, ref) => {\n  const editor = useEditor(props);\n  useImperativeHandle<Editor | null, Editor | null>(ref, () => editor, [editor]);\n\n  // Reference:\n  // https://tiptap.dev/installation/react\n  // https://github.com/ueberdosis/tiptap\n  // https://tiptap.dev/guide/output/#option-3-yjs\n  return <EditorContent {...props.slots?.root} editor={editor} />;\n});\n", "//\n// Copyright 2022 DXOS.org\n//\n\nexport * from './components';\nexport * from './model';\n\nexport { TextKind } from '@dxos/protocols/proto/dxos/echo/model/text';\nexport { Doc, YText, YXmlFragment } from '@dxos/text-model';\n"],
-  "mappings": "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",
-  "names": ["React", "forwardRef", "memo", "YXmlFragment", "useMemo", "random", "cursorColors", "color", "light", "cursorColor", "uint32", "length", "decoding", "encoding", "Observable", "awarenessProtocol", "log", "messageAwareness", "messageQueryAwareness", "SpaceAwarenessProvider", "constructor", "space", "doc", "channel", "awareness", "_space", "_awareness", "Awareness", "_channel", "_clientId", "clientID", "on", "_handleAwarenessUpdate", "bind", "listen", "_handleSpaceMessage", "window", "addEventListener", "_handleBeforeUnload", "process", "encoderAwarenessQuery", "createEncoder", "writeVarUint", "postMessage", "toUint8Array", "encoderAwarenessState", "writeVarUint8Array", "encodeAwarenessUpdate", "added", "updated", "removed", "origin", "changedClients", "concat", "encoderAwareness", "payload", "data", "Uint8Array", "Array", "from", "Object", "values", "encoder", "_readMessage", "message", "decoder", "createDecoder", "messageType", "readVarUint", "sendReply", "applyAwarenessUpdate", "readVarUint8Array", "getStates", "keys", "console", "error", "removeAwarenessStates", "useTextModel", "identity", "space", "text", "provider", "useMemo", "doc", "undefined", "SpaceAwarenessProvider", "channel", "id", "content", "guid", "peer", "identityKey", "toHex", "name", "profile", "displayName", "autocompletion", "completionKeymap", "closeBrackets", "closeBracketsKeymap", "defaultKeymap", "history", "historyKeymap", "indentWithTab", "markdown", "markdownLanguage", "bracketMatching", "defaultHighlightStyle", "foldKeymap", "indentOnInput", "syntaxHighlighting", "languages", "lintKeymap", "searchKeymap", "highlightSelectionMatches", "EditorState", "StateField", "oneDarkHighlightStyle", "keymap", "crosshairCursor", "drawSelection", "dropCursor", "highlightActiveLine", "highlightActiveLineGutter", "highlightSpecialChars", "placeholder", "rectangularSelection", "EditorView", "useFocusableGroup", "vim", "React", "forwardRef", "useEffect", "useImperativeHandle", "useState", "useMemo", "useCallback", "yCollab", "generateName", "useThemeContext", "getColorForValue", "YText", "styleTags", "Tag", "markdownTags", "headingMark", "Tag", "define", "quoteMark", "listMark", "linkMark", "emphasisMark", "codeMark", "codeText", "inlineCode", "url", "linkReference", "linkLabel", "markdownTagsExtension", "props", "styleTags", "HeaderMark", "QuoteMark", "ListMark", "LinkMark", "EmphasisMark", "CodeMark", "CodeText", "InlineCode", "URL", "LinkReference", "LinkLabel", "markdownLanguage", "HighlightStyle", "tags", "get", "mx", "heading", "blockquote", "unorderedList", "orderedList", "listItem", "codeBlock", "horizontalRule", "paragraph", "bold", "code", "codeWithoutMarks", "mx", "code", "italic", "strikethrough", "mark", "tailwindConfig", "tokens", "tailwindConfig", "theme", "ivory", "malibu", "highlightBackground", "tooltipBackground", "cursor", "monospace", "get", "tokens", "join", "markdownTheme", "border", "backgroundColor", "tooltipBackground", "borderTopColor", "borderBottomColor", "highlightBackground", "color", "ivory", "outline", "paddingInline", "minBlockSize", "lineHeight", "background", "caretColor", "borderLeftColor", "fontFamily", "overflow", "padding", "marginBlockStart", "paddingBlockStart", "paddingBlockEnd", "mixBlendMode", "display", "insetBlockStart", "blockSize", "verticalAlign", "margin", "Object", "keys", "reduce", "acc", "fontSize", "height", "markdownDarkHighlighting", "HighlightStyle", "define", "tag", "tags", "keyword", "name", "deleted", "character", "propertyName", "macroName", "constant", "standard", "definition", "separator", "typeName", "className", "number", "changed", "annotation", "modifier", "self", "namespace", "operator", "operatorKeyword", "escape", "regexp", "special", "string", "meta", "comment", "atom", "bool", "variableName", "processingInstruction", "inserted", "invalid", "link", "url", "textDecoration", "function", "labelName", "malibu", "markdownTags", "codeMark", "emphasisMark", "headingMark", "linkLabel", "linkReference", "listMark", "quoteMark", "class", "mark", "codeText", "inlineCode", "emphasis", "italic", "heading1", "heading", "heading2", "heading3", "heading4", "heading5", "heading6", "strikethrough", "strong", "bold", "scope", "markdownLanguage", "all", "EditorModes", "MarkdownEditor", "forwardRef", "model", "slots", "onChange", "editorMode", "forwardedRef", "id", "content", "provider", "peer", "themeMode", "useThemeContext", "tabsterDOMAttribute", "useFocusableGroup", "tabBehavior", "parent", "setParent", "useState", "state", "setState", "view", "setView", "useImperativeHandle", "editor", "listenChangesExtension", "useMemo", "StateField", "define", "create", "update", "_value", "transaction", "docChanged", "newDoc", "useEffect", "awareness", "setLocalStateField", "name", "generateName", "color", "getColorForValue", "value", "type", "colorLight", "EditorState", "doc", "toString", "extensions", "vim", "highlightActiveLineGutter", "highlightSpecialChars", "history", "drawSelection", "dropCursor", "allowMultipleSelections", "of", "indentOnInput", "syntaxHighlighting", "defaultHighlightStyle", "fallback", "bracketMatching", "closeBrackets", "autocompletion", "rectangularSelection", "crosshairCursor", "highlightActiveLine", "highlightSelectionMatches", "placeholder", "keymap", "closeBracketsKeymap", "defaultKeymap", "searchKeymap", "historyKeymap", "foldKeymap", "completionKeymap", "lintKeymap", "indentWithTab", "EditorView", "lineWrapping", "markdown", "base", "markdownLanguage", "codeLanguages", "languages", "markdownTagsExtension", "theme", "markdownTheme", "oneDarkHighlightStyle", "markdownDarkHighlighting", "YText", "yCollab", "destroy", "undefined", "handleKeyUp", "useCallback", "key", "altKey", "shiftKey", "metaKey", "ctrlKey", "contentDOM", "focus", "div", "tabIndex", "root", "onKeyUp", "ref", "mergeAttributes", "Collaboration", "CollaborationCursor", "Heading", "ListItem", "Placeholder", "EditorContent", "useEditor", "useNaturalEditor", "StarterKit", "React", "forwardRef", "useImperativeHandle", "useMemo", "generateName", "mx", "useEditor", "model", "placeholder", "slots", "extensions", "useMemo", "StarterKit", "configure", "history", "blockquote", "HTMLAttributes", "class", "bulletList", "unorderedList", "codeBlock", "heading", "horizontalRule", "listItem", "orderedList", "paragraph", "bold", "code", "codeWithoutMarks", "italic", "strike", "strikethrough", "Heading", "extend", "renderHTML", "node", "hasLevel", "options", "levels", "includes", "attrs", "level", "mergeAttributes", "ListItem", "marker", "role", "content", "Collaboration", "fragment", "provider", "CollaborationCursor", "user", "peer", "name", "generateName", "id", "color", "cursorColor", "Placeholder", "emptyEditorClass", "useNaturalEditor", "editorProps", "attributes", "mx", "editor", "className", "spellcheck", "spellCheck", "tabindex", "tabIndex", "String", "RichTextEditor", "forwardRef", "props", "ref", "useImperativeHandle", "React", "EditorContent", "root", "Editor", "memo", "forwardRef", "slots", "options", "forwardedRef", "model", "useTextModel", "content", "YXmlFragment", "React", "RichTextEditor", "ref", "MarkdownEditor", "TextKind", "Doc", "YText", "YXmlFragment"]
+  "sources": ["../../../src/components/Editor/Editor.tsx", "../../../src/model.ts", "../../../src/yjs/cursors.ts", "../../../src/yjs/space-provider.ts", "../../../src/components/Markdown/Markdown.tsx", "../../../src/components/Markdown/markdownTags.ts", "../../../src/components/Markdown/markdownTheme.ts", "../../../src/styles/markdown.ts", "../../../src/styles/tokens.ts", "../../../src/components/RichText/RichText.tsx", "../../../src/components/TextEditor/index.ts", "../../../src/components/TextEditor/TextEditor.tsx", "../../../src/components/TextEditor/theme.ts", "../../../src/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { forwardRef, memo, type Ref } from 'react';\n\nimport { YXmlFragment } from '@dxos/text-model';\n\nimport { type EditorSlots, useTextModel, type UseTextModelOptions } from '../../model';\nimport { MarkdownEditor, type MarkdownEditorRef } from '../Markdown';\nimport { RichTextEditor, type TipTapEditor } from '../RichText';\n\nexport type EditorProps = UseTextModelOptions & {\n  slots?: EditorSlots;\n};\n\n/**\n * Memoized editor which depends on DXOS platform.\n *\n * Determines which editor to render based on the kind of text.\n */\n// NOTE: Without `memo`, if parent component uses `observer` the editor re-renders excessively.\n// TODO(wittjosiah): Factor out?\nexport const Editor = memo(\n  forwardRef<TipTapEditor | MarkdownEditorRef, EditorProps>(({ slots, ...params }, forwardedRef) => {\n    const model = useTextModel(params);\n    if (model?.content instanceof YXmlFragment) {\n      return <RichTextEditor ref={forwardedRef as Ref<TipTapEditor>} model={model} slots={slots} />;\n    } else {\n      return <MarkdownEditor ref={forwardedRef as Ref<MarkdownEditorRef>} model={model} slots={slots} />;\n    }\n  }),\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type EditorView } from '@codemirror/view';\nimport { type ComponentProps, useMemo } from 'react';\nimport type * as awarenessProtocol from 'y-protocols/awareness';\n\nimport { type Space, type TextObject } from '@dxos/react-client/echo';\nimport { type Identity } from '@dxos/react-client/halo';\nimport type { YText, YXmlFragment } from '@dxos/text-model';\n\nimport { SpaceAwarenessProvider } from './yjs';\n\nexport type EditorSlots = {\n  root?: Omit<ComponentProps<'div'>, 'ref'>;\n  editor?: {\n    className?: string;\n    placeholder?: string;\n    spellCheck?: boolean;\n    tabIndex?: number;\n    markdownTheme?: Parameters<typeof EditorView.theme>[0];\n  };\n};\n\ntype Awareness = awarenessProtocol.Awareness;\ntype Provider = { awareness: Awareness };\n\n// TODO(wittjosiah): Factor out to common package? @dxos/react-client?\nexport type EditorModel = {\n  id: string;\n  content: string | YText | YXmlFragment;\n  provider?: Provider;\n  peer?: {\n    id: string;\n    name?: string;\n  };\n};\n\nexport type UseTextModelOptions = {\n  identity?: Identity | null;\n  space?: Space;\n  text?: TextObject;\n};\n\n// TODO(wittjosiah): Factor out to common package? @dxos/react-client?\n// TODO(burdon): Decouple space (make Editor less dependent on entire stack)?\nexport const useTextModel = ({ identity, space, text }: UseTextModelOptions): EditorModel | undefined => {\n  const provider = useMemo(() => {\n    if (!space || !text?.doc) {\n      return undefined;\n    }\n\n    return new SpaceAwarenessProvider({ space, doc: text.doc, channel: `yjs.awareness.${text.id}` });\n  }, [identity, space, text?.doc]);\n\n  if (!text?.doc || !text?.content) {\n    return undefined;\n  }\n\n  return {\n    id: text.doc.guid,\n    content: text.content,\n    provider,\n    peer: identity\n      ? {\n          id: identity.identityKey.toHex(),\n          name: identity.profile?.displayName,\n        }\n      : undefined,\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\n// Copied from https://github.com/yjs/y-codemirror.next#example.\n\nimport * as random from 'lib0/random';\n\nconst cursorColors = [\n  { color: '#30bced', light: '#30bced33' },\n  { color: '#6eeb83', light: '#6eeb8333' },\n  { color: '#ffbc42', light: '#ffbc4233' },\n  { color: '#ecd444', light: '#ecd44433' },\n  { color: '#ee6352', light: '#ee635233' },\n  { color: '#9ac2c9', light: '#9ac2c933' },\n  { color: '#8acb88', light: '#8acb8833' },\n  { color: '#1be7ff', light: '#1be7ff33' },\n];\n\n// Select a random color for this user.\nexport const cursorColor = cursorColors[random.uint32() % cursorColors.length];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport * as decoding from 'lib0/decoding';\nimport * as encoding from 'lib0/encoding';\nimport { Observable } from 'lib0/observable';\nimport * as awarenessProtocol from 'y-protocols/awareness';\nimport { type Doc } from 'yjs';\n\nimport { log } from '@dxos/log';\nimport { type Space } from '@dxos/react-client/echo';\nimport { type GossipMessage } from '@dxos/react-client/mesh';\n\ntype Awareness = awarenessProtocol.Awareness;\n\n// Based on https://github.com/yjs/y-webrtc/blob/88baab2/src/y-webrtc.js.\n\nconst messageAwareness = 1;\nconst messageQueryAwareness = 3;\n\n/**\n * Yjs awareness provider on top of a DXOS space.\n */\nexport class SpaceAwarenessProvider extends Observable<any> {\n  private readonly _space: Space;\n  private readonly _awareness: Awareness;\n  private readonly _clientId: number;\n  private readonly _channel: string;\n\n  constructor({ space, doc, channel, awareness }: { space: Space; doc: Doc; channel: string; awareness?: Awareness }) {\n    super();\n    this._space = space;\n    this._awareness = awareness ?? new awarenessProtocol.Awareness(doc);\n    this._channel = channel;\n    this._clientId = doc.clientID;\n\n    this._awareness.on('update', this._handleAwarenessUpdate.bind(this));\n    this._space.listen(this._channel, this._handleSpaceMessage.bind(this));\n\n    if (typeof window !== 'undefined') {\n      window.addEventListener('beforeunload', this._handleBeforeUnload.bind(this));\n    } else if (typeof process !== 'undefined') {\n      process.on('exit', this._handleBeforeUnload.bind(this));\n    }\n\n    // Post queryAwareness.\n    const encoderAwarenessQuery = encoding.createEncoder();\n    encoding.writeVarUint(encoderAwarenessQuery, messageQueryAwareness);\n    void this._space.postMessage(this._channel, encoding.toUint8Array(encoderAwarenessQuery));\n\n    // Post local awareness state.\n    const encoderAwarenessState = encoding.createEncoder();\n    encoding.writeVarUint(encoderAwarenessState, messageAwareness);\n    encoding.writeVarUint8Array(\n      encoderAwarenessState,\n      awarenessProtocol.encodeAwarenessUpdate(this.awareness, [this._clientId]),\n    );\n    void this._space.postMessage(this._channel, encoding.toUint8Array(encoderAwarenessState));\n  }\n\n  get awareness(): Awareness {\n    return this._awareness;\n  }\n\n  private _handleAwarenessUpdate({ added, updated, removed }: any, origin: any) {\n    log('awareness update', { added, updated, removed, origin });\n    const changedClients = added.concat(updated).concat(removed);\n    const encoderAwareness = encoding.createEncoder();\n    encoding.writeVarUint(encoderAwareness, messageAwareness);\n    encoding.writeVarUint8Array(\n      encoderAwareness,\n      awarenessProtocol.encodeAwarenessUpdate(this._awareness, changedClients),\n    );\n    void this._space.postMessage(this._channel, encoding.toUint8Array(encoderAwareness));\n  }\n\n  private _handleSpaceMessage({ payload }: GossipMessage) {\n    log('space message', payload);\n    const data = new Uint8Array(Array.from(Object.values(payload)));\n    const encoder = this._readMessage(data);\n    if (encoder) {\n      void this._space.postMessage(this._channel, encoding.toUint8Array(encoder));\n    }\n  }\n\n  private _readMessage(message: Uint8Array) {\n    const decoder = decoding.createDecoder(message);\n    const encoder = encoding.createEncoder();\n    const messageType = decoding.readVarUint(decoder);\n\n    let sendReply = false;\n    switch (messageType) {\n      case messageAwareness: {\n        awarenessProtocol.applyAwarenessUpdate(this._awareness, decoding.readVarUint8Array(decoder), this);\n        break;\n      }\n\n      case messageQueryAwareness: {\n        encoding.writeVarUint(encoder, messageAwareness);\n        encoding.writeVarUint8Array(\n          encoder,\n          awarenessProtocol.encodeAwarenessUpdate(this._awareness, Array.from(this._awareness.getStates().keys())),\n        );\n        sendReply = true;\n        break;\n      }\n\n      default: {\n        console.error('Invalid message:', messageType);\n        return encoder;\n      }\n    }\n\n    if (!sendReply) {\n      // Nothing has been written, no answer created.\n      return null;\n    }\n\n    return encoder;\n  }\n\n  private _handleBeforeUnload() {\n    awarenessProtocol.removeAwarenessStates(this._awareness, [this._clientId], 'window unload');\n  }\n}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { autocompletion, completionKeymap, closeBrackets, closeBracketsKeymap } from '@codemirror/autocomplete';\nimport { defaultKeymap, history, historyKeymap, indentWithTab } from '@codemirror/commands';\nimport { markdown, markdownLanguage } from '@codemirror/lang-markdown';\nimport {\n  bracketMatching,\n  defaultHighlightStyle,\n  foldKeymap,\n  indentOnInput,\n  syntaxHighlighting,\n} from '@codemirror/language';\nimport { languages } from '@codemirror/language-data';\nimport { lintKeymap } from '@codemirror/lint';\nimport { searchKeymap, highlightSelectionMatches } from '@codemirror/search';\nimport { EditorState, StateField, type Text } from '@codemirror/state';\nimport { oneDarkHighlightStyle } from '@codemirror/theme-one-dark';\nimport {\n  keymap,\n  crosshairCursor,\n  drawSelection,\n  dropCursor,\n  highlightActiveLine,\n  highlightActiveLineGutter,\n  highlightSpecialChars,\n  placeholder,\n  rectangularSelection,\n  EditorView,\n} from '@codemirror/view';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { vim } from '@replit/codemirror-vim';\nimport React, {\n  type KeyboardEvent,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useState,\n  useMemo,\n  useCallback,\n} from 'react';\nimport { yCollab } from 'y-codemirror.next';\n\nimport { generateName } from '@dxos/display-name';\nimport { useThemeContext } from '@dxos/react-ui';\nimport { getColorForValue } from '@dxos/react-ui-theme';\nimport { YText } from '@dxos/text-model';\n\nimport { markdownTagsExtension } from './markdownTags';\nimport { markdownDarkHighlighting, markdownTheme } from './markdownTheme';\nimport { type EditorModel, type EditorSlots } from '../../model';\n\nexport const EditorModes = ['default', 'vim'] as const;\nexport type EditorMode = (typeof EditorModes)[number];\n\nexport type MarkdownEditorProps = {\n  model?: EditorModel;\n  slots?: EditorSlots;\n  editorMode?: EditorMode;\n  onChange?: (content: string | Text) => void;\n};\n\nexport type MarkdownEditorRef = {\n  editor: HTMLDivElement | null;\n  state?: EditorState;\n  view?: EditorView;\n};\n\nexport const MarkdownEditor = forwardRef<MarkdownEditorRef, MarkdownEditorProps>(\n  ({ model, slots = {}, editorMode, onChange }, forwardedRef) => {\n    const { id, content, provider, peer } = model ?? {};\n    const { themeMode } = useThemeContext();\n    const tabsterDOMAttribute = useFocusableGroup({ tabBehavior: 'limited' });\n\n    const [parent, setParent] = useState<HTMLDivElement | null>(null);\n    const [state, setState] = useState<EditorState>();\n    const [view, setView] = useState<EditorView>();\n\n    useImperativeHandle(forwardedRef, () => ({\n      editor: parent,\n      state,\n      view,\n    }));\n\n    const listenChangesExtension = useMemo(\n      () =>\n        StateField.define({\n          create: () => null,\n          update: (_value, transaction) => {\n            if (transaction.docChanged && onChange) {\n              onChange(transaction.newDoc);\n            }\n            return null;\n          },\n        }),\n      [onChange],\n    );\n\n    useEffect(() => {\n      if (provider && peer) {\n        provider.awareness.setLocalStateField('user', {\n          name: peer.name ?? generateName(peer.id),\n          color: getColorForValue({ value: peer.id, type: 'color' }),\n          colorLight: getColorForValue({ value: peer.id, themeMode, type: 'highlight' }),\n        });\n      }\n    }, [provider, peer, themeMode]);\n\n    useEffect(() => {\n      if (!parent) {\n        return;\n      }\n\n      const state = EditorState.create({\n        doc: content?.toString(),\n        extensions: [\n          // Based on https://github.com/codemirror/dev/issues/44#issuecomment-789093799.\n          listenChangesExtension,\n\n          ...(editorMode === 'vim' ? [vim()] : []),\n\n          // All of https://github.com/codemirror/basic-setup minus line numbers and fold gutter.\n          highlightActiveLineGutter(),\n          highlightSpecialChars(),\n          history(),\n          drawSelection(),\n          dropCursor(),\n          EditorState.allowMultipleSelections.of(true),\n          indentOnInput(),\n          syntaxHighlighting(defaultHighlightStyle, { fallback: true }),\n          bracketMatching(),\n          closeBrackets(),\n          autocompletion(),\n          rectangularSelection(),\n          crosshairCursor(),\n          highlightActiveLine(),\n          highlightSelectionMatches(),\n          placeholder(slots.editor?.placeholder ?? ''), // TODO(burdon): Needs consistent styling.\n          keymap.of([\n            ...closeBracketsKeymap,\n            ...defaultKeymap,\n            ...searchKeymap,\n            ...historyKeymap,\n            ...foldKeymap,\n            ...completionKeymap,\n            ...lintKeymap,\n            indentWithTab,\n          ]),\n          EditorView.lineWrapping,\n\n          // Themes.\n          markdown({ base: markdownLanguage, codeLanguages: languages, extensions: [markdownTagsExtension] }),\n          EditorView.theme({ ...markdownTheme, ...slots.editor?.markdownTheme }),\n          ...(themeMode === 'dark'\n            ? [syntaxHighlighting(oneDarkHighlightStyle)]\n            : [syntaxHighlighting(defaultHighlightStyle)]),\n          // TODO(thure): All but one rule here apply to both themes; rename or refactor.\n          syntaxHighlighting(markdownDarkHighlighting),\n\n          // Replication and awareness (incl. remote selection).\n          ...(content instanceof YText ? [yCollab(content, provider?.awareness)] : []),\n        ],\n      });\n\n      setState(state);\n\n      // NOTE: This repaints the editor.\n      // If the new state is derived from the old state, it will likely not be visible other than the cursor resetting.\n      // Ideally this should not be hit except when changing between text objects.\n      view?.destroy();\n      setView(new EditorView({ state, parent }));\n\n      return () => {\n        view?.destroy();\n        setView(undefined);\n        setState(undefined);\n      };\n    }, [parent, content, provider?.awareness, themeMode, editorMode]);\n\n    const handleKeyUp = useCallback(\n      (event: KeyboardEvent) => {\n        const { key, altKey, shiftKey, metaKey, ctrlKey } = event;\n        switch (key) {\n          case 'Enter': {\n            view?.contentDOM.focus();\n            break;\n          }\n\n          case 'Escape': {\n            editorMode === 'vim' && (altKey || shiftKey || metaKey || ctrlKey) && parent?.focus();\n            break;\n          }\n        }\n      },\n      [view, editorMode],\n    );\n\n    return (\n      <div\n        tabIndex={0}\n        ref={setParent}\n        key={id}\n        {...slots.root}\n        {...(editorMode !== 'vim' ? tabsterDOMAttribute : {})}\n        onKeyUp={handleKeyUp}\n      />\n    );\n  },\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { styleTags, Tag } from '@lezer/highlight';\nimport { type MarkdownConfig } from '@lezer/markdown';\n\nexport const markdownTags = {\n  headingMark: Tag.define(),\n  quoteMark: Tag.define(),\n  listMark: Tag.define(),\n  linkMark: Tag.define(),\n  emphasisMark: Tag.define(),\n  codeMark: Tag.define(),\n  codeText: Tag.define(),\n  inlineCode: Tag.define(),\n  url: Tag.define(),\n  linkReference: Tag.define(),\n  linkLabel: Tag.define(),\n};\n\nexport const markdownTagsExtension: MarkdownConfig = {\n  props: [\n    styleTags({\n      HeaderMark: markdownTags.headingMark,\n      QuoteMark: markdownTags.quoteMark,\n      ListMark: markdownTags.listMark,\n      LinkMark: markdownTags.linkMark,\n      EmphasisMark: markdownTags.emphasisMark,\n      CodeMark: markdownTags.codeMark,\n      CodeText: markdownTags.codeText,\n      InlineCode: markdownTags.inlineCode,\n      URL: markdownTags.url,\n      LinkReference: markdownTags.linkReference,\n      LinkLabel: markdownTags.linkLabel,\n    }),\n  ],\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { markdownLanguage } from '@codemirror/lang-markdown';\nimport { HighlightStyle } from '@codemirror/language';\nimport { tags } from '@lezer/highlight';\nimport get from 'lodash.get';\n\nimport { markdownTags } from './markdownTags';\nimport { bold, heading, italic, mark, strikethrough, tokens } from '../../styles';\n\n// TODO(burdon): Use theme colors.\n// TODO(burdon): Light mode.\n\nexport const chalky = '#e5c07b';\nexport const coral = '#e06c75';\nexport const cyan = '#56b6c2';\nexport const invalid = '#ffffff';\nexport const ivory = '#abb2bf';\nexport const stone = '#7d8799';\nexport const malibu = '#61afef';\nexport const sage = '#98c379';\nexport const whiskey = '#d19a66';\nexport const violet = '#c678dd';\nconst _darkBackground = '#21252b';\nexport const highlightBackground = '#2c313a';\nconst _background = '#282c34';\nexport const tooltipBackground = '#353a42';\nconst _selection = '#3E4451';\nexport const cursor = '#ffffff';\n\nconst monospace = get(tokens, 'fontFamily.mono', ['monospace']).join(',');\n\nexport const markdownTheme = {\n  // TODO(thure): consider whether these commented-out rules from one-dark-theme should be integrated.\n  // '&': {\n  //   color: ivory,\n  //   backgroundColor: background\n  // },\n  // '.cm-cursor, .cm-dropCursor': { borderLeftColor: cursor },\n  // '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {\n  //   backgroundColor: selection\n  // },\n  // '.cm-panels': { backgroundColor: darkBackground, color: ivory },\n  // '.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },\n  // '.cm-panels.cm-panels-bottom': { borderTop: '2px solid black' },\n  // '.cm-searchMatch': {\n  //   backgroundColor: '#72a1ff59',\n  //   outline: '1px solid #457dff'\n  // },\n  // '.cm-searchMatch.cm-searchMatch-selected': {\n  //   backgroundColor: '#6199ff2f'\n  // },\n  // '.cm-activeLine': { backgroundColor: '#6699ff0b' },\n  // '.cm-selectionMatch': { backgroundColor: '#aafe661a' },\n  // '&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket': {\n  //   backgroundColor: '#bad0f847'\n  // },\n  // '.cm-gutters': {\n  //   backgroundColor: background,\n  //   color: stone,\n  //   border: 'none'\n  // },\n  // '.cm-activeLineGutter': {\n  //   backgroundColor: highlightBackground\n  // },\n  // '.cm-foldPlaceholder': {\n  //   backgroundColor: 'transparent',\n  //   border: 'none',\n  //   color: '#ddd'\n  // },\n\n  '.dark & .cm-tooltip': {\n    border: 'none',\n    backgroundColor: tooltipBackground,\n  },\n  '.dark & .cm-tooltip .cm-tooltip-arrow:before': {\n    borderTopColor: 'transparent',\n    borderBottomColor: 'transparent',\n  },\n  '.dark & .cm-tooltip .cm-tooltip-arrow:after': {\n    borderTopColor: tooltipBackground,\n    borderBottomColor: tooltipBackground,\n  },\n  '.dark & .cm-tooltip-autocomplete': {\n    '& > ul > li[aria-selected]': {\n      backgroundColor: highlightBackground,\n      color: ivory,\n    },\n  },\n  '&.cm-focused': {\n    outline: 'none',\n  },\n  '& .cm-line': {\n    paddingInline: 0,\n    minBlockSize: '1.6em',\n  },\n  '& .cm-line *': {\n    lineHeight: 1.6,\n  },\n  '&.cm-focused .cm-selectionBackground, & .cm-selectionBackground': {\n    background: get(tokens, 'extend.colors.primary.150', '#00ffff'),\n  },\n  '.dark & .cm-selectionBackground, .dark &.cm-focused .cm-selectionBackground': {\n    background: get(tokens, 'extend.colors.primary.850', '#00ffff'),\n  },\n  '& .cm-selectionMatch': {\n    background: get(tokens, 'extend.colors.primary.250', '#00ffff') + '44',\n  },\n  '.dark & .cm-selectionMatch': {\n    background: get(tokens, 'extend.colors.primary.600', '#00ffff') + '44',\n  },\n  '& .cm-content': {\n    caretColor: 'black',\n  },\n  '.dark & .cm-content': {\n    caretColor: cursor,\n  },\n  '& .cm-cursor': {\n    borderLeftColor: 'black',\n  },\n  '.dark & .cm-cursor': {\n    borderLeftColor: cursor,\n  },\n  '.cm-placeholder': {\n    fontFamily: get(tokens, 'fontFamily.body', []).join(','),\n  },\n  '& .cm-scroller': {\n    fontFamily: get(tokens, 'fontFamily.mono', []).join(','),\n    overflow: 'visible',\n  },\n  '& .cm-activeLine': {\n    backgroundColor: 'transparent',\n  },\n  '.dark & .cm-activeLine': {\n    backgroundColor: 'transparent',\n  },\n  '& .cm-ySelectionInfo': {\n    fontFamily: get(tokens, 'fontFamily.body', []).join(','),\n    padding: '2px 4px',\n    marginBlockStart: '-4px',\n  },\n  '& .cm-ySelection, & .cm-selectionMatch': {\n    paddingBlockStart: '.15em',\n    paddingBlockEnd: '.15em',\n  },\n  '& .cm-ySelection, & .cm-yLineSelection': {\n    mixBlendMode: 'multiply',\n  },\n  '.dark & .cm-ySelection, .dark & .cm-yLineSelection': {\n    mixBlendMode: 'screen',\n  },\n  '& .cm-ySelectionCaret': {\n    display: 'inline-block',\n    insetBlockStart: '.1em',\n    blockSize: '1.4em',\n    verticalAlign: 'top',\n  },\n  '& .cm-yLineSelection': {\n    margin: '0',\n  },\n  ...Object.keys(get(tokens, 'extend.fontSize', {})).reduce((acc: Record<string, any>, fontSize) => {\n    const height = get(tokens, ['extend', 'fontSize', fontSize, 1, 'lineHeight']);\n    // 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.\n    acc[`& .text-${fontSize} + .cm-ySelectionCaret`] = { height };\n    acc[`& .text-${fontSize} + .cm-ySelection + .cm-ySelectionCaret`] = { height };\n    acc[`& .text-${fontSize} + .cm-widgetBuffer + .cm-ySelectionCaret`] = { height };\n    return acc;\n  }, {}),\n};\n\nexport const markdownDarkHighlighting = HighlightStyle.define(\n  [\n    {\n      tag: [\n        tags.keyword,\n        tags.name,\n        tags.deleted,\n        tags.character,\n        tags.propertyName,\n        tags.macroName,\n        tags.color,\n        tags.constant(tags.name),\n        tags.standard(tags.name),\n        tags.definition(tags.name),\n        tags.separator,\n        tags.typeName,\n        tags.className,\n        tags.number,\n        tags.changed,\n        tags.annotation,\n        tags.modifier,\n        tags.self,\n        tags.namespace,\n        tags.operator,\n        tags.operatorKeyword,\n        tags.escape,\n        tags.regexp,\n        tags.special(tags.string),\n        tags.meta,\n        tags.comment,\n        tags.atom,\n        tags.bool,\n        tags.special(tags.variableName),\n        tags.processingInstruction,\n        tags.string,\n        tags.inserted,\n        tags.invalid,\n      ],\n      color: 'inherit !important',\n    },\n    {\n      tag: [tags.link, tags.url],\n      color: 'inherit !important',\n      textDecoration: 'none !important',\n    },\n    {\n      tag: [tags.function(tags.variableName), tags.labelName],\n      color: malibu,\n      fontFamily: monospace,\n    },\n    {\n      tag: [\n        markdownTags.codeMark,\n        markdownTags.emphasisMark,\n        markdownTags.headingMark,\n        markdownTags.linkLabel,\n        markdownTags.linkReference,\n        markdownTags.listMark,\n        markdownTags.quoteMark,\n        markdownTags.url,\n        tags.meta,\n        tags.processingInstruction,\n      ],\n      class: mark,\n    },\n    { tag: [markdownTags.codeText, markdownTags.inlineCode], class: 'font-mono' },\n    { tag: tags.emphasis, class: italic },\n    { tag: tags.heading1, class: heading[1] },\n    { tag: tags.heading2, class: heading[2] },\n    { tag: tags.heading3, class: heading[3] },\n    { tag: tags.heading4, class: heading[4] },\n    { tag: tags.heading5, class: heading[5] },\n    { tag: tags.heading6, class: heading[6] },\n    { tag: tags.strikethrough, class: strikethrough },\n    { tag: tags.strong, class: bold },\n  ],\n  { scope: markdownLanguage, all: { fontFamily: get(tokens, 'fontFamily.body', []).join(',') } },\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { mx } from '@dxos/react-ui-theme';\n\nexport type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport const heading: Record<HeadingLevel, string> = {\n  1: 'mbs-4 mbe-2 text-4xl font-semibold text-inherit no-underline',\n  2: 'mbs-4 mbe-2 text-3xl font-bold text-inherit no-underline',\n  3: 'mbs-4 mbe-2 text-2xl font-bold text-inherit no-underline',\n  4: 'mbs-4 mbe-2 text-xl font-extrabold text-inherit no-underline',\n  5: 'mbs-4 mbe-2 text-lg font-extrabold text-inherit no-underline',\n  6: 'mbs-4 mbe-2 font-black text-inherit no-underline',\n};\n\nexport const blockquote = 'mlb-2 border-is-4 border-neutral-500/50 pis-5';\n\n// TODO(thure): Tailwind was not seeing `[&>li:before]:content-[\"•\"]` as a utility class, but it would work if instead of `\"•\"` it was `\"X\"`… why?\nexport const unorderedList =\n  'mlb-2 grid grid-cols-[min-content_1fr] [&>li:before]:content-[attr(marker)] [&>li:before]:mlb-1 [&>li:before]:mie-2';\nexport const orderedList =\n  'mlb-2 grid grid-cols-[min-content_1fr]  [&>li:before]:content-[counters(section,_\".\")_\"._\"] [counter-reset:section] [&>li:before]:mlb-1';\n\nexport const listItem = 'contents before:[counter-increment:section]';\n\nexport const codeBlock = 'mlb-2 font-mono bg-neutral-500/10 p-3 rounded';\n\nexport const horizontalRule = 'mlb-4 border-neutral-500/50';\n\nexport const paragraph = 'mlb-1';\n\nexport const bold = 'font-bold';\n\nexport const code = 'font-mono bg-neutral-500/10 rounded pli-0.5 plb-0.5 -mlb-0.5';\n\nexport const placeholder = 'font-mono';\n\nexport const codeWithoutMarks = mx(code, 'pli-1.5 mli-0.5');\n\nexport const italic = 'italic';\n\nexport const strikethrough = 'line-through';\n\nexport const mark = '!font-normal !no-underline !text-inherit opacity-40';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { tailwindConfig, type TailwindConfig } from '@dxos/react-ui-theme';\n\n// TODO(thure): Why export the whole theme? Can this be done differently?\nexport const tokens: TailwindConfig['theme'] = tailwindConfig({}).theme;\n", "//\n// Copyright 2022 DXOS.org\n//\nimport { mergeAttributes } from '@tiptap/core';\nimport Collaboration from '@tiptap/extension-collaboration';\nimport CollaborationCursor from '@tiptap/extension-collaboration-cursor';\nimport Heading from '@tiptap/extension-heading';\nimport ListItem from '@tiptap/extension-list-item';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport { type Editor, EditorContent, useEditor as useNaturalEditor } from '@tiptap/react';\nimport StarterKit from '@tiptap/starter-kit';\nimport React, { forwardRef, useImperativeHandle, useMemo } from 'react';\n\nimport { generateName } from '@dxos/display-name';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { type EditorModel, type EditorSlots } from '../../model';\nimport {\n  blockquote,\n  bold,\n  codeBlock,\n  heading,\n  type HeadingLevel,\n  horizontalRule,\n  italic,\n  listItem,\n  orderedList,\n  paragraph,\n  strikethrough,\n  unorderedList,\n  codeWithoutMarks,\n} from '../../styles';\nimport { cursorColor } from '../../yjs';\n\nexport type TipTapEditor = Editor;\n\ntype UseEditorOptions = {\n  model?: EditorModel;\n  placeholder?: string;\n  slots?: Pick<EditorSlots, 'editor'>;\n};\n\nconst useEditor = ({ model, placeholder = 'Enter text…', slots = {} }: UseEditorOptions) => {\n  const extensions = useMemo(\n    () => [\n      StarterKit.configure({\n        // Extensions\n        history: false,\n        // Nodes\n        blockquote: {\n          HTMLAttributes: {\n            class: blockquote,\n          },\n        },\n        bulletList: {\n          HTMLAttributes: {\n            class: unorderedList,\n          },\n        },\n        codeBlock: {\n          HTMLAttributes: {\n            class: codeBlock,\n          },\n        },\n        heading: false, // (thure): `StarterKit` doesn’t let you configure how headings are rendered, see `Heading` below.\n        horizontalRule: {\n          HTMLAttributes: {\n            class: horizontalRule,\n          },\n        },\n        listItem: false, // (thure): `StarterKit` doesn’t let you configure how list items are rendered, see `ListItem` below.\n        orderedList: {\n          HTMLAttributes: {\n            class: orderedList,\n          },\n        },\n        paragraph: {\n          HTMLAttributes: {\n            class: paragraph,\n          },\n        },\n        // Marks\n        bold: {\n          HTMLAttributes: {\n            class: bold,\n          },\n        },\n        code: {\n          HTMLAttributes: {\n            class: codeWithoutMarks,\n          },\n        },\n        italic: {\n          HTMLAttributes: {\n            class: italic,\n          },\n        },\n        strike: {\n          HTMLAttributes: {\n            class: strikethrough,\n          },\n        },\n      }),\n      Heading.extend({\n        renderHTML({ node, HTMLAttributes }) {\n          const hasLevel = this.options.levels.includes(node.attrs.level);\n          const level: HeadingLevel = hasLevel ? node.attrs.level : this.options.levels[0];\n\n          return [\n            `h${level}`,\n            mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {\n              class: heading[level],\n            }),\n            0,\n          ];\n        },\n      }),\n      ListItem.extend({\n        renderHTML: ({ HTMLAttributes }) => [\n          'li',\n          mergeAttributes(HTMLAttributes, {\n            marker: '• ',\n            class: listItem,\n          }),\n          ['div', { role: 'none' }, 0],\n        ],\n      }),\n      // https://github.com/ueberdosis/tiptap/tree/main/packages/extension-collaboration\n      ...(model && typeof model.content !== 'string' ? [Collaboration.configure({ fragment: model.content })] : []),\n      ...(model?.provider\n        ? [\n            CollaborationCursor.configure({\n              provider: model.provider,\n              user: model.peer && {\n                name: model.peer.name ?? generateName(model.peer.id),\n                color: cursorColor.color,\n              },\n            }),\n          ]\n        : []),\n      Placeholder.configure({\n        placeholder,\n        emptyEditorClass: 'before:content-[attr(data-placeholder)] before:absolute opacity-50 cursor-text',\n      }),\n    ],\n    [model?.id],\n  );\n\n  return useNaturalEditor(\n    {\n      extensions,\n      editorProps: {\n        attributes: {\n          class: mx('focus:outline-none focus-visible:outline-none', slots.editor?.className),\n          spellcheck: slots.editor?.spellCheck === false ? 'false' : 'true',\n          tabindex: slots.editor?.tabIndex ? String(slots.editor?.tabIndex) : '0',\n        },\n      },\n    },\n    [extensions],\n  );\n};\n\nexport type RichTextEditorProps = UseEditorOptions & {\n  slots?: EditorSlots;\n};\n\n/**\n * @deprecated\n */\n// TODO(burdon): Currently broken.\nexport const RichTextEditor = forwardRef<Editor | null, RichTextEditorProps>((props, ref) => {\n  const editor = useEditor(props);\n  useImperativeHandle<Editor | null, Editor | null>(ref, () => editor, [editor]);\n\n  // Reference:\n  // https://tiptap.dev/installation/react\n  // https://github.com/ueberdosis/tiptap\n  // https://tiptap.dev/guide/output/#option-3-yjs\n  return <EditorContent {...props.slots?.root} editor={editor} />;\n});\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport { type StyleSpec } from 'style-mod';\nexport { tags } from '@lezer/highlight';\n\nexport * from './TextEditor';\nexport * from './theme';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { closeBrackets } from '@codemirror/autocomplete';\nimport { bracketMatching, defaultHighlightStyle, syntaxHighlighting } from '@codemirror/language';\nimport { EditorState, type Extension } from '@codemirror/state';\nimport { oneDarkHighlightStyle } from '@codemirror/theme-one-dark';\nimport { EditorView, placeholder } from '@codemirror/view';\nimport React, {\n  type KeyboardEvent,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useState,\n  useCallback,\n  type HTMLAttributes,\n} from 'react';\nimport { type StyleSpec } from 'style-mod';\nimport { yCollab } from 'y-codemirror.next';\n\nimport { useThemeContext } from '@dxos/react-ui';\nimport { YText } from '@dxos/text-model';\n\nimport { defaultStyles } from './theme';\nimport { type EditorModel, type EditorSlots } from '../../model';\n\nexport type CursorInfo = {\n  from: number;\n  to: number;\n  line: number;\n  lines: number;\n  after?: string;\n};\n\nexport type TextEditorRef = {\n  editor: HTMLDivElement | null;\n  state?: EditorState;\n  view?: EditorView;\n};\n\nexport type TextEditorProps = {\n  model?: EditorModel;\n  extensions?: Extension[];\n  theme?: {\n    [selector: string]: StyleSpec;\n  };\n  slots?: EditorSlots;\n  onKeyDown?: (event: KeyboardEvent, info: CursorInfo) => void;\n} & Pick<HTMLAttributes<HTMLDivElement>, 'onBlur' | 'onFocus'>;\n\n/**\n * Simple text editor.\n */\nexport const TextEditor = forwardRef<TextEditorRef, TextEditorProps>(\n  ({ model, extensions = [], theme = defaultStyles, slots = {}, onKeyDown, ...props }, forwardedRef) => {\n    const { id, content } = model ?? {};\n    const { themeMode } = useThemeContext();\n\n    const [parent, setParent] = useState<HTMLDivElement | null>(null);\n    const [state, setState] = useState<EditorState>();\n    const [view, setView] = useState<EditorView>();\n\n    // TODO(burdon): The ref may be instantiated before the view is created.\n    useImperativeHandle(\n      forwardedRef,\n      () => {\n        return {\n          editor: parent,\n          state,\n          view,\n        };\n      },\n      [view],\n    );\n\n    useEffect(() => {\n      if (!parent) {\n        return;\n      }\n\n      view?.destroy();\n\n      const state = EditorState.create({\n        doc: content?.toString(),\n        extensions: [\n          bracketMatching(),\n          closeBrackets(),\n          placeholder(slots.editor?.placeholder ?? ''),\n          EditorView.lineWrapping,\n\n          // Themes.\n          EditorView.theme(theme),\n          ...(themeMode === 'dark'\n            ? [syntaxHighlighting(oneDarkHighlightStyle)]\n            : [syntaxHighlighting(defaultHighlightStyle)]),\n\n          // Replication.\n          ...(content instanceof YText ? [yCollab(content, undefined)] : []),\n\n          // Custom.\n          ...extensions,\n        ],\n      });\n\n      setState(state);\n      setView(new EditorView({ state, parent }));\n\n      return () => {\n        view?.destroy();\n        setView(undefined);\n        setState(undefined);\n      };\n    }, [parent, content, themeMode]);\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent) => {\n        if (view) {\n          const { head, from, to } = view.state.selection.ranges[0];\n          const { number } = view.state.doc.lineAt(head);\n          const after = view.state.sliceDoc(from);\n          onKeyDown?.(event, { from, to, line: number, lines: view.state.doc.lines, after });\n        }\n      },\n      [view],\n    );\n\n    return <div key={id} ref={setParent} {...slots.root} onKeyDown={handleKeyDown} {...props} />;\n  },\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport get from 'lodash.get';\nimport { type StyleSpec } from 'style-mod';\n\nimport { tailwindConfig, type TailwindConfig } from '@dxos/react-ui-theme';\n\nconst tokens: TailwindConfig['theme'] = tailwindConfig({}).theme;\n\n/**\n * https://codemirror.net/examples/styling\n */\n// TODO(burdon): If given a \"theme\" suffix, `__docgen` properties are added to the object.\nexport const defaultStyles: {\n  [selector: string]: StyleSpec;\n} = {\n  '&.cm-focused': {\n    outline: 'none',\n  },\n  '.cm-placeholder': {\n    fontFamily: get(tokens, 'fontFamily.body', []).join(','),\n  },\n  '& .cm-scroller': {\n    fontFamily: get(tokens, 'fontFamily.body', []).join(','),\n    overflow: 'visible',\n  },\n};\n", "//\n// Copyright 2022 DXOS.org\n//\n\nexport * from './components';\nexport * from './model';\n\nexport { TextKind } from '@dxos/protocols/proto/dxos/echo/model/text';\nexport { Doc, YText, YXmlFragment } from '@dxos/text-model';\n"],
+  "mappings": "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",
+  "names": ["React", "forwardRef", "memo", "YXmlFragment", "useMemo", "random", "cursorColors", "color", "light", "cursorColor", "uint32", "length", "decoding", "encoding", "Observable", "awarenessProtocol", "log", "messageAwareness", "messageQueryAwareness", "SpaceAwarenessProvider", "constructor", "space", "doc", "channel", "awareness", "_space", "_awareness", "Awareness", "_channel", "_clientId", "clientID", "on", "_handleAwarenessUpdate", "bind", "listen", "_handleSpaceMessage", "window", "addEventListener", "_handleBeforeUnload", "process", "encoderAwarenessQuery", "createEncoder", "writeVarUint", "postMessage", "toUint8Array", "encoderAwarenessState", "writeVarUint8Array", "encodeAwarenessUpdate", "added", "updated", "removed", "origin", "changedClients", "concat", "encoderAwareness", "payload", "data", "Uint8Array", "Array", "from", "Object", "values", "encoder", "_readMessage", "message", "decoder", "createDecoder", "messageType", "readVarUint", "sendReply", "applyAwarenessUpdate", "readVarUint8Array", "getStates", "keys", "console", "error", "removeAwarenessStates", "useTextModel", "identity", "space", "text", "provider", "useMemo", "doc", "undefined", "SpaceAwarenessProvider", "channel", "id", "content", "guid", "peer", "identityKey", "toHex", "name", "profile", "displayName", "autocompletion", "completionKeymap", "closeBrackets", "closeBracketsKeymap", "defaultKeymap", "history", "historyKeymap", "indentWithTab", "markdown", "markdownLanguage", "bracketMatching", "defaultHighlightStyle", "foldKeymap", "indentOnInput", "syntaxHighlighting", "languages", "lintKeymap", "searchKeymap", "highlightSelectionMatches", "EditorState", "StateField", "oneDarkHighlightStyle", "keymap", "crosshairCursor", "drawSelection", "dropCursor", "highlightActiveLine", "highlightActiveLineGutter", "highlightSpecialChars", "placeholder", "rectangularSelection", "EditorView", "useFocusableGroup", "vim", "React", "forwardRef", "useEffect", "useImperativeHandle", "useState", "useMemo", "useCallback", "yCollab", "generateName", "useThemeContext", "getColorForValue", "YText", "styleTags", "Tag", "markdownTags", "headingMark", "Tag", "define", "quoteMark", "listMark", "linkMark", "emphasisMark", "codeMark", "codeText", "inlineCode", "url", "linkReference", "linkLabel", "markdownTagsExtension", "props", "styleTags", "HeaderMark", "QuoteMark", "ListMark", "LinkMark", "EmphasisMark", "CodeMark", "CodeText", "InlineCode", "URL", "LinkReference", "LinkLabel", "markdownLanguage", "HighlightStyle", "tags", "get", "mx", "heading", "blockquote", "unorderedList", "orderedList", "listItem", "codeBlock", "horizontalRule", "paragraph", "bold", "code", "codeWithoutMarks", "mx", "code", "italic", "strikethrough", "mark", "tailwindConfig", "tokens", "tailwindConfig", "theme", "ivory", "malibu", "highlightBackground", "tooltipBackground", "cursor", "monospace", "get", "tokens", "join", "markdownTheme", "border", "backgroundColor", "tooltipBackground", "borderTopColor", "borderBottomColor", "highlightBackground", "color", "ivory", "outline", "paddingInline", "minBlockSize", "lineHeight", "background", "caretColor", "borderLeftColor", "fontFamily", "overflow", "padding", "marginBlockStart", "paddingBlockStart", "paddingBlockEnd", "mixBlendMode", "display", "insetBlockStart", "blockSize", "verticalAlign", "margin", "Object", "keys", "reduce", "acc", "fontSize", "height", "markdownDarkHighlighting", "HighlightStyle", "define", "tag", "tags", "keyword", "name", "deleted", "character", "propertyName", "macroName", "constant", "standard", "definition", "separator", "typeName", "className", "number", "changed", "annotation", "modifier", "self", "namespace", "operator", "operatorKeyword", "escape", "regexp", "special", "string", "meta", "comment", "atom", "bool", "variableName", "processingInstruction", "inserted", "invalid", "link", "url", "textDecoration", "function", "labelName", "malibu", "markdownTags", "codeMark", "emphasisMark", "headingMark", "linkLabel", "linkReference", "listMark", "quoteMark", "class", "mark", "codeText", "inlineCode", "emphasis", "italic", "heading1", "heading", "heading2", "heading3", "heading4", "heading5", "heading6", "strikethrough", "strong", "bold", "scope", "markdownLanguage", "all", "EditorModes", "MarkdownEditor", "forwardRef", "model", "slots", "editorMode", "onChange", "forwardedRef", "id", "content", "provider", "peer", "themeMode", "useThemeContext", "tabsterDOMAttribute", "useFocusableGroup", "tabBehavior", "parent", "setParent", "useState", "state", "setState", "view", "setView", "useImperativeHandle", "editor", "listenChangesExtension", "useMemo", "StateField", "define", "create", "update", "_value", "transaction", "docChanged", "newDoc", "useEffect", "awareness", "setLocalStateField", "name", "generateName", "color", "getColorForValue", "value", "type", "colorLight", "EditorState", "doc", "toString", "extensions", "vim", "highlightActiveLineGutter", "highlightSpecialChars", "history", "drawSelection", "dropCursor", "allowMultipleSelections", "of", "indentOnInput", "syntaxHighlighting", "defaultHighlightStyle", "fallback", "bracketMatching", "closeBrackets", "autocompletion", "rectangularSelection", "crosshairCursor", "highlightActiveLine", "highlightSelectionMatches", "placeholder", "keymap", "closeBracketsKeymap", "defaultKeymap", "searchKeymap", "historyKeymap", "foldKeymap", "completionKeymap", "lintKeymap", "indentWithTab", "EditorView", "lineWrapping", "markdown", "base", "markdownLanguage", "codeLanguages", "languages", "markdownTagsExtension", "theme", "markdownTheme", "oneDarkHighlightStyle", "markdownDarkHighlighting", "YText", "yCollab", "destroy", "undefined", "handleKeyUp", "useCallback", "event", "key", "altKey", "shiftKey", "metaKey", "ctrlKey", "contentDOM", "focus", "div", "tabIndex", "ref", "root", "onKeyUp", "mergeAttributes", "Collaboration", "CollaborationCursor", "Heading", "ListItem", "Placeholder", "EditorContent", "useEditor", "useNaturalEditor", "StarterKit", "React", "forwardRef", "useImperativeHandle", "useMemo", "generateName", "mx", "useEditor", "model", "placeholder", "slots", "extensions", "useMemo", "StarterKit", "configure", "history", "blockquote", "HTMLAttributes", "class", "bulletList", "unorderedList", "codeBlock", "heading", "horizontalRule", "listItem", "orderedList", "paragraph", "bold", "code", "codeWithoutMarks", "italic", "strike", "strikethrough", "Heading", "extend", "renderHTML", "node", "hasLevel", "options", "levels", "includes", "attrs", "level", "mergeAttributes", "ListItem", "marker", "role", "content", "Collaboration", "fragment", "provider", "CollaborationCursor", "user", "peer", "name", "generateName", "id", "color", "cursorColor", "Placeholder", "emptyEditorClass", "useNaturalEditor", "editorProps", "attributes", "mx", "editor", "className", "spellcheck", "spellCheck", "tabindex", "tabIndex", "String", "RichTextEditor", "forwardRef", "props", "ref", "useImperativeHandle", "React", "EditorContent", "root", "Editor", "memo", "forwardRef", "slots", "params", "forwardedRef", "model", "useTextModel", "content", "YXmlFragment", "React", "RichTextEditor", "ref", "MarkdownEditor", "tags", "closeBrackets", "bracketMatching", "defaultHighlightStyle", "syntaxHighlighting", "EditorState", "oneDarkHighlightStyle", "EditorView", "placeholder", "React", "forwardRef", "useEffect", "useImperativeHandle", "useState", "useCallback", "yCollab", "useThemeContext", "YText", "get", "tailwindConfig", "tokens", "tailwindConfig", "theme", "defaultStyles", "outline", "fontFamily", "get", "join", "overflow", "TextEditor", "forwardRef", "model", "extensions", "theme", "defaultStyles", "slots", "onKeyDown", "props", "forwardedRef", "id", "content", "themeMode", "useThemeContext", "parent", "setParent", "useState", "state", "setState", "view", "setView", "useImperativeHandle", "editor", "useEffect", "destroy", "EditorState", "create", "doc", "toString", "bracketMatching", "closeBrackets", "placeholder", "EditorView", "lineWrapping", "syntaxHighlighting", "oneDarkHighlightStyle", "defaultHighlightStyle", "YText", "yCollab", "undefined", "handleKeyDown", "useCallback", "event", "head", "from", "to", "selection", "ranges", "number", "lineAt", "after", "sliceDoc", "line", "lines", "React", "div", "key", "ref", "root", "TextKind", "Doc", "YText", "YXmlFragment"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/ui/react-ui-editor/src/yjs/cursors.ts":{"bytes":2630,"imports":[{"path":"lib0/random","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-editor/src/yjs/space-provider.ts":{"bytes":15633,"imports":[{"path":"lib0/decoding","kind":"import-statement","external":true},{"path":"lib0/encoding","kind":"import-statement","external":true},{"path":"lib0/observable","kind":"import-statement","external":true},{"path":"y-protocols/awareness","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-editor/src/yjs/index.ts":{"bytes":576,"imports":[{"path":"packages/ui/react-ui-editor/src/yjs/cursors.ts","kind":"import-statement","original":"./cursors"},{"path":"packages/ui/react-ui-editor/src/yjs/space-provider.ts","kind":"import-statement","original":"./space-provider"}],"format":"esm"},"packages/ui/react-ui-editor/src/model.ts":{"bytes":5003,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-editor/src/yjs/index.ts","kind":"import-statement","original":"./yjs"}],"format":"esm"},"packages/ui/react-ui-editor/src/components/Markdown/markdownTags.ts":{"bytes":4139,"imports":[{"path":"@lezer/highlight","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-editor/src/styles/markdown.ts":{"bytes":5365,"imports":[{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-editor/src/styles/tokens.ts":{"bytes":1040,"imports":[{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-editor/src/styles/index.ts":{"bytes":560,"imports":[{"path":"packages/ui/react-ui-editor/src/styles/markdown.ts","kind":"import-statement","original":"./markdown"},{"path":"packages/ui/react-ui-editor/src/styles/tokens.ts","kind":"import-statement","original":"./tokens"}],"format":"esm"},"packages/ui/react-ui-editor/src/components/Markdown/markdownTheme.ts":{"bytes":27479,"imports":[{"path":"@codemirror/lang-markdown","kind":"import-statement","external":true},{"path":"@codemirror/language","kind":"import-statement","external":true},{"path":"@lezer/highlight","kind":"import-statement","external":true},{"path":"lodash.get","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-editor/src/components/Markdown/markdownTags.ts","kind":"import-statement","original":"./markdownTags"},{"path":"packages/ui/react-ui-editor/src/styles/index.ts","kind":"import-statement","original":"../../styles"}],"format":"esm"},"packages/ui/react-ui-editor/src/components/Markdown/Markdown.tsx":{"bytes":22845,"imports":[{"path":"@codemirror/autocomplete","kind":"import-statement","external":true},{"path":"@codemirror/commands","kind":"import-statement","external":true},{"path":"@codemirror/lang-markdown","kind":"import-statement","external":true},{"path":"@codemirror/language","kind":"import-statement","external":true},{"path":"@codemirror/language-data","kind":"import-statement","external":true},{"path":"@codemirror/lint","kind":"import-statement","external":true},{"path":"@codemirror/search","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/theme-one-dark","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@replit/codemirror-vim","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"y-codemirror.next","kind":"import-statement","external":true},{"path":"@dxos/display-name","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/text-model","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-editor/src/components/Markdown/markdownTags.ts","kind":"import-statement","original":"./markdownTags"},{"path":"packages/ui/react-ui-editor/src/components/Markdown/markdownTheme.ts","kind":"import-statement","original":"./markdownTheme"}],"format":"esm"},"packages/ui/react-ui-editor/src/components/Markdown/index.ts":{"bytes":487,"imports":[{"path":"packages/ui/react-ui-editor/src/components/Markdown/Markdown.tsx","kind":"import-statement","original":"./Markdown"}],"format":"esm"},"packages/ui/react-ui-editor/src/components/RichText/RichText.tsx":{"bytes":17944,"imports":[{"path":"@tiptap/core","kind":"import-statement","external":true},{"path":"@tiptap/extension-collaboration","kind":"import-statement","external":true},{"path":"@tiptap/extension-collaboration-cursor","kind":"import-statement","external":true},{"path":"@tiptap/extension-heading","kind":"import-statement","external":true},{"path":"@tiptap/extension-list-item","kind":"import-statement","external":true},{"path":"@tiptap/extension-placeholder","kind":"import-statement","external":true},{"path":"@tiptap/react","kind":"import-statement","external":true},{"path":"@tiptap/starter-kit","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/display-name","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-editor/src/styles/index.ts","kind":"import-statement","original":"../../styles"},{"path":"packages/ui/react-ui-editor/src/yjs/index.ts","kind":"import-statement","original":"../../yjs"}],"format":"esm"},"packages/ui/react-ui-editor/src/components/RichText/index.ts":{"bytes":487,"imports":[{"path":"packages/ui/react-ui-editor/src/components/RichText/RichText.tsx","kind":"import-statement","original":"./RichText"}],"format":"esm"},"packages/ui/react-ui-editor/src/components/Editor/Editor.tsx":{"bytes":3808,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/text-model","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-editor/src/model.ts","kind":"import-statement","original":"../../model"},{"path":"packages/ui/react-ui-editor/src/components/Markdown/index.ts","kind":"import-statement","original":"../Markdown"},{"path":"packages/ui/react-ui-editor/src/components/RichText/index.ts","kind":"import-statement","original":"../RichText"}],"format":"esm"},"packages/ui/react-ui-editor/src/components/Editor/index.ts":{"bytes":483,"imports":[{"path":"packages/ui/react-ui-editor/src/components/Editor/Editor.tsx","kind":"import-statement","original":"./Editor"}],"format":"esm"},"packages/ui/react-ui-editor/src/components/index.ts":{"bytes":652,"imports":[{"path":"packages/ui/react-ui-editor/src/components/Editor/index.ts","kind":"import-statement","original":"./Editor"},{"path":"packages/ui/react-ui-editor/src/components/Markdown/index.ts","kind":"import-statement","original":"./Markdown"},{"path":"packages/ui/react-ui-editor/src/components/RichText/index.ts","kind":"import-statement","original":"./RichText"}],"format":"esm"},"packages/ui/react-ui-editor/src/index.ts":{"bytes":1026,"imports":[{"path":"packages/ui/react-ui-editor/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-editor/src/model.ts","kind":"import-statement","original":"./model"},{"path":"@dxos/protocols/proto/dxos/echo/model/text","kind":"import-statement","external":true},{"path":"@dxos/text-model","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"packages/ui/react-ui-editor/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":52229},"packages/ui/react-ui-editor/dist/lib/browser/index.mjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/text-model","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"lib0/random","kind":"import-statement","external":true},{"path":"lib0/decoding","kind":"import-statement","external":true},{"path":"lib0/encoding","kind":"import-statement","external":true},{"path":"lib0/observable","kind":"import-statement","external":true},{"path":"y-protocols/awareness","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@codemirror/autocomplete","kind":"import-statement","external":true},{"path":"@codemirror/commands","kind":"import-statement","external":true},{"path":"@codemirror/lang-markdown","kind":"import-statement","external":true},{"path":"@codemirror/language","kind":"import-statement","external":true},{"path":"@codemirror/language-data","kind":"import-statement","external":true},{"path":"@codemirror/lint","kind":"import-statement","external":true},{"path":"@codemirror/search","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/theme-one-dark","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@replit/codemirror-vim","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"y-codemirror.next","kind":"import-statement","external":true},{"path":"@dxos/display-name","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/text-model","kind":"import-statement","external":true},{"path":"@lezer/highlight","kind":"import-statement","external":true},{"path":"@codemirror/lang-markdown","kind":"import-statement","external":true},{"path":"@codemirror/language","kind":"import-statement","external":true},{"path":"@lezer/highlight","kind":"import-statement","external":true},{"path":"lodash.get","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@tiptap/core","kind":"import-statement","external":true},{"path":"@tiptap/extension-collaboration","kind":"import-statement","external":true},{"path":"@tiptap/extension-collaboration-cursor","kind":"import-statement","external":true},{"path":"@tiptap/extension-heading","kind":"import-statement","external":true},{"path":"@tiptap/extension-list-item","kind":"import-statement","external":true},{"path":"@tiptap/extension-placeholder","kind":"import-statement","external":true},{"path":"@tiptap/react","kind":"import-statement","external":true},{"path":"@tiptap/starter-kit","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/display-name","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/protocols/proto/dxos/echo/model/text","kind":"import-statement","external":true},{"path":"@dxos/text-model","kind":"import-statement","external":true}],"exports":["Doc","Editor","EditorModes","MarkdownEditor","RichTextEditor","TextKind","YText","YXmlFragment","useTextModel"],"entryPoint":"packages/ui/react-ui-editor/src/index.ts","inputs":{"packages/ui/react-ui-editor/src/components/Editor/Editor.tsx":{"bytesInOutput":574},"packages/ui/react-ui-editor/src/model.ts":{"bytesInOutput":619},"packages/ui/react-ui-editor/src/yjs/cursors.ts":{"bytesInOutput":565},"packages/ui/react-ui-editor/src/yjs/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-editor/src/yjs/space-provider.ts":{"bytesInOutput":3760},"packages/ui/react-ui-editor/src/components/Markdown/Markdown.tsx":{"bytesInOutput":5580},"packages/ui/react-ui-editor/src/components/Markdown/markdownTags.ts":{"bytesInOutput":891},"packages/ui/react-ui-editor/src/components/Markdown/markdownTheme.ts":{"bytesInOutput":6808},"packages/ui/react-ui-editor/src/styles/markdown.ts":{"bytesInOutput":1297},"packages/ui/react-ui-editor/src/styles/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-editor/src/styles/tokens.ts":{"bytesInOutput":94},"packages/ui/react-ui-editor/src/components/Markdown/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-editor/src/components/RichText/RichText.tsx":{"bytesInOutput":3963},"packages/ui/react-ui-editor/src/components/RichText/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-editor/src/components/Editor/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-editor/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-editor/src/index.ts":{"bytesInOutput":159}},"bytes":25410}}}
+{"inputs":{"packages/ui/react-ui-editor/src/yjs/cursors.ts":{"bytes":2630,"imports":[{"path":"lib0/random","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-editor/src/yjs/space-provider.ts":{"bytes":15633,"imports":[{"path":"lib0/decoding","kind":"import-statement","external":true},{"path":"lib0/encoding","kind":"import-statement","external":true},{"path":"lib0/observable","kind":"import-statement","external":true},{"path":"y-protocols/awareness","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-editor/src/yjs/index.ts":{"bytes":576,"imports":[{"path":"packages/ui/react-ui-editor/src/yjs/cursors.ts","kind":"import-statement","original":"./cursors"},{"path":"packages/ui/react-ui-editor/src/yjs/space-provider.ts","kind":"import-statement","original":"./space-provider"}],"format":"esm"},"packages/ui/react-ui-editor/src/model.ts":{"bytes":5003,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-editor/src/yjs/index.ts","kind":"import-statement","original":"./yjs"}],"format":"esm"},"packages/ui/react-ui-editor/src/components/Markdown/markdownTags.ts":{"bytes":4139,"imports":[{"path":"@lezer/highlight","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-editor/src/styles/markdown.ts":{"bytes":5365,"imports":[{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-editor/src/styles/tokens.ts":{"bytes":1040,"imports":[{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-editor/src/styles/index.ts":{"bytes":560,"imports":[{"path":"packages/ui/react-ui-editor/src/styles/markdown.ts","kind":"import-statement","original":"./markdown"},{"path":"packages/ui/react-ui-editor/src/styles/tokens.ts","kind":"import-statement","original":"./tokens"}],"format":"esm"},"packages/ui/react-ui-editor/src/components/Markdown/markdownTheme.ts":{"bytes":27479,"imports":[{"path":"@codemirror/lang-markdown","kind":"import-statement","external":true},{"path":"@codemirror/language","kind":"import-statement","external":true},{"path":"@lezer/highlight","kind":"import-statement","external":true},{"path":"lodash.get","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-editor/src/components/Markdown/markdownTags.ts","kind":"import-statement","original":"./markdownTags"},{"path":"packages/ui/react-ui-editor/src/styles/index.ts","kind":"import-statement","original":"../../styles"}],"format":"esm"},"packages/ui/react-ui-editor/src/components/Markdown/Markdown.tsx":{"bytes":23206,"imports":[{"path":"@codemirror/autocomplete","kind":"import-statement","external":true},{"path":"@codemirror/commands","kind":"import-statement","external":true},{"path":"@codemirror/lang-markdown","kind":"import-statement","external":true},{"path":"@codemirror/language","kind":"import-statement","external":true},{"path":"@codemirror/language-data","kind":"import-statement","external":true},{"path":"@codemirror/lint","kind":"import-statement","external":true},{"path":"@codemirror/search","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/theme-one-dark","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@replit/codemirror-vim","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"y-codemirror.next","kind":"import-statement","external":true},{"path":"@dxos/display-name","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/text-model","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-editor/src/components/Markdown/markdownTags.ts","kind":"import-statement","original":"./markdownTags"},{"path":"packages/ui/react-ui-editor/src/components/Markdown/markdownTheme.ts","kind":"import-statement","original":"./markdownTheme"}],"format":"esm"},"packages/ui/react-ui-editor/src/components/Markdown/index.ts":{"bytes":487,"imports":[{"path":"packages/ui/react-ui-editor/src/components/Markdown/Markdown.tsx","kind":"import-statement","original":"./Markdown"}],"format":"esm"},"packages/ui/react-ui-editor/src/components/RichText/RichText.tsx":{"bytes":17944,"imports":[{"path":"@tiptap/core","kind":"import-statement","external":true},{"path":"@tiptap/extension-collaboration","kind":"import-statement","external":true},{"path":"@tiptap/extension-collaboration-cursor","kind":"import-statement","external":true},{"path":"@tiptap/extension-heading","kind":"import-statement","external":true},{"path":"@tiptap/extension-list-item","kind":"import-statement","external":true},{"path":"@tiptap/extension-placeholder","kind":"import-statement","external":true},{"path":"@tiptap/react","kind":"import-statement","external":true},{"path":"@tiptap/starter-kit","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/display-name","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-editor/src/styles/index.ts","kind":"import-statement","original":"../../styles"},{"path":"packages/ui/react-ui-editor/src/yjs/index.ts","kind":"import-statement","original":"../../yjs"}],"format":"esm"},"packages/ui/react-ui-editor/src/components/RichText/index.ts":{"bytes":487,"imports":[{"path":"packages/ui/react-ui-editor/src/components/RichText/RichText.tsx","kind":"import-statement","original":"./RichText"}],"format":"esm"},"packages/ui/react-ui-editor/src/components/Editor/Editor.tsx":{"bytes":3802,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/text-model","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-editor/src/model.ts","kind":"import-statement","original":"../../model"},{"path":"packages/ui/react-ui-editor/src/components/Markdown/index.ts","kind":"import-statement","original":"../Markdown"},{"path":"packages/ui/react-ui-editor/src/components/RichText/index.ts","kind":"import-statement","original":"../RichText"}],"format":"esm"},"packages/ui/react-ui-editor/src/components/Editor/index.ts":{"bytes":483,"imports":[{"path":"packages/ui/react-ui-editor/src/components/Editor/Editor.tsx","kind":"import-statement","original":"./Editor"}],"format":"esm"},"packages/ui/react-ui-editor/src/components/TextEditor/theme.ts":{"bytes":2489,"imports":[{"path":"lodash.get","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-editor/src/components/TextEditor/TextEditor.tsx":{"bytes":11705,"imports":[{"path":"@codemirror/autocomplete","kind":"import-statement","external":true},{"path":"@codemirror/language","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/theme-one-dark","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"y-codemirror.next","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/text-model","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-editor/src/components/TextEditor/theme.ts","kind":"import-statement","original":"./theme"}],"format":"esm"},"packages/ui/react-ui-editor/src/components/TextEditor/index.ts":{"bytes":781,"imports":[{"path":"@lezer/highlight","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-editor/src/components/TextEditor/TextEditor.tsx","kind":"import-statement","original":"./TextEditor"},{"path":"packages/ui/react-ui-editor/src/components/TextEditor/theme.ts","kind":"import-statement","original":"./theme"}],"format":"esm"},"packages/ui/react-ui-editor/src/components/index.ts":{"bytes":742,"imports":[{"path":"packages/ui/react-ui-editor/src/components/Editor/index.ts","kind":"import-statement","original":"./Editor"},{"path":"packages/ui/react-ui-editor/src/components/Markdown/index.ts","kind":"import-statement","original":"./Markdown"},{"path":"packages/ui/react-ui-editor/src/components/RichText/index.ts","kind":"import-statement","original":"./RichText"},{"path":"packages/ui/react-ui-editor/src/components/TextEditor/index.ts","kind":"import-statement","original":"./TextEditor"}],"format":"esm"},"packages/ui/react-ui-editor/src/index.ts":{"bytes":1026,"imports":[{"path":"packages/ui/react-ui-editor/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-editor/src/model.ts","kind":"import-statement","original":"./model"},{"path":"@dxos/protocols/proto/dxos/echo/model/text","kind":"import-statement","external":true},{"path":"@dxos/text-model","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"packages/ui/react-ui-editor/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":60360},"packages/ui/react-ui-editor/dist/lib/browser/index.mjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/text-model","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"lib0/random","kind":"import-statement","external":true},{"path":"lib0/decoding","kind":"import-statement","external":true},{"path":"lib0/encoding","kind":"import-statement","external":true},{"path":"lib0/observable","kind":"import-statement","external":true},{"path":"y-protocols/awareness","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@codemirror/autocomplete","kind":"import-statement","external":true},{"path":"@codemirror/commands","kind":"import-statement","external":true},{"path":"@codemirror/lang-markdown","kind":"import-statement","external":true},{"path":"@codemirror/language","kind":"import-statement","external":true},{"path":"@codemirror/language-data","kind":"import-statement","external":true},{"path":"@codemirror/lint","kind":"import-statement","external":true},{"path":"@codemirror/search","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/theme-one-dark","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@replit/codemirror-vim","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"y-codemirror.next","kind":"import-statement","external":true},{"path":"@dxos/display-name","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/text-model","kind":"import-statement","external":true},{"path":"@lezer/highlight","kind":"import-statement","external":true},{"path":"@codemirror/lang-markdown","kind":"import-statement","external":true},{"path":"@codemirror/language","kind":"import-statement","external":true},{"path":"@lezer/highlight","kind":"import-statement","external":true},{"path":"lodash.get","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@tiptap/core","kind":"import-statement","external":true},{"path":"@tiptap/extension-collaboration","kind":"import-statement","external":true},{"path":"@tiptap/extension-collaboration-cursor","kind":"import-statement","external":true},{"path":"@tiptap/extension-heading","kind":"import-statement","external":true},{"path":"@tiptap/extension-list-item","kind":"import-statement","external":true},{"path":"@tiptap/extension-placeholder","kind":"import-statement","external":true},{"path":"@tiptap/react","kind":"import-statement","external":true},{"path":"@tiptap/starter-kit","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/display-name","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@lezer/highlight","kind":"import-statement","external":true},{"path":"@codemirror/autocomplete","kind":"import-statement","external":true},{"path":"@codemirror/language","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/theme-one-dark","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"y-codemirror.next","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/text-model","kind":"import-statement","external":true},{"path":"lodash.get","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/protocols/proto/dxos/echo/model/text","kind":"import-statement","external":true},{"path":"@dxos/text-model","kind":"import-statement","external":true}],"exports":["Doc","Editor","EditorModes","MarkdownEditor","RichTextEditor","TextEditor","TextKind","YText","YXmlFragment","defaultStyles","tags","useTextModel"],"entryPoint":"packages/ui/react-ui-editor/src/index.ts","inputs":{"packages/ui/react-ui-editor/src/components/Editor/Editor.tsx":{"bytesInOutput":572},"packages/ui/react-ui-editor/src/model.ts":{"bytesInOutput":619},"packages/ui/react-ui-editor/src/yjs/cursors.ts":{"bytesInOutput":565},"packages/ui/react-ui-editor/src/yjs/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-editor/src/yjs/space-provider.ts":{"bytesInOutput":3760},"packages/ui/react-ui-editor/src/components/Markdown/Markdown.tsx":{"bytesInOutput":5665},"packages/ui/react-ui-editor/src/components/Markdown/markdownTags.ts":{"bytesInOutput":891},"packages/ui/react-ui-editor/src/components/Markdown/markdownTheme.ts":{"bytesInOutput":6808},"packages/ui/react-ui-editor/src/styles/markdown.ts":{"bytesInOutput":1297},"packages/ui/react-ui-editor/src/styles/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-editor/src/styles/tokens.ts":{"bytesInOutput":94},"packages/ui/react-ui-editor/src/components/Markdown/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-editor/src/components/RichText/RichText.tsx":{"bytesInOutput":3963},"packages/ui/react-ui-editor/src/components/RichText/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-editor/src/components/Editor/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-editor/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-editor/src/components/TextEditor/index.ts":{"bytesInOutput":50},"packages/ui/react-ui-editor/src/components/TextEditor/TextEditor.tsx":{"bytesInOutput":2858},"packages/ui/react-ui-editor/src/components/TextEditor/theme.ts":{"bytesInOutput":421},"packages/ui/react-ui-editor/src/index.ts":{"bytesInOutput":159}},"bytes":29150}}}

package/dist/types/src/automerge/automerge-plugin/index.d.ts

@@ -1,3 +1,3 @@
-export { plugin } from './plugin';
+export { plugin, reconcile } from './plugin';
 export { PatchSemaphore } from './PatchSemaphore';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/automerge/automerge-plugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/automerge/automerge-plugin/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/automerge/automerge-plugin/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"automerge.stories.d.ts","sourceRoot":"","sources":["../../../../src/automerge/automerge.stories.tsx"],"names":[],"mappings":";;;AAkGA,wBAEE;AAEF,eAAO,MAAM,WAAW;;CAEvB,CAAC"}
+{"version":3,"file":"automerge.stories.d.ts","sourceRoot":"","sources":["../../../../src/automerge/automerge.stories.tsx"],"names":[],"mappings":";;;AAiGA,wBAEE;AAEF,eAAO,MAAM,WAAW;;CAEvB,CAAC"}

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

@@ -1 +1 @@
-{"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"}
+{"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,+FA4I1B,CAAC"}

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

@@ -1 +1 @@
-{"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"}
+{"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;AAIF,eAAO,MAAM,OAAO;;;CAyBnB,CAAC"}

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

@@ -0,0 +1,39 @@
+import { EditorState, type Extension } from '@codemirror/state';
+import { EditorView } from '@codemirror/view';
+import React, { type KeyboardEvent, type HTMLAttributes } from 'react';
+import { type StyleSpec } from 'style-mod';
+import { type EditorModel, type EditorSlots } from '../../model';
+export type CursorInfo = {
+    from: number;
+    to: number;
+    line: number;
+    lines: number;
+    after?: string;
+};
+export type TextEditorRef = {
+    editor: HTMLDivElement | null;
+    state?: EditorState;
+    view?: EditorView;
+};
+export type TextEditorProps = {
+    model?: EditorModel;
+    extensions?: Extension[];
+    theme?: {
+        [selector: string]: StyleSpec;
+    };
+    slots?: EditorSlots;
+    onKeyDown?: (event: KeyboardEvent, info: CursorInfo) => void;
+} & Pick<HTMLAttributes<HTMLDivElement>, 'onBlur' | 'onFocus'>;
+/**
+ * Simple text editor.
+ */
+export declare const TextEditor: React.ForwardRefExoticComponent<{
+    model?: EditorModel | undefined;
+    extensions?: Extension[] | undefined;
+    theme?: {
+        [selector: string]: StyleSpec;
+    } | undefined;
+    slots?: EditorSlots | undefined;
+    onKeyDown?: ((event: KeyboardEvent, info: CursorInfo) => void) | undefined;
+} & Pick<React.HTMLAttributes<HTMLDivElement>, "onFocus" | "onBlur"> & React.RefAttributes<TextEditorRef>>;
+//# sourceMappingURL=TextEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextEditor/TextEditor.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEhE,OAAO,EAAE,UAAU,EAAe,MAAM,kBAAkB,CAAC;AAC3D,OAAO,KAAK,EAAE,EACZ,KAAK,aAAa,EAMlB,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAO3C,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAEjE,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE;QACN,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;KAC/B,CAAC;IACF,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CAC9D,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC,CAAC;AAE/D;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;;yBAND,aAAa,QAAQ,UAAU,KAAK,IAAI;0GAiF7D,CAAC"}

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

@@ -0,0 +1,17 @@
+import '@dxosTheme';
+import React from 'react';
+declare const _default: {
+    component: React.ForwardRefExoticComponent<{
+        model?: import("../../model").EditorModel | undefined;
+        extensions?: import("@codemirror/state").Extension[] | undefined;
+        theme?: {
+            [selector: string]: import("style-mod").StyleSpec;
+        } | undefined;
+        slots?: import("../../model").EditorSlots | undefined;
+        onKeyDown?: ((event: React.KeyboardEvent<Element>, info: import("./TextEditor").CursorInfo) => void) | undefined;
+    } & Pick<React.HTMLAttributes<HTMLDivElement>, "onFocus" | "onBlur"> & React.RefAttributes<import("./TextEditor").TextEditorRef>>;
+    render: () => JSX.Element;
+};
+export default _default;
+export declare const Default: {};
+//# sourceMappingURL=TextEditor.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditor.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextEditor/TextEditor.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AACpB,OAAO,KAAmB,MAAM,OAAO,CAAC;;;;;;;;;;;;;AAoBxC,wBAGE;AAEF,eAAO,MAAM,OAAO,IAAK,CAAC"}

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

@@ -0,0 +1,5 @@
+export { type StyleSpec } from 'style-mod';
+export { tags } from '@lezer/highlight';
+export * from './TextEditor';
+export * from './theme';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextEditor/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/dist/types/src/components/TextEditor/theme.d.ts

@@ -0,0 +1,8 @@
+import { type StyleSpec } from 'style-mod';
+/**
+ * https://codemirror.net/examples/styling
+ */
+export declare const defaultStyles: {
+    [selector: string]: StyleSpec;
+};
+//# sourceMappingURL=theme.d.ts.map

package/dist/types/src/components/TextEditor/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextEditor/theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAM3C;;GAEG;AAEH,eAAO,MAAM,aAAa,EAAE;IAC1B,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;CAY/B,CAAC"}

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

@@ -1,4 +1,5 @@
 export * from './Editor';
 export * from './Markdown';
 export * from './RichText';
+export * from './TextEditor';
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/types/src/testing/replicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"replicator.d.ts","sourceRoot":"","sources":["../../../../src/testing/replicator.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,KAAK,iBAAiB,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAC;AAEtE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,KAAK,SAAS,GAAG,iBAAiB,CAAC,SAAS,CAAC;AAM7C;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,UAAU,CAAC,GAAG,CAAC;IACpD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAoB;IAClD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAY;IACvC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAM;gBAEf,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE;QAAE,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;QAAC,GAAG,EAAE,GAAG,CAAC;QAAC,SAAS,CAAC,EAAE,SAAS,CAAA;KAAE;IA+BtG,IAAI,SAAS,IAAI,SAAS,CAEzB;IAED,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,sBAAsB;IAY9B,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,YAAY;IA0CpB,OAAO,CAAC,mBAAmB;CAG5B;AAED;;GAEG;AACH,qBAAa,UAAU;IAIT,OAAO,CAAC,QAAQ,CAAC,KAAK;IAHlC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA2B;IACnD,OAAO,CAAC,MAAM,CAAqB;gBAEN,KAAK,EAAE,QAAQ;IAE5C,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE;IAI7B,UAAU,OAAQ,MAAM,QAAO,GAAG,KAAe,WAAW,CAmB1D;CACH;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,UAAU,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,CAAC,EAAE,GAAG,CAAC;CACX,CAAC;AAEF,eAAO,MAAM,WAAW,4BAA6B,kBAAkB,KAAG,WAIzE,CAAC"}
+{"version":3,"file":"replicator.d.ts","sourceRoot":"","sources":["../../../../src/testing/replicator.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,KAAK,iBAAiB,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAC;AAEtE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,KAAK,SAAS,GAAG,iBAAiB,CAAC,SAAS,CAAC;AAM7C;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,UAAU,CAAC,GAAG,CAAC;IACpD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAoB;IAClD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAY;IACvC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAM;gBAEf,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE;QAAE,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;QAAC,GAAG,EAAE,GAAG,CAAC;QAAC,SAAS,CAAC,EAAE,SAAS,CAAA;KAAE;IA+BtG,IAAI,SAAS,IAAI,SAAS,CAEzB;IAED,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,sBAAsB;IAY9B,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,YAAY;IA0CpB,OAAO,CAAC,mBAAmB;CAG5B;AAED;;GAEG;AACH,qBAAa,UAAU;IAIT,OAAO,CAAC,QAAQ,CAAC,KAAK;IAHlC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA2B;IACnD,OAAO,CAAC,MAAM,CAAqB;gBAEN,KAAK,EAAE,QAAQ;IAE5C,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE;IAI7B,UAAU,OAAQ,MAAM,QAAO,GAAG,KAAe,WAAW,CAmB1D;CACH;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,UAAU,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,CAAC,EAAE,GAAG,CAAC;CACX,CAAC;AAEF,eAAO,MAAM,WAAW,4BAA6B,kBAAkB,KAAG,WAGzE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui-editor",
-  "version": "0.3.9-main.3fcc0fa",
+  "version": "0.3.9-main.4e39f3a",
   "description": "Document editing experience within a DXOS shell.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -43,19 +43,20 @@
     "prosemirror-model": "^1.19.0",
     "prosemirror-state": "^1.4.2",
     "prosemirror-view": "^1.30.1",
+    "style-mod": "^4.1.0",
     "y-codemirror.next": "^0.3.2",
     "y-prosemirror": "~1.0.20",
     "y-protocols": "^1.0.5",
-    "yjs": "^13.6.8",
-    "@dxos/display-name": "0.3.9-main.3fcc0fa",
-    "@dxos/debug": "0.3.9-main.3fcc0fa",
-    "@dxos/log": "0.3.9-main.3fcc0fa",
-    "@dxos/protocols": "0.3.9-main.3fcc0fa",
-    "@dxos/react-async": "0.3.9-main.3fcc0fa",
-    "@dxos/react-ui-theme": "0.3.9-main.3fcc0fa",
-    "@dxos/text-model": "0.3.9-main.3fcc0fa",
-    "@dxos/react-ui": "0.3.9-main.3fcc0fa",
-    "@dxos/util": "0.3.9-main.3fcc0fa"
+    "yjs": "^13.6.10",
+    "@dxos/debug": "0.3.9-main.4e39f3a",
+    "@dxos/log": "0.3.9-main.4e39f3a",
+    "@dxos/display-name": "0.3.9-main.4e39f3a",
+    "@dxos/protocols": "0.3.9-main.4e39f3a",
+    "@dxos/react-ui-theme": "0.3.9-main.4e39f3a",
+    "@dxos/text-model": "0.3.9-main.4e39f3a",
+    "@dxos/react-ui": "0.3.9-main.4e39f3a",
+    "@dxos/react-async": "0.3.9-main.4e39f3a",
+    "@dxos/util": "0.3.9-main.4e39f3a"
   },
   "devDependencies": {
     "@codemirror/basic-setup": "^0.20.0",
@@ -65,16 +66,16 @@
     "@types/react-dom": "^18.0.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "@dxos/config": "0.3.9-main.3fcc0fa",
-    "@dxos/automerge": "0.3.9-main.3fcc0fa",
-    "@dxos/echo-schema": "0.3.9-main.3fcc0fa",
-    "@dxos/react-client": "0.3.9-main.3fcc0fa",
-    "@dxos/echo-typegen": "0.3.9-main.3fcc0fa"
+    "@dxos/automerge": "0.3.9-main.4e39f3a",
+    "@dxos/config": "0.3.9-main.4e39f3a",
+    "@dxos/echo-schema": "0.3.9-main.4e39f3a",
+    "@dxos/react-client": "0.3.9-main.4e39f3a",
+    "@dxos/echo-typegen": "0.3.9-main.4e39f3a"
   },
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "@dxos/react-client": "0.3.9-main.3fcc0fa"
+    "@dxos/react-client": "0.3.9-main.4e39f3a"
   },
   "publishConfig": {
     "access": "public"

package/src/automerge/automerge-plugin/index.ts

@@ -2,5 +2,5 @@
 // Copyright 2023 DXOS.org
 //
 
-export { plugin } from './plugin';
+export { plugin, reconcile } from './plugin';
 export { PatchSemaphore } from './PatchSemaphore';

package/src/automerge/automerge.stories.tsx

@@ -8,8 +8,7 @@ import React, { useEffect, useRef, useState } from 'react';
 
 import { type Prop, next as automerge } from '@dxos/automerge/automerge';
 
-import { plugin as amgPlugin } from './automerge-plugin';
-import { reconcile } from './automerge-plugin/plugin';
+import { plugin as amgPlugin, reconcile } from './automerge-plugin';
 import { Peer } from './demo';
 
 type EditorProps = {

package/src/components/Editor/Editor.stories.tsx

@@ -19,7 +19,7 @@ export default {
   component: Editor,
 };
 
-const Story = ({ spaceKey, ...args }: Pick<EditorProps, 'slots'> & { spaceKey: PublicKey }) => {
+const Story = ({ spaceKey, ...params }: Pick<EditorProps, 'slots'> & { spaceKey: PublicKey }) => {
   const [generate, setGenerate] = useState(false);
   const generateId = useId('generate');
 
@@ -39,7 +39,7 @@ const Story = ({ spaceKey, ...args }: Pick<EditorProps, 'slots'> & { spaceKey: P
         Generate Data
       </div>
       {document?.content.toString().length}
-      <Editor identity={identity} space={space} text={document?.content} {...args} />
+      <Editor identity={identity} space={space} text={document?.content} {...params} />
     </main>
   );
 };

package/src/components/Editor/Editor.tsx

@@ -22,8 +22,8 @@ export type EditorProps = UseTextModelOptions & {
 // 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);
+  forwardRef<TipTapEditor | MarkdownEditorRef, EditorProps>(({ slots, ...params }, forwardedRef) => {
+    const model = useTextModel(params);
     if (model?.content instanceof YXmlFragment) {
       return <RichTextEditor ref={forwardedRef as Ref<TipTapEditor>} model={model} slots={slots} />;
     } else {

package/src/components/Markdown/Markdown.stories.tsx

@@ -28,6 +28,7 @@ export const Default = {
 };
 
 const replicator = new Replicator(TextKind.PLAIN);
+
 export const WithYjs = {
   render: () => {
     const [generate, setGenerate] = useState(false);

package/src/components/Markdown/Markdown.tsx

@@ -68,7 +68,7 @@ export type MarkdownEditorRef = {
 };
 
 export const MarkdownEditor = forwardRef<MarkdownEditorRef, MarkdownEditorProps>(
-  ({ model, slots = {}, onChange, editorMode }, forwardedRef) => {
+  ({ model, slots = {}, editorMode, onChange }, forwardedRef) => {
     const { id, content, provider, peer } = model ?? {};
     const { themeMode } = useThemeContext();
     const tabsterDOMAttribute = useFocusableGroup({ tabBehavior: 'limited' });
@@ -148,7 +148,8 @@ export const MarkdownEditor = forwardRef<MarkdownEditorRef, MarkdownEditorProps>
             indentWithTab,
           ]),
           EditorView.lineWrapping,
-          // Theme
+
+          // Themes.
           markdown({ base: markdownLanguage, codeLanguages: languages, extensions: [markdownTagsExtension] }),
           EditorView.theme({ ...markdownTheme, ...slots.editor?.markdownTheme }),
           ...(themeMode === 'dark'
@@ -157,7 +158,7 @@ export const MarkdownEditor = forwardRef<MarkdownEditorRef, MarkdownEditorProps>
           // TODO(thure): All but one rule here apply to both themes; rename or refactor.
           syntaxHighlighting(markdownDarkHighlighting),
 
-          // Collaboration
+          // Replication and awareness (incl. remote selection).
           ...(content instanceof YText ? [yCollab(content, provider?.awareness)] : []),
         ],
       });
@@ -178,15 +179,18 @@ export const MarkdownEditor = forwardRef<MarkdownEditorRef, MarkdownEditorProps>
     }, [parent, content, provider?.awareness, themeMode, editorMode]);
 
     const handleKeyUp = useCallback(
-      ({ key, altKey, shiftKey, metaKey, ctrlKey }: KeyboardEvent) => {
+      (event: KeyboardEvent) => {
+        const { key, altKey, shiftKey, metaKey, ctrlKey } = event;
         switch (key) {
-          case 'Enter':
+          case 'Enter': {
             view?.contentDOM.focus();
             break;
+          }
 
-          case 'Escape':
+          case 'Escape': {
             editorMode === 'vim' && (altKey || shiftKey || metaKey || ctrlKey) && parent?.focus();
             break;
+          }
         }
       },
       [view, editorMode],
@@ -195,11 +199,11 @@ export const MarkdownEditor = forwardRef<MarkdownEditorRef, MarkdownEditorProps>
     return (
       <div
         tabIndex={0}
+        ref={setParent}
         key={id}
         {...slots.root}
-        onKeyUp={handleKeyUp}
         {...(editorMode !== 'vim' ? tabsterDOMAttribute : {})}
-        ref={setParent}
+        onKeyUp={handleKeyUp}
       />
     );
   },

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

@@ -0,0 +1,31 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import '@dxosTheme';
+import React, { useState } from 'react';
+
+import { TextObject } from '@dxos/echo-schema';
+import { fixedInsetFlexLayout, groupSurface, inputSurface, mx } from '@dxos/react-ui-theme';
+
+import { TextEditor } from './TextEditor';
+import { useTextModel } from '../../model';
+
+const Story = () => {
+  const [item] = useState({ text: new TextObject('Hello world!') });
+  const model = useTextModel({ text: item.text });
+
+  return (
+    <div className={mx(fixedInsetFlexLayout, groupSurface, 'p-4 gap-4')}>
+      <TextEditor model={model} slots={{ root: { className: mx(inputSurface, 'px-2') } }} />
+      <pre>{JSON.stringify(model?.content?.toString(), null, 2)}</pre>
+    </div>
+  );
+};
+
+export default {
+  component: TextEditor,
+  render: Story,
+};
+
+export const Default = {};

package/src/components/TextEditor/TextEditor.tsx

@@ -0,0 +1,130 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { closeBrackets } from '@codemirror/autocomplete';
+import { bracketMatching, defaultHighlightStyle, syntaxHighlighting } from '@codemirror/language';
+import { EditorState, type Extension } from '@codemirror/state';
+import { oneDarkHighlightStyle } from '@codemirror/theme-one-dark';
+import { EditorView, placeholder } from '@codemirror/view';
+import React, {
+  type KeyboardEvent,
+  forwardRef,
+  useEffect,
+  useImperativeHandle,
+  useState,
+  useCallback,
+  type HTMLAttributes,
+} from 'react';
+import { type StyleSpec } from 'style-mod';
+import { yCollab } from 'y-codemirror.next';
+
+import { useThemeContext } from '@dxos/react-ui';
+import { YText } from '@dxos/text-model';
+
+import { defaultStyles } from './theme';
+import { type EditorModel, type EditorSlots } from '../../model';
+
+export type CursorInfo = {
+  from: number;
+  to: number;
+  line: number;
+  lines: number;
+  after?: string;
+};
+
+export type TextEditorRef = {
+  editor: HTMLDivElement | null;
+  state?: EditorState;
+  view?: EditorView;
+};
+
+export type TextEditorProps = {
+  model?: EditorModel;
+  extensions?: Extension[];
+  theme?: {
+    [selector: string]: StyleSpec;
+  };
+  slots?: EditorSlots;
+  onKeyDown?: (event: KeyboardEvent, info: CursorInfo) => void;
+} & Pick<HTMLAttributes<HTMLDivElement>, 'onBlur' | 'onFocus'>;
+
+/**
+ * Simple text editor.
+ */
+export const TextEditor = forwardRef<TextEditorRef, TextEditorProps>(
+  ({ model, extensions = [], theme = defaultStyles, slots = {}, onKeyDown, ...props }, forwardedRef) => {
+    const { id, content } = model ?? {};
+    const { themeMode } = useThemeContext();
+
+    const [parent, setParent] = useState<HTMLDivElement | null>(null);
+    const [state, setState] = useState<EditorState>();
+    const [view, setView] = useState<EditorView>();
+
+    // TODO(burdon): The ref may be instantiated before the view is created.
+    useImperativeHandle(
+      forwardedRef,
+      () => {
+        return {
+          editor: parent,
+          state,
+          view,
+        };
+      },
+      [view],
+    );
+
+    useEffect(() => {
+      if (!parent) {
+        return;
+      }
+
+      view?.destroy();
+
+      const state = EditorState.create({
+        doc: content?.toString(),
+        extensions: [
+          bracketMatching(),
+          closeBrackets(),
+          placeholder(slots.editor?.placeholder ?? ''),
+          EditorView.lineWrapping,
+
+          // Themes.
+          EditorView.theme(theme),
+          ...(themeMode === 'dark'
+            ? [syntaxHighlighting(oneDarkHighlightStyle)]
+            : [syntaxHighlighting(defaultHighlightStyle)]),
+
+          // Replication.
+          ...(content instanceof YText ? [yCollab(content, undefined)] : []),
+
+          // Custom.
+          ...extensions,
+        ],
+      });
+
+      setState(state);
+      setView(new EditorView({ state, parent }));
+
+      return () => {
+        view?.destroy();
+        setView(undefined);
+        setState(undefined);
+      };
+    }, [parent, content, themeMode]);
+
+    const handleKeyDown = useCallback(
+      (event: KeyboardEvent) => {
+        if (view) {
+          const { head, from, to } = view.state.selection.ranges[0];
+          const { number } = view.state.doc.lineAt(head);
+          const after = view.state.sliceDoc(from);
+          onKeyDown?.(event, { from, to, line: number, lines: view.state.doc.lines, after });
+        }
+      },
+      [view],
+    );
+
+    return <div key={id} ref={setParent} {...slots.root} onKeyDown={handleKeyDown} {...props} />;
+  },
+);

package/src/components/TextEditor/index.ts

@@ -0,0 +1,9 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+export { type StyleSpec } from 'style-mod';
+export { tags } from '@lezer/highlight';
+
+export * from './TextEditor';
+export * from './theme';

package/src/components/TextEditor/theme.ts

@@ -0,0 +1,29 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import get from 'lodash.get';
+import { type StyleSpec } from 'style-mod';
+
+import { tailwindConfig, type TailwindConfig } from '@dxos/react-ui-theme';
+
+const tokens: TailwindConfig['theme'] = tailwindConfig({}).theme;
+
+/**
+ * https://codemirror.net/examples/styling
+ */
+// TODO(burdon): If given a "theme" suffix, `__docgen` properties are added to the object.
+export const defaultStyles: {
+  [selector: string]: StyleSpec;
+} = {
+  '&.cm-focused': {
+    outline: 'none',
+  },
+  '.cm-placeholder': {
+    fontFamily: get(tokens, 'fontFamily.body', []).join(','),
+  },
+  '& .cm-scroller': {
+    fontFamily: get(tokens, 'fontFamily.body', []).join(','),
+    overflow: 'visible',
+  },
+};

package/src/components/index.ts

@@ -5,3 +5,4 @@
 export * from './Editor';
 export * from './Markdown';
 export * from './RichText';
+export * from './TextEditor';

package/src/testing/replicator.ts

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