npm - @unpackjs/core - Versions diffs - 3.2.7 → 3.3.1 - Mend

@unpackjs/core 3.2.7 → 3.3.1

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 (32) hide show

package/compiled/css-loader/index.js +20 -20
package/compiled/less-loader/index.js +8 -8
package/compiled/postcss-loader/index.js +8 -8
package/compiled/sass-loader/index.js +8 -8
package/dist/index.cjs +271 -233
package/dist/index.js +269 -236
package/dist/typedCssModulesLoader.mjs +5 -13
package/dist-types/bundler-config/index.d.ts.map +1 -1
package/dist-types/bundler-config/plugins/oxlint/index.d.ts +0 -3
package/dist-types/bundler-config/plugins/oxlint/index.d.ts.map +1 -1
package/dist-types/bundler-config/plugins/progress/helpers.d.ts +0 -1
package/dist-types/bundler-config/plugins/progress/helpers.d.ts.map +1 -1
package/dist-types/bundler-config/plugins/progress/index.d.ts.map +1 -1
package/dist-types/cliShortcuts.d.ts +22 -0
package/dist-types/cliShortcuts.d.ts.map +1 -0
package/dist-types/config.d.ts.map +1 -1
package/dist-types/createUnpack.d.ts.map +1 -1
package/dist-types/global.d.ts +7 -1
package/dist-types/global.d.ts.map +1 -1
package/dist-types/index.d.ts +1 -0
package/dist-types/index.d.ts.map +1 -1
package/dist-types/logger.d.ts.map +1 -1
package/dist-types/prebundleDeps.d.ts.map +1 -1
package/dist-types/run/dev.d.ts.map +1 -1
package/dist-types/types/config.d.ts +4 -2
package/dist-types/types/config.d.ts.map +1 -1
package/dist-types/types/index.d.ts +1 -0
package/dist-types/types/index.d.ts.map +1 -1
package/dist-types/types/logger.d.ts +2 -2
package/dist-types/types/logger.d.ts.map +1 -1
package/dist-types/utils.d.ts.map +1 -1
package/package.json +9 -9

package/dist/index.js CHANGED Viewed

@@ -1,3 +1,4 @@
+let lastTrackTime, lastFileInfo, logger;
 import __rslib_shim_module__ from 'module';
 let require = __rslib_shim_module__.createRequire(import.meta.url);
 import { fileURLToPath as __webpack_fileURLToPath__ } from "node:url";
@@ -6,14 +7,14 @@ import * as __WEBPACK_EXTERNAL_MODULE__compiled_webpack_bundle_analyzer_index_js
 import * as __WEBPACK_EXTERNAL_MODULE__compiled_webpack_merge_index_js_efd91626__ from "../compiled/webpack-merge/index.js";
 import { experiments, rspack } from "@rspack/core";
 import picocolors from "picocolors";
-import node_fs from "node:fs";
-import node_path, { join, sep } from "node:path";
-import { pathToFileURL } from "node:url";
-import { createJiti } from "jiti";
 import node_readline from "node:readline";
+import node_fs from "node:fs";
 import node_net from "node:net";
 import node_os, { platform } from "node:os";
+import node_path, { join, sep } from "node:path";
 import portfinder from "portfinder";
+import { pathToFileURL } from "node:url";
+import { createJiti } from "jiti";
 import { expand } from "dotenv-expand";
 import { TsCheckerRspackPlugin } from "ts-checker-rspack-plugin";
 import node_assert from "node:assert";
@@ -22,9 +23,9 @@ import typed_css_modules from "typed-css-modules";
 import { exec, spawn } from "node:child_process";
 import { promisify } from "node:util";
 import node_zlib from "node:zlib";
+import { RspackDevServer } from "@rspack/dev-server";
 import cors from "cors";
 import express from "express";
-import webpack_dev_server from "webpack-dev-server";
 import chokidar from "chokidar";
 var LogColor, __webpack_modules__ = {
     "compiled/webpack-bundle-analyzer": function(module) {
@@ -51,8 +52,14 @@ let colors = {
         for (let char of chars)isWord(char) && (r += rStep, g += gStep, b += bStep), output += `\x1b[38;2;${Math.round(r)};${Math.round(g)};${Math.round(b)}m${char}\x1b[39m`;
         return output;
     }
+}, restartCleaners = [], addRestartCleaner = (...cleaners)=>{
+    restartCleaners.push(...cleaners);
+}, cleanUpBeforeRestart = async ()=>{
+    await Promise.all(restartCleaners.map((cleaner)=>cleaner())), restartCleaners.length = 0;
+}, currentDevUnpackConfig = {}, setCurrentDevUnpackConfig = (config)=>{
+    currentDevUnpackConfig = config;
 };
-var logger_LogColor = ((LogColor = {}).error = "red", LogColor.warn = "yellow", LogColor.info = "cyan", LogColor.ready = "green", LogColor.event = "magenta", LogColor.wait = "blue", LogColor.debug = "dim", LogColor);
+var logger_LogColor = ((LogColor = {}).error = "red", LogColor.warn = "yellow", LogColor.info = "cyan", LogColor.ready = "green", LogColor.event = "magenta", LogColor.wait = "blue", LogColor);
 let CSS_MODULES_LOCAL_IDENT_NAME = '[path][name]__[local]--[hash:5]', CSS_MODULES_REGEX = /\.module\.\w+$/i, DEV_DEFAULT_FILENAME = {
     js: 'js/[name].js',
     jsAsync: 'js/async/[name].js',
@@ -63,7 +70,7 @@ let CSS_MODULES_LOCAL_IDENT_NAME = '[path][name]__[local]--[hash:5]', CSS_MODULE
     jsAsync: 'js/async/[name].[contenthash:8].js',
     css: 'css/[name].[contenthash:8].css',
     cssAsync: 'css/async/[name].[contenthash:8].css'
-}, EXPORT_LOCALS_CONVENTION = 'camel-case-only', TEMP_DIR = 'node_modules/.unpack', NODE_MODULES_REGEX = /[\\/]node_modules[\\/]/, CSS_NAMED_EXPORT = !1, THREAD_OPTIONS = {
+}, EXPORT_LOCALS_CONVENTION = 'camel-case-only', TEMP_DIR = 'node_modules/.unpack', NODE_MODULES_REGEX = /[\\/]node_modules[\\/]/, THREAD_OPTIONS = {
     workers: 2
 }, DEFAULT_DEV_HOST = '0.0.0.0', TEMPLATE_CONTENT = ({ title = '', headTag = '', mountId = '' })=>`<!DOCTYPE html>
 <html lang="en">
@@ -177,12 +184,11 @@ let debounce = (fn, delay)=>{
     });
     return addressUrls;
 }, trackPerformance = (msg)=>{
-    let k = '__unpack_last_track_time';
-    if (!global[k]) {
-        global[k] = performance.now();
+    if (!lastTrackTime) {
+        lastTrackTime = performance.now();
         return;
     }
-    msg && console.log(`  ${msg} ${colors.dim('in')} ${colors.yellow(`${(performance.now() - global[k]).toFixed(2)}ms`)}`), global[k] = performance.now();
+    msg && console.log(`  ${msg} ${colors.dim('in')} ${colors.yellow(`${(performance.now() - lastTrackTime).toFixed(2)}ms`)}`), lastTrackTime = performance.now();
 }, getPathInJs = (absPath)=>JSON.stringify(absPath).slice(1, -1), mergeConfig = merge, getUserDepVersion = (root, dep)=>{
     let depPath = getUserDepPath(root, dep);
     if (depPath) return JSON.parse(node_fs.readFileSync(node_path.resolve(depPath, 'package.json'), 'utf-8')).version;
@@ -223,50 +229,98 @@ let isCSSModules = ({ resourcePath, modules })=>{
     if (!browsers) throw Error(`Unsupported ES version: ${esVersion}`);
     return browsers;
 }, logger_prefixes = {
-    wait: "\u25CB",
-    error: "\u2A2F",
-    warn: "\u26A0",
-    info: "\u2139",
-    ready: "\u2713",
-    event: "\xbb",
-    debug: "\u279C"
-}, logger_logger = (()=>{
-    let logger = {
-        clear: ()=>{
-            let repeatCount = process.stdout.rows - 2;
-            console.log(repeatCount > 0 ? '\n'.repeat(repeatCount) : ''), node_readline.cursorTo(process.stdout, 0, 0), node_readline.clearScreenDown(process.stdout);
-        },
-        greet: (msg)=>{
-            let { npm_execpath, npm_lifecycle_event } = process.env;
-            (!npm_execpath || 'npx' === npm_lifecycle_event || npm_execpath.includes('npx-cli') || npm_execpath.includes('.bun') || npm_execpath.includes('yarn')) && console.log(), console.log(msg);
-        }
+    wait: '○',
+    error: '⨯',
+    warn: '⚠',
+    info: 'ℹ',
+    ready: '✓',
+    event: '»'
+}, logger_logger = (logger = {
+    clear: ()=>{
+        let repeatCount = process.stdout.rows - 2;
+        console.log(repeatCount > 0 ? '\n'.repeat(repeatCount) : ''), node_readline.cursorTo(process.stdout, 0, 0), node_readline.clearScreenDown(process.stdout);
+    },
+    greet: (msg)=>{
+        let { npm_execpath, npm_lifecycle_event } = process.env;
+        (!npm_execpath || 'npx' === npm_lifecycle_event || npm_execpath.includes('npx-cli') || npm_execpath.includes('.bun') || npm_execpath.includes('yarn')) && console.log(), console.log(msg);
+    },
+    debug: (message, ...args)=>{
+        isDebug() && console.log(`${colors.gray(colors.dim(getTime()))} ${message}`, ...args);
+    }
+}, Object.keys(logger_prefixes).forEach((type)=>{
+    logger[type] = (message, ...args)=>{
+        ((type, message, ...args)=>{
+            let label = colors[logger_LogColor[type]](logger_prefixes[type]), text = '';
+            switch(type){
+                case 'error':
+                    if (message instanceof Error) if (message.stack) {
+                        let [name, ...rest] = message.stack.split('\n');
+                        name.startsWith('Error: ') && (name = name.slice(7), rest = rest.map((line)=>line.slice(2))), text = `${colors.red(name)}\n${colors.dim(rest.join('\n'))}`;
+                    } else text = colors.red(message.message);
+                    else text = colors.red(message);
+                    break;
+                case 'warn':
+                    text = colors.yellow(message);
+                    break;
+                default:
+                    text = message;
+            }
+            console.log(`${label} ${text}`, ...args);
+        })(type, message, ...args);
     };
-    return Object.keys(logger_prefixes).forEach((type)=>{
-        logger[type] = (message, ...args)=>{
-            ((type, message, ...args)=>{
-                let label = colors[logger_LogColor[type]](logger_prefixes[type]), text = '';
-                switch(type){
-                    case 'error':
-                        if (message instanceof Error) if (message.stack) {
-                            let [name, ...rest] = message.stack.split('\n');
-                            name.startsWith('Error: ') && (name = name.slice(7), rest = rest.map((line)=>line.slice(2))), text = `${colors.red(name)}\n${colors.dim(rest.join('\n'))}`;
-                        } else text = colors.red(message.message);
-                        else text = colors.red(message);
-                        break;
-                    case 'warn':
-                        text = colors.yellow(message);
-                        break;
-                    case 'debug':
-                        text = `${colors.dim(getTime())} ${colors.magenta('debug')} ${message}`;
-                        break;
-                    default:
-                        text = message;
+}), logger);
+async function setupCliShortcuts({ help = !0, openPage, closeServer, printUrls, restartServer }) {
+    let shortcuts = [
+        restartServer ? {
+            key: 'r',
+            description: 'restart server',
+            action: restartServer
+        } : null,
+        {
+            key: 'u',
+            description: 'show server url',
+            action: printUrls
+        },
+        {
+            key: 'o',
+            description: 'open in browser',
+            action: openPage
+        },
+        {
+            key: 'c',
+            description: 'clear console',
+            action: ()=>{
+                logger_logger.clear();
+            }
+        },
+        {
+            key: 'q',
+            description: 'quit',
+            action: async ()=>{
+                try {
+                    await closeServer();
+                } finally{
+                    process.exit(0);
                 }
-                ('debug' !== type || isDebug()) && console.log(`${label} ${text}`, ...args);
-            })(type, message, ...args);
-        };
-    }), logger;
-})();
+            }
+        }
+    ].filter(Boolean), colorPrefix = colors.green(colors.dim('➜'));
+    help && console.log(!0 === help ? `  ${colorPrefix}  ${colors.dim('press')} ${colors.bold('h + enter')} ${colors.dim('to show help')}` : `  ${colorPrefix}  ${help}`);
+    let { createInterface } = await import("node:readline"), rl = createInterface({
+        input: process.stdin
+    });
+    rl.on('line', (input)=>{
+        if ('h' === input) {
+            let message = '\n  Shortcuts\n';
+            for (let shortcut of shortcuts){
+                let fullDescription = `${colors.dim('press')} ${colors.bold(`${shortcut.key} + enter`)} ${colors.dim(`to ${shortcut.description}`)}`;
+                message += `  ${fullDescription}\n`;
+            }
+            console.log(message);
+        }
+        for (let shortcut of shortcuts)if (input === shortcut.key) return void shortcut.action();
+    }), addRestartCleaner(()=>rl.close());
+}
 var config_filename = __webpack_fileURLToPath__(import.meta.url);
 async function loadConfig({ cliOptions, command }) {
     'build' === command ? setNodeEnv((null == cliOptions ? void 0 : cliOptions.watch) ? 'development' : 'production') : (setNodeEnv('development'), setDevServer(!0));
@@ -317,7 +371,10 @@ async function loadConfig({ cliOptions, command }) {
         'bundleAnalyze'
     ], cliOptions.analyze), (null == cliOptions ? void 0 : cliOptions.root) && setValueByPath(configExport, [
         'root'
-    ], root), configExport;
+    ], root), (null == cliOptions ? void 0 : cliOptions.host) && setValueByPath(configExport, [
+        'server',
+        'host'
+    ], cliOptions.host), configExport;
 }
 function defineConfig(config) {
     return config;
@@ -571,7 +628,7 @@ class TypedCssModulesPlugin {
     constructor(options){
         _define_property(this, "dtsCreator", void 0), _define_property(this, "useIncremental", !1), _define_property(this, "globPattern", 'src/**/*.{css,less,scss}'), _define_property(this, "userOptions", void 0), this.userOptions = options, this.dtsCreator = new DtsCreator({
             camelCase: !0,
-            namedExports: CSS_NAMED_EXPORT
+            namedExports: !1
         });
     }
 }
@@ -588,7 +645,7 @@ class JsMinifyPlugin {
     apply(compiler) {
         let meta = JSON.stringify({
             name: jsMinify_PLUGIN_NAME,
-            version: "3.2.7",
+            version: "3.3.1",
             options: this.minifyOptions
         });
         compiler.hooks.compilation.tap(jsMinify_PLUGIN_NAME, (compilation)=>{
@@ -624,37 +681,7 @@ class JsMinifyPlugin {
     }
 }
 var oxlint_dirname = __webpack_dirname__(__webpack_fileURLToPath__(import.meta.url));
-function oxlint_define_property(obj, key, value) {
-    return key in obj ? Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: !0,
-        configurable: !0,
-        writable: !0
-    }) : obj[key] = value, obj;
-}
 class OxlintPlugin {
-    getGitChangedFiles() {
-        return new Promise((resolve)=>{
-            var _child_stdout;
-            let child = spawn('git', [
-                'status',
-                '--porcelain'
-            ], {
-                cwd: process.cwd(),
-                stdio: 'pipe'
-            }), output = '';
-            null == (_child_stdout = child.stdout) || _child_stdout.on('data', (data)=>{
-                output += data.toString();
-            }), child.on('exit', (code)=>{
-                0 === code ? resolve(output.trim().split('\n').filter(Boolean).map((line)=>{
-                    let idx = line.indexOf(' '), status = line.slice(0, idx), filePath = line.slice(idx + 1).trim();
-                    return status.includes('D') ? null : ((status.startsWith('R') || status.startsWith('C')) && (filePath = filePath.split(' -> ')[1]), filePath);
-                }).filter(Boolean).map((file)=>node_path.resolve(process.cwd(), file))) : resolve([]);
-            }), child.on('error', ()=>{
-                resolve([]);
-            });
-        });
-    }
     runOxlint(args) {
         var _child_stdout, _child_stderr;
         let child = spawn('npx', [
@@ -672,34 +699,31 @@ class OxlintPlugin {
         null == (_child_stdout = child.stdout) || _child_stdout.on('data', (data)=>{
             output += data.toString();
         }), child.on('exit', (code)=>{
-            output.includes('Found 0 warnings and 0 errors') && 0 === code || process.stdout.write(output);
+            let hasErrors = !output.includes('Found 0 warnings and 0 errors'), hasNoFiles = output.includes('on 0 files');
+            (hasErrors || 0 !== code) && !hasNoFiles && process.stdout.write(output);
         }), null == (_child_stderr = child.stderr) || _child_stderr.on('data', (data)=>{
             process.stderr.write(data);
         });
     }
     apply(compiler) {
         compiler.hooks.watchRun.tap('OxlintPlugin', ()=>{
-            this.timeoutId && clearTimeout(this.timeoutId), this.timeoutId = setTimeout(()=>{
-                let configPath = node_path.resolve(oxlint_dirname, '.oxlintrc.json');
-                this.getGitChangedFiles().then((changedFiles)=>{
-                    if (changedFiles.length > 0) {
-                        let args = [
-                            'oxlint',
-                            '-c',
-                            configPath,
-                            ...changedFiles,
-                            '--fix',
-                            '--fix-suggestions'
-                        ];
-                        this.runOxlint(args);
-                    }
-                });
-            }, this.debounceTime);
+            let configPath = node_path.resolve(oxlint_dirname, '.oxlintrc.json'), changedFiles = compiler.modifiedFiles ? Array.from(compiler.modifiedFiles) : [];
+            if (1 === changedFiles.length) {
+                let currentFile = changedFiles[0];
+                if (node_fs.existsSync(currentFile) && node_fs.statSync(currentFile).isFile()) {
+                    let args = [
+                        'oxlint',
+                        '-c',
+                        configPath,
+                        currentFile,
+                        '--fix',
+                        '--fix-suggestions'
+                    ];
+                    this.runOxlint(args);
+                }
+            }
         });
     }
-    constructor(){
-        oxlint_define_property(this, "timeoutId", null), oxlint_define_property(this, "debounceTime", 200);
-    }
 }
 function loadingAnimation_define_property(obj, key, value) {
     return key in obj ? Object.defineProperty(obj, key, {
@@ -719,16 +743,16 @@ class LoadingAnimation {
     }
     constructor(){
         loadingAnimation_define_property(this, "chars", [
-            "\u280B",
-            "\u2819",
-            "\u2839",
-            "\u2838",
-            "\u283C",
-            "\u2834",
-            "\u2826",
-            "\u2827",
-            "\u2807",
-            "\u280F"
+            '⠋',
+            '⠙',
+            '⠹',
+            '⠸',
+            '⠼',
+            '⠴',
+            '⠦',
+            '⠧',
+            '⠇',
+            '⠏'
         ]), loadingAnimation_define_property(this, "currentIndex", 0), loadingAnimation_define_property(this, "lastUpdateTime", 0), loadingAnimation_define_property(this, "interval", 100);
     }
 }
@@ -794,7 +818,7 @@ async function printFileSize({ root, stats }) {
     }), longest = 0, totalSize = 0, totalCompressedSize = 0;
     await Promise.all(origin.assets.map(async (asset)=>{
         let content = await node_fs.promises.readFile(node_path.join(distPath, asset.name)), size = content.length, compressedSize = await getCompressedSize(content);
-        totalSize += size, totalCompressedSize += compressedSize, compressedCount++, logUpdate(`${loadingAnimation.getCurrentChar()} computing gzip size (${compressedCount})...`), compressedCount === origin.assets.length && (logUpdate(`\u{2713} computed gzip size (${compressedCount})`), console.log());
+        totalSize += size, totalCompressedSize += compressedSize, compressedCount++, logUpdate(`${loadingAnimation.getCurrentChar()} computing gzip size (${compressedCount})...`), compressedCount === origin.assets.length && (logUpdate(`✓ computed gzip size (${compressedCount})`), console.log());
         let chunk = {
             name: node_path.basename(asset.name),
             path: `${distFolder}/${asset.name}`,
@@ -820,11 +844,11 @@ async function printFileSize({ root, stats }) {
     chunkGroups.forEach((group)=>{
         group.chunks.sort((a, b)=>a.size - b.size).forEach((chunk)=>{
             let isLarge = 'JS' === group.type && chunk.size / 1000 > 500, relativeOutDir = node_path.dirname(chunk.path) + '/', log = colors.dim(relativeOutDir);
-            log += colors[group.color](chunk.name.padEnd(longest + 2 - relativeOutDir.length)), log += colors[isLarge ? 'yellow' : 'dim'](displaySize(chunk.size).padStart(sizePad)), chunk.compressedSize && (log += colors.dim(` \u{2502} gzip: ${displaySize(chunk.compressedSize).padStart(compressPad)}`)), console.log(log);
+            log += colors[group.color](chunk.name.padEnd(longest + 2 - relativeOutDir.length)), log += colors[isLarge ? 'yellow' : 'dim'](displaySize(chunk.size).padStart(sizePad)), chunk.compressedSize && (log += colors.dim(` │ gzip: ${displaySize(chunk.compressedSize).padStart(compressPad)}`)), console.log(log);
         });
     });
     let log = colors.blue('Total'.padEnd(longest + 2));
-    log += colors.blue(displaySize(totalSize)), console.log(log += colors.dim(` \u{2502} gzip: ${displaySize(totalCompressedSize)}`));
+    log += colors.blue(displaySize(totalSize)), console.log(log += colors.dim(` │ gzip: ${displaySize(totalCompressedSize)}`));
 }
 function isLikelyFile(filePath) {
     return (filePath.split(sep).pop() || '').includes('.');
@@ -834,29 +858,13 @@ function formatFileList(paths, rootPath) {
     0 === files.length && (files = [
         paths[0]
     ]);
-    let fileInfo = files.slice(0, 1).map((file)=>(function(originalFilePath, root) {
-            let prefix = root.endsWith(sep) ? root : root + sep, filePath = originalFilePath;
-            filePath.startsWith(prefix) && (filePath = filePath.slice(prefix.length));
-            let parts = filePath.split(sep).filter(Boolean);
-            return parts.length > 3 ? parts.slice(-3).join(sep) : parts.join(sep);
-        })(file, rootPath)).join(', ');
+    let fileInfo = files.slice(0, 1).map((file)=>{
+        let prefix, filePath, parts;
+        return prefix = rootPath.endsWith(sep) ? rootPath : rootPath + sep, (filePath = file).startsWith(prefix) && (filePath = filePath.slice(prefix.length)), (parts = filePath.split(sep).filter(Boolean)).length > 3 ? parts.slice(-3).join(sep) : parts.join(sep);
+    }).join(', ');
     return files.length > 1 ? `${fileInfo} and ${files.length - 1} more` : fileInfo;
 }
-function printDevLog(compiler, root) {
-    let changedFiles = compiler.modifiedFiles ? Array.from(compiler.modifiedFiles) : null;
-    if (null == changedFiles ? void 0 : changedFiles.length) {
-        let fileInfo = formatFileList(changedFiles, root);
-        logger_logger.wait(`building ${colors.dim(fileInfo)}`);
-        return;
-    }
-    let removedFiles = compiler.removedFiles ? Array.from(compiler.removedFiles) : null;
-    if (null == removedFiles ? void 0 : removedFiles.length) {
-        let fileInfo = formatFileList(removedFiles, root);
-        logger_logger.wait(`building ${colors.dim(`removed ${fileInfo}`)}`);
-        return;
-    }
-    logger_logger.wait('building...');
-}
+let sameCount = 0;
 async function compileDone(compiler, stats) {
     let compileTime = stats.toJson({
         preset: 'errors-only',
@@ -867,27 +875,35 @@ async function compileDone(compiler, stats) {
         stats
     }), logger_logger.ready(colors.green(`built in ${prettyTime(compileTime)}`));
     else {
-        if (isDebug()) {
-            let modules = stats.compilation.modules, nodeModulesStats = new Map(), nodeModulesPath = node_path.resolve(root, 'node_modules');
-            modules.forEach((module)=>{
+        let fileInfo = function(changedFiles, removedFiles, root) {
+            if (!(null == changedFiles ? void 0 : changedFiles.length) && !(null == removedFiles ? void 0 : removedFiles.length)) return null;
+            if ((null == changedFiles ? void 0 : changedFiles.length) && (null == removedFiles ? void 0 : removedFiles.length)) {
+                let changedInfo = formatFileList(changedFiles, root), removedInfo = formatFileList(removedFiles, root);
+                return `${changedInfo}, removed ${removedInfo}`;
+            }
+            return (null == changedFiles ? void 0 : changedFiles.length) ? formatFileList(changedFiles, root) : (null == removedFiles ? void 0 : removedFiles.length) ? `removed ${formatFileList(removedFiles, root)}` : null;
+        }(compiler.modifiedFiles ? Array.from(compiler.modifiedFiles) : null, compiler.removedFiles ? Array.from(compiler.removedFiles) : null, root);
+        if (!fileInfo) return;
+        if (fileInfo === lastFileInfo ? sameCount++ : (lastFileInfo = fileInfo, sameCount = 1), isDebug()) {
+            var modules;
+            let nodeModulesStats, nodeModulesPath;
+            Object.entries((modules = stats.compilation.modules, nodeModulesStats = {}, nodeModulesPath = node_path.resolve(root, 'node_modules'), modules.forEach((module)=>{
                 let { resource } = module;
                 if (null == resource ? void 0 : resource.includes(nodeModulesPath)) {
                     let packageName, pathParts = node_path.relative(nodeModulesPath, resource).split(sep);
-                    (packageName = '.pnpm' === pathParts[0] && pathParts.length >= 4 ? pathParts[3].startsWith('@') ? `${pathParts[3]}/${pathParts[4]}` : pathParts[3] : pathParts[0].startsWith('@') ? `${pathParts[0]}/${pathParts[1]}` : pathParts[0]) && nodeModulesStats.set(packageName, (nodeModulesStats.get(packageName) || 0) + 1);
+                    (packageName = '.pnpm' === pathParts[0] && pathParts.length >= 4 ? pathParts[3].startsWith('@') ? `${pathParts[3]}/${pathParts[4]}` : pathParts[3] : pathParts[0].startsWith('@') ? `${pathParts[0]}/${pathParts[1]}` : pathParts[0]) && (nodeModulesStats[packageName] = (nodeModulesStats[packageName] || 0) + 1);
                 }
-            }), nodeModulesStats.size > 0 && Array.from(nodeModulesStats.entries()).sort((a, b)=>a[1] - b[1]).forEach(([packageName, count])=>{
+            }), nodeModulesStats)).sort((a, b)=>a[1] - b[1]).forEach(([packageName, count])=>{
                 logger_logger.debug(`${colors.cyan(packageName)}: ${colors.yellow(count)} modules`);
             });
         }
-        logger_logger.ready(`built in ${prettyTime(compileTime)}${isDebug() ? ` (${stats.compilation.modules.size} modules)` : ''}`);
+        isDebug() || logger_logger.clear(), console.log(colors.dim(getTime()), colors.cyan(colors.bold(`[${global.__unpack_caller_name}]`)), colors.green(utils_isDevServer() ? 'hmr update' : 'build'), `${colors.dim(fileInfo)}${sameCount > 1 ? ` ${colors.yellow(`(x${sameCount})`)}` : ''}`, isDebug() ? colors.dim(`| ${prettyTime(compileTime)} (${stats.compilation.modules.size} modules)`) : '');
     }
 }
 let progress_PLUGIN_NAME = 'ProgressPlugin';
 class ProgressLiteRspackPlugin {
     apply(compiler) {
-        compiler.hooks.watchRun.tap(progress_PLUGIN_NAME, ()=>{
-            (!utils_isDevServer() || global.__unpack_dev_server_started) && printDevLog(compiler, compiler.options.context);
-        }), compiler.hooks.run.tap(progress_PLUGIN_NAME, ()=>{
+        compiler.hooks.run.tap(progress_PLUGIN_NAME, ()=>{
             logger_logger.info('build started...');
         }), compiler.hooks.afterDone.tap(progress_PLUGIN_NAME, async (stats)=>{
             await compileDone(compiler, stats);
@@ -896,9 +912,7 @@ class ProgressLiteRspackPlugin {
 }
 class ProgressRspackPlugin extends rspack.ProgressPlugin {
     apply(compiler) {
-        super.apply(compiler), compiler.hooks.watchRun.tap(progress_PLUGIN_NAME, ()=>{
-            (!utils_isDevServer() || global.__unpack_dev_server_started) && printDevLog(compiler, compiler.options.context);
-        }), compiler.hooks.afterDone.tap(progress_PLUGIN_NAME, async (stats)=>{
+        super.apply(compiler), compiler.hooks.afterDone.tap(progress_PLUGIN_NAME, async (stats)=>{
             await compileDone(compiler, stats);
         });
     }
@@ -1097,10 +1111,9 @@ async function getBundlerConfig(originalUnpackConfig) {
                         let filePath = module.replace(/^.*!/, ''), relativePath = node_path.relative(unpackConfig.root, filePath);
                         return relativePath.startsWith('..') ? filePath : relativePath;
                     }).slice(0, -1);
-                    if (2 + uniquePaths.join(" \u2192 ").length > (process.stdout.columns || 80)) {
-                        console.log('');
-                        let arrow = "\u21B3 ", lastIndex = uniquePaths.length - 1;
-                        uniquePaths.forEach((p, i)=>{
+                    if (2 + uniquePaths.join(' → ').length > (process.stdout.columns || 80)) {
+                        let arrow, lastIndex;
+                        console.log(''), arrow = '↳ ', lastIndex = uniquePaths.length - 1, uniquePaths.forEach((p, i)=>{
                             switch(i){
                                 case 0:
                                     console.log(`  ${p}`);
@@ -1113,12 +1126,10 @@ async function getBundlerConfig(originalUnpackConfig) {
                             }
                         }), console.log(`  ${arrow}${uniquePaths[0]}`), console.log('');
                     } else {
-                        let line1 = '  ', downArrowPos = 0;
-                        uniquePaths.forEach((p, i)=>{
-                            line1 += p, i < uniquePaths.length - 1 ? line1 += " \u2192 " : downArrowPos = line1.length - 1;
-                        });
-                        let lineLength = downArrowPos - 2;
-                        console.log(''), console.log(line1), console.log('  ' + ' '.repeat(0) + "\u2191" + ' '.repeat(downArrowPos - 2 - 1) + "\u2193"), console.log('  ' + ' '.repeat(0) + "\u2514" + "\u2500".repeat(lineLength - 1) + "\u2518"), console.log('');
+                        let line1, downArrowPos, lineLength;
+                        line1 = '  ', downArrowPos = 0, uniquePaths.forEach((p, i)=>{
+                            line1 += p, i < uniquePaths.length - 1 ? line1 += ' → ' : downArrowPos = line1.length - 1;
+                        }), lineLength = downArrowPos - 2, console.log(''), console.log(line1), console.log('  ' + ' '.repeat(0) + '↑' + ' '.repeat(downArrowPos - 2 - 1) + '↓'), console.log('  ' + ' '.repeat(0) + '└' + '─'.repeat(lineLength - 1) + '┘'), console.log('');
                     }
                 },
                 onEnd () {
@@ -1161,9 +1172,7 @@ async function getBundlerConfig(originalUnpackConfig) {
         experiments: {
             css: !1,
             asyncWebAssembly: !0,
-            lazyBarrel: !0,
-            inlineEnum: !0,
-            typeReexportsPresence: !0
+            lazyBarrel: !0
         },
         optimization: {
             moduleIds: isDev() ? 'named' : 'deterministic',
@@ -1234,7 +1243,7 @@ async function getBundlerConfig(originalUnpackConfig) {
                 'parser',
                 'css/module'
             ], {
-                namedExports: CSS_NAMED_EXPORT
+                namedExports: !1
             }), setValueByPath(config, [
                 'module',
                 'generator',
@@ -1387,7 +1396,7 @@ async function getBundlerConfig(originalUnpackConfig) {
                                 })(),
                                 localIdentName: !1 !== modules && (modules.localIdentName || CSS_MODULES_LOCAL_IDENT_NAME),
                                 exportLocalsConvention: EXPORT_LOCALS_CONVENTION,
-                                namedExport: CSS_NAMED_EXPORT
+                                namedExport: !1
                             },
                             sourceMap
                         }
@@ -1503,7 +1512,6 @@ async function unpackBuild(unpackConfig) {
     };
     isWatch() ? compiler.watch({}, handler) : compiler.run(handler);
 }
-let restartCleaners = [];
 var openBrowser_dirname = __webpack_dirname__(__webpack_fileURLToPath__(import.meta.url));
 async function openBrowser(url) {
     if ('darwin' === process.platform) try {
@@ -1572,19 +1580,20 @@ let getExternalLibraryName = (pkgName)=>({
         'react-dom': 'ReactDOM',
         'react-router-dom': 'ReactRouterDOM'
     })[pkgName] || pkgName, getExternalValue = (pkgName)=>`window ${getExternalLibraryName(pkgName)}`, prebundleDeps = async ({ unpackConfig })=>{
-    var _unpackConfig_dev;
-    let count = {
+    var _unpackConfig_dev, externals;
+    let existExternals, cacheDir, count = {
         total: 0,
         bundled: 0
     }, failedDeps = [], root = unpackConfig.root, failedDepsCachePath = node_path.resolve(root, TEMP_DIR, 'failed-deps.json'), failedCache = node_fs.existsSync(failedDepsCachePath) ? JSON.parse(node_fs.readFileSync(failedDepsCachePath, 'utf-8')) : {}, updateProgress = ()=>{
-        logUpdate(`${colors.magenta("\xbb")} optimizing dependencies (${count.bundled}/${count.total})`), count.total === count.bundled + failedDeps.length && console.log();
+        logUpdate(`${colors.magenta('»')} optimizing dependencies (${count.bundled}/${count.total})`), count.total === count.bundled + failedDeps.length && console.log();
     }, userOptions = isPlainObject(null == (_unpackConfig_dev = unpackConfig.dev) ? void 0 : _unpackConfig_dev.prebundle) ? unpackConfig.dev.prebundle : {}, ignoreCSSDeps = userOptions.ignoreCSS || [], packageJson = JSON.parse(node_fs.readFileSync(node_path.resolve(root, 'package.json'), 'utf-8')), excludeDeps = [
-        ...((externals)=>{
-            let existExternals = new Set();
-            return Array.isArray(externals) ? externals.forEach((item)=>{
-                isPlainObject(item) && Object.keys(item).forEach((key)=>existExternals.add(key));
-            }) : isPlainObject(externals) && Object.keys(externals).forEach((key)=>existExternals.add(key)), Array.from(existExternals);
-        })(unpackConfig.externals) || [],
+        ...(externals = unpackConfig.externals, existExternals = new Set(), Array.isArray(externals) ? externals.forEach((item)=>{
+            isPlainObject(item) && Object.keys(item).forEach((key)=>{
+                existExternals.add(key);
+            });
+        }) : isPlainObject(externals) && Object.keys(externals).forEach((key)=>{
+            existExternals.add(key);
+        }), Array.from(existExternals) || []),
         ...userOptions.exclude || []
     ], shouldIncludeDeps = Object.keys(packageJson.dependencies).filter((pkgName)=>!excludeDeps.includes(pkgName)), noEntryDeps = [], needBundleDeps = shouldIncludeDeps.map((pkgName)=>{
         let packageJson = JSON.parse(node_fs.readFileSync(node_path.resolve(root, 'node_modules', pkgName, 'package.json'), 'utf-8')), version = packageJson.version;
@@ -1730,17 +1739,17 @@ let getExternalLibraryName = (pkgName)=>({
                         resolve(isFailed ? void 0 : getResult());
                     });
                 });
-            }))(depInfo))), cacheDir = node_path.dirname(failedDepsCachePath);
-    node_fs.existsSync(cacheDir) || node_fs.mkdirSync(cacheDir, {
+            }))(depInfo)));
+    cacheDir = node_path.dirname(failedDepsCachePath), node_fs.existsSync(cacheDir) || node_fs.mkdirSync(cacheDir, {
         recursive: !0
     }), node_fs.writeFileSync(failedDepsCachePath, JSON.stringify(failedCache, null, 2), 'utf-8'), failedDeps[0] && logger_logger.warn(`something went wrong while optimizing "${colors.bold(failedDeps.join(', '))}"`);
     let cachePath = node_path.resolve(root, TEMP_DIR, 'umd'), app = express();
     app.use(cors()), app.use("/umd", express.static(cachePath));
     let port = await getPort(), staticServer = app.listen(port, ()=>{});
-    restartCleaners.push(()=>new Promise((resolve)=>staticServer.close(()=>resolve())));
-    let externals = {}, jsAssets = [], cssAssets = [], preJsAssets = [];
+    addRestartCleaner(()=>new Promise((resolve)=>staticServer.close(()=>resolve())));
+    let externals1 = {}, jsAssets = [], cssAssets = [], preJsAssets = [];
     return bundledDeps.filter(Boolean).forEach((dep)=>{
-        dep && (externals[dep.name] = getExternalValue(dep.name), dep.assets.forEach((absPath)=>{
+        dep && (externals1[dep.name] = getExternalValue(dep.name), dep.assets.forEach((absPath)=>{
             let relativePath = node_path.relative(cachePath, absPath), preDeps = [
                 'react',
                 'react-dom',
@@ -1758,10 +1767,10 @@ let getExternalLibraryName = (pkgName)=>({
             }
         }));
     }), unpackConfig.externals = Array.isArray(unpackConfig.externals) ? [
-        externals,
+        externals1,
         ...unpackConfig.externals
     ] : {
-        ...externals,
+        ...externals1,
         ...unpackConfig.externals
     }, unpackConfig.plugins.push({
         name: 'unpack:prebundle',
@@ -1786,7 +1795,7 @@ let getExternalLibraryName = (pkgName)=>({
     }), unpackConfig;
 };
 async function unpackDev(originalUnpackConfig) {
-    var _unpackConfig_dev, _unpackConfig_server, _unpackConfig_server1, _unpackConfig_dev1, _unpackConfig_server2;
+    var _unpackConfig_dev, _unpackConfig_server, _unpackConfig_server1, _unpackConfig_dev1, _unpackConfig_server2, _unpackConfig_server3;
     let unpackConfig = originalUnpackConfig;
     (null == (_unpackConfig_dev = unpackConfig.dev) ? void 0 : _unpackConfig_dev.prebundle) && (unpackConfig = await prebundleDeps({
         unpackConfig
@@ -1821,67 +1830,90 @@ async function unpackDev(originalUnpackConfig) {
             var _req_headers_accept;
             (null == (_req_headers_accept = req.headers.accept) ? void 0 : _req_headers_accept.includes('html')) && (req.url = '/index.html'), next();
         }), middlewares.unshift(experiments.lazyCompilationMiddleware(compiler)), middlewares);
-    let server = new webpack_dev_server(devServerOptions, compiler);
-    await server.start(), logger_logger.greet(`  ${colors.green(`${colors.bold(unpackConfig._context.callerName.toUpperCase())} v3.2.7`)}  ${colors.dim(`ready in ${colors.reset(Math.ceil(performance.now() - global.__unpack_start_time))}ms`)}\n`), getAddressUrls({
-        port: port
-    }).forEach((addr)=>{
+    let server = new RspackDevServer(devServerOptions, compiler);
+    await server.start(), logger_logger.greet(`  ${colors.green(`${colors.bold(unpackConfig._context.callerName.toUpperCase())} v3.3.1`)}  ${colors.dim('ready in')} ${colors.bold(Math.ceil(performance.now() - global.__unpack_start_time))} ms\n`), printAddressUrls(port, null == (_unpackConfig_server2 = unpackConfig.server) ? void 0 : _unpackConfig_server2.host), addRestartCleaner(()=>server.stop(), ()=>new Promise((resolve)=>compiler.close(()=>resolve())));
+    let open = null == (_unpackConfig_server3 = unpackConfig.server) ? void 0 : _unpackConfig_server3.open, url = isString(open) ? open : `http://localhost:${port}`;
+    open && openBrowser(url), setupCliShortcuts({
+        openPage: async ()=>{
+            await openBrowser(url);
+        },
+        closeServer: async ()=>{
+            await cleanUpBeforeRestart(), process.exit(0);
+        },
+        printUrls: ()=>{
+            var _unpackConfig_server;
+            printAddressUrls(port, null == (_unpackConfig_server = unpackConfig.server) ? void 0 : _unpackConfig_server.host);
+        },
+        restartServer: async ()=>{
+            logger_logger.clear(), await cleanUpBeforeRestart(), createUnpack({
+                cwd: currentDevUnpackConfig.root,
+                config: currentDevUnpackConfig
+            }).dev();
+        }
+    });
+}
+function printAddressUrls(port, host) {
+    let addressUrls = getAddressUrls({
+        port
+    }), colorPrefix = colors.green('➜');
+    addressUrls.forEach((addr, index)=>{
         let url;
-        console.log(`  ${colors.green(colors.dim("\u279C"))}  ${colors.dim(addr.label)}${(url = addr.url, colors.cyan(url.replace(/:(\d+)\//, (_, port)=>`:${colors.bold(port)}/`)))}`);
-    }), logger_logger.wait('building...'), global.__unpack_dev_server_started = !0, restartCleaners.push(async ()=>await server.stop(), ()=>new Promise((resolve)=>compiler.close(()=>resolve())), ()=>{
-        global.__unpack_dev_server_started = !1;
+        if (!host && 0 !== index) {
+            1 === index && console.log(`  ${colors.dim(colorPrefix)}  ${colors.bold(colors.dim('Network:'))} ${colors.dim('use')} ${colors.bold('--host')} ${colors.dim('to expose')}`);
+            return;
+        }
+        console.log(`  ${colorPrefix}  ${colors.bold(addr.label)}${(url = addr.url, colors.cyan(url.replace(/:(\d+)\//, (_, port)=>`:${colors.bold(port)}/`)))}`);
     });
-    let open = null == (_unpackConfig_server2 = unpackConfig.server) ? void 0 : _unpackConfig_server2.open;
-    if (open) {
-        let url = isString(open) ? open : `http://localhost:${port}`;
-        await openBrowser(url);
-    }
 }
 function createUnpack({ cwd = process.cwd(), config, callerName = 'unpack' }) {
-    let resolveConfig = ()=>({
-            ...mergeConfig({
-                root: cwd,
-                build: {
-                    outDir: 'dist',
-                    minify: isProd(),
-                    sourceMap: !isProd() && 'cheap-module-source-map',
-                    parallel: !0,
-                    filenameHash: !0,
-                    target: 'es2022'
-                },
-                dev: {
-                    lazyCompilation: !0
-                },
-                server: {
-                    port: 3000
-                },
-                html: {
-                    mountId: 'root'
-                },
-                css: {
-                    modules: !0,
-                    transformer: 'postcss',
-                    sourceMap: !1
-                },
-                performance: {
-                    chunkSplit: {
-                        strategy: 'split-by-experience'
-                    }
-                },
-                typeCheck: !0,
-                envPrefix: [
-                    'PUBLIC_'
-                ]
-            }, config),
+    let resolveConfig = ()=>{
+        let defaultConfig = {
+            root: cwd,
+            build: {
+                outDir: 'dist',
+                minify: isProd(),
+                sourceMap: !isProd() && 'cheap-module-source-map',
+                parallel: !0,
+                filenameHash: !0,
+                target: 'es2022'
+            },
+            dev: {
+                lazyCompilation: !0
+            },
+            server: {
+                port: 3000
+            },
+            html: {
+                mountId: 'root'
+            },
+            css: {
+                modules: !0,
+                transformer: 'postcss',
+                sourceMap: !1
+            },
+            performance: {
+                chunkSplit: {
+                    strategy: 'split-by-experience'
+                }
+            },
+            typeCheck: !0,
+            envPrefix: [
+                'PUBLIC_'
+            ]
+        };
+        return global.__unpack_caller_name = callerName, {
+            ...mergeConfig(defaultConfig, config),
             _context: {
                 callerName,
-                version: "3.2.7"
+                version: "3.3.1"
             }
-        });
+        };
+    };
     return {
         build: async ({ watch } = {})=>{
             setNodeEnv(watch ? 'development' : 'production');
             let config = resolveConfig();
-            console.log(colors.rainbow(`${callerName} v3.2.7`), colors.green(`building for ${getNodeEnv()}...`)), await unpackBuild(config);
+            console.log(colors.rainbow(`${callerName} v3.3.1`), colors.green(`building for ${getNodeEnv()}...`)), await unpackBuild(config);
         },
         dev: async ()=>{
             global.__unpack_start_time = performance.now(), setNodeEnv('development'), setDevServer(!0);
@@ -1903,4 +1935,5 @@ async function createChokidar(pathOrGlobs, root = process.cwd(), options) {
         ...options
     });
 }
-export { CSS_MODULES_LOCAL_IDENT_NAME, CSS_MODULES_REGEX, CSS_NAMED_EXPORT, DEFAULT_DEV_HOST, DEV_DEFAULT_FILENAME, EXPORT_LOCALS_CONVENTION, logger_LogColor as LogColor, NODE_MODULES_REGEX, PROD_DEFAULT_FILENAME, TEMPLATE_CONTENT, TEMP_DIR, THREAD_OPTIONS, clearLine, colors, createChokidar, createUnpack, debounce, defineConfig, esVersionToBrowserslist, findExists, getAddressUrls, getCompiledPkgPath, getIpv4Interfaces, getNodeEnv, getPathInJs, getPort, getTime, getUserDepPath, getUserDepVersion, getValueByPath, isBoolean, isCI, isCSSModules, isDebug, isDev, utils_isDevServer as isDevServer, isEmptyDir, isFileExists, isFileSync, isFunction, isNodeVersionAtLeast, isObject, isPlainObject, isProd, isRegExp, isString, isUndefined, isWatch, isWin, loadConfig, logUpdate, logger_logger as logger, mergeConfig, pathExists, prettyTime, removeDir, resolveConfigPath, restartCleaners, rspack, setDevServer, setNodeEnv, setValueByPath, trackPerformance };
+var __webpack_exports__CSS_NAMED_EXPORT = !1;
+export { CSS_MODULES_LOCAL_IDENT_NAME, CSS_MODULES_REGEX, DEFAULT_DEV_HOST, DEV_DEFAULT_FILENAME, EXPORT_LOCALS_CONVENTION, logger_LogColor as LogColor, NODE_MODULES_REGEX, PROD_DEFAULT_FILENAME, TEMPLATE_CONTENT, TEMP_DIR, THREAD_OPTIONS, addRestartCleaner, cleanUpBeforeRestart, clearLine, colors, createChokidar, createUnpack, currentDevUnpackConfig, debounce, defineConfig, esVersionToBrowserslist, findExists, getAddressUrls, getCompiledPkgPath, getIpv4Interfaces, getNodeEnv, getPathInJs, getPort, getTime, getUserDepPath, getUserDepVersion, getValueByPath, isBoolean, isCI, isCSSModules, isDebug, isDev, utils_isDevServer as isDevServer, isEmptyDir, isFileExists, isFileSync, isFunction, isNodeVersionAtLeast, isObject, isPlainObject, isProd, isRegExp, isString, isUndefined, isWatch, isWin, loadConfig, logUpdate, logger_logger as logger, mergeConfig, pathExists, prettyTime, removeDir, resolveConfigPath, rspack, setCurrentDevUnpackConfig, setDevServer, setNodeEnv, setValueByPath, setupCliShortcuts, trackPerformance, __webpack_exports__CSS_NAMED_EXPORT as CSS_NAMED_EXPORT };