ko 5.3.0 → 5.3.3

package/lib/actions/dev.js

@@ -13,32 +13,31 @@ const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
 class Dev extends creator_1.WebpackCreator {
     constructor(opts) {
         super(opts);
-    }
-    devSerConf() {
-        const userDefinedDevServerConfig = config_1.default.userConf.devServer || {};
         const { port, host } = this.opts;
-        const defaultDevServerConfig = {
+        const userDefinedDevServerConfig = config_1.default.userConf.devServer || {};
+        this.devServerConf = {
             port,
             host,
             historyApiFallback: true,
-            allowedHosts: "all",
-            hot: true,
+            allowedHosts: 'all',
             static: {
-                directory: config_1.default.defaultPaths.dist,
                 publicPath: '/',
-                watch: true,
             },
-            open: true,
+            client: {
+                overlay: {
+                    errors: true,
+                    warnings: false,
+                },
+            },
+            setupExitSignals: true,
+            ...userDefinedDevServerConfig,
         };
-        return { ...defaultDevServerConfig, ...userDefinedDevServerConfig };
     }
     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),
+            devServer: this.devServerConf,
         };
         return this.mergeConfig([this.baseConfig, conf]);
     }
@@ -67,34 +66,22 @@ class Dev extends creator_1.WebpackCreator {
             return this.changePort(newPort, port);
         }
     }
-    getUrlHost(host) {
-        const regex = /^https?:\/\/(([a-zA-Z0-9_-])+(\.)?)*$/i;
-        return regex.test(host) ? host : `http://${host}`;
-    }
     async action() {
-        const { port, host } = this.devSerConf();
+        const { port } = this.devServerConf;
         const newPort = await this.checkPort(parseInt(port));
-        if (!newPort)
-            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...');
+        if (!newPort) {
+            process.exit(0);
+        }
+        this.devServerConf.port = newPort;
+        const config = this.config();
+        const compiler = (0, webpack_1.default)(config);
+        const devServer = new webpack_dev_server_1.default(config.devServer, compiler);
+        await devServer.start();
+        process.stdin.on('end', () => {
+            devServer.stop();
+            process.exit(0);
         });
-        devServer.start();
+        process.stdin.resume();
     }
 }
 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();
@@ -21,6 +20,7 @@ program
     .option('-t,--ts,--typescript', 'support typescript')
     .option('-e,--esbuild', 'enable esbuild')
     .action((opts) => {
+    process.env.NODE_ENV = 'production';
     const buildInstance = new build_1.default(opts);
     buildInstance.action();
 });
@@ -36,6 +36,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/index.js

@@ -48,7 +48,7 @@ function getWebpackBaseConf(opts) {
             hints: false,
         },
         cache: {
-            type: 'filesystem',
+            type: config_1.default.isProductionEnv ? 'filesystem' : 'memory',
         },
     };
     return webpackBaseConf;

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: {
@@ -27,6 +34,9 @@ const scriptLoader = [
                             },
                         ],
                     ],
+                    plugins: config_1.default.isProductionEnv
+                        ? [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

@@ -6,33 +6,24 @@ Object.defineProperty(exports, "__esModule", { value: true });
 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;
-    const publicPath = userConf.output && userConf.output.publicPath
-        ? userConf.output.publicPath
-        : '/';
+    const { userConf } = config_1.default;
     let plugins = [
         new webpack_1.IgnorePlugin({
             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',
             chunkFilename: 'css/[id].[contenthash].css',
         }),
         new case_sensitive_paths_webpack_plugin_1.default(),
-        new html_webpack_plugin_1.default({
-            template: defaultPaths.html,
-            title: 'Ko App',
-            templateParameters: {
-                configPath: `${publicPath}config/config.js`,
-            },
-            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.3",
   "description": "build & lint library",
   "keywords": [
     "ko",
@@ -48,9 +48,7 @@
     "css-minimizer-webpack-plugin": "^3.4.1",
     "detect-port": "^1.3.0",
     "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 +63,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",