arui-scripts 11.7.0-feat-webpack5.2 → 11.8.0-feat-webpack5.3

package/CHANGELOG.md

@@ -1,6 +1,6 @@
-# [11.7.0-feat-webpack5.2](https://github.com/alfa-laboratory/arui-scripts/compare/v11.7.0-feat-webpack5.1...v11.7.0-feat-webpack5.2) (2021-08-09)
+# [11.8.0-feat-webpack5.3](https://github.com/alfa-laboratory/arui-scripts/compare/v11.8.0-feat-webpack5.2...v11.8.0-feat-webpack5.3) (2021-10-21)
 
 
-### Features
+### Bug Fixes
 
-* **react-refresh-webpack-plugin:** use for hot reload ([6c36686](https://github.com/alfa-laboratory/arui-scripts/commit/6c36686a00666939d32d0ef8c0be25982fe38953))
+* **configs/webpack.client.dev:** changed sockIntegration for ReactRefreshWebpackPlugin ([dffc5db](https://github.com/alfa-laboratory/arui-scripts/commit/dffc5dbd258e1572f54d82049996673b7d32fb25))

package/build/commands/bundle-analyze/index.js

@@ -19,6 +19,7 @@ const webpack_client_prod_1 = __importDefault(require("../../configs/webpack.cli
 (() => __awaiter(void 0, void 0, void 0, function* () {
     var _a;
     const tmpDir = yield make_tmp_dir_1.default();
+    // @ts-ignore
     (_a = webpack_client_prod_1.default === null || webpack_client_prod_1.default === void 0 ? void 0 : webpack_client_prod_1.default.plugins) === null || _a === void 0 ? void 0 : _a.push(new webpack_bundle_analyzer_1.BundleAnalyzerPlugin());
     webpack_client_prod_1.default.output.path = tmpDir;
     webpack_1.default(webpack_client_prod_1.default).run(() => { });

package/build/commands/start/index.js

@@ -7,7 +7,6 @@ process.env.BROWSERSLIST_CONFIG = process.env.BROWSERSLIST_CONFIG || require.res
 const fs_extra_1 = __importDefault(require("fs-extra"));
 const webpack_1 = __importDefault(require("webpack"));
 const chalk_1 = __importDefault(require("chalk"));
-// @ts-ignore
 const webpack_dev_server_1 = __importDefault(require("webpack-dev-server"));
 const WebpackDevServerUtils_1 = require("react-dev-utils/WebpackDevServerUtils");
 const check_required_files_1 = __importDefault(require("../util/check-required-files"));
@@ -19,7 +18,7 @@ const dev_server_1 = __importDefault(require("../../configs/dev-server"));
 const clientCompiler = webpack_1.default(webpack_client_dev_1.default);
 const serverCompiler = webpack_1.default(webpack_server_dev_1.default);
 // @ts-ignore
-const clientDevServer = new webpack_dev_server_1.default(clientCompiler, dev_server_1.default);
+const clientDevServer = new webpack_dev_server_1.default(dev_server_1.default, clientCompiler);
 serverCompiler.hooks.compile.tap('server', () => console.log('Compiling server...'));
 serverCompiler.hooks.invalid.tap('server', () => console.log('Compiling server...'));
 serverCompiler.hooks.done.tap('server', (stats) => printCompilerOutput('Server', stats));
@@ -35,14 +34,14 @@ if (fs_extra_1.default.pathExistsSync(app_configs_1.default.serverOutputPath)) {
 }
 // We attempt to use the default port but if it is busy, we offer the user to
 // run on a different port. `detect()` Promise resolves to the next free port.
-WebpackDevServerUtils_1.choosePort(HOST, DEFAULT_PORT || 0)
+WebpackDevServerUtils_1.choosePort(HOST, +(DEFAULT_PORT || 0))
     .then((port) => {
     if (!port) {
         // We have not found a port.
         return;
     }
     serverCompiler.watch({ aggregateTimeout: 100 }, () => { });
-    clientDevServer.listen(port, HOST, () => {
+    clientDevServer.startCallback(() => {
         console.log(`Client dev server running at http://${HOST}:${port}...`);
     });
 })

package/build/configs/dev-server.js

@@ -8,9 +8,7 @@ const app_configs_1 = __importDefault(require("./app-configs"));
 const apply_overrides_1 = __importDefault(require("./util/apply-overrides"));
 const devServerConfig = apply_overrides_1.default('devServer', {
     port: app_configs_1.default.clientServerPort,
-    // FIXME: В бета версии webpack-dev-server это поле может быть string
-    // @ts-ignore
-    hot: 'only',
+    hot: true,
     client: {
         overlay: true,
     },

package/build/configs/webpack.client.dev.js

@@ -37,6 +37,7 @@ function getSingleEntry(clientEntry) {
 // It is focused on developer experience and fast rebuilds.
 // The production configuration is different and lives in a separate file.
 const webpackClientDev = apply_overrides_1.default(['webpack', 'webpackClient', 'webpackDev', 'webpackClientDev'], {
+    target: 'web',
     mode: 'development',
     // You may want 'eval' instead if you prefer to see the compiled output in DevTools.
     devtool: 'cheap-module-source-map',
@@ -245,7 +246,11 @@ const webpackClientDev = apply_overrides_1.default(['webpack', 'webpackClient',
         }),
         // This is necessary to emit hot updates (currently CSS only):
         new webpack_1.default.HotModuleReplacementPlugin(),
-        new ReactRefreshWebpackPlugin(),
+        new ReactRefreshWebpackPlugin({
+            overlay: {
+                sockIntegration: 'whm',
+            },
+        }),
         // Watcher doesn't work well if you mistype casing in a path so we use
         // a plugin that prints an error when you attempt to do this.
         // See https://github.com/facebookincubator/create-react-app/issues/240

package/build/configs/webpack.server.dev.js

@@ -53,6 +53,7 @@ const config = {
             .relative(app_configs_1.default.appSrc, info.absoluteResourcePath)
             .replace(/\\/g, '/'),
     },
+    externalsPresets: { node: true },
     externals: [webpack_node_externals_1.default({
             allowlist: [
                 /^arui-feather/,

package/build/configs/webpack.server.prod.js

@@ -51,6 +51,7 @@ const config = apply_overrides_1.default(['webpack', 'webpackServer', 'webpackPr
             .relative(app_configs_1.default.appSrc, info.absoluteResourcePath)
             .replace(/\\/g, '/'),
     },
+    externalsPresets: { node: true },
     externals: [webpack_node_externals_1.default({
             allowlist: [
                 /^arui-feather/,

package/build/templates/nginx.conf.template.js

@@ -12,6 +12,7 @@ server {
     server_tokens off;
 
     location / {
+        proxy_set_header Host $host;
         proxy_pass http://127.0.0.1:${app_configs_1.default.serverPort};
     }