@uiw/react-json-view 1.10.0 → 1.11.0
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 +4 -4
- package/cjs/theme/basic.d.ts +2 -0
- package/cjs/theme/basic.js +32 -0
- package/esm/theme/basic.d.ts +2 -0
- package/esm/theme/basic.js +25 -0
- package/package.json +6 -1
package/README.md
CHANGED
|
@@ -11,10 +11,7 @@ A React component for displaying and editing javascript arrays and JSON objects.
|
|
|
11
11
|
|
|
12
12
|
<!--rehype:ignore:start-->
|
|
13
13
|
<a href="https://uiwjs.github.io/react-json-view/" target="_blank">
|
|
14
|
-
<img width="
|
|
15
|
-
</a>
|
|
16
|
-
<a href="https://uiwjs.github.io/react-json-view/" target="_blank">
|
|
17
|
-
<img width="360" alt="react-json-view" src="https://github.com/uiwjs/react-code-preview-layout/assets/1680273/da8e8499-6de3-4d4f-8316-8b2a3b616170" />
|
|
14
|
+
<img width="650" alt="react-json-view" src="https://github.com/uiwjs/react-json-view/assets/1680273/1c19bd72-f2ad-4d21-8708-cb30f3059cfd" />
|
|
18
15
|
</a>
|
|
19
16
|
|
|
20
17
|
<!--rehype:ignore:end-->
|
|
@@ -91,6 +88,7 @@ import { githubDarkTheme } from '@uiw/react-json-view/githubDark';
|
|
|
91
88
|
import { vscodeTheme } from '@uiw/react-json-view/vscode';
|
|
92
89
|
import { gruvboxTheme } from '@uiw/react-json-view/gruvbox';
|
|
93
90
|
import { monokaiTheme } from '@uiw/react-json-view/monokai';
|
|
91
|
+
import { basicTheme } from '@uiw/react-json-view/basic';
|
|
94
92
|
|
|
95
93
|
const object = {
|
|
96
94
|
string: 'Lorem ipsum dolor sit amet',
|
|
@@ -115,6 +113,7 @@ export default function Demo() {
|
|
|
115
113
|
<JsonView value={object} style={gruvboxTheme} />
|
|
116
114
|
<JsonView value={object} style={vscodeTheme} />
|
|
117
115
|
<JsonView value={object} style={monokaiTheme} />
|
|
116
|
+
<JsonView value={object} style={basicTheme} />
|
|
118
117
|
</div>
|
|
119
118
|
);
|
|
120
119
|
}
|
|
@@ -151,6 +150,7 @@ const customTheme = {
|
|
|
151
150
|
'--w-rjv-copied-success-color': '#28a745',
|
|
152
151
|
|
|
153
152
|
'--w-rjv-curlybraces-color': '#d4d4d4',
|
|
153
|
+
'--w-rjv-colon-color': '#d4d4d4',
|
|
154
154
|
'--w-rjv-brackets-color': '#d4d4d4',
|
|
155
155
|
|
|
156
156
|
'--w-rjv-type-string-color': '#ce9178',
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.basicTheme = void 0;
|
|
7
|
+
var basicTheme = {
|
|
8
|
+
'--w-rjv-font-family': 'monospace',
|
|
9
|
+
'--w-rjv-color': '#b5bd68',
|
|
10
|
+
'--w-rjv-background-color': '#2E3235',
|
|
11
|
+
'--w-rjv-line-color': '#292d30',
|
|
12
|
+
'--w-rjv-arrow-color': 'var(--w-rjv-color)',
|
|
13
|
+
'--w-rjv-edit-color': 'var(--w-rjv-color)',
|
|
14
|
+
'--w-rjv-info-color': '#d8d8d84d',
|
|
15
|
+
'--w-rjv-update-color': '#b5bd68',
|
|
16
|
+
'--w-rjv-copied-color': '#b5bd68',
|
|
17
|
+
'--w-rjv-copied-success-color': '#28a745',
|
|
18
|
+
'--w-rjv-curlybraces-color': '#cc99cc',
|
|
19
|
+
'--w-rjv-colon-color': '#bababa',
|
|
20
|
+
'--w-rjv-brackets-color': '#808080',
|
|
21
|
+
'--w-rjv-type-string-color': '#b5bd68',
|
|
22
|
+
'--w-rjv-type-int-color': '#fda331',
|
|
23
|
+
'--w-rjv-type-float-color': '#fda331',
|
|
24
|
+
'--w-rjv-type-bigint-color': '#fda331',
|
|
25
|
+
'--w-rjv-type-boolean-color': '#fda331',
|
|
26
|
+
'--w-rjv-type-date-color': '#8abeb7',
|
|
27
|
+
'--w-rjv-type-url-color': '#5a89c0',
|
|
28
|
+
'--w-rjv-type-null-color': '#8abeb7',
|
|
29
|
+
'--w-rjv-type-nan-color': '#8abeb7',
|
|
30
|
+
'--w-rjv-type-undefined-color': '#8abeb7'
|
|
31
|
+
};
|
|
32
|
+
exports.basicTheme = basicTheme;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export var basicTheme = {
|
|
2
|
+
'--w-rjv-font-family': 'monospace',
|
|
3
|
+
'--w-rjv-color': '#b5bd68',
|
|
4
|
+
'--w-rjv-background-color': '#2E3235',
|
|
5
|
+
'--w-rjv-line-color': '#292d30',
|
|
6
|
+
'--w-rjv-arrow-color': 'var(--w-rjv-color)',
|
|
7
|
+
'--w-rjv-edit-color': 'var(--w-rjv-color)',
|
|
8
|
+
'--w-rjv-info-color': '#d8d8d84d',
|
|
9
|
+
'--w-rjv-update-color': '#b5bd68',
|
|
10
|
+
'--w-rjv-copied-color': '#b5bd68',
|
|
11
|
+
'--w-rjv-copied-success-color': '#28a745',
|
|
12
|
+
'--w-rjv-curlybraces-color': '#cc99cc',
|
|
13
|
+
'--w-rjv-colon-color': '#bababa',
|
|
14
|
+
'--w-rjv-brackets-color': '#808080',
|
|
15
|
+
'--w-rjv-type-string-color': '#b5bd68',
|
|
16
|
+
'--w-rjv-type-int-color': '#fda331',
|
|
17
|
+
'--w-rjv-type-float-color': '#fda331',
|
|
18
|
+
'--w-rjv-type-bigint-color': '#fda331',
|
|
19
|
+
'--w-rjv-type-boolean-color': '#fda331',
|
|
20
|
+
'--w-rjv-type-date-color': '#8abeb7',
|
|
21
|
+
'--w-rjv-type-url-color': '#5a89c0',
|
|
22
|
+
'--w-rjv-type-null-color': '#8abeb7',
|
|
23
|
+
'--w-rjv-type-nan-color': '#8abeb7',
|
|
24
|
+
'--w-rjv-type-undefined-color': '#8abeb7'
|
|
25
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uiw/react-json-view",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.11.0",
|
|
4
4
|
"description": "JSON viewer for react.",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "esm/index.js",
|
|
@@ -37,6 +37,11 @@
|
|
|
37
37
|
"types": "./cjs/theme/vscode.d.ts",
|
|
38
38
|
"require": "./cjs/theme/vscode.js"
|
|
39
39
|
},
|
|
40
|
+
"./basic": {
|
|
41
|
+
"import": "./esm/theme/basic.js",
|
|
42
|
+
"types": "./cjs/theme/basic.d.ts",
|
|
43
|
+
"require": "./cjs/theme/basic.js"
|
|
44
|
+
},
|
|
40
45
|
"./monokai": {
|
|
41
46
|
"import": "./esm/theme/monokai.js",
|
|
42
47
|
"types": "./cjs/theme/monokai.d.ts",
|