@dxos/react-ui-editor 0.7.4 → 0.7.5-main.9d26e3a

package/dist/lib/node/index.cjs

@@ -29,7 +29,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var node_exports = {};
 __export(node_exports, {
   Cursor: () => Cursor,
+  EditorInputMode: () => EditorInputMode,
   EditorInputModes: () => EditorInputModes,
+  EditorState: () => import_state.EditorState,
+  EditorView: () => import_view.EditorView,
+  EditorViewMode: () => EditorViewMode,
   EditorViewModes: () => EditorViewModes,
   Inline: () => Inline,
   InputModeExtensions: () => InputModeExtensions,
@@ -135,6 +139,7 @@ __export(node_exports, {
   wrapWithCatch: () => wrapWithCatch
 });
 module.exports = __toCommonJS(node_exports);
+var import_state = require("@codemirror/state");
 var import_view = require("@codemirror/view");
 var import_highlight = require("@lezer/highlight");
 var import_text = require("@dxos/protocols/proto/dxos/echo/model/text");
@@ -144,10 +149,10 @@ var import_react2 = __toESM(require("react"));
 var import_react_dropzone = require("react-dropzone");
 var import_react_ui = require("@dxos/react-ui");
 var import_react_ui_theme = require("@dxos/react-ui-theme");
-var import_state = require("@codemirror/state");
+var import_state2 = require("@codemirror/state");
 var import_view2 = require("@codemirror/view");
 var import_util = require("@dxos/util");
-var import_state2 = require("@codemirror/state");
+var import_state3 = require("@codemirror/state");
 var import_log = require("@dxos/log");
 var import_react3 = __toESM(require("react"));
 var import_client = require("react-dom/client");
@@ -156,16 +161,16 @@ var import_react_ui_theme2 = require("@dxos/react-ui-theme");
 var import_autocomplete = require("@codemirror/autocomplete");
 var import_lang_markdown = require("@codemirror/lang-markdown");
 var import_view3 = require("@codemirror/view");
-var import_state3 = require("@codemirror/state");
+var import_state4 = require("@codemirror/state");
 var import_view4 = require("@codemirror/view");
 var import_automerge = require("@dxos/automerge/automerge");
 var import_log2 = require("@dxos/log");
 var import_echo = require("@dxos/react-client/echo");
-var import_state4 = require("@codemirror/state");
+var import_state5 = require("@codemirror/state");
 var import_automerge2 = require("@dxos/automerge/automerge");
 var import_automerge3 = require("@dxos/automerge/automerge");
-var import_state5 = require("@codemirror/state");
 var import_state6 = require("@codemirror/state");
+var import_state7 = require("@codemirror/state");
 var import_view5 = require("@codemirror/view");
 var import_async = require("@dxos/async");
 var import_context = require("@dxos/context");
@@ -177,31 +182,31 @@ var import_view6 = require("@codemirror/view");
 var import_lodash = __toESM(require("lodash.defaultsdeep"));
 var import_invariant2 = require("@dxos/invariant");
 var import_view7 = require("@codemirror/view");
-var import_state7 = require("@codemirror/state");
-var import_view8 = require("@codemirror/view");
 var import_state8 = require("@codemirror/state");
+var import_view8 = require("@codemirror/view");
+var import_state9 = require("@codemirror/state");
 var import_view9 = require("@codemirror/view");
 var import_commands = require("@codemirror/commands");
-var import_state9 = require("@codemirror/state");
+var import_state10 = require("@codemirror/state");
 var import_view10 = require("@codemirror/view");
 var import_lodash2 = __toESM(require("lodash.sortby"));
 var import_react4 = require("react");
 var import_async3 = require("@dxos/async");
 var import_log4 = require("@dxos/log");
 var import_util2 = require("@dxos/util");
-var import_state10 = require("@codemirror/state");
+var import_state11 = require("@codemirror/state");
 var import_view11 = require("@codemirror/view");
 var import_async4 = require("@dxos/async");
 var import_invariant3 = require("@dxos/invariant");
 var import_util3 = require("@dxos/util");
 var import_language = require("@codemirror/language");
-var import_state11 = require("@codemirror/state");
+var import_state12 = require("@codemirror/state");
 var import_view12 = require("@codemirror/view");
 var import_autocomplete2 = require("@codemirror/autocomplete");
 var import_commands2 = require("@codemirror/commands");
 var import_language2 = require("@codemirror/language");
 var import_search = require("@codemirror/search");
-var import_state12 = require("@codemirror/state");
+var import_state13 = require("@codemirror/state");
 var import_theme_one_dark = require("@codemirror/theme-one-dark");
 var import_view13 = require("@codemirror/view");
 var import_lodash3 = __toESM(require("lodash.defaultsdeep"));
@@ -210,7 +215,7 @@ var import_display_name = require("@dxos/display-name");
 var import_log5 = require("@dxos/log");
 var import_react_ui_theme3 = require("@dxos/react-ui-theme");
 var import_util4 = require("@dxos/util");
-var import_state13 = require("@codemirror/state");
+var import_state14 = require("@codemirror/state");
 var import_view14 = require("@codemirror/view");
 var import_react_ui_theme4 = require("@dxos/react-ui-theme");
 var import_lodash5 = __toESM(require("lodash.get"));
@@ -222,7 +227,7 @@ var import_react_ui3 = require("@dxos/react-ui");
 var import_view16 = require("@codemirror/view");
 var import_autocomplete3 = require("@codemirror/autocomplete");
 var import_language4 = require("@codemirror/language");
-var import_state14 = require("@codemirror/state");
+var import_state15 = require("@codemirror/state");
 var import_view17 = require("@codemirror/view");
 var import_react6 = require("react");
 var import_autocomplete4 = require("@codemirror/autocomplete");
@@ -237,21 +242,21 @@ var import_language6 = require("@codemirror/language");
 var import_highlight2 = require("@lezer/highlight");
 var import_markdown = require("@lezer/markdown");
 var import_language7 = require("@codemirror/language");
-var import_state15 = require("@codemirror/state");
-var import_language8 = require("@codemirror/language");
 var import_state16 = require("@codemirror/state");
+var import_language8 = require("@codemirror/language");
+var import_state17 = require("@codemirror/state");
 var import_view19 = require("@codemirror/view");
 var import_invariant4 = require("@dxos/invariant");
 var import_react_ui_theme6 = require("@dxos/react-ui-theme");
 var import_language9 = require("@codemirror/language");
-var import_state17 = require("@codemirror/state");
+var import_state18 = require("@codemirror/state");
 var import_view20 = require("@codemirror/view");
 var import_language10 = require("@codemirror/language");
-var import_state18 = require("@codemirror/state");
+var import_state19 = require("@codemirror/state");
 var import_view21 = require("@codemirror/view");
 var import_view22 = require("@codemirror/view");
 var import_language11 = require("@codemirror/language");
-var import_state19 = require("@codemirror/state");
+var import_state20 = require("@codemirror/state");
 var import_view23 = require("@codemirror/view");
 var import_language12 = require("@codemirror/language");
 var import_view24 = require("@codemirror/view");
@@ -261,10 +266,11 @@ var import_log6 = require("@dxos/log");
 var import_view25 = require("@codemirror/view");
 var import_codemirror_vim = require("@replit/codemirror-vim");
 var import_codemirror_vscode_keymap = require("@replit/codemirror-vscode-keymap");
+var import_echo_schema = require("@dxos/echo-schema");
 var import_view26 = require("@codemirror/view");
 var import_view27 = require("@codemirror/view");
 var import_react_ui_theme8 = require("@dxos/react-ui-theme");
-var import_state20 = require("@codemirror/state");
+var import_state21 = require("@codemirror/state");
 var import_view28 = require("@codemirror/view");
 var import_react_tabster = require("@fluentui/react-tabster");
 var import_react7 = require("react");
@@ -303,7 +309,7 @@ var translations_default = [
     }
   }
 ];
-var singleValueFacet = (defaultValue) => import_state2.Facet.define({
+var singleValueFacet = (defaultValue) => import_state3.Facet.define({
   // Called immediately.
   combine: (providers) => {
     return providers[0] ?? defaultValue;
@@ -465,7 +471,7 @@ var annotations = (options = {}) => {
     }
     return annotations2;
   };
-  const annotationsState = import_state.StateField.define({
+  const annotationsState = import_state2.StateField.define({
     create: (state) => {
       return match(state);
     },
@@ -563,11 +569,11 @@ var cursorConverter = (accessor) => ({
 });
 var getPath = (state, field) => state.field(field).path;
 var getLastHeads = (state, field) => state.field(field).lastHeads;
-var updateHeadsEffect = import_state4.StateEffect.define({});
+var updateHeadsEffect = import_state5.StateEffect.define({});
 var updateHeads = (newHeads) => updateHeadsEffect.of({
   newHeads
 });
-var reconcileAnnotation = import_state4.Annotation.define();
+var reconcileAnnotation = import_state5.Annotation.define();
 var isReconcile = (tr) => {
   return !!tr.annotation(reconcileAnnotation);
 };
@@ -603,7 +609,7 @@ var updateCodeMirror = (view, selection, target, patches) => {
   for (const patch of patches) {
     const changeSpec = handlePatch(patch, target, view.state);
     if (changeSpec != null) {
-      const changeSet = import_state5.ChangeSet.of(changeSpec, view.state.doc.length, "\n");
+      const changeSet = import_state6.ChangeSet.of(changeSpec, view.state.doc.length, "\n");
       selection = selection.map(changeSet, 1);
       view.dispatch({
         changes: changeSet,
@@ -746,7 +752,7 @@ var Syncer = class {
   }
 };
 var automerge = (accessor) => {
-  const syncState = import_state3.StateField.define({
+  const syncState = import_state4.StateField.define({
     create: () => ({
       path: accessor.path.slice(),
       lastHeads: import_automerge.next.getHeads(accessor.handle.docSync()),
@@ -813,7 +819,7 @@ var dummyProvider = {
   }
 };
 var awarenessProvider = singleValueFacet(dummyProvider);
-var RemoteSelectionChangedAnnotation = import_state6.Annotation.define();
+var RemoteSelectionChangedAnnotation = import_state7.Annotation.define();
 var awareness = (provider = dummyProvider) => {
   return [
     awarenessProvider.of(provider),
@@ -829,7 +835,7 @@ var RemoteSelectionsDecorator = class {
       F: __dxlog_file3,
       L: 80
     });
-    this.decorations = import_state6.RangeSet.of([]);
+    this.decorations = import_state7.RangeSet.of([]);
     this._cursorConverter = view.state.facet(Cursor.converter);
     this._provider = view.state.facet(awarenessProvider);
     this._provider.open();
@@ -1436,7 +1442,7 @@ var random = (min, max) => {
   return min + ~~(Math.random() * (max - min + 1));
 };
 var commandConfig = singleValueFacet();
-var commandState = import_state8.StateField.define({
+var commandState = import_state9.StateField.define({
   create: () => ({}),
   update: (state, tr) => {
     for (const effect of tr.effects) {
@@ -1495,8 +1501,8 @@ var commandState = import_state8.StateField.define({
     import_view9.showTooltip.from(field, (value) => value.tooltip ?? null)
   ]
 });
-var openEffect = import_state8.StateEffect.define();
-var closeEffect = import_state8.StateEffect.define();
+var openEffect = import_state9.StateEffect.define();
+var closeEffect = import_state9.StateEffect.define();
 var openCommand = (view) => {
   if (view.state.field(commandState, false)) {
     const selection = view.state.selection.main;
@@ -1576,7 +1582,7 @@ var hintViewPlugin = ({ onHint }) => import_view8.ViewPlugin.fromClass(class {
     this.deco = import_view8.Decoration.none;
   }
   update(update2) {
-    const builder = new import_state7.RangeSetBuilder();
+    const builder = new import_state8.RangeSetBuilder();
     const cState = update2.view.state.field(commandState, false);
     if (!cState?.tooltip) {
       const selection = update2.view.state.selection.main;
@@ -1618,7 +1624,7 @@ var createEditorStateTransaction = ({ scrollTo, selection }) => {
     effects: scrollTo ? import_view11.EditorView.scrollIntoView(scrollTo, {
       yMargin: 96
     }) : void 0,
-    annotations: import_state10.Transaction.userEvent.of(stateRestoreAnnotation)
+    annotations: import_state11.Transaction.userEvent.of(stateRestoreAnnotation)
   };
 };
 var createEditorStateStore = (keyPrefix) => ({
@@ -1695,10 +1701,10 @@ var selectionState = ({ getState, setState } = {}) => {
   ].filter(import_util3.isNotFalsy);
 };
 var __dxlog_file7 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-editor/src/extensions/comments.ts";
-var setComments = import_state9.StateEffect.define();
-var setSelection = import_state9.StateEffect.define();
-var setCommentState = import_state9.StateEffect.define();
-var commentsState = import_state9.StateField.define({
+var setComments = import_state10.StateEffect.define();
+var setSelection = import_state10.StateEffect.define();
+var setCommentState = import_state10.StateEffect.define();
+var commentsState = import_state10.StateField.define({
   create: (state) => ({
     id: state.facet(documentId),
     comments: [],
@@ -1778,7 +1784,7 @@ var commentsDecorations = import_view10.EditorView.decorations.compute([
   }).filter(import_util2.nonNullable);
   return import_view10.Decoration.set(decorations);
 });
-var commentClickedEffect = import_state9.StateEffect.define();
+var commentClickedEffect = import_state10.StateEffect.define();
 var handleCommentClick = import_view10.EditorView.domEventHandlers({
   click: (event, view) => {
     let target = event.target;
@@ -1896,7 +1902,7 @@ var mapTrackedComment = (comment, changes) => ({
   from: changes.mapPos(comment.from, 1),
   to: changes.mapPos(comment.to, 1)
 });
-var restoreCommentEffect = import_state9.StateEffect.define({
+var restoreCommentEffect = import_state10.StateEffect.define({
   map: mapTrackedComment
 });
 var createComment = (view) => {
@@ -2166,7 +2172,7 @@ var debugNodeLogger = (log8 = console.log) => {
   const logTokens = (state) => (0, import_language.syntaxTree)(state).iterate({
     enter: (node) => log8(node.type)
   });
-  return import_state11.StateField.define({
+  return import_state12.StateField.define({
     create: (state) => logTokens(state),
     update: (_, tr) => logTokens(tr.state)
   });
@@ -2204,8 +2210,8 @@ var dropFile = (options = {}) => {
     })
   ];
 };
-var focusEffect = import_state13.StateEffect.define();
-var focusField = import_state13.StateField.define({
+var focusEffect = import_state14.StateEffect.define();
+var focusField = import_state14.StateField.define({
   create: () => false,
   update: (value, tr) => {
     for (const effect of tr.effects) {
@@ -2451,7 +2457,7 @@ var defaultTheme = {
   }
 };
 var __dxlog_file8 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-editor/src/extensions/factories.ts";
-var preventNewline = import_state12.EditorState.transactionFilter.of((tr) => tr.newDoc.lines > 1 ? [] : tr);
+var preventNewline = import_state13.EditorState.transactionFilter.of((tr) => tr.newDoc.lines > 1 ? [] : tr);
 var defaultBasicOptions = {
   allowMultipleSelections: true,
   bracketMatching: true,
@@ -2482,7 +2488,7 @@ var createBasicExtensions = (_props) => {
         C: (f, a) => f(...a)
       });
     }),
-    props.allowMultipleSelections && import_state12.EditorState.allowMultipleSelections.of(true),
+    props.allowMultipleSelections && import_state13.EditorState.allowMultipleSelections.of(true),
     props.bracketMatching && (0, import_language2.bracketMatching)(),
     props.closeBrackets && (0, import_autocomplete2.closeBrackets)(),
     props.dropCursor && (0, import_view13.dropCursor)(),
@@ -2496,11 +2502,11 @@ var createBasicExtensions = (_props) => {
     props.lineWrapping && import_view13.EditorView.lineWrapping,
     props.placeholder && (0, import_view13.placeholder)(props.placeholder),
     props.readonly && [
-      import_state12.EditorState.readOnly.of(true),
+      import_state13.EditorState.readOnly.of(true),
       import_view13.EditorView.editable.of(false)
     ],
     props.scrollPastEnd && (0, import_view13.scrollPastEnd)(),
-    props.tabSize && import_state12.EditorState.tabSize.of(props.tabSize),
+    props.tabSize && import_state13.EditorState.tabSize.of(props.tabSize),
     // https://codemirror.net/docs/ref/#view.KeyBinding
     import_view13.keymap.of([
       ...(props.keymap && keymaps[props.keymap]) ?? [],
@@ -2720,7 +2726,7 @@ var setStyle = (type, enable) => {
                   to: range.head + found + marker.length
                 }
               ],
-              range: import_state14.EditorSelection.cursor(range.from - marker.length)
+              range: import_state15.EditorSelection.cursor(range.from - marker.length)
             };
           }
         }
@@ -2848,13 +2854,13 @@ var setStyle = (type, enable) => {
             from: range.head,
             insert: marker + marker
           },
-          range: import_state14.EditorSelection.cursor(range.head + marker.length)
+          range: import_state15.EditorSelection.cursor(range.head + marker.length)
         };
       }
       const changeSet = state.changes(changes2.concat(changesAtEnd));
       return {
         changes: changeSet,
-        range: range.empty && !changeSet.empty ? import_state14.EditorSelection.cursor(range.head + marker.length) : import_state14.EditorSelection.range(changeSet.mapPos(range.from, 1), changeSet.mapPos(range.to, -1))
+        range: range.empty && !changeSet.empty ? import_state15.EditorSelection.cursor(range.head + marker.length) : import_state15.EditorSelection.range(changeSet.mapPos(range.from, 1), changeSet.mapPos(range.to, -1))
       };
     });
     dispatch(state.update(changes, {
@@ -3054,7 +3060,7 @@ var addLink = ({ url, image: image2 } = {}) => {
       const changeSet = state.changes(changes2.concat(changesAfter));
       return {
         changes: changeSet,
-        range: import_state14.EditorSelection.cursor(changeSet.mapPos(to, 1) - cursorOffset - (url ? url.length + 2 : 0))
+        range: import_state15.EditorSelection.cursor(changeSet.mapPos(to, 1) - cursorOffset - (url ? url.length + 2 : 0))
       };
     });
     if (changes.changes.empty) {
@@ -3960,7 +3966,7 @@ var createMarkdownExtensions = ({ themeMode } = {}) => {
     ])
   ];
 };
-var debugTree = (cb) => import_state15.StateField.define({
+var debugTree = (cb) => import_state16.StateField.define({
   create: (state) => cb(convertTreeToJson(state)),
   update: (value, tr) => cb(convertTreeToJson(tr.state))
 });
@@ -3989,7 +3995,7 @@ var adjustChanges = () => {
       const tree = (0, import_language9.syntaxTree)(update2.state);
       const adjustments = [];
       for (const tr of update2.transactions) {
-        const event = tr.annotation(import_state17.Transaction.userEvent);
+        const event = tr.annotation(import_state18.Transaction.userEvent);
         switch (event) {
           //
           // Enter
@@ -4124,7 +4130,7 @@ var getValidUrl = (str) => {
 };
 var image = (_options = {}) => {
   return [
-    import_state18.StateField.define({
+    import_state19.StateField.define({
       create: (state) => {
         return import_view21.Decoration.set(buildDecorations(0, state.doc.length, state));
       },
@@ -4306,14 +4312,14 @@ var formattingStyles = import_view22.EditorView.theme({
   }
 });
 var table = (options = {}) => {
-  return import_state19.StateField.define({
+  return import_state20.StateField.define({
     create: (state) => update(state, options),
     update: (_, tr) => update(tr.state, options),
     provide: (field) => import_view23.EditorView.decorations.from(field)
   });
 };
 var update = (state, _options) => {
-  const builder = new import_state19.RangeSetBuilder();
+  const builder = new import_state20.RangeSetBuilder();
   const cursor = state.selection.main.head;
   const tables = [];
   const getTable = () => tables[tables.length - 1];
@@ -4527,8 +4533,8 @@ var autoHideTags = /* @__PURE__ */ new Set([
   "SuperscriptMark"
 ]);
 var buildDecorations2 = (view, options, focus2) => {
-  const deco = new import_state16.RangeSetBuilder();
-  const atomicDeco = new import_state16.RangeSetBuilder();
+  const deco = new import_state17.RangeSetBuilder();
+  const atomicDeco = new import_state17.RangeSetBuilder();
   const { state } = view;
   const headerLevels = [];
   const getHeaderLevels = (node, level) => {
@@ -4806,7 +4812,7 @@ var buildDecorations2 = (view, options, focus2) => {
     atomicDeco: atomicDeco.finish()
   };
 };
-var forceUpdate = import_state16.StateEffect.define();
+var forceUpdate = import_state17.StateEffect.define();
 var decorateMarkdown = (options = {}) => {
   return [
     import_view19.ViewPlugin.fromClass(class {
@@ -4922,11 +4928,13 @@ var EditorViewModes = [
   "readonly",
   "source"
 ];
+var EditorViewMode = import_echo_schema.S.Union(...EditorViewModes.map((mode) => import_echo_schema.S.Literal(mode)));
 var EditorInputModes = [
   "default",
   "vim",
   "vscode"
 ];
+var EditorInputMode = import_echo_schema.S.Union(...EditorInputModes.map((mode) => import_echo_schema.S.Literal(mode)));
 var editorInputMode = singleValueFacet({});
 var InputModeExtensions = {
   default: [],
@@ -5025,7 +5033,7 @@ var ToolbarRoot = ({ children, onAction, classNames, state }) => {
     onAction,
     state
   }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.ElevationProvider, {
-    elevation: "chrome"
+    elevation: "positioned"
   }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Toolbar.Root, {
     classNames: [
       "p-1 is-full shrink-0 overflow-x-auto overflow-y-hidden",
@@ -5440,7 +5448,7 @@ var useTextEditor = (props = {}, deps = []) => {
           anchor
         };
       }
-      const state = import_state20.EditorState.create({
+      const state = import_state21.EditorState.create({
         doc: initialValue,
         // selection: initialSelection,
         extensions: [
@@ -5557,7 +5565,11 @@ var useTextEditor = (props = {}, deps = []) => {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Cursor,
+  EditorInputMode,
   EditorInputModes,
+  EditorState,
+  EditorView,
+  EditorViewMode,
   EditorViewModes,
   Inline,
   InputModeExtensions,