@umijs/preset-umi 4.0.0-rc.9 → 4.0.2

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 (132) hide show
  1. package/assets/bundle-status.html +206 -0
  2. package/compiled/body-parser/index.js +27 -35
  3. package/compiled/ini/index.js +1 -1
  4. package/compiled/ini/package.json +1 -1
  5. package/compiled/sirv/index.js +1 -0
  6. package/compiled/sirv/package.json +1 -0
  7. package/devToolAppDist/174.js +8 -0
  8. package/devToolAppDist/245.js +8 -0
  9. package/devToolAppDist/278.js +8 -0
  10. package/devToolAppDist/382.js +9 -0
  11. package/devToolAppDist/458.chunk.css +1 -0
  12. package/devToolAppDist/458.js +8 -0
  13. package/devToolAppDist/519.js +8 -0
  14. package/devToolAppDist/525.js +9 -0
  15. package/devToolAppDist/638.js +8 -0
  16. package/devToolAppDist/index.html +11 -0
  17. package/devToolAppDist/umi.css +0 -0
  18. package/devToolAppDist/umi.js +62 -0
  19. package/dist/commands/build.js +103 -97
  20. package/dist/commands/config/config.js +21 -31
  21. package/dist/commands/dev/createRouteMiddleware.d.ts +1 -1
  22. package/dist/commands/dev/createRouteMiddleware.js +28 -53
  23. package/dist/commands/dev/dev.js +223 -199
  24. package/dist/commands/dev/getBabelOpts.d.ts +1 -0
  25. package/dist/commands/dev/getBabelOpts.js +40 -49
  26. package/dist/commands/dev/getMarkupArgs.d.ts +2 -1
  27. package/dist/commands/dev/getMarkupArgs.js +53 -65
  28. package/dist/commands/dev/plugins/ViteHtmlPlugin.d.ts +3 -0
  29. package/dist/commands/dev/plugins/ViteHtmlPlugin.js +42 -0
  30. package/dist/commands/dev/watch.d.ts +1 -0
  31. package/dist/commands/dev/watch.js +14 -14
  32. package/dist/commands/generators/api.d.ts +7 -0
  33. package/dist/commands/generators/api.js +60 -0
  34. package/dist/commands/generators/component.d.ts +21 -0
  35. package/dist/commands/generators/component.js +73 -0
  36. package/dist/{features/favicon/favicon.d.ts → commands/generators/cypress.d.ts} +0 -0
  37. package/dist/commands/generators/cypress.js +59 -0
  38. package/dist/commands/generators/dva.js +3 -11
  39. package/dist/commands/generators/jest.js +14 -14
  40. package/dist/commands/generators/mock.d.ts +3 -0
  41. package/dist/commands/generators/mock.js +33 -0
  42. package/dist/commands/generators/page.d.ts +2 -0
  43. package/dist/commands/generators/page.js +88 -106
  44. package/dist/commands/generators/prettier.js +3 -11
  45. package/dist/commands/generators/tailwindcss.js +6 -12
  46. package/dist/commands/generators/tsconfig.js +3 -11
  47. package/dist/commands/generators/utils.d.ts +8 -0
  48. package/dist/commands/generators/utils.js +67 -6
  49. package/dist/commands/help.js +1 -0
  50. package/dist/commands/lint.d.ts +3 -0
  51. package/dist/commands/lint.js +34 -0
  52. package/dist/commands/preview.d.ts +3 -0
  53. package/dist/commands/preview.js +99 -0
  54. package/dist/commands/setup.js +11 -20
  55. package/dist/commands/verify-commit.js +1 -0
  56. package/dist/commands/version.js +1 -0
  57. package/dist/features/apiRoute/apiRoute.js +16 -22
  58. package/dist/features/apiRoute/dev-server/esbuild.js +22 -33
  59. package/dist/features/apiRoute/vercel/esbuild.js +14 -25
  60. package/dist/features/appData/appData.js +79 -78
  61. package/dist/features/check/check.js +11 -17
  62. package/dist/features/clientLoader/clientLoader.d.ts +3 -0
  63. package/dist/features/clientLoader/clientLoader.js +110 -0
  64. package/dist/features/configPlugins/configPlugins.js +23 -11
  65. package/dist/features/configPlugins/schema.d.ts +1 -1
  66. package/dist/features/configPlugins/schema.js +3 -0
  67. package/dist/features/devTool/devTool.d.ts +3 -0
  68. package/dist/features/devTool/devTool.js +67 -0
  69. package/dist/features/esmi/Service.js +36 -49
  70. package/dist/features/esmi/esbuildPlugins/requireToImport.js +2 -11
  71. package/dist/features/esmi/esbuildPlugins/topLevelExternal.js +3 -12
  72. package/dist/features/esmi/esmi.js +45 -56
  73. package/dist/features/favicons/favicons.d.ts +3 -0
  74. package/dist/features/favicons/favicons.js +62 -0
  75. package/dist/features/lowImport/lowImport.js +3 -12
  76. package/dist/features/mock/getMockData.js +11 -2
  77. package/dist/features/mock/mock.js +33 -19
  78. package/dist/features/monorepo/redirect.js +21 -29
  79. package/dist/features/routePrefetch/routePrefetch.d.ts +3 -0
  80. package/dist/features/routePrefetch/routePrefetch.js +33 -0
  81. package/dist/features/ssr/builder/assets-loader.d.ts +4 -0
  82. package/dist/features/ssr/builder/assets-loader.js +43 -0
  83. package/dist/features/ssr/builder/builder.d.ts +9 -0
  84. package/dist/features/ssr/builder/builder.js +85 -0
  85. package/dist/features/ssr/builder/css-loader.d.ts +8 -0
  86. package/dist/features/ssr/builder/css-loader.js +56 -0
  87. package/dist/features/ssr/builder/less-loader.d.ts +9 -0
  88. package/dist/features/ssr/builder/less-loader.js +108 -0
  89. package/dist/features/ssr/builder/svg-loader.d.ts +5 -0
  90. package/dist/features/ssr/builder/svg-loader.js +43 -0
  91. package/dist/features/ssr/ssr.d.ts +3 -0
  92. package/dist/features/ssr/ssr.js +118 -0
  93. package/dist/features/ssr/utils.d.ts +7 -0
  94. package/dist/features/ssr/utils.js +23 -0
  95. package/dist/features/terminal/terminal.d.ts +3 -0
  96. package/dist/features/terminal/terminal.js +80 -0
  97. package/dist/features/tmpFiles/configTypes.js +8 -14
  98. package/dist/features/tmpFiles/getModuleExports.d.ts +3 -0
  99. package/dist/features/tmpFiles/getModuleExports.js +11 -0
  100. package/dist/features/tmpFiles/routes.d.ts +1 -0
  101. package/dist/features/tmpFiles/routes.js +163 -124
  102. package/dist/features/tmpFiles/tmpFiles.js +284 -63
  103. package/dist/features/transform/CodeFrameError.d.ts +5 -0
  104. package/dist/features/transform/CodeFrameError.js +9 -0
  105. package/dist/features/transform/babelPlugin.js +10 -2
  106. package/dist/features/transform/transform.js +30 -4
  107. package/dist/features/vite/vite.js +14 -17
  108. package/dist/index.d.ts +1 -1
  109. package/dist/index.js +12 -1
  110. package/dist/libs/scan.js +115 -132
  111. package/dist/registerMethods.js +17 -15
  112. package/dist/types.d.ts +11 -2
  113. package/dist/utils/lazyImportFromCurrentPkg.d.ts +4 -0
  114. package/dist/utils/lazyImportFromCurrentPkg.js +12 -0
  115. package/dist/utils/transformIEAR.js +2 -1
  116. package/package.json +30 -26
  117. package/templates/generate/api.ts.tpl +11 -0
  118. package/templates/generate/component/component.tsx.tpl +5 -0
  119. package/templates/generate/component/index.ts.tpl +4 -0
  120. package/templates/generate/cypress/e2e/example.cy.ts.tpl +39 -0
  121. package/templates/generate/cypress/fixtures/example.json +5 -0
  122. package/templates/generate/cypress/support/commands.ts.tpl +37 -0
  123. package/templates/generate/cypress/support/e2e.ts.tpl +20 -0
  124. package/templates/generate/mock.ts.tpl +9 -0
  125. package/templates/history.tpl +39 -4
  126. package/templates/plugin.tpl +1 -1
  127. package/templates/route.tpl +6 -0
  128. package/templates/server.tpl +42 -0
  129. package/templates/umi.tpl +29 -16
  130. package/dist/features/favicon/favicon.js +0 -65
  131. package/dist/utils/clearTmp.d.ts +0 -1
  132. package/dist/utils/clearTmp.js +0 -17
package/assets/bundle-status.html ADDED
@@ -0,0 +1,206 @@
1
+ <!doctype html>
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>
206
+ </html>