ko 5.3.0 → 5.3.1

package/lib/actions/dev.js

@@ -21,13 +21,17 @@ class Dev extends creator_1.WebpackCreator {
             port,
             host,
             historyApiFallback: true,
-            allowedHosts: "all",
+            allowedHosts: 'all',
             hot: true,
             static: {
                 directory: config_1.default.defaultPaths.dist,
                 publicPath: '/',
                 watch: true,
             },
+            client: {
+                overlay: false,
+            },
+            setupExitSignals: true,
             open: true,
         };
         return { ...defaultDevServerConfig, ...userDefinedDevServerConfig };
@@ -35,10 +39,7 @@ class Dev extends creator_1.WebpackCreator {
     config() {
         const conf = {
             devtool: 'cheap-module-source-map',
-            plugins: [
-                new webpack_1.default.HotModuleReplacementPlugin(),
-                this.opts.analyzer && new BundleAnalyzerPlugin(),
-            ].filter(Boolean),
+            plugins: [this.opts.analyzer && new BundleAnalyzerPlugin()].filter(Boolean),
         };
         return this.mergeConfig([this.baseConfig, conf]);
     }
@@ -78,23 +79,8 @@ class Dev extends creator_1.WebpackCreator {
             return;
         const compiler = (0, webpack_1.default)(this.config());
         const devServer = new webpack_dev_server_1.default(this.devSerConf(), compiler);
-        let isFirstCompile = true;
-        compiler.hooks.done.tap('done', stats => {
-            if (isFirstCompile) {
-                isFirstCompile = false;
-                this.successStdout('development server has been started');
-                console.log(`server starts at: ${this.linkStdout(this.getUrlHost(host) + ':' + port)}`);
-            }
-            if (stats.hasErrors()) {
-                console.log(stats.toString({
-                    colors: true,
-                }));
-            }
-        });
-        compiler.hooks.invalid.tap('invalid', () => {
-            console.log('Compiling...');
-        });
-        devServer.start();
+        console.log(`dev server start at ${this.getUrlHost(host)}:${newPort}`);
+        await devServer.start();
     }
 }
 exports.default = Dev;

package/lib/cli.js

@@ -5,7 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const commander_1 = require("commander");
-const ko_lints_1 = __importDefault(require("ko-lints"));
 const build_1 = __importDefault(require("./actions/build"));
 const dev_1 = __importDefault(require("./actions/dev"));
 const program = new commander_1.Command();
@@ -36,6 +35,4 @@ program
     const devInstance = new dev_1.default(opts);
     devInstance.action();
 });
-//attach lint features to program
-(0, ko_lints_1.default)(program);
 program.parse();

package/lib/utils/config.js

@@ -4,22 +4,23 @@ const path_1 = require("path");
 const fs_1 = require("fs");
 class Config {
     constructor() {
+        this.babelPlugins = [];
         this.cwd = process.cwd();
     }
     static getInstance() {
         if (!Config.instance) {
-            Config.instance = new Config();
+            Config.instance = Object.freeze(new Config());
         }
         return Config.instance;
     }
     getFileRealPath(path) {
         return (0, path_1.isAbsolute)(path) ? path : (0, path_1.resolve)(this.cwd, path);
     }
-    //TODO: define userConf
     get userConf() {
         const userConfPath = this.getFileRealPath('ko.config.js');
         if ((0, fs_1.existsSync)(userConfPath)) {
-            return userConfPath ? require(userConfPath) : {};
+            const userConf = require(userConfPath);
+            return userConf;
         }
         else {
             throw new Error('user config file not exist, please check it!');

package/lib/webpack/loaders/script.js

@@ -8,6 +8,13 @@ const config_1 = __importDefault(require("../../utils/config"));
 const THREAD_LOADER = require.resolve('thread-loader');
 const BABEL_LOADER = require.resolve('babel-loader');
 const scriptLoader = [
+    {
+        test: /\.worker.[jt]s$/,
+        loader: 'worker-loader',
+        options: {
+            inline: 'fallback',
+        },
+    },
     {
         test: /\.(t|j)sx?$/,
         exclude: {
@@ -24,9 +31,11 @@ const scriptLoader = [
                             require.resolve('babel-preset-ko-app'),
                             {
                                 useAbsoluteRuntime: true,
+                                customizePlugins: config_1.default.babelPlugins,
                             },
                         ],
                     ],
+                    plugins: [require.resolve('react-refresh/babel')],
                     babelrc: false,
                     configFile: false,
                     cacheIdentifier: (0, getCacheIdentifier_1.default)(config_1.default.isProductionEnv ? 'production' : '', ['babel-preset-ko-app', 'react-dev-utils', 'ko']),

package/lib/webpack/plugins.js

@@ -7,6 +7,8 @@ const webpack_1 = require("webpack");
 const case_sensitive_paths_webpack_plugin_1 = __importDefault(require("case-sensitive-paths-webpack-plugin"));
 const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
 const html_webpack_plugin_1 = __importDefault(require("html-webpack-plugin"));
+const react_refresh_webpack_plugin_1 = __importDefault(require("@pmmmwh/react-refresh-webpack-plugin"));
+const webpackbar_1 = __importDefault(require("webpackbar"));
 const config_1 = __importDefault(require("../utils/config"));
 function getPlugins() {
     const { userConf, defaultPaths } = config_1.default;
@@ -18,7 +20,6 @@ function getPlugins() {
             resourceRegExp: /^\.\/locale$/,
             contextRegExp: /moment$/,
         }),
-        new webpack_1.ProgressPlugin(),
         //TODO: check if mini-css-extract-plugin should use base name if enable HMR
         new mini_css_extract_plugin_1.default({
             filename: 'css/[name].[contenthash].css',
@@ -33,6 +34,8 @@ function getPlugins() {
             },
             inject: 'body',
         }),
+        new react_refresh_webpack_plugin_1.default(),
+        new webpackbar_1.default(),
     ];
     plugins = plugins.concat(userConf.plugins || []);
     if (config_1.default.isProductionEnv) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ko",
-  "version": "5.3.0",
+  "version": "5.3.1",
   "description": "build & lint library",
   "keywords": [
     "ko",
@@ -50,7 +50,6 @@
     "esbuild-loader": "^2.18.0",
     "html-webpack-plugin": "^5.5.0",
     "inquirer": "^8.2.0",
-    "ko-lints": "^1.0.0",
     "less": "^3.13.1",
     "less-loader": "^9.1.0",
     "mini-css-extract-plugin": "^2.5.3",
@@ -65,7 +64,9 @@
     "webpack": "^5.69.1",
     "webpack-bundle-analyzer": "^4.5.0",
     "webpack-dev-server": "^4.7.4",
-    "webpack-merge": "^5.8.0"
+    "webpack-merge": "^5.8.0",
+    "webpackbar": "^5.0.2",
+    "worker-loader": "^3.0.8"
   },
   "devDependencies": {
     "@types/case-sensitive-paths-webpack-plugin": "^2.1.6",