Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-07-28 10:32:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(codemirror): split custom tab functionality into more methods

Browse Source
This commit is contained in:
Elian Doran 2025-05-31 12:11:57 +03:00
parent 9e3909a5f7
commit 56b7965c9a
No known key found for this signature in database
1 changed files with 58 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
packages/codemirror/src/extensions/custom_tab.ts
View File

@ -1,5 +1,5 @@
import { indentLess, indentMore } from "@codemirror/commands"; import { indentLess, indentMore } from "@codemirror/commands";
import { EditorSelection, EditorState, SelectionRange, type ChangeSpec } from "@codemirror/state"; import { EditorSelection, EditorState, SelectionRange, type Transaction, type ChangeSpec } from "@codemirror/state";
import type { KeyBinding } from "@codemirror/view"; import type { KeyBinding } from "@codemirror/view";
/** /**
@ -19,8 +19,6 @@ const smartIndentWithTab: KeyBinding[] = [
} }
const { selection } = state; const { selection } = state;
const changes: ChangeSpec[] = [];
const newSelections: SelectionRange[] = [];
// Step 1: Handle non-empty selections → replace with tab // Step 1: Handle non-empty selections → replace with tab
if (selection.ranges.some(range => !range.empty)) { if (selection.ranges.some(range => !range.empty)) {
@ -40,8 +38,24 @@ const smartIndentWithTab: KeyBinding[] = [
// Multiple lines are selected, indent each line. // Multiple lines are selected, indent each line.
return indentMore({ state, dispatch }); return indentMore({ state, dispatch });
} else { } else {
return handleSingleLineSelection(state, dispatch);
}
}
// Step 2: Handle empty selections
return handleEmptySelections(state, dispatch);
},
shift: indentLess
},
]
export default smartIndentWithTab;
function handleSingleLineSelection(state: EditorState, dispatch: (transaction: Transaction) => void) {
const changes: ChangeSpec[] = [];
const newSelections: SelectionRange[] = [];
// Single line selection, replace with tab. // Single line selection, replace with tab.
for (let range of selection.ranges) { for (let range of state.selection.ranges) {
changes.push({ from: range.from, to: range.to, insert: "\t" }); changes.push({ from: range.from, to: range.to, insert: "\t" });
newSelections.push(EditorSelection.cursor(range.from + 1)); newSelections.push(EditorSelection.cursor(range.from + 1));
} }
@ -54,13 +68,15 @@ const smartIndentWithTab: KeyBinding[] = [
userEvent: "input" userEvent: "input"
}) })
); );
}
return true; return true;
} }
// Step 2: Handle empty selections function handleEmptySelections(state: EditorState, dispatch: (transaction: Transaction) => void) {
for (let range of selection.ranges) { const changes: ChangeSpec[] = [];
const newSelections: SelectionRange[] = [];
for (let range of state.selection.ranges) {
const line = state.doc.lineAt(range.head); const line = state.doc.lineAt(range.head);
const beforeCursor = state.doc.sliceString(line.from, range.head); const beforeCursor = state.doc.sliceString(line.from, range.head);
@ -87,8 +103,4 @@ const smartIndentWithTab: KeyBinding[] = [
} }
return false; return false;
}, }
shift: indentLess
},
]
export default smartIndentWithTab;