@umijs/preset-umi 4.0.6 → 4.0.9

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.
Files changed (103) hide show
  1. package/assets/bundle-status.html +209 -204
  2. package/devToolAppDist/458.chunk.css +7 -1
  3. package/devToolAppDist/index.html +16 -11
  4. package/dist/commands/build.js +158 -127
  5. package/dist/commands/config/config.js +57 -33
  6. package/dist/commands/config/list.js +51 -30
  7. package/dist/commands/config/remove.js +42 -18
  8. package/dist/commands/config/set.js +50 -27
  9. package/dist/commands/dev/createRouteMiddleware.js +80 -41
  10. package/dist/commands/dev/dev.js +315 -299
  11. package/dist/commands/dev/faviconMiddleware.js +35 -12
  12. package/dist/commands/dev/getAssetsMap.js +44 -21
  13. package/dist/commands/dev/getBabelOpts.d.ts +1 -12
  14. package/dist/commands/dev/getBabelOpts.js +88 -46
  15. package/dist/commands/dev/getMarkupArgs.js +80 -61
  16. package/dist/commands/dev/plugins/ViteHtmlPlugin.js +77 -40
  17. package/dist/commands/dev/printMemoryUsage.js +35 -11
  18. package/dist/commands/dev/watch.js +87 -42
  19. package/dist/commands/generators/api.js +80 -57
  20. package/dist/commands/generators/component.js +95 -70
  21. package/dist/commands/generators/cypress.js +69 -45
  22. package/dist/commands/generators/dva.js +57 -34
  23. package/dist/commands/generators/jest.js +93 -57
  24. package/dist/commands/generators/mock.js +56 -32
  25. package/dist/commands/generators/page.js +174 -154
  26. package/dist/commands/generators/prettier.js +58 -36
  27. package/dist/commands/generators/tailwindcss.js +60 -36
  28. package/dist/commands/generators/tsconfig.js +55 -31
  29. package/dist/commands/generators/utils.js +161 -134
  30. package/dist/commands/help.js +70 -50
  31. package/dist/commands/lint.js +50 -26
  32. package/dist/commands/plugin.js +59 -35
  33. package/dist/commands/preview.js +124 -90
  34. package/dist/commands/setup.js +43 -21
  35. package/dist/commands/verify-commit.js +89 -67
  36. package/dist/commands/version.js +40 -16
  37. package/dist/constants.js +39 -8
  38. package/dist/features/__sample.js +28 -4
  39. package/dist/features/apiRoute/apiRoute.js +169 -161
  40. package/dist/features/apiRoute/constants.js +29 -4
  41. package/dist/features/apiRoute/dev-server/esbuild.js +56 -35
  42. package/dist/features/apiRoute/index.js +37 -11
  43. package/dist/features/apiRoute/request.d.ts +6 -0
  44. package/dist/features/apiRoute/request.js +154 -82
  45. package/dist/features/apiRoute/response.d.ts +1 -0
  46. package/dist/features/apiRoute/response.js +63 -35
  47. package/dist/features/apiRoute/utils.js +70 -58
  48. package/dist/features/apiRoute/vercel/esbuild.js +47 -25
  49. package/dist/features/appData/appData.js +158 -138
  50. package/dist/features/check/check.js +70 -34
  51. package/dist/features/clickToComponent/clickToComponent.js +69 -42
  52. package/dist/features/clientLoader/clientLoader.js +123 -103
  53. package/dist/features/configPlugins/configPlugins.js +112 -74
  54. package/dist/features/configPlugins/schema.js +51 -28
  55. package/dist/features/crossorigin/crossorigin.js +63 -42
  56. package/dist/features/depsOnDemand/depsOnDemand.js +51 -31
  57. package/dist/features/devTool/devTool.js +92 -65
  58. package/dist/features/esmi/Service.js +92 -105
  59. package/dist/features/esmi/esbuildPlugins/requireToImport.js +71 -51
  60. package/dist/features/esmi/esbuildPlugins/topLevelExternal.js +46 -27
  61. package/dist/features/esmi/esmi.js +187 -226
  62. package/dist/features/favicons/favicons.js +80 -58
  63. package/dist/features/lowImport/babelPlugin.js +112 -124
  64. package/dist/features/lowImport/lowImport.js +144 -142
  65. package/dist/features/mock/constants.js +42 -13
  66. package/dist/features/mock/createMockMiddleware.js +87 -72
  67. package/dist/features/mock/getMockData.js +85 -71
  68. package/dist/features/mock/mock.js +86 -69
  69. package/dist/features/monorepo/redirect.js +114 -85
  70. package/dist/features/polyfill/polyfill.js +76 -51
  71. package/dist/features/polyfill/publicPathPolyfill.js +38 -13
  72. package/dist/features/polyfill/swcPolyfill.js +43 -17
  73. package/dist/features/routePrefetch/routePrefetch.js +54 -32
  74. package/dist/features/ssr/builder/assets-loader.js +60 -41
  75. package/dist/features/ssr/builder/builder.js +103 -81
  76. package/dist/features/ssr/builder/css-loader.js +71 -48
  77. package/dist/features/ssr/builder/less-loader.js +132 -103
  78. package/dist/features/ssr/builder/svg-loader.js +43 -41
  79. package/dist/features/ssr/ssr.js +142 -108
  80. package/dist/features/ssr/utils.js +43 -19
  81. package/dist/features/terminal/terminal.js +63 -43
  82. package/dist/features/tmpFiles/configTypes.js +72 -40
  83. package/dist/features/tmpFiles/getModuleExports.js +33 -9
  84. package/dist/features/tmpFiles/importsToStr.js +37 -14
  85. package/dist/features/tmpFiles/routes.js +187 -213
  86. package/dist/features/tmpFiles/tmpFiles.js +356 -347
  87. package/dist/features/transform/CodeFrameError.js +32 -9
  88. package/dist/features/transform/babelPlugin.js +113 -122
  89. package/dist/features/transform/transform.js +88 -52
  90. package/dist/features/vite/vite.js +86 -52
  91. package/dist/index.js +78 -54
  92. package/dist/libs/folderCache/AutoUpdateFolderCache.js +126 -103
  93. package/dist/libs/folderCache/AutoUpdateSourceCodeCache.js +149 -120
  94. package/dist/libs/scan.js +134 -147
  95. package/dist/registerMethods.js +120 -113
  96. package/dist/types.d.ts +1 -0
  97. package/dist/types.js +31 -6
  98. package/dist/utils/isTypeScriptFile.js +29 -5
  99. package/dist/utils/lazyImportFromCurrentPkg.js +32 -11
  100. package/dist/utils/transformIEAR.js +77 -97
  101. package/package.json +12 -12
  102. package/templates/history.tpl +1 -1
  103. package/templates/umi.tpl +2 -1
@@ -1,206 +1,211 @@
1
- <!doctype html>
1
+ <!DOCTYPE html>
2
2
  <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport"
6
- content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
7
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
8
- <title>Umi Loading...</title>
9
- <style data-basic>
10
- body {
11
- font-family: sans-serif;
12
- min-height: 80vh;
13
- display: flex;
14
- align-items: center;
15
- justify-content: center;
16
- }
17
-
18
- #loading {
19
- position: relative;
20
- padding-left: 96px;
21
- padding-top: 12px;
22
- }
23
-
24
- #loading::before {
25
- position: absolute;
26
- left: 0;
27
- top: 50%;
28
- content: '';
29
- display: inline-block;
30
- width: 68px;
31
- height: 66px;
32
- background: 0 center / 408px 66px;
33
- background-image: url('data:image/png;base64,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');
34
- transform: translateY(-50%);
35
- }
36
-
37
- #loading h3 {
38
- margin: 0 0 2px;
39
- color: #666;
40
- font-size: 20px;
41
- font-weight: normal;
42
- }
43
-
44
- #loading small {
45
- color: #888;
46
- font-size: 12px;
47
- }
48
-
49
- #loading small::after {
50
- content: 'from source';
51
- }
52
-
53
- #loading p {
54
- box-sizing: border-box;
55
- font-family: Georgia, 'Times New Roman', Times, serif;
56
- color: #333;
57
- }
58
-
59
- #loading p:empty {
60
- display: none;
61
- }
62
-
63
- #loading p span {
64
- font-family: sans-serif;
65
- padding: 0 6px 0 2px;
66
- color: #666;
67
- font-size: 14px;
68
- vertical-align: bottom;
69
- }
70
-
71
- #loading p.summary {
72
- margin: 8px 0;
73
- height: 28px;
74
- font-size: 24px;
75
- }
76
-
77
- #loading p.detail {
78
- margin: 2px 0;
79
- height: 40px;
80
- font-size: 16px;
81
- }
82
-
83
- @keyframes fade-in-out {
84
- 0% {
85
- opacity: 0.4;
86
- }
87
-
88
- 100% {
89
- opacity: 1;
90
- }
91
- }
92
- </style>
93
- <style data-mfsu>
94
- #loading[data-mfsu]::after {
95
- position: absolute;
96
- top: 0;
97
- left: 64px;
98
- content: '';
99
- width: 20px;
100
- height: 22px;
101
- background: center / 20px 22px;
102
- background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAuCAMAAABteatCAAABKVBMVEUAAAADAgAAAAAAAAAAAAAAAAAAAAAIBwEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMCgEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAASDwIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD+2SgAAAD81ycWEwPxzSXOsCBBOAoqIwbjwiOWgBd2ZBJdTw741Ca1mhyhihlHPAswKQcbFwT00CbgvyLWtyG5nh2GchV7aRNYSw1VSA3zzybpxyTmxCTLrR+QehaMdxZvXxFmVxBjVQ85MQglIAXqxyTSsyG/ox6zmRyrkhqpkBqmjhqdhhiBbhRQRAxMQQyKBhJVAAAAM3RSTlMA/vrcEO3F/nA4BvfUqYx4aFAjBP7x6uOugCEdCrSllohUSj0yLRQC/se/k2FWJ7qamFjVvxppAAAB4klEQVQ4y42U10IaQRhG2QVBAaVIMxQNCthT9iwdkSoEEkss6e39HyIaQ4Zhdjee63PxH/h2XCqF4EbU9QQ8bsAb9vxXzNI7iYGeivgdvQ12h8ag09VgaXPF3sujjYwHzq96gNvu3OgSY2PGx1bf7txMkJ+mITBHNufmuKsYMm//nit5y8TODJXzKWTnvW2dL4YFpz5y63NeOkHLyvum8ao05/m91EwLr6mxJR24Sf+DhTeGkOQd4ruw8FpoYcnbCfBd1cwb9CPJKya5Vr32lEBe8kovuG0r3qBLfNslsUW5oXiVWxI7shdB+6R473okj2XvOM6l4g3vYK24OJmJGlK93gU9e5QRYor6wLCg/fWXBvGXs54QmjQZ6c5LMfOCDuX3VcOOsz8z3wvfjyYUBOrjhp1qXgHux//vIAFarVOx8honGkvLsz2u51cD4JucLg6t8sZHYM0jvRCH+yyeazbLsPrMtUg6lISm8D7XwWv5CBTitMRPXgN3xGVFOsnEVBpUPEFqbdGgiwYZ/z71itqgkqM/fPyO1QZ5vLHqv4bnLlvCaCO1QSWi0bl/kUSDDSsBfqgNKtEEN2qDStFN90JpUMnsUZ4+NPidvVIKUBtUDkA0OBBCNDjxWjQ4o4sGR34DhGGszb2iUaMAAAAASUVORK5CYII=');
103
- animation: fade-in-out alternate infinite 1s;
104
- }
105
-
106
- #loading[data-mfsu] small::after {
107
- content: 'Umi with MFSU';
108
- }
109
-
110
- #loading[data-mfsu]:hover p.summary,
111
- #loading[data-mfsu]:not(:hover) p.detail {
112
- display: none;
113
- }
114
- </style>
115
- <style data-progress>
116
- #loading[data-percent^='2']:not([data-percent='2'])::before,
117
- #loading[data-percent^='3']:not([data-percent='3'])::before {
118
- background-position-x: -68px;
119
- }
120
-
121
- #loading[data-percent^='4']:not([data-percent='4'])::before,
122
- #loading[data-percent^='5']:not([data-percent='5'])::before {
123
- background-position-x: -136px;
124
- }
125
-
126
- #loading[data-percent^='6']:not([data-percent='6'])::before,
127
- #loading[data-percent^='7']:not([data-percent='7'])::before {
128
- background-position-x: -204px;
129
- }
130
-
131
- #loading[data-percent^='8']:not([data-percent='8'])::before,
132
- #loading[data-percent^='9']:not([data-percent='9'])::before {
133
- background-position-x: -272px;
134
- }
135
-
136
- #loading[data-percent='99']::before,
137
- #loading[data-percent='100']::before {
138
- background-position-x: -340px !important;
139
- }
140
- </style>
141
- </head>
142
- <body>
143
- <div id="loading">
144
- <h3>Bundling...</h3>
145
- <small></small>
146
- <p class="summary"></p>
147
- <p class="detail"></p>
148
- </div>
149
- <script>
150
- const loading = document.getElementById('loading');
151
- const summary = loading.querySelector('.summary');
152
- const detail = loading.querySelector('.detail');
153
-
154
- function check(data) {
155
- renderStatus(data);
156
- if (data.bundleStatus.done && (!data.mfsuBundleStatus || data.mfsuBundleStatus.done)) {
157
- location.reload();
158
- } else {
159
- setTimeout(loadData, 300);
160
- }
161
- }
162
-
163
- function renderStatus(data) {
164
- const hasMFSU = Boolean(data.mfsuBundleStatus);
165
- const srcPercent = Math.floor((
166
- data.bundleStatus.done
167
- ? 1
168
- : (data.bundleStatus.progresses[0].percent || 0)
169
- ) * 100);
170
- const mfsuPrecent = hasMFSU && Math.floor((
171
- data.mfsuBundleStatus.done
172
- ? 1
173
- : (data.mfsuBundleStatus.percent || 0)
174
- ) * 100);
175
- const totalPercent = hasMFSU
176
- ? Math.floor((srcPercent + mfsuPrecent) / 2)
177
- : srcPercent;
178
- const summaryText = totalPercent + '<span>%</span>';
179
- let detailText = summaryText;
180
-
181
- if (hasMFSU) {
182
- loading.setAttribute('data-mfsu', '');
183
- detailText = [
184
- srcPercent + '<span>% for src</span>',
185
- '<br />',
186
- mfsuPrecent + '<span>% for deps</span>',
187
- ].join('\n');
188
- detail.innerHTML = detailText;
189
- }
190
-
191
- loading.setAttribute('data-percent', totalPercent);
192
- summary.innerHTML = summaryText;
193
- }
194
-
195
- function loadData() {
196
- fetch('/__umi/api/bundle-status')
197
- .then(res => res.json())
198
- .then(check);
199
- }
200
-
201
- loadData();
202
-
203
- </script>
204
-
205
- </body>
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta
6
+ name="viewport"
7
+ content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
8
+ />
9
+ <meta http-equiv="X-UA-Compatible" content="ie=edge" />
10
+ <title>Umi Loading...</title>
11
+ <style data-basic>
12
+ body {
13
+ font-family: sans-serif;
14
+ min-height: 80vh;
15
+ display: flex;
16
+ align-items: center;
17
+ justify-content: center;
18
+ }
19
+
20
+ #loading {
21
+ position: relative;
22
+ padding-left: 96px;
23
+ padding-top: 12px;
24
+ }
25
+
26
+ #loading::before {
27
+ position: absolute;
28
+ left: 0;
29
+ top: 50%;
30
+ content: '';
31
+ display: inline-block;
32
+ width: 68px;
33
+ height: 66px;
34
+ background: 0 center / 408px 66px;
35
+ background-image: url('data:image/png;base64,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');
36
+ transform: translateY(-50%);
37
+ }
38
+
39
+ #loading h3 {
40
+ margin: 0 0 2px;
41
+ color: #666;
42
+ font-size: 20px;
43
+ font-weight: normal;
44
+ }
45
+
46
+ #loading small {
47
+ color: #888;
48
+ font-size: 12px;
49
+ }
50
+
51
+ #loading small::after {
52
+ content: 'from source';
53
+ }
54
+
55
+ #loading p {
56
+ box-sizing: border-box;
57
+ font-family: Georgia, 'Times New Roman', Times, serif;
58
+ color: #333;
59
+ }
60
+
61
+ #loading p:empty {
62
+ display: none;
63
+ }
64
+
65
+ #loading p span {
66
+ font-family: sans-serif;
67
+ padding: 0 6px 0 2px;
68
+ color: #666;
69
+ font-size: 14px;
70
+ vertical-align: bottom;
71
+ }
72
+
73
+ #loading p.summary {
74
+ margin: 8px 0;
75
+ height: 28px;
76
+ font-size: 24px;
77
+ }
78
+
79
+ #loading p.detail {
80
+ margin: 2px 0;
81
+ height: 40px;
82
+ font-size: 16px;
83
+ }
84
+
85
+ @keyframes fade-in-out {
86
+ 0% {
87
+ opacity: 0.4;
88
+ }
89
+
90
+ 100% {
91
+ opacity: 1;
92
+ }
93
+ }
94
+ </style>
95
+ <style data-mfsu>
96
+ #loading[data-mfsu]::after {
97
+ position: absolute;
98
+ top: 0;
99
+ left: 64px;
100
+ content: '';
101
+ width: 20px;
102
+ height: 22px;
103
+ background: center / 20px 22px;
104
+ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAuCAMAAABteatCAAABKVBMVEUAAAADAgAAAAAAAAAAAAAAAAAAAAAIBwEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMCgEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAASDwIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD+2SgAAAD81ycWEwPxzSXOsCBBOAoqIwbjwiOWgBd2ZBJdTw741Ca1mhyhihlHPAswKQcbFwT00CbgvyLWtyG5nh2GchV7aRNYSw1VSA3zzybpxyTmxCTLrR+QehaMdxZvXxFmVxBjVQ85MQglIAXqxyTSsyG/ox6zmRyrkhqpkBqmjhqdhhiBbhRQRAxMQQyKBhJVAAAAM3RSTlMA/vrcEO3F/nA4BvfUqYx4aFAjBP7x6uOugCEdCrSllohUSj0yLRQC/se/k2FWJ7qamFjVvxppAAAB4klEQVQ4y42U10IaQRhG2QVBAaVIMxQNCthT9iwdkSoEEkss6e39HyIaQ4Zhdjee63PxH/h2XCqF4EbU9QQ8bsAb9vxXzNI7iYGeivgdvQ12h8ag09VgaXPF3sujjYwHzq96gNvu3OgSY2PGx1bf7txMkJ+mITBHNufmuKsYMm//nit5y8TODJXzKWTnvW2dL4YFpz5y63NeOkHLyvum8ao05/m91EwLr6mxJR24Sf+DhTeGkOQd4ruw8FpoYcnbCfBd1cwb9CPJKya5Vr32lEBe8kovuG0r3qBLfNslsUW5oXiVWxI7shdB+6R473okj2XvOM6l4g3vYK24OJmJGlK93gU9e5QRYor6wLCg/fWXBvGXs54QmjQZ6c5LMfOCDuX3VcOOsz8z3wvfjyYUBOrjhp1qXgHux//vIAFarVOx8honGkvLsz2u51cD4JucLg6t8sZHYM0jvRCH+yyeazbLsPrMtUg6lISm8D7XwWv5CBTitMRPXgN3xGVFOsnEVBpUPEFqbdGgiwYZ/z71itqgkqM/fPyO1QZ5vLHqv4bnLlvCaCO1QSWi0bl/kUSDDSsBfqgNKtEEN2qDStFN90JpUMnsUZ4+NPidvVIKUBtUDkA0OBBCNDjxWjQ4o4sGR34DhGGszb2iUaMAAAAASUVORK5CYII=');
105
+ animation: fade-in-out alternate infinite 1s;
106
+ }
107
+
108
+ #loading[data-mfsu] small::after {
109
+ content: 'Umi with MFSU';
110
+ }
111
+
112
+ #loading[data-mfsu]:hover p.summary,
113
+ #loading[data-mfsu]:not(:hover) p.detail {
114
+ display: none;
115
+ }
116
+ </style>
117
+ <style data-progress>
118
+ #loading[data-percent^='2']:not([data-percent='2'])::before,
119
+ #loading[data-percent^='3']:not([data-percent='3'])::before {
120
+ background-position-x: -68px;
121
+ }
122
+
123
+ #loading[data-percent^='4']:not([data-percent='4'])::before,
124
+ #loading[data-percent^='5']:not([data-percent='5'])::before {
125
+ background-position-x: -136px;
126
+ }
127
+
128
+ #loading[data-percent^='6']:not([data-percent='6'])::before,
129
+ #loading[data-percent^='7']:not([data-percent='7'])::before {
130
+ background-position-x: -204px;
131
+ }
132
+
133
+ #loading[data-percent^='8']:not([data-percent='8'])::before,
134
+ #loading[data-percent^='9']:not([data-percent='9'])::before {
135
+ background-position-x: -272px;
136
+ }
137
+
138
+ #loading[data-percent='99']::before,
139
+ #loading[data-percent='100']::before {
140
+ background-position-x: -340px !important;
141
+ }
142
+ </style>
143
+ </head>
144
+ <body>
145
+ <div id="loading">
146
+ <h3>Bundling...</h3>
147
+ <small></small>
148
+ <p class="summary"></p>
149
+ <p class="detail"></p>
150
+ </div>
151
+ <script>
152
+ const loading = document.getElementById('loading');
153
+ const summary = loading.querySelector('.summary');
154
+ const detail = loading.querySelector('.detail');
155
+
156
+ function check(data) {
157
+ renderStatus(data);
158
+ if (
159
+ data.bundleStatus.done &&
160
+ (!data.mfsuBundleStatus || data.mfsuBundleStatus.done)
161
+ ) {
162
+ location.reload();
163
+ } else {
164
+ setTimeout(loadData, 300);
165
+ }
166
+ }
167
+
168
+ function renderStatus(data) {
169
+ const hasMFSU = Boolean(data.mfsuBundleStatus);
170
+ const srcPercent = Math.floor(
171
+ (data.bundleStatus.done
172
+ ? 1
173
+ : data.bundleStatus.progresses[0].percent || 0) * 100,
174
+ );
175
+ const mfsuPrecent =
176
+ hasMFSU &&
177
+ Math.floor(
178
+ (data.mfsuBundleStatus.done
179
+ ? 1
180
+ : data.mfsuBundleStatus.percent || 0) * 100,
181
+ );
182
+ const totalPercent = hasMFSU
183
+ ? Math.floor((srcPercent + mfsuPrecent) / 2)
184
+ : srcPercent;
185
+ const summaryText = totalPercent + '<span>%</span>';
186
+ let detailText = summaryText;
187
+
188
+ if (hasMFSU) {
189
+ loading.setAttribute('data-mfsu', '');
190
+ detailText = [
191
+ srcPercent + '<span>% for src</span>',
192
+ '<br />',
193
+ mfsuPrecent + '<span>% for deps</span>',
194
+ ].join('\n');
195
+ detail.innerHTML = detailText;
196
+ }
197
+
198
+ loading.setAttribute('data-percent', totalPercent);
199
+ summary.innerHTML = summaryText;
200
+ }
201
+
202
+ function loadData() {
203
+ fetch('/__umi/api/bundle-status')
204
+ .then((res) => res.json())
205
+ .then(check);
206
+ }
207
+
208
+ loadData();
209
+ </script>
210
+ </body>
206
211
  </html>
@@ -1 +1,7 @@
1
- .nav___BBTh0 div{display:inline-block;margin-right:20px}.nav___BBTh0 a{color:green}
1
+ .nav___BBTh0 div {
2
+ display: inline-block;
3
+ margin-right: 20px;
4
+ }
5
+ .nav___BBTh0 a {
6
+ color: green;
7
+ }
@@ -1,11 +1,16 @@
1
- <!DOCTYPE html><html><head>
2
- <meta charset="UTF-8">
3
- <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
4
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
5
- <link rel="stylesheet" href="/__umi/umi.css">
6
- </head>
7
- <body>
8
- <div id="root" data-reactroot=""></div>
9
- <script src="/__umi/umi.js"></script>
10
-
11
- </body></html>
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta
6
+ name="viewport"
7
+ content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
8
+ />
9
+ <meta http-equiv="X-UA-Compatible" content="ie=edge" />
10
+ <link rel="stylesheet" href="/__umi/umi.css" />
11
+ </head>
12
+ <body>
13
+ <div id="root" data-reactroot=""></div>
14
+ <script src="/__umi/umi.js"></script>
15
+ </body>
16
+ </html>