@unpackjs/core 1.5.4 → 1.6.1

package/dist/progressBar.d.ts

@@ -0,0 +1,14 @@
+export declare class ProgressBar {
+    options: {
+        width: number;
+        prefix: string;
+        char: string;
+        color: string;
+    };
+    update({ current: originalCurrent, message }: {
+        current: number;
+        message?: string;
+    }): void;
+    done(): void;
+}
+//# sourceMappingURL=progressBar.d.ts.map

package/dist/progressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressBar.d.ts","sourceRoot":"","sources":["../src/progressBar.ts"],"names":[],"mappings":"AAGA,qBAAa,WAAW;IACtB,OAAO;;;;;MAKN;IACD,MAAM,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,OAAY,EAAE,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE;IAmBxF,IAAI;CAGL"}

package/dist/progressBar.js

@@ -0,0 +1,46 @@
+import { createRequire } from 'node:module';
+var require = createRequire(import.meta['url']);
+
+import path from "path";
+import { fileURLToPath } from "url";
+var getFilename = () => fileURLToPath(import.meta.url);
+var getDirname = () => path.dirname(getFilename());
+var __dirname = /* @__PURE__ */ getDirname();
+var __filename = /* @__PURE__ */ getFilename();
+import colors from "./colors.js";
+const logUpdate = require("../compiled/log-update/index.js");
+class ProgressBar {
+  constructor() {
+    this.options = {
+      width: 25,
+      prefix: "",
+      char: "▨",
+      color: "green"
+    };
+  }
+  update({ current: originalCurrent, message = "" }) {
+    const { columns: terminalWidth } = process.stdout;
+    const messageWidth = terminalWidth - this.options.width - this.options.prefix.length - 7;
+    let current = originalCurrent;
+    if (originalCurrent >= 0.98) {
+      current = 1;
+    }
+    const doneWidth = Math.floor(current * this.options.width);
+    const undoneWidth = this.options.width - doneWidth;
+    const done = colors[this.options.color](this.options.char).repeat(doneWidth);
+    const undone = colors.dim(this.options.char).repeat(undoneWidth);
+    const bar = `${done}${undone}`;
+    const prefix = this.options.prefix ? `${colors.bold(this.options.prefix)} ` : "";
+    logUpdate(
+      `${prefix}${bar} (${Math.floor(
+        current * 100
+      )}%) ${colors.dim(message.slice(0, messageWidth))}`
+    );
+  }
+  done() {
+    logUpdate.done();
+  }
+}
+export {
+  ProgressBar
+};

package/dist/reporter.cjs

@@ -0,0 +1,133 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var reporter_exports = {};
+__export(reporter_exports, {
+  printFileSize: () => printFileSize
+});
+module.exports = __toCommonJS(reporter_exports);
+var import_node_fs = __toESM(require("node:fs"));
+var import_node_path = __toESM(require("node:path"));
+var import_node_util = require("node:util");
+var import_node_zlib = __toESM(require("node:zlib"));
+var import_colors = __toESM(require("./colors.cjs"));
+const chunkGroups = [
+  { type: "HTML", color: "green", chunks: [] },
+  { type: "CSS", color: "magenta", chunks: [] },
+  { type: "JS", color: "cyan", chunks: [] }
+];
+const chunkGroupMap = chunkGroups.reduce(
+  (acc, cur) => {
+    acc[cur.type] = cur;
+    return acc;
+  },
+  {}
+);
+const chunkSizeLimit = 500;
+const gzip = (0, import_node_util.promisify)(import_node_zlib.default.gzip);
+const numberFormatter = new Intl.NumberFormat("en", {
+  maximumFractionDigits: 2,
+  minimumFractionDigits: 2
+});
+const displaySize = (bytes) => {
+  return `${numberFormatter.format(bytes / 1e3)} kB`;
+};
+async function getCompressedSize(content) {
+  const data = await gzip(content);
+  return data.length;
+}
+async function printFileSize({ root, stats }) {
+  const distPath = stats.compilation.outputOptions.path;
+  const distFolder = import_node_path.default.relative(root, distPath);
+  const origin = stats.toJson({
+    all: false,
+    assets: true,
+    cachedAssets: true,
+    groupAssetsByInfo: false,
+    groupAssetsByPath: false,
+    groupAssetsByChunk: false,
+    groupAssetsByExtension: false,
+    groupAssetsByEmitStatus: false
+  });
+  let longest = 0;
+  let biggestSize = 0;
+  let biggestCompressSize = 0;
+  await Promise.all(
+    origin.assets.map(async (asset) => {
+      const content = await import_node_fs.default.promises.readFile(import_node_path.default.join(distPath, asset.name));
+      const size = content.length;
+      const compressedSize = await getCompressedSize(content);
+      const chunk = {
+        name: import_node_path.default.basename(asset.name),
+        path: `${distFolder}/${asset.name}`,
+        size,
+        compressedSize
+      };
+      if (chunk.path.length > longest) {
+        longest = chunk.path.length;
+      }
+      if (size > biggestSize)
+        biggestSize = size;
+      if (compressedSize > biggestCompressSize)
+        biggestCompressSize = compressedSize;
+      const ext = import_node_path.default.extname(asset.name);
+      switch (ext) {
+        case ".html":
+          chunkGroupMap.HTML.chunks.push(chunk);
+          break;
+        case ".css":
+          chunkGroupMap.CSS.chunks.push(chunk);
+          break;
+        case ".js":
+          chunkGroupMap.JS.chunks.push(chunk);
+          break;
+        default:
+          break;
+      }
+    })
+  );
+  const sizePad = displaySize(biggestSize).length;
+  const compressPad = displaySize(biggestCompressSize).length;
+  chunkGroups.forEach((group) => {
+    group.chunks.sort((a, b) => a.size - b.size).forEach((chunk) => {
+      const isLarge = group.type === "JS" && chunk.size / 1e3 > chunkSizeLimit;
+      const sizeColor = isLarge ? "yellow" : "dim";
+      const relativeOutDir = import_node_path.default.dirname(chunk.path) + "/";
+      let log = import_colors.default.dim(relativeOutDir);
+      log += import_colors.default[group.color](chunk.name.padEnd(longest + 2 - relativeOutDir.length));
+      log += import_colors.default[sizeColor](import_colors.default.bold(displaySize(chunk.size).padStart(sizePad)));
+      if (chunk.compressedSize) {
+        log += import_colors.default.dim(` │ gzip: ${displaySize(chunk.compressedSize).padStart(compressPad)}`);
+      }
+      console.log(log);
+    });
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  printFileSize
+});

package/dist/reporter.d.ts

@@ -0,0 +1,9 @@
+import type { Stats as RspackStats } from '@rspack/core';
+import type { Stats as WebpackStats } from 'webpack';
+type Options = {
+    root: string;
+    stats: WebpackStats | RspackStats;
+};
+export declare function printFileSize({ root, stats }: Options): Promise<void>;
+export {};
+//# sourceMappingURL=reporter.d.ts.map

package/dist/reporter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reporter.d.ts","sourceRoot":"","sources":["../src/reporter.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,KAAK,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,SAAS,CAAA;AAGpD,KAAK,OAAO,GAAG;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,YAAY,GAAG,WAAW,CAAA;CAClC,CAAA;AAsCD,wBAAsB,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,OAAO,iBAsE3D"}

package/dist/reporter.js

@@ -0,0 +1,109 @@
+import { createRequire } from 'node:module';
+var require = createRequire(import.meta['url']);
+
+import path from "path";
+import { fileURLToPath } from "url";
+var getFilename = () => fileURLToPath(import.meta.url);
+var getDirname = () => path.dirname(getFilename());
+var __dirname = /* @__PURE__ */ getDirname();
+var __filename = /* @__PURE__ */ getFilename();
+import fs from "node:fs";
+import path2 from "node:path";
+import { promisify } from "node:util";
+import zlib from "node:zlib";
+import colors from "./colors.js";
+const chunkGroups = [
+  { type: "HTML", color: "green", chunks: [] },
+  { type: "CSS", color: "magenta", chunks: [] },
+  { type: "JS", color: "cyan", chunks: [] }
+];
+const chunkGroupMap = chunkGroups.reduce(
+  (acc, cur) => {
+    acc[cur.type] = cur;
+    return acc;
+  },
+  {}
+);
+const chunkSizeLimit = 500;
+const gzip = promisify(zlib.gzip);
+const numberFormatter = new Intl.NumberFormat("en", {
+  maximumFractionDigits: 2,
+  minimumFractionDigits: 2
+});
+const displaySize = (bytes) => {
+  return `${numberFormatter.format(bytes / 1e3)} kB`;
+};
+async function getCompressedSize(content) {
+  const data = await gzip(content);
+  return data.length;
+}
+async function printFileSize({ root, stats }) {
+  const distPath = stats.compilation.outputOptions.path;
+  const distFolder = path2.relative(root, distPath);
+  const origin = stats.toJson({
+    all: false,
+    assets: true,
+    cachedAssets: true,
+    groupAssetsByInfo: false,
+    groupAssetsByPath: false,
+    groupAssetsByChunk: false,
+    groupAssetsByExtension: false,
+    groupAssetsByEmitStatus: false
+  });
+  let longest = 0;
+  let biggestSize = 0;
+  let biggestCompressSize = 0;
+  await Promise.all(
+    origin.assets.map(async (asset) => {
+      const content = await fs.promises.readFile(path2.join(distPath, asset.name));
+      const size = content.length;
+      const compressedSize = await getCompressedSize(content);
+      const chunk = {
+        name: path2.basename(asset.name),
+        path: `${distFolder}/${asset.name}`,
+        size,
+        compressedSize
+      };
+      if (chunk.path.length > longest) {
+        longest = chunk.path.length;
+      }
+      if (size > biggestSize)
+        biggestSize = size;
+      if (compressedSize > biggestCompressSize)
+        biggestCompressSize = compressedSize;
+      const ext = path2.extname(asset.name);
+      switch (ext) {
+        case ".html":
+          chunkGroupMap.HTML.chunks.push(chunk);
+          break;
+        case ".css":
+          chunkGroupMap.CSS.chunks.push(chunk);
+          break;
+        case ".js":
+          chunkGroupMap.JS.chunks.push(chunk);
+          break;
+        default:
+          break;
+      }
+    })
+  );
+  const sizePad = displaySize(biggestSize).length;
+  const compressPad = displaySize(biggestCompressSize).length;
+  chunkGroups.forEach((group) => {
+    group.chunks.sort((a, b) => a.size - b.size).forEach((chunk) => {
+      const isLarge = group.type === "JS" && chunk.size / 1e3 > chunkSizeLimit;
+      const sizeColor = isLarge ? "yellow" : "dim";
+      const relativeOutDir = path2.dirname(chunk.path) + "/";
+      let log = colors.dim(relativeOutDir);
+      log += colors[group.color](chunk.name.padEnd(longest + 2 - relativeOutDir.length));
+      log += colors[sizeColor](colors.bold(displaySize(chunk.size).padStart(sizePad)));
+      if (chunk.compressedSize) {
+        log += colors.dim(` │ gzip: ${displaySize(chunk.compressedSize).padStart(compressPad)}`);
+      }
+      console.log(log);
+    });
+  });
+}
+export {
+  printFileSize
+};

package/dist/run/build.cjs

@@ -0,0 +1,77 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var build_exports = {};
+__export(build_exports, {
+  bundlerBuild: () => bundlerBuild
+});
+module.exports = __toCommonJS(build_exports);
+var import_node_path = __toESM(require("node:path"));
+var import_core = require("@rspack/core");
+var import_utils = require("../utils.cjs");
+var import_webpack = __toESM(require("webpack"));
+var import_bundler_config = require("../bundler-config/index.cjs");
+async function bundlerBuild(unpackConfig) {
+  const bundler = unpackConfig.bundler === "rspack" ? import_core.rspack : import_webpack.default;
+  const config = await (0, import_bundler_config.getBundlerConfig)(unpackConfig);
+  const compiler = bundler(config);
+  const handler = (err, stats) => {
+    if (err) {
+      console.error(err.stack || err);
+      if (err.details) {
+        console.error(err.details);
+      }
+      return;
+    }
+    if (stats?.hasErrors()) {
+      console.log(
+        stats.toString({
+          colors: true,
+          preset: "errors-only"
+        })
+      );
+    }
+    if (!(0, import_utils.isWatch)()) {
+      compiler.close(() => {
+      });
+    }
+  };
+  if ((0, import_utils.isWatch)()) {
+    compiler.watch(
+      {
+        ignored: [import_node_path.default.resolve(unpackConfig.root, "unpack.config.*")]
+      },
+      handler
+    );
+  } else {
+    compiler.run(handler);
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  bundlerBuild
+});

package/dist/run/build.d.ts

@@ -0,0 +1,3 @@
+import type { UnpackConfig } from '../types/index';
+export declare function bundlerBuild(unpackConfig: UnpackConfig): Promise<void>;
+//# sourceMappingURL=build.d.ts.map

package/dist/run/build.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../src/run/build.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAKnD,wBAAsB,YAAY,CAAC,YAAY,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAmC5E"}

package/dist/run/build.js

@@ -0,0 +1,53 @@
+import { createRequire } from 'node:module';
+var require = createRequire(import.meta['url']);
+
+import path from "path";
+import { fileURLToPath } from "url";
+var getFilename = () => fileURLToPath(import.meta.url);
+var getDirname = () => path.dirname(getFilename());
+var __dirname = /* @__PURE__ */ getDirname();
+var __filename = /* @__PURE__ */ getFilename();
+import path2 from "node:path";
+import { rspack } from "@rspack/core";
+import { isWatch } from "../utils.js";
+import webpack from "webpack";
+import { getBundlerConfig } from "../bundler-config/index.js";
+async function bundlerBuild(unpackConfig) {
+  const bundler = unpackConfig.bundler === "rspack" ? rspack : webpack;
+  const config = await getBundlerConfig(unpackConfig);
+  const compiler = bundler(config);
+  const handler = (err, stats) => {
+    if (err) {
+      console.error(err.stack || err);
+      if (err.details) {
+        console.error(err.details);
+      }
+      return;
+    }
+    if (stats?.hasErrors()) {
+      console.log(
+        stats.toString({
+          colors: true,
+          preset: "errors-only"
+        })
+      );
+    }
+    if (!isWatch()) {
+      compiler.close(() => {
+      });
+    }
+  };
+  if (isWatch()) {
+    compiler.watch(
+      {
+        ignored: [path2.resolve(unpackConfig.root, "unpack.config.*")]
+      },
+      handler
+    );
+  } else {
+    compiler.run(handler);
+  }
+}
+export {
+  bundlerBuild
+};

package/dist/run/dev.cjs

@@ -0,0 +1,107 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var dev_exports = {};
+__export(dev_exports, {
+  bundlerDev: () => bundlerDev
+});
+module.exports = __toCommonJS(dev_exports);
+var import_core = require("@rspack/core");
+var import_colors = __toESM(require("../colors.cjs"));
+var import_logger = require("../logger.cjs");
+var import_openBrowser = require("../openBrowser.cjs");
+var import_utils = require("../utils.cjs");
+var import_webpack = __toESM(require("webpack"));
+var import_webpack_dev_server = __toESM(require("webpack-dev-server"));
+var import_bundler_config = require("../bundler-config/index.cjs");
+const chokidar = require("../../compiled/chokidar/index.js");
+async function bundlerDev(unpackConfig) {
+  const bundler = unpackConfig.bundler === "rspack" ? import_core.rspack : import_webpack.default;
+  const config = await (0, import_bundler_config.getBundlerConfig)(unpackConfig);
+  const compiler = bundler(config);
+  const devServerOptions = {
+    hot: true,
+    port: await (0, import_utils.getPort)(unpackConfig.server?.port),
+    open: false,
+    client: {
+      overlay: false
+    },
+    proxy: unpackConfig.server?.proxy
+  };
+  const server = new import_webpack_dev_server.default(devServerOptions, compiler);
+  await server.start();
+  import_logger.logger.greet(
+    `  ${import_colors.default.green(`${import_colors.default.bold("UNPACK")} v${"1.6.1"}`)}  ${import_colors.default.dim(
+      `ready in ${import_colors.default.reset(
+        import_colors.default.bold(Math.ceil(performance.now() - global.__unpack_start_time))
+      )} ms`
+    )}
+`
+  );
+  const addressUrls = (0, import_utils.getAddressUrls)({ port: devServerOptions.port });
+  const colorUrl = (url) => import_colors.default.cyan(url.replace(/:(\d+)\//, (_, port) => `:${import_colors.default.bold(port)}/`));
+  addressUrls.forEach((addr) => {
+    console.log(`  ${import_colors.default.green("➜")}  ${import_colors.default.bold(addr.label)}${colorUrl(addr.url)}`);
+  });
+  const { open } = unpackConfig.server;
+  if (open) {
+    const url = (0, import_utils.isString)(open) ? open : `http://localhost:${devServerOptions.port}`;
+    await (0, import_openBrowser.openBrowser)(url);
+  }
+  watchFiles();
+}
+function watchFiles() {
+  let lastMsg;
+  let sameCount = 0;
+  const watcher = chokidar.watch("src", {
+    ignoreInitial: true,
+    ignorePermissionErrors: true
+  });
+  watcher.on(
+    "change",
+    (0, import_utils.debounce)((path) => {
+      import_logger.logger.clear();
+      if (lastMsg === path) {
+        sameCount++;
+      } else {
+        sameCount = 0;
+        lastMsg = path;
+      }
+      console.log(
+        import_colors.default.dim((0, import_utils.getTime)()),
+        import_colors.default.cyan(import_colors.default.bold("[dev]")),
+        import_colors.default.green("hmr update"),
+        import_colors.default.dim(path),
+        import_colors.default.yellow(`(x${sameCount + 1})`)
+      );
+    }, 120)
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  bundlerDev
+});

package/dist/run/dev.d.ts

@@ -0,0 +1,3 @@
+import type { UnpackConfig } from '../types/index';
+export declare function bundlerDev(unpackConfig: UnpackConfig): Promise<void>;
+//# sourceMappingURL=dev.d.ts.map

package/dist/run/dev.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev.d.ts","sourceRoot":"","sources":["../../src/run/dev.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAMnD,wBAAsB,UAAU,CAAC,YAAY,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAmC1E"}

package/dist/run/dev.js

@@ -0,0 +1,83 @@
+import { createRequire } from 'node:module';
+var require = createRequire(import.meta['url']);
+
+import path from "path";
+import { fileURLToPath } from "url";
+var getFilename = () => fileURLToPath(import.meta.url);
+var getDirname = () => path.dirname(getFilename());
+var __dirname = /* @__PURE__ */ getDirname();
+var __filename = /* @__PURE__ */ getFilename();
+const chokidar = require("../../compiled/chokidar/index.js");
+import { rspack } from "@rspack/core";
+import colors from "../colors.js";
+import { logger } from "../logger.js";
+import { openBrowser } from "../openBrowser.js";
+import { debounce, getAddressUrls, getPort, getTime, isString } from "../utils.js";
+import webpack from "webpack";
+import WebpackDevServer from "webpack-dev-server";
+import { getBundlerConfig } from "../bundler-config/index.js";
+async function bundlerDev(unpackConfig) {
+  const bundler = unpackConfig.bundler === "rspack" ? rspack : webpack;
+  const config = await getBundlerConfig(unpackConfig);
+  const compiler = bundler(config);
+  const devServerOptions = {
+    hot: true,
+    port: await getPort(unpackConfig.server?.port),
+    open: false,
+    client: {
+      overlay: false
+    },
+    proxy: unpackConfig.server?.proxy
+  };
+  const server = new WebpackDevServer(devServerOptions, compiler);
+  await server.start();
+  logger.greet(
+    `  ${colors.green(`${colors.bold("UNPACK")} v${"1.6.1"}`)}  ${colors.dim(
+      `ready in ${colors.reset(
+        colors.bold(Math.ceil(performance.now() - global.__unpack_start_time))
+      )} ms`
+    )}
+`
+  );
+  const addressUrls = getAddressUrls({ port: devServerOptions.port });
+  const colorUrl = (url) => colors.cyan(url.replace(/:(\d+)\//, (_, port) => `:${colors.bold(port)}/`));
+  addressUrls.forEach((addr) => {
+    console.log(`  ${colors.green("➜")}  ${colors.bold(addr.label)}${colorUrl(addr.url)}`);
+  });
+  const { open } = unpackConfig.server;
+  if (open) {
+    const url = isString(open) ? open : `http://localhost:${devServerOptions.port}`;
+    await openBrowser(url);
+  }
+  watchFiles();
+}
+function watchFiles() {
+  let lastMsg;
+  let sameCount = 0;
+  const watcher = chokidar.watch("src", {
+    ignoreInitial: true,
+    ignorePermissionErrors: true
+  });
+  watcher.on(
+    "change",
+    debounce((path2) => {
+      logger.clear();
+      if (lastMsg === path2) {
+        sameCount++;
+      } else {
+        sameCount = 0;
+        lastMsg = path2;
+      }
+      console.log(
+        colors.dim(getTime()),
+        colors.cyan(colors.bold("[dev]")),
+        colors.green("hmr update"),
+        colors.dim(path2),
+        colors.yellow(`(x${sameCount + 1})`)
+      );
+    }, 120)
+  );
+}
+export {
+  bundlerDev
+};