feat: support indentation markers (#1119)

Author: yanglbme

packages/shared/package.json

@@ -28,6 +28,7 @@
     "@codemirror/search": "^6.5.11",
     "@fsegurai/codemirror-theme-vscode-dark": "^6.2.2",
     "@fsegurai/codemirror-theme-vscode-light": "^6.2.2",
+    "@replit/codemirror-indentation-markers": "^6.5.3",
     "axios": "^1.12.2",
     "csstype": "^3.1.3",
     "es-toolkit": "^1.40.0",

packages/shared/src/editor/basicSetup.ts

@@ -6,6 +6,7 @@ import { lintKeymap } from '@codemirror/lint'
 import { highlightSelectionMatches, searchKeymap } from '@codemirror/search'
 import { EditorState } from '@codemirror/state'
 import { crosshairCursor, drawSelection, dropCursor, highlightActiveLine, highlightActiveLineGutter, highlightSpecialChars, keymap, rectangularSelection } from '@codemirror/view'
+import { indentationMarkers } from '@replit/codemirror-indentation-markers'
 
 // (The superfluous function calls around the list of extensions work
 // around current limitations in tree-shaking software.)
@@ -63,6 +64,7 @@ export const basicSetup: Extension = (() => [
   crosshairCursor(),
   highlightActiveLine(),
   highlightSelectionMatches(),
+  indentationMarkers(), // 添加缩进标记
   keymap.of([
     ...closeBracketsKeymap,
     ...defaultKeymap,

packages/shared/src/editor/markdown.ts

@@ -5,6 +5,7 @@ import { languages } from '@codemirror/language-data'
 import { highlightSelectionMatches } from '@codemirror/search'
 import { EditorState, Prec } from '@codemirror/state'
 import { EditorView, keymap, placeholder } from '@codemirror/view'
+import { indentationMarkers } from '@replit/codemirror-indentation-markers'
 import { formatDoc } from '../utils/fileHelpers'
 import { applyHeading, formatBold, formatCode, formatItalic, formatLink, formatOrderedList, formatStrikethrough, formatUnorderedList, redoAction, undoAction } from './format'
 
@@ -86,6 +87,9 @@ export function markdownSetup(options?: MarkdownKeymapOptions) {
     highlightSelectionMatches(),
     closeBrackets(),
 
+    // 缩进标记
+    indentationMarkers(),
+
     // 语言支持
     markdown({
       base: markdownLanguage,