feat(YfmNote): move cursor to end of note's title when press backspac…

…e in the beginning of its content

src/extensions/yfm/YfmNote/commands.test.ts

@@ -5,7 +5,7 @@ import {builders} from 'prosemirror-test-builder';
 
 import {NoteNode} from './const';
 import {getSpec} from './spec';
-import {removeNote} from './commands';
+import {backToNoteTitle, removeNote} from './commands';
 
 const schema = new Schema({
     nodes: {
@@ -14,7 +14,6 @@ const schema = new Schema({
         paragraph: {
             group: 'block',
             content: 'inline*',
-            parseDOM: [{tag: 'p'}],
             toDOM: () => ['p', 0],
         },
         ...getSpec(),
@@ -45,4 +44,19 @@ describe('YfmNote commands', () => {
         expect(view.state.doc).toMatchNode(doc(p('note title'), p('note content in paragraph')));
         expect((view.state.selection as TextSelection).$cursor?.pos).toBe(1);
     });
+
+    it("backToNoteTitle: should move cursor to the end of note's title", () => {
+        const pmDoc = doc(note(noteTitle('note title'), p('note content in paragraph')));
+        const view = new EditorView(null, {
+            state: EditorState.create({
+                schema,
+                doc: pmDoc,
+                selection: TextSelection.create(pmDoc, 14),
+            }),
+        });
+        const res = backToNoteTitle(view.state, view.dispatch, view);
+        expect(res).toBe(true);
+        expect(view.state.doc).toMatchNode(pmDoc);
+        expect((view.state.selection as TextSelection).$cursor?.pos).toBe(12);
+    });
 });

src/extensions/yfm/YfmNote/commands.ts

@@ -68,3 +68,34 @@ export const removeNote: Command = (state, dispatch, view) => {
     }
     return false;
 };
+
+/**
+ * If the cursor is at the beginning of the first paragraph in note's content,
+ * moves the cursor to the end of the note's title.
+ */
+export const backToNoteTitle: Command = (state, dispatch, view) => {
+    const {selection, schema} = state;
+    if (!isTextSelection(selection)) return false;
+    const {$cursor} = selection;
+    if (!$cursor) return false;
+    if (
+        !isSameNodeType($cursor.parent, pType(schema)) ||
+        !isSameNodeType($cursor.node(-1), noteType(schema))
+    ) {
+        return false;
+    }
+    const noteNode = $cursor.node(-1);
+    if ($cursor.parent !== noteNode.maybeChild(1)) return false;
+    if (view?.endOfTextblock('backward', state)) {
+        if (dispatch) {
+            const noteTitleNode = noteNode.firstChild!;
+            dispatch(
+                state.tr.setSelection(
+                    TextSelection.create(state.doc, $cursor.before(-1) + noteTitleNode.nodeSize),
+                ),
+            );
+        }
+        return true;
+    }
+    return false;
+};

src/extensions/yfm/YfmNote/index.ts

@@ -8,7 +8,7 @@ import {fromYfm} from './fromYfm';
 import {getSpec, YfmNoteSpecOptions} from './spec';
 import {createYfmNote, toYfmNote} from './actions/toYfmNote';
 import {nodeInputRule} from '../../../utils/inputrules';
-import {exitFromNoteTitle, removeNote} from './commands';
+import {backToNoteTitle, exitFromNoteTitle, removeNote} from './commands';
 import {noteType} from './utils';
 
 import './index.scss';
@@ -42,7 +42,7 @@ export const YfmNote: ExtensionAuto<YfmNoteOptions> = (builder, opts) => {
         }))
         .addKeymap(() => ({
             Enter: exitFromNoteTitle,
-            Backspace: chainCommands(removeNote),
+            Backspace: chainCommands(backToNoteTitle, removeNote),
         }))
         .addAction(noteAction, () => toYfmNote)
         .addInputRules(({schema}) => ({