@fsegurai/codemirror-theme-forest 6.2.5 → 6.2.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +31 -31
- package/dist/index.cjs +20 -5
- package/dist/index.js +20 -5
- package/package.json +12 -3
package/README.md
CHANGED
|
@@ -70,38 +70,38 @@ Read the [CodeMirror documentation](https://codemirror.net/6/examples/styling/)
|
|
|
70
70
|
|
|
71
71
|
### Available Themes
|
|
72
72
|
|
|
73
|
-
| Theme | Package
|
|
74
|
-
|
|
75
|
-
|
|
|
76
|
-
|
|
|
77
|
-
|
|
|
78
|
-
|
|
|
79
|
-
|
|
|
80
|
-
| Basic
|
|
81
|
-
|
|
|
82
|
-
| Catppuccin Mocha
|
|
83
|
-
| Cobalt2
|
|
84
|
-
| Forest
|
|
85
|
-
| GitHub Dark
|
|
86
|
-
| GitHub Light
|
|
87
|
-
| Gruvbox Dark
|
|
88
|
-
| Gruvbox Light
|
|
89
|
-
| High Contrast Dark
|
|
73
|
+
| Theme | Package | Version |
|
|
74
|
+
|---------------------|-------------------------------------------------------------------------|---------------------------------------------------|
|
|
75
|
+
| Abcdef | [@fsegurai/codemirror-theme-abcdef](https://www.npmjs.com/package/@fsegurai/codemirror-theme-abcdef) |  |
|
|
76
|
+
| Abyss | [@fsegurai/codemirror-theme-abyss](https://www.npmjs.com/package/@fsegurai/codemirror-theme-abyss) |  |
|
|
77
|
+
| Android Studio | [@fsegurai/codemirror-theme-android-studio](https://www.npmjs.com/package/@fsegurai/codemirror-theme-android-studio) |  |
|
|
78
|
+
| Andromeda | [@fsegurai/codemirror-theme-andromeda](https://www.npmjs.com/package/@fsegurai/codemirror-theme-andromeda) |  |
|
|
79
|
+
| Basic Dark | [@fsegurai/codemirror-theme-basic-dark](https://www.npmjs.com/package/@fsegurai/codemirror-theme-basic-dark) |  |
|
|
80
|
+
| Basic Light | [@fsegurai/codemirror-theme-basic-light](https://www.npmjs.com/package/@fsegurai/codemirror-theme-basic-light) |  |
|
|
81
|
+
| All - Bundle | [@fsegurai/codemirror-theme-bundle](https://www.npmjs.com/package/@fsegurai/codemirror-theme-bundle) |  |
|
|
82
|
+
| Catppuccin Mocha | [@fsegurai/codemirror-theme-catppuccin-mocha](https://www.npmjs.com/package/@fsegurai/codemirror-theme-catppuccin-mocha) |  |
|
|
83
|
+
| Cobalt2 | [@fsegurai/codemirror-theme-cobalt2](https://www.npmjs.com/package/@fsegurai/codemirror-theme-cobalt2) |  |
|
|
84
|
+
| Forest | [@fsegurai/codemirror-theme-forest](https://www.npmjs.com/package/@fsegurai/codemirror-theme-forest) |  |
|
|
85
|
+
| GitHub Dark | [@fsegurai/codemirror-theme-github-dark](https://www.npmjs.com/package/@fsegurai/codemirror-theme-github-dark) |  |
|
|
86
|
+
| GitHub Light | [@fsegurai/codemirror-theme-github-light](https://www.npmjs.com/package/@fsegurai/codemirror-theme-github-light) |  |
|
|
87
|
+
| Gruvbox Dark | [@fsegurai/codemirror-theme-gruvbox-dark](https://www.npmjs.com/package/@fsegurai/codemirror-theme-gruvbox-dark) |  |
|
|
88
|
+
| Gruvbox Light | [@fsegurai/codemirror-theme-gruvbox-light](https://www.npmjs.com/package/@fsegurai/codemirror-theme-gruvbox-light) |  |
|
|
89
|
+
| High Contrast Dark | [@fsegurai/codemirror-theme-high-contrast-dark](https://www.npmjs.com/package/@fsegurai/codemirror-theme-high-contrast-dark) |  |
|
|
90
90
|
| High Contrast Light | [@fsegurai/codemirror-theme-high-contrast-light](https://www.npmjs.com/package/@fsegurai/codemirror-theme-high-contrast-light) |  |
|
|
91
|
-
| Material Dark
|
|
92
|
-
| Material Light
|
|
93
|
-
| Material Ocean
|
|
94
|
-
| Monokai
|
|
95
|
-
| Nord
|
|
96
|
-
| Palenight
|
|
97
|
-
| Solarized Dark
|
|
98
|
-
| Solarized Light
|
|
99
|
-
| Synthwave 84
|
|
100
|
-
| Tokyo Night Day
|
|
101
|
-
| Tokyo Night Storm
|
|
102
|
-
| Volcano
|
|
103
|
-
| VS Code
|
|
104
|
-
| VS Code
|
|
91
|
+
| Material Dark | [@fsegurai/codemirror-theme-material-dark](https://www.npmjs.com/package/@fsegurai/codemirror-theme-material-dark) |  |
|
|
92
|
+
| Material Light | [@fsegurai/codemirror-theme-material-light](https://www.npmjs.com/package/@fsegurai/codemirror-theme-material-light) |  |
|
|
93
|
+
| Material Ocean | [@fsegurai/codemirror-theme-material-ocean](https://www.npmjs.com/package/@fsegurai/codemirror-theme-material-ocean) |  |
|
|
94
|
+
| Monokai | [@fsegurai/codemirror-theme-monokai](https://www.npmjs.com/package/@fsegurai/codemirror-theme-monokai) |  |
|
|
95
|
+
| Nord | [@fsegurai/codemirror-theme-nord](https://www.npmjs.com/package/@fsegurai/codemirror-theme-nord) |  |
|
|
96
|
+
| Palenight | [@fsegurai/codemirror-theme-palenight](https://www.npmjs.com/package/@fsegurai/codemirror-theme-palenight) |  |
|
|
97
|
+
| Solarized Dark | [@fsegurai/codemirror-theme-solarized-dark](https://www.npmjs.com/package/@fsegurai/codemirror-theme-solarized-dark) |  |
|
|
98
|
+
| Solarized Light | [@fsegurai/codemirror-theme-solarized-light](https://www.npmjs.com/package/@fsegurai/codemirror-theme-solarized-light) |  |
|
|
99
|
+
| Synthwave 84 | [@fsegurai/codemirror-theme-synthwave-84](https://www.npmjs.com/package/@fsegurai/codemirror-theme-synthwave-84) |  |
|
|
100
|
+
| Tokyo Night Day | [@fsegurai/codemirror-theme-tokyo-night-day](https://www.npmjs.com/package/@fsegurai/codemirror-theme-tokyo-night-day) |  |
|
|
101
|
+
| Tokyo Night Storm | [@fsegurai/codemirror-theme-tokyo-night-storm](https://www.npmjs.com/package/@fsegurai/codemirror-theme-tokyo-night-storm) |  |
|
|
102
|
+
| Volcano | [@fsegurai/codemirror-theme-volcano](https://www.npmjs.com/package/@fsegurai/codemirror-theme-volcano) |  |
|
|
103
|
+
| VS Code Dark | [@fsegurai/codemirror-theme-vscode-dark](https://www.npmjs.com/package/@fsegurai/codemirror-theme-vscode-dark) |  |
|
|
104
|
+
| VS Code Light | [@fsegurai/codemirror-theme-vscode-light](https://www.npmjs.com/package/@fsegurai/codemirror-theme-vscode-light) |  |
|
|
105
105
|
|
|
106
106
|
## Demo Application
|
|
107
107
|
|
package/dist/index.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var view = require('@codemirror/view');
|
|
4
3
|
var language = require('@codemirror/language');
|
|
4
|
+
var view = require('@codemirror/view');
|
|
5
5
|
var highlight = require('@lezer/highlight');
|
|
6
6
|
|
|
7
7
|
// Helper module for styling options
|
|
@@ -479,14 +479,29 @@ const forestHighlightStyle = language.HighlightStyle.define([
|
|
|
479
479
|
{ tag: highlight.tags.monospace, color: base01 },
|
|
480
480
|
{ tag: [highlight.tags.contentSeparator], color: base0C },
|
|
481
481
|
{ tag: highlight.tags.quote, color: base03 },
|
|
482
|
+
{ tag: highlight.tags.integer, color: base09 },
|
|
483
|
+
{ tag: highlight.tags.float, color: base09 },
|
|
484
|
+
{ tag: highlight.tags.null, color: base09 },
|
|
485
|
+
{ tag: highlight.tags.attributeValue, color: base08 },
|
|
486
|
+
{ tag: highlight.tags.escape, color: base08 },
|
|
487
|
+
{ tag: highlight.tags.paren, color: base0E },
|
|
488
|
+
{ tag: highlight.tags.lineComment, color: base03, fontStyle: 'italic' },
|
|
489
|
+
{ tag: highlight.tags.blockComment, color: base03, fontStyle: 'italic' },
|
|
490
|
+
{ tag: highlight.tags.definitionKeyword, color: base05 },
|
|
491
|
+
{ tag: highlight.tags.arithmeticOperator, color: base0E },
|
|
492
|
+
{ tag: highlight.tags.logicOperator, color: base0E },
|
|
493
|
+
{ tag: highlight.tags.compareOperator, color: base0E },
|
|
494
|
+
{ tag: highlight.tags.bitwiseOperator, color: base0E },
|
|
495
|
+
{ tag: highlight.tags.updateOperator, color: base0E },
|
|
496
|
+
{ tag: highlight.tags.derefOperator, color: base0E },
|
|
497
|
+
{ tag: highlight.tags.local(highlight.tags.variableName), color: base07 },
|
|
498
|
+
{ tag: highlight.tags.list, color: base0A },
|
|
499
|
+
{ tag: highlight.tags.unit, color: base09 },
|
|
482
500
|
]);
|
|
483
501
|
/**
|
|
484
502
|
* Combined Forest theme extension
|
|
485
503
|
*/
|
|
486
|
-
const forest = [
|
|
487
|
-
forestTheme,
|
|
488
|
-
language.syntaxHighlighting(forestHighlightStyle),
|
|
489
|
-
];
|
|
504
|
+
const forest = [forestTheme, language.syntaxHighlighting(forestHighlightStyle)];
|
|
490
505
|
/**
|
|
491
506
|
* Forest merge revert styles configuration
|
|
492
507
|
*/
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { EditorView } from '@codemirror/view';
|
|
2
1
|
import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';
|
|
2
|
+
import { EditorView } from '@codemirror/view';
|
|
3
3
|
import { tags } from '@lezer/highlight';
|
|
4
4
|
|
|
5
5
|
// Helper module for styling options
|
|
@@ -477,14 +477,29 @@ const forestHighlightStyle = /*@__PURE__*/HighlightStyle.define([
|
|
|
477
477
|
{ tag: tags.monospace, color: base01 },
|
|
478
478
|
{ tag: [tags.contentSeparator], color: base0C },
|
|
479
479
|
{ tag: tags.quote, color: base03 },
|
|
480
|
+
{ tag: tags.integer, color: base09 },
|
|
481
|
+
{ tag: tags.float, color: base09 },
|
|
482
|
+
{ tag: tags.null, color: base09 },
|
|
483
|
+
{ tag: tags.attributeValue, color: base08 },
|
|
484
|
+
{ tag: tags.escape, color: base08 },
|
|
485
|
+
{ tag: tags.paren, color: base0E },
|
|
486
|
+
{ tag: tags.lineComment, color: base03, fontStyle: 'italic' },
|
|
487
|
+
{ tag: tags.blockComment, color: base03, fontStyle: 'italic' },
|
|
488
|
+
{ tag: tags.definitionKeyword, color: base05 },
|
|
489
|
+
{ tag: tags.arithmeticOperator, color: base0E },
|
|
490
|
+
{ tag: tags.logicOperator, color: base0E },
|
|
491
|
+
{ tag: tags.compareOperator, color: base0E },
|
|
492
|
+
{ tag: tags.bitwiseOperator, color: base0E },
|
|
493
|
+
{ tag: tags.updateOperator, color: base0E },
|
|
494
|
+
{ tag: tags.derefOperator, color: base0E },
|
|
495
|
+
{ tag: /*@__PURE__*/tags.local(tags.variableName), color: base07 },
|
|
496
|
+
{ tag: tags.list, color: base0A },
|
|
497
|
+
{ tag: tags.unit, color: base09 },
|
|
480
498
|
]);
|
|
481
499
|
/**
|
|
482
500
|
* Combined Forest theme extension
|
|
483
501
|
*/
|
|
484
|
-
const forest = [
|
|
485
|
-
forestTheme,
|
|
486
|
-
/*@__PURE__*/syntaxHighlighting(forestHighlightStyle),
|
|
487
|
-
];
|
|
502
|
+
const forest = [forestTheme, /*@__PURE__*/syntaxHighlighting(forestHighlightStyle)];
|
|
488
503
|
/**
|
|
489
504
|
* Forest merge revert styles configuration
|
|
490
505
|
*/
|
package/package.json
CHANGED
|
@@ -1,16 +1,25 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fsegurai/codemirror-theme-forest",
|
|
3
|
-
"version": "6.2.
|
|
3
|
+
"version": "6.2.7",
|
|
4
4
|
"description": "Forest theme for the CodeMirror editor",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.cjs",
|
|
7
7
|
"module": "dist/index.js",
|
|
8
8
|
"types": "dist/index.d.ts",
|
|
9
9
|
"exports": {
|
|
10
|
-
"import":
|
|
11
|
-
|
|
10
|
+
"import": {
|
|
11
|
+
"types": "./dist/index.d.ts",
|
|
12
|
+
"default": "./dist/index.js"
|
|
13
|
+
},
|
|
14
|
+
"require": {
|
|
15
|
+
"types": "./dist/index.d.cts",
|
|
16
|
+
"default": "./dist/index.cjs"
|
|
17
|
+
}
|
|
12
18
|
},
|
|
13
19
|
"sideEffects": false,
|
|
20
|
+
"files": [
|
|
21
|
+
"dist"
|
|
22
|
+
],
|
|
14
23
|
"keywords": [
|
|
15
24
|
"editor",
|
|
16
25
|
"diff",
|