this repo has no description
editor: use one dark
+33
-9
+2
app/package.json
+2
app/package.json
···
26
26
"@cloudflare/vite-plugin": "^1.31.0",
27
27
"@codemirror/lang-python": "^6.2.1",
28
28
"@codemirror/language": "^6.12.3",
29
+
"@codemirror/theme-one-dark": "^6.1.3",
29
30
"@codemirror/view": "^6.41.0",
30
31
"@iconify-json/lucide": "^1.2.101",
31
32
"@iconify/tailwind4": "^1.2.3",
···
53
54
"prisma": "7.5.0",
54
55
"solid-js": "^1.9.12",
55
56
"tailwindcss": "^4.2.2",
57
+
"thememirror": "^2.0.1",
56
58
"ts-pattern": "^5.9.0",
57
59
"typescript": "^6.0.2",
58
60
"vite": "^8.0.3",
+2
-9
app/src/lib/components/Editor.tsx
+2
-9
app/src/lib/components/Editor.tsx
···
1
1
import { python } from '@codemirror/lang-python';
2
-
import {
3
-
defaultHighlightStyle,
4
-
syntaxHighlighting,
5
-
} from '@codemirror/language';
2
+
import { oneDark } from '@codemirror/theme-one-dark';
6
3
import { EditorView, lineNumbers } from '@codemirror/view';
7
4
import { onCleanup, onMount } from 'solid-js';
8
5
import type { JSX } from 'solid-js';
···
16
13
onMount(() => {
17
14
view = new EditorView({
18
15
doc: props.initialValue,
19
-
extensions: [
20
-
lineNumbers(),
21
-
syntaxHighlighting(defaultHighlightStyle),
22
-
python(),
23
-
],
16
+
extensions: [lineNumbers(), oneDark, python()],
24
17
parent: ref!,
25
18
});
26
19
});
+29
pnpm-lock.yaml
+29
pnpm-lock.yaml
···
40
40
'@codemirror/language':
41
41
specifier: ^6.12.3
42
42
version: 6.12.3
43
+
'@codemirror/theme-one-dark':
44
+
specifier: ^6.1.3
45
+
version: 6.1.3
43
46
'@codemirror/view':
44
47
specifier: ^6.41.0
45
48
version: 6.41.0
···
121
124
tailwindcss:
122
125
specifier: ^4.2.2
123
126
version: 4.2.2
127
+
thememirror:
128
+
specifier: ^2.0.1
129
+
version: 2.0.1(@codemirror/language@6.12.3)(@codemirror/state@6.6.0)(@codemirror/view@6.41.0)
124
130
ts-pattern:
125
131
specifier: ^5.9.0
126
132
version: 5.9.0
···
372
378
373
379
'@codemirror/state@6.6.0':
374
380
resolution: {integrity: sha512-4nbvra5R5EtiCzr9BTHiTLc+MLXK2QGiAVYMyi8PkQd3SR+6ixar/Q/01Fa21TBIDOZXgeWV4WppsQolSreAPQ==}
381
+
382
+
'@codemirror/theme-one-dark@6.1.3':
383
+
resolution: {integrity: sha512-NzBdIvEJmx6fjeremiGp3t/okrLPYT0d9orIc7AFun8oZcRk58aejkqhv6spnz4MLAevrKNPMQYXEWMg4s+sKA==}
375
384
376
385
'@codemirror/view@6.41.0':
377
386
resolution: {integrity: sha512-6H/qadXsVuDY219Yljhohglve8xf4B8xJkVOEWfA5uiYKiTFppjqsvsfR5iPA0RbvRBoOyTZpbLIxe9+0UR8xA==}
···
3454
3463
resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==}
3455
3464
engines: {node: '>=6'}
3456
3465
3466
+
thememirror@2.0.1:
3467
+
resolution: {integrity: sha512-d5i6FVvWWPkwrm4cHLI3t9AT1OrkAt7Ig8dtdYSofgF7C/eiyNuq6zQzSTusWTde3jpW9WLvA9J/fzNKMUsd0w==}
3468
+
peerDependencies:
3469
+
'@codemirror/language': ^6.0.0
3470
+
'@codemirror/state': ^6.0.0
3471
+
'@codemirror/view': ^6.0.0
3472
+
3457
3473
tiny-invariant@1.3.3:
3458
3474
resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
3459
3475
···
4103
4119
'@codemirror/state@6.6.0':
4104
4120
dependencies:
4105
4121
'@marijn/find-cluster-break': 1.0.2
4122
+
4123
+
'@codemirror/theme-one-dark@6.1.3':
4124
+
dependencies:
4125
+
'@codemirror/language': 6.12.3
4126
+
'@codemirror/state': 6.6.0
4127
+
'@codemirror/view': 6.41.0
4128
+
'@lezer/highlight': 1.2.3
4106
4129
4107
4130
'@codemirror/view@6.41.0':
4108
4131
dependencies:
···
7358
7381
inherits: 2.0.4
7359
7382
readable-stream: 3.6.2
7360
7383
optional: true
7384
+
7385
+
thememirror@2.0.1(@codemirror/language@6.12.3)(@codemirror/state@6.6.0)(@codemirror/view@6.41.0):
7386
+
dependencies:
7387
+
'@codemirror/language': 6.12.3
7388
+
'@codemirror/state': 6.6.0
7389
+
'@codemirror/view': 6.41.0
7361
7390
7362
7391
tiny-invariant@1.3.3: {}
7363
7392