@flatjs/evolve 2.1.0-next.12 → 2.1.0-next.14

Sign up to get free protection for your applications and to get access to all the features.
Files changed (151) hide show
  1. package/dist/compiler/create-global-compiler.d.ts +2 -0
  2. package/dist/compiler/create-global-compiler.js +1 -0
  3. package/dist/constants.js +1 -36
  4. package/dist/create-webpack/create-externals.js +1 -6
  5. package/dist/create-webpack/create-optimization.js +1 -43
  6. package/dist/create-webpack/create-output.js +1 -35
  7. package/dist/create-webpack/create-performance.js +1 -7
  8. package/dist/create-webpack/create-plugins.js +1 -78
  9. package/dist/create-webpack/create-resolve.js +1 -37
  10. package/dist/create-webpack/create-rule-sets.js +1 -20
  11. package/dist/create-webpack/load-watch-options.d.ts +12 -0
  12. package/dist/create-webpack/load-watch-options.js +1 -0
  13. package/dist/create-webpack/load-webpack-config.js +1 -57
  14. package/dist/create-webpack/resolve-public-path.js +1 -15
  15. package/dist/create-webpack/rule-sets/constants.js +1 -3
  16. package/dist/create-webpack/rule-sets/rule-assets.js +1 -52
  17. package/dist/create-webpack/rule-sets/rule-css.js +1 -111
  18. package/dist/create-webpack/rule-sets/rule-less.js +1 -44
  19. package/dist/create-webpack/rule-sets/rule-scripts.d.ts +2 -0
  20. package/dist/create-webpack/rule-sets/rule-scripts.js +1 -34
  21. package/dist/create-webpack/rule-sets/rule-svg-icon.js +1 -25
  22. package/dist/create-webpack/rule-sets/rule-utils.js +1 -10
  23. package/dist/create-webpack/types.d.ts +1 -1
  24. package/dist/create-webpack/types.js +1 -1
  25. package/dist/default-options.js +1 -83
  26. package/dist/define-config/define-config.d.ts +2 -2
  27. package/dist/define-config/define-config.js +1 -4
  28. package/dist/define-config/index.js +1 -1
  29. package/dist/dev-server/add-compiler-to-dev-server.js +1 -58
  30. package/dist/dev-server/create-app-page-route.js +1 -13
  31. package/dist/dev-server/create-dev-server-compiler-task.js +1 -55
  32. package/dist/dev-server/create-dev-server-entries.js +1 -25
  33. package/dist/dev-server/create-dev-server.js +1 -24
  34. package/dist/dev-server/index.d.ts +3 -3
  35. package/dist/dev-server/index.js +1 -6
  36. package/dist/dev-server/middlewares/create-page-middleware.js +1 -33
  37. package/dist/dev-server/middlewares/create-public-assets-middleware.js +1 -25
  38. package/dist/dev-server/middlewares/get-all-sorted-modules.js +1 -24
  39. package/dist/dev-server/middlewares/get-bundle-asset.js +1 -7
  40. package/dist/dev-server/middlewares/get-dev-server-host-uri.js +1 -5
  41. package/dist/dev-server/middlewares/get-hmr-runtime-chunks.js +1 -14
  42. package/dist/dev-server/middlewares/get-normalized-entry-name.js +1 -14
  43. package/dist/dev-server/middlewares/get-page-main-html.js +1 -49
  44. package/dist/dev-server/middlewares/get-page-module-html.js +1 -123
  45. package/dist/dev-server/middlewares/get-project-virtual-path.js +1 -3
  46. package/dist/dev-server/middlewares/get-runtime-manifest.js +1 -25
  47. package/dist/dev-server/middlewares/index.js +1 -2
  48. package/dist/dev-server/middlewares/types.js +1 -1
  49. package/dist/errors/evolve-build-error.js +1 -10
  50. package/dist/helpers/allow-px2rem-for-module.js +1 -6
  51. package/dist/helpers/assert-group-entry-item.js +1 -19
  52. package/dist/helpers/assert-single-compiler.js +1 -45
  53. package/dist/helpers/chunk-entry-map.js +1 -21
  54. package/dist/helpers/delete-object-keys.js +1 -20
  55. package/dist/helpers/enable-bundle-hashname-for-module.js +1 -6
  56. package/dist/helpers/filter-actived-entries.js +1 -42
  57. package/dist/helpers/flat-entry-map.js +1 -11
  58. package/dist/helpers/get-bundle-file-name.js +1 -23
  59. package/dist/helpers/get-git-root.js +1 -4
  60. package/dist/helpers/get-html-plugin-config.js +1 -47
  61. package/dist/helpers/get-max-process-tasks.js +1 -7
  62. package/dist/helpers/get-pacakge-dir.js +1 -13
  63. package/dist/helpers/get-runtime-cdn-base.d.ts +1 -1
  64. package/dist/helpers/get-runtime-cdn-base.js +1 -21
  65. package/dist/helpers/index.d.ts +11 -11
  66. package/dist/helpers/index.js +1 -27
  67. package/dist/helpers/is-deep-equal.js +1 -67
  68. package/dist/helpers/json-serializer.js +1 -52
  69. package/dist/helpers/merge-babel-options.js +1 -45
  70. package/dist/helpers/normalize-check-entry-options.js +1 -28
  71. package/dist/helpers/normalize-entry-map.js +1 -59
  72. package/dist/helpers/normalize-group-name.js +1 -16
  73. package/dist/helpers/normalize-page-proxy.js +1 -9
  74. package/dist/helpers/normalize-resolve-alias.js +1 -7
  75. package/dist/helpers/normalize-template-inject-tokens.js +1 -22
  76. package/dist/helpers/open-page.js +1 -15
  77. package/dist/helpers/print-log.js +1 -49
  78. package/dist/helpers/refresh-evolve-mock-options.js +1 -34
  79. package/dist/helpers/resolve-entry-map-input-files.js +1 -20
  80. package/dist/helpers/script-injects.d.ts +1 -1
  81. package/dist/helpers/script-injects.js +1 -39
  82. package/dist/helpers/should-enable-react-fast-refresh.js +1 -14
  83. package/dist/helpers/split-to-entry-group.d.ts +1 -1
  84. package/dist/helpers/split-to-entry-group.js +1 -139
  85. package/dist/helpers/verify-group-entry-options.js +1 -21
  86. package/dist/index.d.ts +1 -1
  87. package/dist/index.js +1 -5
  88. package/dist/load-config/index.js +1 -1
  89. package/dist/load-config/load-evolve-config.js +1 -41
  90. package/dist/load-config/types.js +1 -1
  91. package/dist/loaders/loader-icon.cjs +2 -1
  92. package/dist/main/create-thread-worker.js +1 -51
  93. package/dist/main/env-verify.js +1 -21
  94. package/dist/main/get-worker-path.js +1 -5
  95. package/dist/main/index.d.ts +1 -1
  96. package/dist/main/index.js +1 -4
  97. package/dist/main/prepare-build.js +1 -39
  98. package/dist/main/prepare-serve.js +1 -69
  99. package/dist/main/prepare-static.js +1 -30
  100. package/dist/main/start-build-dynamic.js +1 -171
  101. package/dist/main/start-build-worker.js +1 -44
  102. package/dist/main/start-build.js +1 -69
  103. package/dist/main/start-group-entry-build.d.ts +1 -1
  104. package/dist/main/start-group-entry-build.js +1 -32
  105. package/dist/main/start-serve.js +1 -34
  106. package/dist/main/start-static.js +1 -19
  107. package/dist/minimizer/create-minimizers.js +1 -25
  108. package/dist/minimizer/default-options.js +1 -14
  109. package/dist/minimizer/image-minimizer.js +1 -65
  110. package/dist/minimizer/index.js +1 -1
  111. package/dist/minimizer/terser-minimizer.js +3 -15
  112. package/dist/minimizer/types.js +1 -1
  113. package/dist/plugins/circular-dependency/circular-dependency-plugin.js +1 -119
  114. package/dist/plugins/circular-dependency/index.js +1 -15
  115. package/dist/plugins/clean-webpack/clean-webpack-plugin.js +1 -173
  116. package/dist/plugins/clean-webpack/index.js +1 -22
  117. package/dist/plugins/define-variable/define-variable-plugin.js +1 -28
  118. package/dist/plugins/define-variable/index.js +1 -1
  119. package/dist/plugins/html-inject-scripts/plugin-html-inject-script.js +1 -27
  120. package/dist/plugins/module-federation/external-template-remotes.js +1 -92
  121. package/dist/plugins/module-federation/index.js +1 -1
  122. package/dist/plugins/module-federation/module-federation.js +1 -100
  123. package/dist/plugins/multi-html/index.js +1 -16
  124. package/dist/plugins/multi-html/multi-html-cdn-plugin.js +1 -83
  125. package/dist/plugins/multi-html/multi-html-plugin.js +1 -65
  126. package/dist/plugins/ts-checker/ts-checker-guard-plugin.d.ts +13 -0
  127. package/dist/plugins/ts-checker/ts-checker-guard-plugin.js +1 -0
  128. package/dist/plugins/ts-checker/ts-checker-plugin.d.ts +1 -2
  129. package/dist/plugins/ts-checker/ts-checker-plugin.js +1 -24
  130. package/dist/types/index.d.ts +2 -1
  131. package/dist/types/index.js +1 -8
  132. package/dist/types/types-ci.js +1 -1
  133. package/dist/types/types-dev-server.d.ts +5 -6
  134. package/dist/types/types-dev-server.js +1 -1
  135. package/dist/types/types-entry-map.js +1 -1
  136. package/dist/types/types-federation.js +1 -1
  137. package/dist/types/types-global-compiler-options.d.ts +7 -0
  138. package/dist/types/types-global-compiler-options.js +1 -0
  139. package/dist/types/types-loader-options.d.ts +2 -7
  140. package/dist/types/types-loader-options.js +1 -1
  141. package/dist/types/types-modular-import.js +1 -1
  142. package/dist/types/types-multi-html.js +1 -1
  143. package/dist/types/types-options.d.ts +6 -1
  144. package/dist/types/types-options.js +1 -1
  145. package/dist/types/types-plugin-options.js +1 -1
  146. package/dist/types/types-threads-options.js +1 -1
  147. package/dist/types/types-webpack.d.ts +1 -1
  148. package/dist/types/types-webpack.js +1 -1
  149. package/package.json +30 -32
  150. package/dist/plugins/ts-checker/index.d.ts +0 -1
  151. package/dist/plugins/ts-checker/index.js +0 -1
@@ -1,34 +1 @@
1
- import { requireResolve } from '@flatjs/common';
2
- import { mergeBabelOption } from '../../helpers/merge-babel-options.js';
3
- import { shouldEnableReactFastRefresh } from '../../helpers/should-enable-react-fast-refresh.js';
4
- export const ruleScripts = (serveMode, entryMapItem, evolveOptions) => {
5
- const { babelOptions = {}, modularImports = [] } = evolveOptions.loaderOptions;
6
- const finnalBabelOptions = mergeBabelOption(modularImports, babelOptions);
7
- // Indicates current we use `hot` mode for `webpack-dev-server` hot reload true.
8
- const enabledHmr = shouldEnableReactFastRefresh(serveMode, entryMapItem, evolveOptions);
9
- // 针对react 自动注入`react-refresh/babel`
10
- if (enabledHmr) {
11
- if (finnalBabelOptions.plugins) {
12
- finnalBabelOptions.plugins.push(requireResolve(import.meta.url, 'react-refresh/babel'));
13
- }
14
- else {
15
- finnalBabelOptions.plugins = [
16
- requireResolve(import.meta.url, 'react-refresh/babel'),
17
- ];
18
- }
19
- }
20
- const loader = {
21
- // use `vue-loader` to handle .vue here.
22
- // test: /\.(tsx|ts|js|jsx|vue)$/,
23
- test: /\.(tsx|ts|js|jsx)$/,
24
- // Don't exclude anythings because of we need to import node_modules from `@flatjs`
25
- // exclude: /(node_modules|bower_components)/,
26
- use: [
27
- {
28
- loader: requireResolve(import.meta.url, 'babel-loader'),
29
- options: finnalBabelOptions,
30
- },
31
- ],
32
- };
33
- return loader;
34
- };
1
+ import{requireResolve}from"@flatjs/common";import{mergeBabelOption}from"../../helpers/merge-babel-options.js";import{shouldEnableReactFastRefresh}from"../../helpers/should-enable-react-fast-refresh.js";export const ruleBabel=e=>({test:/\.(tsx|ts|js|jsx)$/,use:[{loader:requireResolve(import.meta.url,"babel-loader"),options:e}]});export const ruleScripts=(e,r,s)=>{const{babelOptions:o={},modularImports:t=[]}=s.loaderOptions,l=mergeBabelOption(t,o);return shouldEnableReactFastRefresh(e,r,s)&&(l.plugins?l.plugins.push(requireResolve(import.meta.url,"react-refresh/babel")):l.plugins=[requireResolve(import.meta.url,"react-refresh/babel")]),ruleBabel(l)};
@@ -1,25 +1 @@
1
- import { getDirname } from '@armit/file-utility';
2
- import { isIconSvg } from './rule-utils.js';
3
- /**
4
- * Preparing svg loader for `icons`
5
- * Note we must be put all *.svg into folder `icons`
6
- */
7
- export const ruleSvgIcon = () => {
8
- const loader = {
9
- test(resource) {
10
- return isIconSvg(resource);
11
- },
12
- use: [
13
- {
14
- // FIXME: we need to always keep the directory structures here to make sure correct loader path resolve.
15
- loader: getDirname(import.meta.url, '../../loaders/loader-icon.cjs'),
16
- options: {
17
- svgo: {
18
- plugins: [{ name: 'removeTitle' }, { name: 'removeDimensions' }],
19
- },
20
- },
21
- },
22
- ],
23
- };
24
- return loader;
25
- };
1
+ import{getDirname}from"@armit/file-utility";import{isIconSvg}from"./rule-utils.js";export const ruleSvgIcon=()=>({test:e=>isIconSvg(e),use:[{loader:getDirname(import.meta.url,"../../loaders/loader-icon.cjs"),options:{svgo:{plugins:[{name:"removeTitle"},{name:"removeDimensions"}]}}}]});
@@ -1,10 +1 @@
1
- import { ICON_PATH_REGEX } from './constants.js';
2
- /**
3
- * Causeof we expose a component <Icon /> from `@wove/react` it can be optimized via icon-loader.
4
- * limitation assets match `svg-icons/**\/*.svg` to icon loader resolver.
5
- * @param resource
6
- * @returns
7
- */
8
- export const isIconSvg = (resource) => {
9
- return ICON_PATH_REGEX.test(resource) && resource.endsWith('.svg');
10
- };
1
+ import{ICON_PATH_REGEX}from"./constants.js";export const isIconSvg=s=>ICON_PATH_REGEX.test(s)&&s.endsWith(".svg");
@@ -1,2 +1,2 @@
1
- import { type WebpackPluginInstance, type Compiler } from 'webpack';
1
+ import { type Compiler, type WebpackPluginInstance } from 'webpack';
2
2
  export type WebpackPlugin = ((this: Compiler, compiler: Compiler) => void) | WebpackPluginInstance;
@@ -1 +1 @@
1
- export {};
1
+ export{};
@@ -1,83 +1 @@
1
- export const defaultEvolveOptions = {
2
- projectCwd: process.cwd(),
3
- projectVirtualPath: 'flatjs/evolve',
4
- rejectWarnings: false,
5
- devServer: {
6
- autoOpen: true,
7
- pageProxy: '/pages',
8
- mockOptions: {
9
- mockBaseDir: 'mocks',
10
- },
11
- clientOverlay: {
12
- errors: true,
13
- warnings: false,
14
- },
15
- webSocketURL: 'localIp',
16
- middlewares: [],
17
- watchOptions: {
18
- poll: 1000,
19
- // Use array here, easy can add a new ignore dynamic at runtime.
20
- ignored: ['**/node_modules', '**/mocks'],
21
- aggregateTimeout: 500,
22
- },
23
- defaultServeGlobalData: () => Promise.resolve({}),
24
- bundleDirResolver: (dir) => dir,
25
- },
26
- webpack: {
27
- // The default is es5
28
- target: ['web', 'es5'],
29
- plugins: [],
30
- ruleSets: [],
31
- publicPath: 'auto',
32
- resolve: {},
33
- externals: {
34
- vue: 'Vue',
35
- react: 'React',
36
- // eslint-disable-next-line @typescript-eslint/naming-convention
37
- 'react-dom': 'ReactDOM',
38
- },
39
- outputDir: 'public',
40
- enableBundleHashName: true,
41
- },
42
- pluginOptions: {},
43
- loaderOptions: {
44
- assetDataUrlMaxSize: 4 * 1024,
45
- babelOptions: {
46
- // 默认值的必须使用object类型, 如果使用函数, 会导致merge默认值失败.
47
- usePreset: 'react',
48
- plugins: [],
49
- presets: [],
50
- },
51
- runTsChecker: true,
52
- lessOptions: {},
53
- postcssOptions: {
54
- cssnanoOptions: {},
55
- },
56
- pixelOptions: {
57
- rootValue: { px: 100, rpx: 1 },
58
- outputUnit: 'rem',
59
- },
60
- // Always defined in evolve.config.js
61
- modularImports: [],
62
- },
63
- entryMap: {},
64
- // The configurations for plugin `@flatjs/evolve`, `multi-cdn-plugin`
65
- multiHtmlCdn: {},
66
- // Do not use arrow function here.
67
- multiHtmlCdnEnvResolver: function cdnResolver() {
68
- return undefined;
69
- },
70
- needVerifyPackages: {},
71
- packageInstallChecker: {
72
- enabled: false,
73
- detectModules: ['@dimjs/*'],
74
- throwError: false,
75
- showAllInstalledGraph: true,
76
- },
77
- /**
78
- * CI default configurations.
79
- */
80
- ci: {
81
- basedBranch: 'origin/master',
82
- },
83
- };
1
+ export const defaultEvolveOptions={projectCwd:process.cwd(),projectVirtualPath:"flatjs/evolve",rejectWarnings:!1,devServer:{autoOpen:!0,pageProxy:"/pages",mockOptions:{mockBaseDir:"mocks"},clientOverlay:{errors:!0,warnings:!1},webSocketURL:"localIp",middlewares:[],watchOptions:{poll:1e3,ignored:["**/node_modules","**/mocks"],aggregateTimeout:500},defaultServeGlobalData:()=>Promise.resolve({}),bundleDirResolver:e=>e},webpack:{target:["web","es5"],plugins:[],ruleSets:[],publicPath:"auto",resolve:{},externals:{vue:"Vue",react:"React","react-dom":"ReactDOM"},outputDir:"public",enableBundleHashName:!0},pluginOptions:{},loaderOptions:{assetDataUrlMaxSize:4096,babelOptions:{usePreset:"react",plugins:[],presets:[]},lessOptions:{},postcssOptions:{cssnanoOptions:{}},pixelOptions:{rootValue:{px:100,rpx:1},outputUnit:"rem"},modularImports:[]},globalCompilerOptions:{runTsChecker:!0},entryMap:{},multiHtmlCdn:{},multiHtmlCdnEnvResolver:function cdnResolver(){},needVerifyPackages:{},packageInstallChecker:{enabled:!1,detectModules:["@dimjs/*"],throwError:!1,showAllInstalledGraph:!0},ci:{basedBranch:"origin/master"}};
@@ -1,6 +1,6 @@
1
- import { type UserConfigExport, type ConfigEnvBase } from '@armit/config-loader';
2
- import { type requireResolve } from '@flatjs/common';
3
1
  import { type PartialDeep } from 'type-fest';
2
+ import { type ConfigEnvBase, type UserConfigExport } from '@armit/config-loader';
3
+ import { type requireResolve } from '@flatjs/common';
4
4
  import { type FlatEvolveOptions } from '../types/types-options.js';
5
5
  export interface EvolveConfigBase extends ConfigEnvBase {
6
6
  /**
@@ -1,4 +1 @@
1
- import { defineConfig as myDefineConfig, } from '@armit/config-loader';
2
- export const defineConfig = (userConfig) => {
3
- return myDefineConfig(userConfig);
4
- };
1
+ import{defineConfig as myDefineConfig}from"@armit/config-loader";export const defineConfig=i=>myDefineConfig(i);
@@ -1 +1 @@
1
- export * from './define-config.js';
1
+ export*from"./define-config.js";
@@ -1,58 +1 @@
1
- import { join } from 'node:path';
2
- import WebpackDevServer from 'webpack-dev-server';
3
- /**
4
- * Integrated webpack-dev-server with `mock` server together
5
- * @param compiler Webpack compiler(s)
6
- * @param enabledHmr Value indicates if we need to liveReload or `HMR`
7
- * @param devPort The port number of `@flatjs/mock`
8
- * @param publicIp The public ip address of local server
9
- * @param evolveOptions The configuration of `@flatjs/evolve` (FlatEvolveOptions)
10
- */
11
- export const addCompilerToDevServer = (compiler, enabledHmr, devPort, publicIp, evolveOptions) => {
12
- const { projectCwd, devServer } = evolveOptions;
13
- const server = new WebpackDevServer({
14
- server: {
15
- type: devServer?.https ? 'https' : 'http',
16
- options: {
17
- // Load https
18
- ...devServer?.https,
19
- },
20
- },
21
- open: false,
22
- compress: true,
23
- port: devPort,
24
- hot: enabledHmr,
25
- liveReload: !enabledHmr,
26
- // Enable firewall or set hosts that are allowed to access the dev server.
27
- allowedHosts: 'all',
28
- static: {
29
- directory: `${join(projectCwd, '/public')}`,
30
- },
31
- headers: {
32
- // eslint-disable-next-line @typescript-eslint/naming-convention
33
- 'Access-Control-Allow-Origin': '*',
34
- },
35
- client: {
36
- progress: true,
37
- overlay: devServer?.clientOverlay,
38
- webSocketURL: devServer?.webSocketURL === 'localIp'
39
- ? {
40
- hostname: publicIp || undefined,
41
- }
42
- : {
43
- // always use public ip address cause of charles proxy to mobile devices don't work on `ws://${domain host}:port`
44
- // if we use https, we don't need to specify the hostname or specify the https domain address
45
- hostname: '0.0.0.0',
46
- ...devServer?.webSocketURL,
47
- },
48
- },
49
- }, compiler);
50
- return new Promise((resolve, reject) => {
51
- server.startCallback((err) => {
52
- if (err) {
53
- return reject(err);
54
- }
55
- resolve(true);
56
- });
57
- });
58
- };
1
+ import{join}from"node:path";import WebpackDevServer from"webpack-dev-server";export const addCompilerToDevServer=(e,o,r,t,s)=>{const{projectCwd:p,devServer:c}=s,l=new WebpackDevServer({server:{type:c?.https?"https":"http",options:{...c?.https}},open:!1,compress:!0,port:r,hot:o,liveReload:!o,allowedHosts:"all",static:{directory:`${join(p,"/public")}`},headers:{"Access-Control-Allow-Origin":"*"},client:{progress:!0,overlay:c?.clientOverlay,webSocketURL:"localIp"===c?.webSocketURL?{hostname:t||void 0}:{hostname:"0.0.0.0",...c?.webSocketURL}}},e);return new Promise(((e,o)=>{l.startCallback((r=>{if(r)return o(r);e(!0)}))}))};
@@ -1,13 +1 @@
1
- import { normalizePageProxy } from '../helpers/normalize-page-proxy.js';
2
- import { createPageMiddleware, createPublicAssetsMiddleware, } from './middlewares/index.js';
3
- /**
4
- * Add route `/pages`, `*` to main web-server
5
- */
6
- export const createAppPageRoute = (projectCwd, app, devHostUri, servedDevServerEntries, evolveOptions) => {
7
- const { devServer } = evolveOptions;
8
- const pageProxy = normalizePageProxy(devServer?.pageProxy || '/pages');
9
- // Attach request handlers for context `/page/*`
10
- app.use(pageProxy, ...createPageMiddleware(devHostUri, devServer?.mockOptions?.apiContext || 'api', servedDevServerEntries, evolveOptions));
11
- // handle all no-matched page request.
12
- app.use('*', createPublicAssetsMiddleware(projectCwd, pageProxy));
13
- };
1
+ import{normalizePageProxy}from"../helpers/normalize-page-proxy.js";import{createPageMiddleware,createPublicAssetsMiddleware}from"./middlewares/index.js";export const createAppPageRoute=(e,r,a,o,i)=>{const{devServer:s}=i,t=normalizePageProxy(s?.pageProxy||"/pages");r.use(t,...createPageMiddleware(a,s?.mockOptions?.apiContext||"api",o,i)),r.use("*",createPublicAssetsMiddleware(e,t))};
@@ -1,55 +1 @@
1
- import { relative } from 'node:path';
2
- import { chalk, logger, mergeOptions, urlJoin } from '@flatjs/common';
3
- import webpack from 'webpack';
4
- import { loadWebpackConfig } from '../create-webpack/load-webpack-config.js';
5
- import { assertSingleCompiler } from '../helpers/assert-single-compiler.js';
6
- import { flatEntryMap } from '../helpers/flat-entry-map.js';
7
- import { shouldEnableReactFastRefresh } from '../helpers/should-enable-react-fast-refresh.js';
8
- import { addCompilerToDevServer } from './add-compiler-to-dev-server.js';
9
- export const createDevServerCompilerTask = async (projectCwd, mainPage, publicIp, servedDevServerEntries, servedDevServerEntryList, evolveOptions) => {
10
- // First entry option in a group
11
- const [firstDevServeEntryName, firstDevServeEntryOption] = Object.entries(servedDevServerEntries)[0];
12
- const { devServerPort, devServerHostUri } = firstDevServeEntryOption;
13
- for (const [, servedDevServerEntry] of Object.entries(servedDevServerEntries)) {
14
- const itemEntryConfig = servedDevServerEntry.entryConfig;
15
- const moduleFederation = itemEntryConfig.options?.moduleFederation;
16
- const moduleFederationRemotes = moduleFederation?.remotes || [];
17
- const allServedDevServerEntries = flatEntryMap(servedDevServerEntryList);
18
- moduleFederationRemotes.forEach((remote) => {
19
- // Dynamic construct remote endpoint as hostUri
20
- remote.endpoint = (shortName) => {
21
- const servedDevServerEntry = allServedDevServerEntries[shortName];
22
- if (!servedDevServerEntry) {
23
- throw new Error(`No servedDevServerEntry found via "${shortName}"`);
24
- }
25
- return urlJoin(servedDevServerEntry?.devServerHostUri, ['/public']);
26
- };
27
- });
28
- }
29
- const devEvolveEntryMap = Object.keys(servedDevServerEntries).reduce((previousValue, currentValue) => {
30
- previousValue[currentValue] =
31
- servedDevServerEntries[currentValue].entryConfig;
32
- return previousValue;
33
- }, {});
34
- // e.g. `http://dev.flatjs.com:3002/public/`
35
- const servePublicPath = urlJoin(devServerHostUri, ['public']);
36
- const webpackConfig = await loadWebpackConfig('development', devEvolveEntryMap, mergeOptions(evolveOptions, {
37
- webpack: {
38
- publicPath: servePublicPath,
39
- },
40
- }));
41
- const enabledHmr = shouldEnableReactFastRefresh(true, [firstDevServeEntryName, firstDevServeEntryOption.entryConfig], evolveOptions);
42
- const config = assertSingleCompiler(devEvolveEntryMap, webpackConfig, evolveOptions, enabledHmr);
43
- const compiler = webpack(config);
44
- // '@pmmmwh/react-refresh-webpack-plugin/client/ReactRefreshEntry.js',
45
- const serveTask = addCompilerToDevServer(compiler, enabledHmr, devServerPort, publicIp, evolveOptions);
46
- const title = compiler.name || '';
47
- compiler.hooks.invalid.tap('fileChange', (fileName) => {
48
- const relativeFileName = relative(projectCwd, fileName || '');
49
- logger.info(`file change ➩ ${chalk(['cyan'])(relativeFileName)}`, title);
50
- });
51
- compiler.hooks.done.tap('compileDone', () => {
52
- logger.info(`debug page ➩ ${chalk(['cyan'])(mainPage)}`, title);
53
- });
54
- return serveTask;
55
- };
1
+ import{relative}from"node:path";import webpack from"webpack";import{chalk,logger,mergeOptions,urlJoin}from"@flatjs/common";import{loadWebpackConfig}from"../create-webpack/load-webpack-config.js";import{assertSingleCompiler}from"../helpers/assert-single-compiler.js";import{flatEntryMap}from"../helpers/flat-entry-map.js";import{shouldEnableReactFastRefresh}from"../helpers/should-enable-react-fast-refresh.js";import{addCompilerToDevServer}from"./add-compiler-to-dev-server.js";export const createDevServerCompilerTask=async(e,r,o,t,a,n)=>{const[i,s]=Object.entries(t)[0],{devServerPort:l,devServerHostUri:p}=s;for(const[,e]of Object.entries(t)){const r=e.entryConfig,o=r.options?.moduleFederation,t=o?.remotes||[],n=flatEntryMap(a);t.forEach((e=>{e.endpoint=e=>{const r=n[e];if(!r)throw new Error(`No servedDevServerEntry found via "${e}"`);return urlJoin(r?.devServerHostUri,["/public"])}}))}const c=Object.keys(t).reduce(((e,r)=>(e[r]=t[r].entryConfig,e)),{}),m=urlJoin(p,["public"]),f=await loadWebpackConfig("development",c,mergeOptions(n,{webpack:{publicPath:m}})),d=shouldEnableReactFastRefresh(!0,[i,s.entryConfig],n),v=assertSingleCompiler(c,f,n,d),g=webpack(v),h=addCompilerToDevServer(g,d,l,o,n),b=g.name||"";return g.hooks.invalid.tap("fileChange",(r=>{const o=relative(e,r||"");logger.info(`file change ➩ ${chalk(["cyan"])(o)}`,b)})),g.hooks.done.tap("compileDone",(()=>{logger.info(`debug page ➩ ${chalk(["cyan"])(r)}`,b)})),h};
@@ -1,25 +1 @@
1
- import { mergeOptions } from '@flatjs/common';
2
- import { prepareMockDomain } from '@flatjs/mock';
3
- import { normalizeEvolveEntryName } from '../helpers/normalize-entry-map.js';
4
- export const createDevServerEntries = async (lastPort, servedEntries, evolveOptions) => {
5
- const { devServer, projectVirtualPath } = evolveOptions;
6
- const servedDevServerEntries = {};
7
- // https://github.com/webpack/webpack-dev-server/issues/2692
8
- // For `webpack-dev-server@4.0.0` we should run dev server on each compiler
9
- // Create individual devPort for each compiler here.
10
- const { mockPort: devServerPort, hostUri: devServerHostUri } = await prepareMockDomain(mergeOptions(devServer?.mockOptions || {}, {
11
- port: lastPort,
12
- }));
13
- // Prepare devServer ports for each served entry.
14
- for (const [entryName, entryConfig] of Object.entries(servedEntries)) {
15
- // entryName: `home` should be normalized to ${`projectVirtualPath`}/home
16
- const normalizedEntryName = normalizeEvolveEntryName(entryName, projectVirtualPath);
17
- servedDevServerEntries[entryName] = {
18
- entryConfig,
19
- devServerPort,
20
- devServerHostUri,
21
- normalizedEntryName,
22
- };
23
- }
24
- return servedDevServerEntries;
25
- };
1
+ import{mergeOptions}from"@flatjs/common";import{prepareMockDomain}from"@flatjs/mock";import{normalizeEvolveEntryName}from"../helpers/normalize-entry-map.js";export const createDevServerEntries=async(r,e,o)=>{const{devServer:t,projectVirtualPath:n}=o,m={},{mockPort:a,hostUri:i}=await prepareMockDomain(mergeOptions(t?.mockOptions||{},{port:r}));for(const[r,o]of Object.entries(e)){const e=normalizeEvolveEntryName(r,n);m[r]={entryConfig:o,devServerPort:a,devServerHostUri:i,normalizedEntryName:e}}return m};
@@ -1,24 +1 @@
1
- import https from 'node:https';
2
- import { prepareMockDomain } from '@flatjs/mock';
3
- import express from 'express';
4
- export const createDevServer = async (evolveOptions) => {
5
- const app = express();
6
- const mockOptions = evolveOptions.devServer?.mockOptions;
7
- const { mockPort, hostUri, publicIp } = await prepareMockDomain(mockOptions || {});
8
- return new Promise((resolve) => {
9
- // Https
10
- const httpsServer = evolveOptions.devServer?.https
11
- ? https.createServer(evolveOptions.devServer?.https, app)
12
- : app;
13
- // Attach hostUri to application instance without last slash `/`.
14
- app.set('hostUri', hostUri);
15
- httpsServer.listen(mockPort, () => {
16
- resolve({
17
- app,
18
- publicIp,
19
- devHostUri: hostUri,
20
- devPort: mockPort,
21
- });
22
- });
23
- });
24
- };
1
+ import express from"express";import https from"node:https";import{prepareMockDomain}from"@flatjs/mock";export const createDevServer=async e=>{const r=express(),t=e.devServer?.mockOptions,{mockPort:o,hostUri:p,publicIp:s}=await prepareMockDomain(t||{});return new Promise((t=>{const i=e.devServer?.https?https.createServer(e.devServer?.https,r):r;r.set("hostUri",p),i.listen(o,(()=>{t({app:r,publicIp:s,devHostUri:p,devPort:o})}))}))};
@@ -1,6 +1,6 @@
1
- export * from './middlewares/index.js';
2
1
  export * from './add-compiler-to-dev-server.js';
3
- export * from './create-dev-server.js';
4
2
  export * from './create-app-page-route.js';
5
- export * from './create-dev-server-entries.js';
3
+ export * from './create-dev-server.js';
6
4
  export * from './create-dev-server-compiler-task.js';
5
+ export * from './create-dev-server-entries.js';
6
+ export * from './middlewares/index.js';
@@ -1,6 +1 @@
1
- export * from './middlewares/index.js';
2
- export * from './add-compiler-to-dev-server.js';
3
- export * from './create-dev-server.js';
4
- export * from './create-app-page-route.js';
5
- export * from './create-dev-server-entries.js';
6
- export * from './create-dev-server-compiler-task.js';
1
+ export*from"./add-compiler-to-dev-server.js";export*from"./create-app-page-route.js";export*from"./create-dev-server.js";export*from"./create-dev-server-compiler-task.js";export*from"./create-dev-server-entries.js";export*from"./middlewares/index.js";
@@ -1,33 +1 @@
1
- import { getPageMainHtml } from './get-page-main-html.js';
2
- import { getPageModuleHtml } from './get-page-module-html.js';
3
- import { getRuntimeManifest } from './get-runtime-manifest.js';
4
- /**
5
- * A middleware to proxy the page modules template.
6
- * @example `http://dev.flatjs.com:3001/pages`
7
- * @param mode The mode of this dev server instance.
8
- * @param hostUri The main host base url.
9
- * @param apiContext apiBase e.g. `api`
10
- * @param servedDevServerEntries The served webpack entries
11
- * @param forPageMiddlewares Allow us provider customized middlewares for `page`, `modules`
12
- * @param evolveOptions The evolve config options
13
- */
14
- export const createPageMiddleware = (devHostUri, apiContext, servedDevServerEntries, evolveOptions) => {
15
- const handler = async (req, res) => {
16
- let html;
17
- // Expose a special runtime manifest.json for other system to intergration
18
- if (req.path === '/runtime/manifest.json') {
19
- const jsonManifest = await getRuntimeManifest(servedDevServerEntries, devHostUri, evolveOptions);
20
- return res.json(jsonManifest);
21
- }
22
- // For root main page
23
- if (req.path === '/') {
24
- html = await getPageMainHtml(servedDevServerEntries, devHostUri, evolveOptions);
25
- }
26
- else {
27
- // For serve page modules
28
- html = await getPageModuleHtml(servedDevServerEntries, req, devHostUri, apiContext, evolveOptions);
29
- }
30
- res.send(html);
31
- };
32
- return (evolveOptions.devServer?.middlewares || []).concat(handler);
33
- };
1
+ import{getPageMainHtml}from"./get-page-main-html.js";import{getPageModuleHtml}from"./get-page-module-html.js";import{getRuntimeManifest}from"./get-runtime-manifest.js";export const createPageMiddleware=(e,t,a,m)=>(m.devServer?.middlewares||[]).concat((async(i,n)=>{let g;if("/runtime/manifest.json"===i.path){const t=await getRuntimeManifest(a,e,m);return n.json(t)}g="/"===i.path?await getPageMainHtml(a,e,m):await getPageModuleHtml(a,i,e,t,m),n.send(g)}));
@@ -1,25 +1 @@
1
- import { extname, join } from 'node:path';
2
- import { fileWalk } from '@armit/file-utility';
3
- export const createPublicAssetsMiddleware = (projectCwd, pageProxy) => async (req, res) => {
4
- const baseUrl = req.baseUrl;
5
- // exclude `/public` leave it fallback into webpack hot server
6
- if (!baseUrl.startsWith('/public')) {
7
- res.redirect(pageProxy);
8
- }
9
- else {
10
- const publicFiles = await fileWalk(join('public/', '**/*.{js,css}'), {
11
- cwd: projectCwd,
12
- });
13
- const extension = extname(baseUrl);
14
- const matchedBundleFile = publicFiles.find((file) => {
15
- return (extname(file) === extension &&
16
- file.indexOf(baseUrl.replace(/\.(?:js|css)$/, '')) !== -1);
17
- });
18
- if (matchedBundleFile) {
19
- res.sendFile(matchedBundleFile);
20
- }
21
- else {
22
- res.sendFile(join(projectCwd, baseUrl));
23
- }
24
- }
25
- };
1
+ import{extname,join}from"node:path";import{fileWalk}from"@armit/file-utility";export const createPublicAssetsMiddleware=(e,i)=>async(t,s)=>{const a=t.baseUrl;if(a.startsWith("/public")){const i=await fileWalk(join("public/","**/*.{js,css}"),{cwd:e}),t=extname(a),l=i.find((e=>extname(e)===t&&-1!==e.indexOf(a.replace(/\.(?:js|css)$/,""))));l?s.sendFile(l):s.sendFile(join(e,a))}else s.redirect(i)};
@@ -1,24 +1 @@
1
- import { getDevServerHostUri } from './get-dev-server-host-uri.js';
2
- import { getNormalizedEntryName } from './get-normalized-entry-name.js';
3
- import { getProjectVirtualPath } from './get-project-virtual-path.js';
4
- export function getSortedModules(evolveOptions, servedDevServerEntries, devHostUri) {
5
- const sortedModules = [];
6
- const projectVirtualPath = getProjectVirtualPath(evolveOptions);
7
- for (const [entryName, entryContent] of Object.entries(evolveOptions.entryMap)) {
8
- // `home`, servedDevServerEntries[key] => `home`
9
- const isServedEntry = Object.keys(servedDevServerEntries).includes(entryName);
10
- const devServerHostUri = getDevServerHostUri(servedDevServerEntries, entryName, devHostUri);
11
- // `flatjs/evolve/home`
12
- const normalizedEntryName = getNormalizedEntryName(entryName, projectVirtualPath, servedDevServerEntries, evolveOptions.devServer);
13
- sortedModules.push({
14
- entryName,
15
- entryContent,
16
- devHostUri,
17
- devServerHostUri,
18
- normalizedEntryName,
19
- projectVirtualPath,
20
- isServedEntry,
21
- });
22
- }
23
- return sortedModules;
24
- }
1
+ import{getDevServerHostUri}from"./get-dev-server-host-uri.js";import{getNormalizedEntryName}from"./get-normalized-entry-name.js";import{getProjectVirtualPath}from"./get-project-virtual-path.js";export function getSortedModules(e,t,r){const o=[],n=getProjectVirtualPath(e);for(const[i,a]of Object.entries(e.entryMap)){const s=Object.keys(t).includes(i),m=getDevServerHostUri(t,i,r),v=getNormalizedEntryName(i,n,t,e.devServer);o.push({entryName:i,entryContent:a,devHostUri:r,devServerHostUri:m,normalizedEntryName:v,projectVirtualPath:n,isServedEntry:s})}return o}
@@ -1,7 +1 @@
1
- import { join } from 'node:path/posix';
2
- import { urlJoin } from '@flatjs/common';
3
- export const getBundleAsset = (devServerHostUri, normalizedCurrEntry, extension) => {
4
- return urlJoin(devServerHostUri, [
5
- join('public', normalizedCurrEntry, `bundle${extension}`),
6
- ]);
7
- };
1
+ import{join}from"node:path/posix";import{urlJoin}from"@flatjs/common";export const getBundleAsset=(o,n,i)=>urlJoin(o,[join("public",n,`bundle${i}`)]);
@@ -1,5 +1 @@
1
- export function getDevServerHostUri(servedDevServerEntries, currEntry, devHostUri) {
2
- const currDevServerEntry = servedDevServerEntries[currEntry];
3
- // Maybe No currEntry found in servedDevServerEntries, use default `hostUri`, e.g. `static` mode.
4
- return currDevServerEntry?.devServerHostUri || devHostUri;
5
- }
1
+ export function getDevServerHostUri(e,r,t){const o=e[r];return o?.devServerHostUri||t}
@@ -1,14 +1 @@
1
- import { join } from 'node:path';
2
- import { devReactFastRefresh } from '../../constants.js';
3
- import { shouldEnableReactFastRefresh } from '../../helpers/should-enable-react-fast-refresh.js';
4
- import { getBundleAsset } from './get-bundle-asset.js';
5
- export function getHmrRuntimeChunks(servedDevServerEntries, entryName, normalizedCurrEntry, currEntryItem, evolveOptions, devServerHostUri) {
6
- const enabledHmr = servedDevServerEntries[entryName] &&
7
- shouldEnableReactFastRefresh(true, [normalizedCurrEntry, currEntryItem], evolveOptions);
8
- if (enabledHmr) {
9
- const runtimeAsset = getBundleAsset(devServerHostUri, join(normalizedCurrEntry, devReactFastRefresh.runtime), '.js');
10
- const reactRefreshSetup = getBundleAsset(devServerHostUri, join(normalizedCurrEntry, devReactFastRefresh.reactRefreshSetup), '.js');
11
- return [runtimeAsset, reactRefreshSetup];
12
- }
13
- return [];
14
- }
1
+ import{join}from"node:path";import{devReactFastRefresh}from"../../constants.js";import{shouldEnableReactFastRefresh}from"../../helpers/should-enable-react-fast-refresh.js";import{getBundleAsset}from"./get-bundle-asset.js";export function getHmrRuntimeChunks(e,t,s,r,n,a){if(e[t]&&shouldEnableReactFastRefresh(!0,[s,r],n)){return[getBundleAsset(a,join(s,devReactFastRefresh.runtime),".js"),getBundleAsset(a,join(s,devReactFastRefresh.reactRefreshSetup),".js")]}return[]}
@@ -1,14 +1 @@
1
- import { normalizeEvolveEntryName } from '../../helpers/normalize-entry-map.js';
2
- export function getNormalizedEntryName(entryName, projectVirtualPath, servedDevServerEntries, devServer) {
3
- let normalizedEntryName = normalizeEvolveEntryName(entryName, projectVirtualPath);
4
- // Check if we have customized dir resolver
5
- if (devServer?.bundleDirResolver) {
6
- const isServedEntry = Object.keys(servedDevServerEntries).includes(entryName);
7
- normalizedEntryName = devServer?.bundleDirResolver(normalizedEntryName, {
8
- currEntry: entryName,
9
- projectVirtualPath,
10
- isServedModule: isServedEntry,
11
- });
12
- }
13
- return normalizedEntryName;
14
- }
1
+ import{normalizeEvolveEntryName}from"../../helpers/normalize-entry-map.js";export function getNormalizedEntryName(e,r,t,l){let n=normalizeEvolveEntryName(e,r);if(l?.bundleDirResolver){const o=Object.keys(t).includes(e);n=l?.bundleDirResolver(n,{currEntry:e,projectVirtualPath:r,isServedModule:o})}return n}
@@ -1,49 +1 @@
1
- import { readFileSync } from 'node:fs';
2
- import { join } from 'node:path';
3
- import { urlJoin } from '@flatjs/common';
4
- import _ from 'lodash';
5
- import { getPackageDir } from '../../helpers/get-pacakge-dir.js';
6
- import { normalizePageProxy } from '../../helpers/normalize-page-proxy.js';
7
- import { getSortedModules, } from './get-all-sorted-modules.js';
8
- export const getPageMainHtml = async (servedDevServerEntries, devHostUri, evolveOptions) => {
9
- const evolveCwd = getPackageDir();
10
- const templateStr = readFileSync(join(evolveCwd, './templates/main.html'), 'utf-8');
11
- const sortedModules = getSortedModules(evolveOptions, servedDevServerEntries, devHostUri);
12
- const pageProxy = normalizePageProxy(evolveOptions.devServer?.pageProxy || '/pages');
13
- const templateModules = sortedModules.map((module) => {
14
- const { entryName, entryContent, isServedEntry, projectVirtualPath, normalizedEntryName, } = module;
15
- const linkHref = urlJoin(devHostUri, [pageProxy, normalizedEntryName], {
16
- env: 'me',
17
- });
18
- // Allow customized page main link.
19
- const servePageMainLinkFn = entryContent.options?.servePageMainLinkFn || ((link) => link);
20
- const link = servePageMainLinkFn(linkHref, {
21
- hostUri: devHostUri,
22
- entryName,
23
- virtualPath: projectVirtualPath,
24
- });
25
- const displayName = entryName
26
- .replace(projectVirtualPath, '')
27
- .replace(/^\//, '');
28
- return {
29
- link,
30
- name: displayName,
31
- flagText: isServedEntry ? 'serve' : 'static',
32
- isServed: isServedEntry ? 1 : 0,
33
- };
34
- });
35
- // Add `runtime manifest` to the main page modules list
36
- templateModules.push({
37
- flagText: 'serve',
38
- isServed: 1,
39
- link: urlJoin(devHostUri, [pageProxy, '/runtime/manifest.json']),
40
- name: 'Runtime Manifest',
41
- });
42
- const templateData = {
43
- title: '@flatjs/evolve',
44
- modules: templateModules.sort((a, b) => {
45
- return b.isServed - a.isServed;
46
- }),
47
- };
48
- return _.template(templateStr)(templateData);
49
- };
1
+ import _ from"lodash";import{readFileSync}from"node:fs";import{join}from"node:path";import{urlJoin}from"@flatjs/common";import{getPackageDir}from"../../helpers/get-pacakge-dir.js";import{normalizePageProxy}from"../../helpers/normalize-page-proxy.js";import{getSortedModules}from"./get-all-sorted-modules.js";export const getPageMainHtml=async(e,r,t)=>{const o=getPackageDir(),a=readFileSync(join(o,"./templates/main.html"),"utf-8"),n=getSortedModules(t,e,r),i=normalizePageProxy(t.devServer?.pageProxy||"/pages"),m=n.map((e=>{const{entryName:t,entryContent:o,isServedEntry:a,projectVirtualPath:n,normalizedEntryName:m}=e,s=urlJoin(r,[i,m],{env:"me"}),l=o.options?.servePageMainLinkFn||(e=>e);return{link:l(s,{hostUri:r,entryName:t,virtualPath:n}),name:t.replace(n,"").replace(/^\//,""),flagText:a?"serve":"static",isServed:a?1:0}}));m.push({flagText:"serve",isServed:1,link:urlJoin(r,[i,"/runtime/manifest.json"]),name:"Runtime Manifest"});const s={title:"@flatjs/evolve",modules:m.sort(((e,r)=>r.isServed-e.isServed))};return _.template(a)(s)};