@dxos/react-ui-editor 0.8.4-main.dedc0f3 → 0.8.4-main.e8ec1fe

package/src/extensions/selection.ts

@@ -7,7 +7,7 @@ import { EditorView, keymap } from '@codemirror/view';
 
 import { debounce } from '@dxos/async';
 import { invariant } from '@dxos/invariant';
-import { isNotFalsy } from '@dxos/util';
+import { isTruthy } from '@dxos/util';
 
 import { singleValueFacet } from '../util';
 
@@ -86,7 +86,7 @@ export const selectionState = ({ getState, setState }: Partial<EditorStateStore>
     getState &&
       keymap.of([
         {
-          key: 'ctrl-r', // TODO(burdon): Setting to jump back to selection.
+          key: 'Ctrl-r', // TODO(burdon): Setting to jump back to selection.
           run: (view) => {
             const state = getState(view.state.facet(documentId));
             if (state) {
@@ -96,5 +96,5 @@ export const selectionState = ({ getState, setState }: Partial<EditorStateStore>
           },
         },
       ]),
-  ].filter(isNotFalsy);
+  ].filter(isTruthy);
 };

package/src/extensions/state.ts

@@ -0,0 +1,7 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { Transaction } from '@codemirror/state';
+
+export const initialSync = Transaction.userEvent.of('initial.sync');

package/src/extensions/submit.ts

@@ -0,0 +1,62 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { type Extension, Prec } from '@codemirror/state';
+import { keymap } from '@codemirror/view';
+
+export type SubmitOptions = {
+  fireIfEmpty?: boolean;
+  onSubmit?: (text: string) => boolean | void;
+};
+
+/**
+ * Handles Enter and Shift-Enter.
+ */
+export const submit = ({ fireIfEmpty = false, onSubmit }: SubmitOptions = {}): Extension => {
+  return [
+    Prec.highest(
+      keymap.of([
+        {
+          key: 'Enter',
+          preventDefault: true,
+          run: (view) => {
+            const text = view.state.doc.toString().trim();
+            if (onSubmit && (fireIfEmpty || text.length > 0)) {
+              const reset = onSubmit(text);
+              if (reset) {
+                // Clear the document after calling onEnter.
+                view.dispatch({
+                  changes: {
+                    from: 0,
+                    to: view.state.doc.length,
+                    insert: '',
+                  },
+                });
+              }
+            }
+
+            return true;
+          },
+        },
+        {
+          key: 'Shift-Enter',
+          preventDefault: true,
+          run: (view) => {
+            view.dispatch({
+              changes: {
+                from: view.state.selection.main.head,
+                insert: '\n',
+              },
+              selection: {
+                anchor: view.state.selection.main.head + 1,
+                head: view.state.selection.main.head + 1,
+              },
+            });
+            return true;
+          },
+        },
+      ]),
+    ),
+  ];
+};

package/src/extensions/tab.ts

@@ -0,0 +1,29 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { type Extension } from '@codemirror/state';
+import { keymap } from '@codemirror/view';
+import { type useFocusFinders } from '@fluentui/react-tabster';
+
+export const tab = ({
+  findNextFocusable,
+  findPrevFocusable,
+  // findFirstFocusable,
+  // findLastFocusable,
+}: ReturnType<typeof useFocusFinders>): Extension => {
+  return keymap.of([
+    {
+      key: 'Tab',
+      preventDefault: true,
+      run: (view) => {
+        findNextFocusable(view.dom)?.focus();
+        return true;
+      },
+      shift: (view) => {
+        findPrevFocusable(view.dom)?.focus();
+        return true;
+      },
+    },
+  ]);
+};

package/src/extensions/tags/extended-markdown.test.ts

@@ -40,8 +40,9 @@ describe('extended-markdown', () => {
       <toolkit />
     `;
 
-    const nodes: SyntaxNode[] = [];
     const state = createEditorState(doc);
+
+    const nodes: SyntaxNode[] = [];
     const tree = syntaxTree(state);
     tree.iterate({
       enter: (node) => {

package/src/extensions/tags/streamer.ts

@@ -5,9 +5,8 @@
 import { type Extension, StateEffect, StateField } from '@codemirror/state';
 import { Decoration, type DecorationSet, EditorView, ViewPlugin, type ViewUpdate, WidgetType } from '@codemirror/view';
 
-import { isNotFalsy } from '@dxos/util';
-
-import { Domino } from '../../util';
+import { Domino } from '@dxos/react-ui';
+import { isTruthy } from '@dxos/util';
 
 const BLINK_RATE = 2_000;
 
@@ -24,7 +23,7 @@ export const streamer = (options: StreamerOptions = {}): Extension => {
   return [
     options.cursor && cursor(),
     options.fadeIn && fadeIn(typeof options.fadeIn === 'object' ? options.fadeIn : {}),
-  ].filter(isNotFalsy);
+  ].filter(isTruthy);
 };
 
 /**
@@ -106,7 +105,7 @@ class CursorWidget extends WidgetType {
   toDOM() {
     return Domino.of('span')
       .style({ opacity: '0.8' })
-      .child(Domino.of('span').text('\u258F').style({ animation: 'blink 2s infinite' }))
+      .children(Domino.of('span').text('\u258F').style({ animation: 'blink 2s infinite' }))
       .build();
   }
 }