@zohodesk/react-cli 1.1.0 → 1.1.2-9.exp.3
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/.vscode/settings.json +25 -0
- package/README.md +453 -34
- package/bin/cli.js +25 -52
- package/docs/CustomChunks.md +12 -9
- package/docs/MarkdownParser.md +18 -0
- package/docs/ReactLive.md +8 -0
- package/docs/ValueReplacer.md +27 -0
- package/lib/babel/babel-option-utils/babel-preset-react-option.js +22 -0
- package/lib/babel/cmjs-plugins-presets.js +36 -7
- package/lib/babel/es-plugins-presets.js +45 -16
- package/lib/common/runPreProcess.js +71 -0
- package/lib/common/splitChunks.js +65 -45
- package/lib/common/testPattern.js +9 -9
- package/lib/configs/jest.config.js +4 -4
- package/lib/configs/libAlias.js +36 -2
- package/lib/configs/resolvers.js +7 -4
- package/lib/configs/webpack.css.umd.config.js +3 -2
- package/lib/configs/webpack.dev.config.js +28 -8
- package/lib/configs/webpack.docs.config.js +11 -5
- package/lib/configs/webpack.impact.config.js +9 -4
- package/lib/configs/webpack.prod.config.js +32 -10
- package/lib/constants.js +3 -3
- package/lib/deprecationLogger.js +40 -0
- package/lib/jest/preProcessors/jsPreprocessor.js +27 -2
- package/lib/loaderUtils/configsAssetsLoaders.js +1 -1
- package/lib/loaderUtils/getCSSLoaders.js +32 -8
- package/lib/loaderUtils/getDevJsLoaders.js +8 -2
- package/lib/loaders/__test__/markdownLoader.spec.js +145 -0
- package/lib/loaders/composeLoader.js +140 -14
- package/lib/loaders/docsLoader.js +5 -2
- package/lib/loaders/enhancedReactLiveConverter.js +151 -0
- package/lib/loaders/markdownLoader.js +71 -0
- package/lib/loaders/reactLiveConvertor.js +64 -66
- package/lib/loaders/workerLoader.js +37 -22
- package/lib/logger.js +7 -0
- package/lib/pluginUtils/configHtmlWebpackPlugins.js +62 -2
- package/lib/pluginUtils/getDevPlugins.js +24 -8
- package/lib/pluginUtils/getProdPlugins.js +34 -6
- package/lib/plugins/CssOrderControlPlugin.js +36 -0
- package/lib/plugins/CustomScriptLoadingStrategyPlugin.js +109 -0
- package/lib/plugins/EfcResourceCleanupPlugin.js +43 -0
- package/lib/plugins/EventsHandlingPlugin.js +34 -0
- package/lib/plugins/I18nSplitPlugin/I18nDownlodLogic.js +5 -1
- package/lib/plugins/I18nSplitPlugin/utils/propertiesUtils.js +4 -1
- package/lib/plugins/I18nSplitPlugin/utils/unicodeConversion.js +14 -0
- package/lib/plugins/ReportGeneratePlugin.js +8 -6
- package/lib/plugins/ResourceHintsPlugin.js +13 -3
- package/lib/plugins/StatsPlugin.js +82 -0
- package/lib/plugins/UnusedFilesFindPlugin.js +7 -5
- package/lib/plugins/utils/fileHandling.js +36 -51
- package/lib/plugins/variableConvertorUtils.js +4 -2
- package/lib/postcss-plugins/ValueReplacer.js +7 -17
- package/lib/postcss-plugins/__test__/valueReplacer.spec.js +43 -0
- package/lib/postcss-plugins/variableModificationPlugin/index.js +70 -18
- package/lib/schemas/index.js +96 -27
- package/lib/servers/getCliPath.js +3 -5
- package/lib/servers/requireLocalOrGlobal.js +1 -1
- package/lib/utils/cssClassNameGenerate.js +43 -5
- package/lib/utils/deprecationSupport.js +134 -0
- package/lib/utils/getFileType.js +1 -1
- package/lib/utils/getOptions.js +34 -43
- package/lib/utils/getServerURL.js +7 -2
- package/lib/utils/index.js +27 -11
- package/lib/utils/initPreCommitHook.js +5 -5
- package/lib/utils/log.js +11 -0
- package/lib/utils/object-manipulation.js +88 -0
- package/lib/utils/pullOrigin.js +3 -3
- package/lib/utils/reinstallDependencies.js +3 -3
- package/lib/utils/selectorReplacer.js +47 -0
- package/lib/utils/switchBranch.js +4 -2
- package/lib/utils/typeCheck.js +10 -0
- package/lib/utils/variableConverter.js +26 -11
- package/npm-shrinkwrap.json +1001 -106
- package/package.json +12 -4
- package/templates/docs/all.html +1 -0
- package/templates/docs/component.html +1 -0
- package/templates/docs/components.html +1 -0
- package/templates/docs/css/markdown.css +202 -0
- package/templates/docs/css/style.css +136 -169
- package/templates/docs/index.html +796 -632
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zohodesk/react-cli",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.29.exp.3",
|
|
4
4
|
"description": "A CLI tool for build modern web application and libraries",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"init": "node ./lib/utils/init.js",
|
|
@@ -12,7 +12,8 @@
|
|
|
12
12
|
"prepublishOnly": "npm prune --production",
|
|
13
13
|
"lint": "eslint src ./bin/cli.js",
|
|
14
14
|
"postpublish": "node postpublish.js",
|
|
15
|
-
"expublish": "npm publish --tag experimental-version"
|
|
15
|
+
"expublish": "npm publish --tag experimental-version",
|
|
16
|
+
"updateTargetBrowserVersions": "npx update-browserslist-db@latest"
|
|
16
17
|
},
|
|
17
18
|
"engines": {
|
|
18
19
|
"node": ">=8.15.1"
|
|
@@ -32,6 +33,7 @@
|
|
|
32
33
|
"react-cli": "bin/cli.js"
|
|
33
34
|
},
|
|
34
35
|
"dependencies": {
|
|
36
|
+
|
|
35
37
|
"@babel/cli": "7.10.5",
|
|
36
38
|
"@babel/core": "7.11.1",
|
|
37
39
|
"@babel/plugin-proposal-object-rest-spread": "7.11.0",
|
|
@@ -40,7 +42,7 @@
|
|
|
40
42
|
"@babel/preset-env": "7.11.0",
|
|
41
43
|
"@babel/preset-react": "7.10.4",
|
|
42
44
|
"@babel/runtime": "7.11.2",
|
|
43
|
-
"@zohodesk/client_packages_group": "1.0.
|
|
45
|
+
"@zohodesk/client_packages_group": "1.0.3",
|
|
44
46
|
"@zohodesk/eslint-plugin-react-performance": "1.0.3",
|
|
45
47
|
"@zohodesk/eslint-plugin-zsecurity": "0.0.1-beta.4",
|
|
46
48
|
"@zohodesk/postcss-rtl": "1.5.2",
|
|
@@ -54,6 +56,7 @@
|
|
|
54
56
|
"babel-plugin-transform-dynamic-import": "2.1.0",
|
|
55
57
|
"babel-plugin-transform-react-remove-prop-types": "0.4.24",
|
|
56
58
|
"babel-plugin-transform-remove-console": "6.9.4",
|
|
59
|
+
"caniuse-lite": "1.0.30001579",
|
|
57
60
|
"case-sensitive-paths-webpack-plugin": "2.3.0",
|
|
58
61
|
"compression": "1.7.4",
|
|
59
62
|
"copy-webpack-plugin": "5.1.2",
|
|
@@ -80,6 +83,7 @@
|
|
|
80
83
|
"jsdom": "16.4.0",
|
|
81
84
|
"loader-utils": "2.0.0",
|
|
82
85
|
"lodash-webpack-plugin": "0.11.5",
|
|
86
|
+
"markdown-it": "13.0.1",
|
|
83
87
|
"mini-css-extract-plugin": "0.10.0",
|
|
84
88
|
"nock": "13.2.9",
|
|
85
89
|
"nodemailer": "6.4.11",
|
|
@@ -95,16 +99,20 @@
|
|
|
95
99
|
"redux-mock-store": "1.5.4",
|
|
96
100
|
"rimraf": "3.0.2",
|
|
97
101
|
"script-loader": "0.7.2",
|
|
102
|
+
"ts-loader": "8.2.0",
|
|
103
|
+
"typescript": "5.2.2",
|
|
98
104
|
"uglifycss": "0.0.29",
|
|
99
105
|
"url-loader": "4.1.0",
|
|
100
106
|
"webpack": "4.44.1",
|
|
107
|
+
"@babel/preset-typescript": "7.23.2",
|
|
101
108
|
"webpack-bundle-analyzer": "4.5.0",
|
|
102
109
|
"webpack-cli": "3.3.12",
|
|
103
110
|
"webpack-core": "0.6.9",
|
|
104
111
|
"webpack-dev-middleware": "3.7.2",
|
|
105
112
|
"ws": "7.3.1",
|
|
106
113
|
"xhr2": "0.2.0",
|
|
107
|
-
"xmlhttprequest": "1.8.0"
|
|
114
|
+
"xmlhttprequest": "1.8.0",
|
|
115
|
+
"babel-plugin-module-resolver": "5.0.2"
|
|
108
116
|
},
|
|
109
117
|
"babel": {
|
|
110
118
|
"presets": [
|
package/templates/docs/all.html
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
6
|
<link rel="stylesheet" href="./css/component.css" />
|
|
7
7
|
<link rel="stylesheet" href="/docs/css/main.css" />
|
|
8
|
+
<link rel="stylesheet" href="./css/markdown.css">
|
|
8
9
|
</head>
|
|
9
10
|
<body>
|
|
10
11
|
<div id="react" class="appContainer"></div>
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
<link rel="stylesheet" href="./css/component.css" />
|
|
7
7
|
<link rel="stylesheet" href="./css/componentTest.css" />
|
|
8
8
|
<link rel="stylesheet" href="/docs/css/main.css" />
|
|
9
|
+
<link rel="stylesheet" href="./css/markdown.css">
|
|
9
10
|
</head>
|
|
10
11
|
<body>
|
|
11
12
|
<div id="react" class="ssTest appContainer"></div>
|
|
@@ -0,0 +1,202 @@
|
|
|
1
|
+
:root{
|
|
2
|
+
--cli-md-cli-md-base-font-family: -apple-system,system-ui,"Segoe UI",Regular,Helvetica,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
|
|
3
|
+
--cli-md-cli-md-base-colour: #d9dcde;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.markDown {
|
|
7
|
+
line-height: 1.6;
|
|
8
|
+
/* margin: 20px; */
|
|
9
|
+
color: #333;
|
|
10
|
+
font-size: 16px;
|
|
11
|
+
}
|
|
12
|
+
.markDown p {
|
|
13
|
+
margin-bottom: 16px;
|
|
14
|
+
line-height:2
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.markDown h1 {
|
|
18
|
+
box-sizing: border-box;
|
|
19
|
+
color: var(--cli-md-base-colour);
|
|
20
|
+
font-family: var(--cli-md-base-font-family);
|
|
21
|
+
font-size: 2em;
|
|
22
|
+
font-weight: 600;
|
|
23
|
+
line-height: 1.25;
|
|
24
|
+
margin: 24px 0 16px;
|
|
25
|
+
padding-bottom: .3em;
|
|
26
|
+
word-wrap: break-word;
|
|
27
|
+
border-bottom: 1px solid #eaecef
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.markDown h2 {
|
|
31
|
+
font-size: 1.5em
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.markDown h2,.markDown h3 {
|
|
35
|
+
box-sizing: border-box;
|
|
36
|
+
color: var(--cli-md-base-colour);
|
|
37
|
+
font-family: var(--cli-md-base-font-family);
|
|
38
|
+
font-weight: 600;
|
|
39
|
+
line-height: 1.25;
|
|
40
|
+
margin-bottom: 16px;
|
|
41
|
+
margin-top: 24px;
|
|
42
|
+
padding-bottom: .3em;
|
|
43
|
+
word-wrap: break-word;
|
|
44
|
+
border-bottom: 1px solid #eaecef
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.markDown h3 {
|
|
48
|
+
font-size: 1.2em
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.markDown h4 {
|
|
52
|
+
box-sizing: border-box;
|
|
53
|
+
color: var(--cli-md-base-colour);
|
|
54
|
+
font-family: var(--cli-md-base-font-family);
|
|
55
|
+
font-size: 1em;
|
|
56
|
+
font-weight: 600;
|
|
57
|
+
line-height: 1.25;
|
|
58
|
+
margin-bottom: 16px;
|
|
59
|
+
margin-top: 24px;
|
|
60
|
+
word-wrap: break-word
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.markDown td,.markDown th {
|
|
64
|
+
border-collapse: collapse;
|
|
65
|
+
box-sizing: border-box;
|
|
66
|
+
color: var(--cli-md-base-colour);
|
|
67
|
+
font-family: var(--cli-md-base-font-family);
|
|
68
|
+
line-height: 24px;
|
|
69
|
+
padding: 6px 13px;
|
|
70
|
+
text-align: -webkit-left;
|
|
71
|
+
word-wrap: break-word;
|
|
72
|
+
border: 1px solid #dfe2e5
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.markDown th {
|
|
76
|
+
font-weight: 600
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.markDown tr {
|
|
80
|
+
background-color: #fff;
|
|
81
|
+
border-collapse: collapse;
|
|
82
|
+
box-sizing: border-box;
|
|
83
|
+
color: var(--cli-md-base-colour);
|
|
84
|
+
font-family: var(--cli-md-base-font-family);
|
|
85
|
+
line-height: 24px;
|
|
86
|
+
overflow-wrap: break-word;
|
|
87
|
+
word-wrap: break-word
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.markDown tr :nth-child(2n) {
|
|
91
|
+
background-color: #f6f8fa
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.markDown thead {
|
|
95
|
+
font-size: 16px;
|
|
96
|
+
line-height: 1.5;
|
|
97
|
+
word-wrap: break-word;
|
|
98
|
+
border-spacing: 0;
|
|
99
|
+
border-collapse: collapse;
|
|
100
|
+
box-sizing: border-box
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.markDown table {
|
|
104
|
+
-webkit-border-horizontal-spacing: 0;
|
|
105
|
+
-webkit-border-vertical-spacing: 0;
|
|
106
|
+
border-collapse: collapse;
|
|
107
|
+
box-sizing: border-box;
|
|
108
|
+
color: var(--cli-md-base-colour);
|
|
109
|
+
display: block;
|
|
110
|
+
margin-top: 0;
|
|
111
|
+
overflow: auto;
|
|
112
|
+
width: -webkit-max-content;
|
|
113
|
+
width: -moz-max-content;
|
|
114
|
+
width: max-content
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.markDown image,.markDown table {
|
|
118
|
+
font-family: var(--cli-md-base-font-family);
|
|
119
|
+
line-height: 24px;
|
|
120
|
+
margin-bottom: 16px;
|
|
121
|
+
max-width: 100%;
|
|
122
|
+
word-wrap: break-word
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.markDown image {
|
|
126
|
+
background-color: #fff;
|
|
127
|
+
border-style: none;
|
|
128
|
+
color: #0366d6;
|
|
129
|
+
cursor: pointer
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
.markDown ul {
|
|
133
|
+
box-sizing: border-box;
|
|
134
|
+
color: var(--cli-md-base-colour);
|
|
135
|
+
font-family: var(--cli-md-base-font-family);
|
|
136
|
+
line-height: 24px;
|
|
137
|
+
margin-bottom: 16px;
|
|
138
|
+
margin-top: 0;
|
|
139
|
+
padding-left: 2em;
|
|
140
|
+
word-wrap: break-word
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.markDown ul li {
|
|
144
|
+
list-style: initial
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.markDown ol li,.markDown ul li {
|
|
148
|
+
box-sizing: border-box;
|
|
149
|
+
color: var(--cli-md-base-colour);
|
|
150
|
+
font-family: var(--cli-md-base-font-family);
|
|
151
|
+
line-height: 24px;
|
|
152
|
+
margin-top: .25em;
|
|
153
|
+
text-align: left;
|
|
154
|
+
word-wrap: break-word
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
.markDown ol li {
|
|
158
|
+
list-style: decimal
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
.markDown pre {
|
|
162
|
+
background-color: #f6f8fa;
|
|
163
|
+
line-height: 1.45;
|
|
164
|
+
margin-bottom: 16px;
|
|
165
|
+
margin-top: 0;
|
|
166
|
+
overflow: auto;
|
|
167
|
+
overflow-wrap: normal;
|
|
168
|
+
padding: 16px;
|
|
169
|
+
white-space: pre;
|
|
170
|
+
word-break: normal
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
.markDown pre,.markDown code:not(.markDown pre code) {
|
|
174
|
+
border-radius: 6px;
|
|
175
|
+
box-sizing: border-box;
|
|
176
|
+
color: var(--cli-md-base-colour);
|
|
177
|
+
font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
|
|
178
|
+
font-size: 85%
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
.markDown code:not(.markDown pre code) {
|
|
182
|
+
background-color: rgba(27,31,35,.05);
|
|
183
|
+
line-height: 20.4px;
|
|
184
|
+
margin: 0;
|
|
185
|
+
padding: .2em .4em;
|
|
186
|
+
word-wrap: break-word
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
.markDown a {
|
|
190
|
+
box-sizing: border-box;
|
|
191
|
+
color: #0366d6;
|
|
192
|
+
cursor: pointer;
|
|
193
|
+
font-family: var(--cli-md-base-font-family);
|
|
194
|
+
line-height: 24px;
|
|
195
|
+
text-decoration: none;
|
|
196
|
+
word-wrap: break-word
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
.markDown a :hover {
|
|
200
|
+
outline: 0;
|
|
201
|
+
text-decoration: underline
|
|
202
|
+
}
|
|
@@ -1,151 +1,4 @@
|
|
|
1
1
|
/* cyrillic-ext */
|
|
2
|
-
@font-face {
|
|
3
|
-
font-family: 'Regular';
|
|
4
|
-
font-style: normal;
|
|
5
|
-
font-weight: 400;
|
|
6
|
-
src: local('Open Sans Regular'), local('OpenSans-Regular'),
|
|
7
|
-
url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bf8pkAp6a.woff2)
|
|
8
|
-
format('woff2');
|
|
9
|
-
unicode-range: U + 0460-052f, U + 1c80-1c88, U + 20b4, U + 2de0-2dff,
|
|
10
|
-
U + A640-A69F, U + FE2E-FE2F;
|
|
11
|
-
}
|
|
12
|
-
/* cyrillic */
|
|
13
|
-
@font-face {
|
|
14
|
-
font-family: 'Regular';
|
|
15
|
-
font-style: normal;
|
|
16
|
-
font-weight: 400;
|
|
17
|
-
src: local('Open Sans Regular'), local('OpenSans-Regular'),
|
|
18
|
-
url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bf8pkAp6a.woff2)
|
|
19
|
-
format('woff2');
|
|
20
|
-
unicode-range: U + 0400-045f, U + 0490-0491, U + 04b0-04b1, U + 2116;
|
|
21
|
-
}
|
|
22
|
-
/* greek-ext */
|
|
23
|
-
@font-face {
|
|
24
|
-
font-family: 'Regular';
|
|
25
|
-
font-style: normal;
|
|
26
|
-
font-weight: 400;
|
|
27
|
-
src: local('Open Sans Regular'), local('OpenSans-Regular'),
|
|
28
|
-
url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bf8pkAp6a.woff2)
|
|
29
|
-
format('woff2');
|
|
30
|
-
unicode-range: U + 1f00-1fff;
|
|
31
|
-
}
|
|
32
|
-
/* greek */
|
|
33
|
-
@font-face {
|
|
34
|
-
font-family: 'Regular';
|
|
35
|
-
font-style: normal;
|
|
36
|
-
font-weight: 400;
|
|
37
|
-
src: local('Open Sans Regular'), local('OpenSans-Regular'),
|
|
38
|
-
url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bf8pkAp6a.woff2)
|
|
39
|
-
format('woff2');
|
|
40
|
-
unicode-range: U + 0370-03ff;
|
|
41
|
-
}
|
|
42
|
-
/* vietnamese */
|
|
43
|
-
@font-face {
|
|
44
|
-
font-family: 'Regular';
|
|
45
|
-
font-style: normal;
|
|
46
|
-
font-weight: 400;
|
|
47
|
-
src: local('Open Sans Regular'), local('OpenSans-Regular'),
|
|
48
|
-
url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bf8pkAp6a.woff2)
|
|
49
|
-
format('woff2');
|
|
50
|
-
unicode-range: U + 0102-0103, U + 0110-0111, U + 1ea0-1ef9, U + 20ab;
|
|
51
|
-
}
|
|
52
|
-
/* latin-ext */
|
|
53
|
-
@font-face {
|
|
54
|
-
font-family: 'Regular';
|
|
55
|
-
font-style: normal;
|
|
56
|
-
font-weight: 400;
|
|
57
|
-
src: local('Open Sans Regular'), local('OpenSans-Regular'),
|
|
58
|
-
url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bf8pkAp6a.woff2)
|
|
59
|
-
format('woff2');
|
|
60
|
-
unicode-range: U + 0100-024f, U + 0259, U + 1-1eff, U + 2020, U + 20a0-20ab,
|
|
61
|
-
U + 20ad-20cf, U + 2113, U + 2c60-2c7f, U + A720-A7FF;
|
|
62
|
-
}
|
|
63
|
-
/* latin */
|
|
64
|
-
@font-face {
|
|
65
|
-
font-family: 'Regular';
|
|
66
|
-
font-style: normal;
|
|
67
|
-
font-weight: 400;
|
|
68
|
-
src: local('Open Sans Regular'), local('OpenSans-Regular'),
|
|
69
|
-
url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2)
|
|
70
|
-
format('woff2');
|
|
71
|
-
unicode-range: U + 0000-00ff, U + 0131, U + 0152-0153, U + 02bb-02bc, U + 02c6,
|
|
72
|
-
U + 02da, U + 02dc, U + 2000-206f, U + 2074, U + 20ac, U + 2122, U + 2191,
|
|
73
|
-
U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD;
|
|
74
|
-
}
|
|
75
|
-
/* cyrillic-ext */
|
|
76
|
-
@font-face {
|
|
77
|
-
font-family: 'Semibold';
|
|
78
|
-
font-style: normal;
|
|
79
|
-
font-weight: 700;
|
|
80
|
-
src: local('Open Sans Bold'), local('OpenSans-Bold'),
|
|
81
|
-
url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOX-hpKKSTj5PW.woff2)
|
|
82
|
-
format('woff2');
|
|
83
|
-
unicode-range: U + 0460-052f, U + 1c80-1c88, U + 20b4, U + 2de0-2dff,
|
|
84
|
-
U + A640-A69F, U + FE2E-FE2F;
|
|
85
|
-
}
|
|
86
|
-
/* cyrillic */
|
|
87
|
-
@font-face {
|
|
88
|
-
font-family: 'Semibold';
|
|
89
|
-
font-style: normal;
|
|
90
|
-
font-weight: 700;
|
|
91
|
-
src: local('Open Sans Bold'), local('OpenSans-Bold'),
|
|
92
|
-
url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOVuhpKKSTj5PW.woff2)
|
|
93
|
-
format('woff2');
|
|
94
|
-
unicode-range: U + 0400-045f, U + 0490-0491, U + 04b0-04b1, U + 2116;
|
|
95
|
-
}
|
|
96
|
-
/* greek-ext */
|
|
97
|
-
@font-face {
|
|
98
|
-
font-family: 'Semibold';
|
|
99
|
-
font-style: normal;
|
|
100
|
-
font-weight: 700;
|
|
101
|
-
src: local('Open Sans Bold'), local('OpenSans-Bold'),
|
|
102
|
-
url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXuhpKKSTj5PW.woff2)
|
|
103
|
-
format('woff2');
|
|
104
|
-
unicode-range: U + 1f00-1fff;
|
|
105
|
-
}
|
|
106
|
-
/* greek */
|
|
107
|
-
@font-face {
|
|
108
|
-
font-family: 'Semibold';
|
|
109
|
-
font-style: normal;
|
|
110
|
-
font-weight: 700;
|
|
111
|
-
src: local('Open Sans Bold'), local('OpenSans-Bold'),
|
|
112
|
-
url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUehpKKSTj5PW.woff2)
|
|
113
|
-
format('woff2');
|
|
114
|
-
unicode-range: U + 0370-03ff;
|
|
115
|
-
}
|
|
116
|
-
/* vietnamese */
|
|
117
|
-
@font-face {
|
|
118
|
-
font-family: 'Semibold';
|
|
119
|
-
font-style: normal;
|
|
120
|
-
font-weight: 700;
|
|
121
|
-
src: local('Open Sans Bold'), local('OpenSans-Bold'),
|
|
122
|
-
url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXehpKKSTj5PW.woff2)
|
|
123
|
-
format('woff2');
|
|
124
|
-
unicode-range: U + 0102-0103, U + 0110-0111, U + 1ea0-1ef9, U + 20ab;
|
|
125
|
-
}
|
|
126
|
-
/* latin-ext */
|
|
127
|
-
@font-face {
|
|
128
|
-
font-family: 'Semibold';
|
|
129
|
-
font-style: normal;
|
|
130
|
-
font-weight: 700;
|
|
131
|
-
src: local('Open Sans Bold'), local('OpenSans-Bold'),
|
|
132
|
-
url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXOhpKKSTj5PW.woff2)
|
|
133
|
-
format('woff2');
|
|
134
|
-
unicode-range: U + 0100-024f, U + 0259, U + 1-1eff, U + 2020, U + 20a0-20ab,
|
|
135
|
-
U + 20ad-20cf, U + 2113, U + 2c60-2c7f, U + A720-A7FF;
|
|
136
|
-
}
|
|
137
|
-
/* latin */
|
|
138
|
-
@font-face {
|
|
139
|
-
font-family: 'Semibold';
|
|
140
|
-
font-style: normal;
|
|
141
|
-
font-weight: 700;
|
|
142
|
-
src: local('Open Sans Bold'), local('OpenSans-Bold'),
|
|
143
|
-
url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhpKKSTjw.woff2)
|
|
144
|
-
format('woff2');
|
|
145
|
-
unicode-range: U + 0000-00ff, U + 0131, U + 0152-0153, U + 02bb-02bc, U + 02c6,
|
|
146
|
-
U + 02da, U + 02dc, U + 2000-206f, U + 2074, U + 20ac, U + 2122, U + 2191,
|
|
147
|
-
U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD;
|
|
148
|
-
}
|
|
149
2
|
|
|
150
3
|
*,
|
|
151
4
|
:after,
|
|
@@ -262,7 +115,7 @@ body {
|
|
|
262
115
|
background: #fff;
|
|
263
116
|
font-size: 14px;
|
|
264
117
|
overflow: hidden;
|
|
265
|
-
font-family:
|
|
118
|
+
font-family: "Poppins", sans-serif;
|
|
266
119
|
}
|
|
267
120
|
|
|
268
121
|
main {
|
|
@@ -332,7 +185,7 @@ main {
|
|
|
332
185
|
width: 100%;
|
|
333
186
|
height: 100%;
|
|
334
187
|
}
|
|
335
|
-
.versionPart {
|
|
188
|
+
/* .versionPart {
|
|
336
189
|
padding: 4px 4px 7px;
|
|
337
190
|
text-align: center;
|
|
338
191
|
background: #0c1115;
|
|
@@ -355,8 +208,8 @@ main {
|
|
|
355
208
|
}
|
|
356
209
|
.tools:hover {
|
|
357
210
|
background-color: #07ab67;
|
|
358
|
-
}
|
|
359
|
-
.sliderContainer {
|
|
211
|
+
} */
|
|
212
|
+
/* .sliderContainer {
|
|
360
213
|
position: relative;
|
|
361
214
|
}
|
|
362
215
|
.slider {
|
|
@@ -427,7 +280,7 @@ main {
|
|
|
427
280
|
width: 0px !important;
|
|
428
281
|
font-size: 0px !important;
|
|
429
282
|
padding: 0px !important;
|
|
430
|
-
}
|
|
283
|
+
} */
|
|
431
284
|
.mainMenu {
|
|
432
285
|
padding: 10px;
|
|
433
286
|
cursor: pointer;
|
|
@@ -551,9 +404,9 @@ main {
|
|
|
551
404
|
}
|
|
552
405
|
|
|
553
406
|
section {
|
|
554
|
-
border:
|
|
407
|
+
border: 8px solid #333;
|
|
555
408
|
position: relative;
|
|
556
|
-
border-radius:
|
|
409
|
+
/* border-radius: 5px 5px 0 0; */
|
|
557
410
|
transition:width 0.2ms;
|
|
558
411
|
}
|
|
559
412
|
.iframe {
|
|
@@ -584,12 +437,17 @@ section {
|
|
|
584
437
|
}
|
|
585
438
|
.ccontent {
|
|
586
439
|
background-color: #fff;
|
|
587
|
-
padding: 5px 20px 0px 20px;
|
|
588
440
|
overflow: auto;
|
|
441
|
+
/* padding: 0 24px; */
|
|
442
|
+
/* width: 100%; */
|
|
443
|
+
}
|
|
444
|
+
.ccontent .propsTableContainer{
|
|
445
|
+
padding: 0 24px;
|
|
589
446
|
}
|
|
590
447
|
|
|
591
448
|
.cheadertitle {
|
|
592
|
-
font-family: Semibold;
|
|
449
|
+
/* font-family: Semibold; */
|
|
450
|
+
font-weight: 700;
|
|
593
451
|
font-size: 21px;
|
|
594
452
|
margin-right: 30px;
|
|
595
453
|
color: #0c1015;
|
|
@@ -632,22 +490,26 @@ section {
|
|
|
632
490
|
fill: #fff;
|
|
633
491
|
}
|
|
634
492
|
.propsTable {
|
|
635
|
-
margin:
|
|
636
|
-
border: 1px solid #ebedf0;
|
|
493
|
+
margin: 10px auto;
|
|
637
494
|
font-size: 14px;
|
|
495
|
+
/* border-radius: 10px; */
|
|
638
496
|
line-height: 1.5;
|
|
639
497
|
empty-cells: show;
|
|
640
498
|
}
|
|
641
499
|
.tableHeader {
|
|
500
|
+
border-left: 1px solid #e0e8ef;
|
|
501
|
+
border-right: 1px solid #e0e8ef;
|
|
502
|
+
border-bottom: 1px solid #e0e8ef;
|
|
642
503
|
display: flex;
|
|
643
504
|
flex-direction: row;
|
|
644
505
|
}
|
|
645
506
|
.brR {
|
|
646
507
|
white-space: nowrap;
|
|
647
|
-
color: #
|
|
648
|
-
font-
|
|
649
|
-
|
|
650
|
-
|
|
508
|
+
color: #000;
|
|
509
|
+
font-size: 16px;
|
|
510
|
+
font-weight: 600;
|
|
511
|
+
background: #f6f8fb;
|
|
512
|
+
padding: 14px 24px !important;
|
|
651
513
|
text-align: left;
|
|
652
514
|
}
|
|
653
515
|
.tableHeaderNB {
|
|
@@ -662,10 +524,9 @@ section {
|
|
|
662
524
|
text-overflow: ellipsis;
|
|
663
525
|
word-wrap: normal;
|
|
664
526
|
word-break: break-word;
|
|
665
|
-
|
|
666
|
-
padding: 16px 24px;
|
|
527
|
+
padding: 12px 24px;
|
|
667
528
|
text-align: left;
|
|
668
|
-
|
|
529
|
+
letter-spacing: 0.2px;
|
|
669
530
|
}
|
|
670
531
|
.tableHeaderNB span {
|
|
671
532
|
border-bottom-width: 0;
|
|
@@ -750,7 +611,7 @@ section {
|
|
|
750
611
|
line-height: 30px;
|
|
751
612
|
cursor: pointer;
|
|
752
613
|
margin-right: 10px;
|
|
753
|
-
border-radius:
|
|
614
|
+
border-radius: 15px;
|
|
754
615
|
transition: all 0.1s;
|
|
755
616
|
}
|
|
756
617
|
.infoactive,
|
|
@@ -919,15 +780,14 @@ section {
|
|
|
919
780
|
}
|
|
920
781
|
.toolOptions{
|
|
921
782
|
background: #333;
|
|
922
|
-
border-radius:
|
|
923
|
-
margin: 5px 0;
|
|
783
|
+
border-radius: 0;
|
|
924
784
|
}
|
|
925
785
|
.toolarea{
|
|
926
786
|
overflow: auto;
|
|
927
787
|
}
|
|
928
788
|
.range{
|
|
929
789
|
width: 500px;
|
|
930
|
-
padding:
|
|
790
|
+
padding: 5px 0;
|
|
931
791
|
position: relative;
|
|
932
792
|
margin-left: 20px;
|
|
933
793
|
flex: .5;
|
|
@@ -1020,3 +880,110 @@ section {
|
|
|
1020
880
|
bottom: 0;
|
|
1021
881
|
background:#fff;
|
|
1022
882
|
}
|
|
883
|
+
|
|
884
|
+
.compName {
|
|
885
|
+
font-size: 20px;
|
|
886
|
+
font-weight: 600;
|
|
887
|
+
position: -webkit-sticky;
|
|
888
|
+
position: sticky;
|
|
889
|
+
top: 0px;
|
|
890
|
+
background-color: #fff;
|
|
891
|
+
padding: 5px 10px 5px 20px;
|
|
892
|
+
border-radius: 5px;
|
|
893
|
+
box-shadow: 0 0 5px #d5dde7 inset;
|
|
894
|
+
border: 1px solid #d5dde7;
|
|
895
|
+
margin-top: 10px
|
|
896
|
+
}
|
|
897
|
+
|
|
898
|
+
.tableHeader:last-child {
|
|
899
|
+
/* border-bottom: none; */
|
|
900
|
+
}
|
|
901
|
+
|
|
902
|
+
.tableHeader:first-child {
|
|
903
|
+
position: -webkit-sticky;
|
|
904
|
+
position: sticky;
|
|
905
|
+
border-top: 1px solid #e0e8ef;
|
|
906
|
+
top: 41px;
|
|
907
|
+
}
|
|
908
|
+
|
|
909
|
+
/* .brR:first-child {
|
|
910
|
+
border-top-left-radius: 10px;
|
|
911
|
+
}
|
|
912
|
+
|
|
913
|
+
.brR:last-child {
|
|
914
|
+
border-top-right-radius: 10px;
|
|
915
|
+
} */
|
|
916
|
+
.typeTag {
|
|
917
|
+
display: inline-block;
|
|
918
|
+
border-radius: 4px;
|
|
919
|
+
padding: 0 4px
|
|
920
|
+
}
|
|
921
|
+
.stringType{
|
|
922
|
+
color: #0a73eb;
|
|
923
|
+
background-color: rgba(10, 115, 235, 0.1);
|
|
924
|
+
border: 1px solid #0a73eb
|
|
925
|
+
}
|
|
926
|
+
.boolType{
|
|
927
|
+
color: #e47016;
|
|
928
|
+
background-color: rgba(228, 112, 22, 0.1);
|
|
929
|
+
border: 1px solid #e47016;
|
|
930
|
+
}
|
|
931
|
+
.funcType{
|
|
932
|
+
color: #da2323;
|
|
933
|
+
background-color: rgba(218, 35, 35, 0.1);
|
|
934
|
+
border: 1px solid #da2323
|
|
935
|
+
}
|
|
936
|
+
.oneOfType, .oneOfTypeType{
|
|
937
|
+
color: #b36000;
|
|
938
|
+
background-color: #fff2e1;
|
|
939
|
+
border: 1px solid #ffa606
|
|
940
|
+
}
|
|
941
|
+
|
|
942
|
+
.objectType{
|
|
943
|
+
color: #0ba53d;
|
|
944
|
+
background-color: rgba(11, 165, 61, 0.1);
|
|
945
|
+
border: 1px solid #0ba53d;
|
|
946
|
+
}
|
|
947
|
+
|
|
948
|
+
.elementType{
|
|
949
|
+
color: #06b7ce;
|
|
950
|
+
background-color: rgba(35, 209, 218, 0.1);
|
|
951
|
+
border: 1px solid #23d1da
|
|
952
|
+
}
|
|
953
|
+
|
|
954
|
+
.arrayType{
|
|
955
|
+
color: #ce0656;
|
|
956
|
+
background-color: rgba(218, 35, 172, 0.1);
|
|
957
|
+
border: 1px solid #da237f
|
|
958
|
+
}
|
|
959
|
+
|
|
960
|
+
.shapeType{
|
|
961
|
+
color: #8705eb;
|
|
962
|
+
background-color: rgba(166, 35, 218, 0.1);
|
|
963
|
+
border: 1px solid #b523da
|
|
964
|
+
}
|
|
965
|
+
|
|
966
|
+
.numberType{
|
|
967
|
+
color: #6306ce;
|
|
968
|
+
background-color: rgba(124, 35, 218, 0.1);
|
|
969
|
+
border: 1px solid #7c23da
|
|
970
|
+
}
|
|
971
|
+
|
|
972
|
+
.isRequired{
|
|
973
|
+
color: #d46262;
|
|
974
|
+
}
|
|
975
|
+
|
|
976
|
+
.isNotRequired{
|
|
977
|
+
color: #0ba53d;
|
|
978
|
+
}
|
|
979
|
+
|
|
980
|
+
|
|
981
|
+
.CodeTag,
|
|
982
|
+
.CodeTag * {
|
|
983
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
|
|
984
|
+
line-height: 1.6;
|
|
985
|
+
letter-spacing: 0.1px;
|
|
986
|
+
font-size: 14px;
|
|
987
|
+
word-wrap: break-word;
|
|
988
|
+
white-space: pre-wrap;
|
|
989
|
+
}
|