atproto explorer pdsls.dev
atproto tool

indent with tab

Changed files
+11
src
components
+2
package.json
···
"@atcute/tangled": "^1.0.5",
"@atcute/tid": "^1.0.2",
"@atcute/uint8array": "^1.0.4",
+
"@codemirror/commands": "^6.8.1",
"@codemirror/lang-json": "^6.0.2",
"@codemirror/lint": "^6.8.5",
"@codemirror/state": "^6.5.2",
+
"@codemirror/view": "^6.38.2",
"@fsegurai/codemirror-theme-basic-dark": "^6.2.2",
"@fsegurai/codemirror-theme-basic-light": "^6.2.2",
"@mary/exif-rm": "jsr:^0.2.2",
+6
pnpm-lock.yaml
···
'@atcute/uint8array':
specifier: ^1.0.4
version: 1.0.4
+
'@codemirror/commands':
+
specifier: ^6.8.1
+
version: 6.8.1
'@codemirror/lang-json':
specifier: ^6.0.2
version: 6.0.2
···
'@codemirror/state':
specifier: ^6.5.2
version: 6.5.2
+
'@codemirror/view':
+
specifier: ^6.38.2
+
version: 6.38.2
'@fsegurai/codemirror-theme-basic-dark':
specifier: ^6.2.2
version: 6.2.2(@codemirror/language@6.11.3)(@codemirror/state@6.5.2)(@codemirror/view@6.38.2)(@lezer/highlight@1.2.1)
+3
src/components/editor.tsx
···
import { basicLight } from "@fsegurai/codemirror-theme-basic-light";
import { basicDark } from "@fsegurai/codemirror-theme-basic-dark";
import { Compartment } from "@codemirror/state";
+
import { indentWithTab } from "@codemirror/commands";
+
import { keymap } from "@codemirror/view";
export let editorView: EditorView;
···
basicSetup,
theme,
json(),
+
keymap.of([indentWithTab]),
linter(jsonParseLinter()),
themeColor.of(document.documentElement.classList.contains("dark") ? basicDark : basicLight),
],