@rsbuild/plugin-image-compress 1.0.0 → 1.0.2-beta.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023-present Bytedance, Inc. and its affiliates.
+Copyright (c) 2024 Rspack Contrib
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,19 +1,78 @@
-<p align="center">
-  <a href="https://rsbuild.dev" target="blank"><img src="https://github.com/web-infra-dev/rsbuild/assets/7237365/84abc13e-b620-468f-a90b-dbf28e7e9427" alt="Rsbuild Logo" /></a>
+# @rsbuild/plugin-image-compress
+
+An Rsbuild plugin to compress images via [@napi-rs/image](https://www.npmjs.com/package/@napi-rs/image) and [SVGO](https://www.npmjs.com/package/svgo).
+
+With the image compression plugin, image assets used in the project can be compressed to reduce the output size without affecting the visual appearance of the image.
+
+<p>
+  <a href="https://npmjs.com/package/@rsbuild/plugin-image-compress">
+   <img src="https://img.shields.io/npm/v/@rsbuild/plugin-image-compress?style=flat-square&colorA=564341&colorB=EDED91" alt="npm version" />
+  </a>
+  <img src="https://img.shields.io/badge/License-MIT-blue.svg?style=flat-square&colorA=564341&colorB=EDED91" alt="license" />
 </p>
 
-# Rsbuild
+## Usage
+
+Install:
+
+```bash
+npm add @rsbuild/plugin-image-compress -D
+```
+
+Add plugin to your `rsbuild.config.ts`:
+
+```ts
+// rsbuild.config.ts
+import { pluginImageCompress } from "@rsbuild/plugin-image-compress";
+
+export default {
+  plugins: [pluginImageCompress()],
+};
+```
+
+## Options
+
+The plugin accepts an array of compressor configuration options, each of which can be either a string or an object. The string can be the name of a built-in compressor and its default configuration enabled.
+Or use the object format configuration and specify the compressor in the `use` field. The remaining fields of the object will be used as compressor configuration options.
+
+By default, the plugin will enable `jpeg`, `png`, `ico` image compressors, which are equivalent to the following two examples:
+
+```js
+pluginImageCompress(["jpeg", "png", "ico"]);
+```
+
+```js
+pluginImageCompress([{ use: "jpeg" }, { use: "png" }, { use: "ico" }]);
+```
+
+The default configuration can be overridden by specifying a configuration option.
+For example, to allow the jpeg compressor to recognize new extension name and to set the quality of the png compressor.
+
+```js
+pluginImageCompress([
+  { use: "jpeg", test: /\.(?:jpg|jpeg|jpe)$/ },
+  { use: "png", minQuality: 50 },
+  "ico",
+]);
+```
+
+The default `png` compressor is lossy.
+If you want to replace it with a lossless compressor, you can use the following configuration.
 
-Unleash the power of Rspack with the out-of-the-box build tool.
+```js
+pluginImageCompress(["jpeg", "pngLossless", "ico"]);
+```
 
-## Documentation
+The list of configuration options will eventually be converted to the corresponding bundler loader configuration, so compressors follow the same bottom-to-top matching rule.
 
-https://rsbuild.dev/
+For example, the `png` compressor will take precedence over the `pngLossless` compressor for the following configuration:
 
-## Contributing
+```js
+pluginImageCompress(["jpeg", "pngLossless", "ico", "png"]);
+```
 
-Please read the [Contributing Guide](https://github.com/web-infra-dev/rsbuild/blob/main/CONTRIBUTING.md).
+For more information on compressors, please visit [@napi-rs/image](https://image.napi.rs/docs).
 
 ## License
 
-Rsbuild is [MIT licensed](https://github.com/web-infra-dev/rsbuild/blob/main/LICENSE).
+[MIT](./LICENSE).

package/dist/{index.mjs → index.cjs}

@@ -1,37 +1,60 @@
-// ../../node_modules/.pnpm/@modern-js+module-tools@2.40.0_typescript@5.3.2/node_modules/@modern-js/module-tools/shims/esm.js
-import { fileURLToPath } from "url";
-import path from "path";
-
-// ../../scripts/require_shims.js
-import { createRequire } from "module";
-global.require = createRequire(import.meta.url);
+"use strict";
+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);
 
 // src/index.ts
-import assert2 from "assert";
+var src_exports = {};
+__export(src_exports, {
+  DEFAULT_OPTIONS: () => DEFAULT_OPTIONS,
+  PLUGIN_IMAGE_COMPRESS_NAME: () => PLUGIN_IMAGE_COMPRESS_NAME,
+  pluginImageCompress: () => pluginImageCompress
+});
+module.exports = __toCommonJS(src_exports);
+var import_node_assert2 = __toESM(require("assert"), 1);
 
 // src/minimizer.ts
-import { Buffer as Buffer2 } from "buffer";
+var import_node_buffer2 = require("buffer");
 
 // src/shared/codecs.ts
-import { Buffer } from "buffer";
-import {
-  compressJpeg,
-  losslessCompressPng,
-  pngQuantize,
-  Transformer
-} from "@napi-rs/image";
-import svgo from "svgo";
+var import_node_buffer = require("buffer");
+var import_image = require("@napi-rs/image");
+var import_svgo = __toESM(require("svgo"), 1);
 var jpegCodec = {
   handler(buf, options) {
-    return compressJpeg(buf, options);
+    return (0, import_image.compressJpeg)(buf, options);
   },
   defaultOptions: {
-    test: /\.(jpg|jpeg)$/
+    test: /\.(?:jpg|jpeg)$/
   }
 };
 var pngCodec = {
   handler(buf, options) {
-    return pngQuantize(buf, options);
+    return (0, import_image.pngQuantize)(buf, options);
   },
   defaultOptions: {
     test: /\.png$/
@@ -39,7 +62,7 @@ var pngCodec = {
 };
 var pngLosslessCodec = {
   handler(buf, options) {
-    return losslessCompressPng(buf, options);
+    return (0, import_image.losslessCompressPng)(buf, options);
   },
   defaultOptions: {
     test: /\.png$/
@@ -47,16 +70,16 @@ var pngLosslessCodec = {
 };
 var icoCodec = {
   handler(buf) {
-    return new Transformer(buf).ico();
+    return new import_image.Transformer(buf).ico();
   },
   defaultOptions: {
-    test: /\.(ico|icon)$/
+    test: /\.(?:ico|icon)$/
   }
 };
 var svgCodec = {
   async handler(buf, options) {
-    const result = svgo.optimize(buf.toString(), options);
-    return Buffer.from(result.data);
+    const result = import_svgo.default.optimize(buf.toString(), options);
+    return import_node_buffer.Buffer.from(result.data);
   },
   defaultOptions: {
     test: /\.svg$/
@@ -72,22 +95,24 @@ var codecs = {
 var codecs_default = codecs;
 
 // src/minimizer.ts
-var MODERN_JS_IMAGE_MINIMIZER_PLUGIN_NAME = "@rsbuild/plugin-image-compress/minimizer";
-var ModernJsImageMinimizerPlugin = class {
+var IMAGE_MINIMIZER_PLUGIN_NAME = "@rsbuild/plugin-image-compress/minimizer";
+var ImageMinimizerPlugin = class {
   constructor(options) {
-    this.name = MODERN_JS_IMAGE_MINIMIZER_PLUGIN_NAME;
+    this.name = IMAGE_MINIMIZER_PLUGIN_NAME;
     this.options = options;
   }
   async optimize(compiler, compilation, assets) {
-    const cache = compilation.getCache(MODERN_JS_IMAGE_MINIMIZER_PLUGIN_NAME);
+    const cache = compilation.getCache(IMAGE_MINIMIZER_PLUGIN_NAME);
     const { RawSource } = compiler.webpack.sources;
     const { matchObject } = compiler.webpack.ModuleFilenameHelpers;
     const buildError = (error, file, context) => {
       const cause = error instanceof Error ? error : new Error();
-      const message = file && context ? `"${file}" in "${context}" from Modern.js Image Minimizer:
+      const message = file && context ? `"${file}" in "${context}" from Image Minimizer:
 ${cause.message}` : cause.message;
       const ret = new compiler.webpack.WebpackError(message);
-      error instanceof Error && (ret.error = error);
+      if (error instanceof Error) {
+        ret.error = error;
+      }
       return ret;
     };
     const codec = codecs_default[this.options.use];
@@ -99,17 +124,22 @@ ${cause.message}` : cause.message;
     const opts = { ...codec.defaultOptions, ...this.options };
     const handleAsset = async (name) => {
       const info = compilation.getAsset(name)?.info;
-      if (info?.minimized || !matchObject(opts, name)) {
+      const fileName = name.split("?")[0];
+      if (info?.minimized || !matchObject(opts, fileName)) {
+        return;
+      }
+      const asset = compilation.getAsset(name);
+      if (!asset) {
         return;
       }
-      const { source: inputSource } = compilation.getAsset(name);
+      const { source: inputSource } = asset;
       const eTag = cache.getLazyHashedEtag(inputSource);
       const cacheItem = cache.getItemCache(name, eTag);
       let result = await cacheItem.getPromise();
       try {
         if (!result) {
           const input = inputSource.source();
-          const buf = await codec.handler(Buffer2.from(input), opts);
+          const buf = await codec.handler(import_node_buffer2.Buffer.from(input), opts);
           result = { source: new RawSource(buf) };
           await cacheItem.storePromise(result);
         }
@@ -127,6 +157,7 @@ ${cause.message}` : cause.message;
         {
           name: this.name,
           stage: compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE_SIZE,
+          // @ts-expect-error unsupported by Rspack
           additionalAssets: true
         },
         (assets) => this.optimize(compiler, compilation, assets)
@@ -143,12 +174,12 @@ ${cause.message}` : cause.message;
 };
 
 // src/shared/utils.ts
-import assert from "assert";
+var import_node_assert = __toESM(require("assert"), 1);
 var withDefaultOptions = (opt) => {
   const options = typeof opt === "string" ? { use: opt } : opt;
   const { defaultOptions } = codecs_default[options.use];
   const ret = { ...defaultOptions, ...options };
-  assert("test" in ret);
+  (0, import_node_assert.default)("test" in ret);
   return ret;
 };
 
@@ -161,7 +192,7 @@ var castOptions = (args) => {
   }
   const ret = [];
   for (const arg of args) {
-    assert2(!Array.isArray(arg));
+    (0, import_node_assert2.default)(!Array.isArray(arg));
     ret.push(arg);
   }
   return ret;
@@ -171,22 +202,25 @@ var normalizeOptions = (options) => {
   const normalized = opts.map((opt) => withDefaultOptions(opt));
   return normalized;
 };
+var PLUGIN_IMAGE_COMPRESS_NAME = "rsbuild:image-compress";
 var pluginImageCompress = (...args) => ({
-  name: "rsbuild:image-compress",
+  name: PLUGIN_IMAGE_COMPRESS_NAME,
   setup(api) {
     const opts = normalizeOptions(castOptions(args));
-    api.modifyBundlerChain((chain, { env }) => {
-      if (env !== "production") {
+    api.modifyBundlerChain((chain, { isDev }) => {
+      if (isDev) {
         return;
       }
       chain.optimization.minimize(true);
       for (const opt of opts) {
-        chain.optimization.minimizer(`image-compress-${opt.use}`).use(ModernJsImageMinimizerPlugin, [opt]);
+        chain.optimization.minimizer(`image-compress-${opt.use}`).use(ImageMinimizerPlugin, [opt]);
       }
     });
   }
 });
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   DEFAULT_OPTIONS,
+  PLUGIN_IMAGE_COMPRESS_NAME,
   pluginImageCompress
-};
+});

package/dist/index.d.cts

@@ -0,0 +1,38 @@
+import { RsbuildPlugin } from '@rsbuild/core';
+import { JpegCompressOptions, PngQuantOptions, PNGLosslessOptions } from '@napi-rs/image';
+import { Config } from 'svgo';
+
+type OneOrMany<T> = T | T[];
+interface CodecBaseOptions {
+    jpeg: JpegCompressOptions;
+    png: PngQuantOptions;
+    pngLossless: PNGLosslessOptions;
+    ico: Record<string, unknown>;
+    svg: Config;
+}
+interface BaseCompressOptions<T extends Codecs> {
+    use: T;
+    test?: OneOrMany<RegExp>;
+    include?: OneOrMany<RegExp>;
+    exclude?: OneOrMany<RegExp>;
+}
+type FinalOptionCollection = {
+    [K in Codecs]: BaseCompressOptions<K> & CodecBaseOptions[K];
+};
+type Codecs = keyof CodecBaseOptions;
+type OptionCollection = {
+    [K in Codecs]: K | FinalOptionCollection[K];
+};
+type Options = OptionCollection[Codecs];
+
+type PluginImageCompressOptions = Options[];
+declare const DEFAULT_OPTIONS: Codecs[];
+interface IPluginImageCompress {
+    (...options: Options[]): RsbuildPlugin;
+    (options: Options[]): RsbuildPlugin;
+}
+declare const PLUGIN_IMAGE_COMPRESS_NAME = "rsbuild:image-compress";
+/** Options enable by default: {@link DEFAULT_OPTIONS} */
+declare const pluginImageCompress: IPluginImageCompress;
+
+export { DEFAULT_OPTIONS, type IPluginImageCompress, PLUGIN_IMAGE_COMPRESS_NAME, type PluginImageCompressOptions, pluginImageCompress };

package/dist/index.d.ts

@@ -1,20 +1,20 @@
-import { RsbuildPlugin } from '@rsbuild/webpack';
+import { RsbuildPlugin } from '@rsbuild/core';
 import { JpegCompressOptions, PngQuantOptions, PNGLosslessOptions } from '@napi-rs/image';
 import { Config } from 'svgo';
 
-type ArrayOrNot<T> = T | T[];
+type OneOrMany<T> = T | T[];
 interface CodecBaseOptions {
     jpeg: JpegCompressOptions;
     png: PngQuantOptions;
     pngLossless: PNGLosslessOptions;
-    ico: {};
+    ico: Record<string, unknown>;
     svg: Config;
 }
 interface BaseCompressOptions<T extends Codecs> {
     use: T;
-    test?: ArrayOrNot<RegExp>;
-    include?: ArrayOrNot<RegExp>;
-    exclude?: ArrayOrNot<RegExp>;
+    test?: OneOrMany<RegExp>;
+    include?: OneOrMany<RegExp>;
+    exclude?: OneOrMany<RegExp>;
 }
 type FinalOptionCollection = {
     [K in Codecs]: BaseCompressOptions<K> & CodecBaseOptions[K];
@@ -31,7 +31,8 @@ interface IPluginImageCompress {
     (...options: Options[]): RsbuildPlugin;
     (options: Options[]): RsbuildPlugin;
 }
+declare const PLUGIN_IMAGE_COMPRESS_NAME = "rsbuild:image-compress";
 /** Options enable by default: {@link DEFAULT_OPTIONS} */
 declare const pluginImageCompress: IPluginImageCompress;
 
-export { DEFAULT_OPTIONS, IPluginImageCompress, PluginImageCompressOptions, pluginImageCompress };
+export { DEFAULT_OPTIONS, type IPluginImageCompress, PLUGIN_IMAGE_COMPRESS_NAME, type PluginImageCompressOptions, pluginImageCompress };

package/dist/index.js

@@ -1,59 +1,29 @@
-"use strict";
-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);
-
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  DEFAULT_OPTIONS: () => DEFAULT_OPTIONS,
-  pluginImageCompress: () => pluginImageCompress
-});
-module.exports = __toCommonJS(src_exports);
-var import_assert2 = __toESM(require("assert"));
+import assert2 from "node:assert";
 
 // src/minimizer.ts
-var import_buffer2 = require("buffer");
+import { Buffer as Buffer2 } from "node:buffer";
 
 // src/shared/codecs.ts
-var import_buffer = require("buffer");
-var import_image = require("@napi-rs/image");
-var import_svgo = __toESM(require("svgo"));
+import { Buffer } from "node:buffer";
+import {
+  Transformer,
+  compressJpeg,
+  losslessCompressPng,
+  pngQuantize
+} from "@napi-rs/image";
+import svgo from "svgo";
 var jpegCodec = {
   handler(buf, options) {
-    return (0, import_image.compressJpeg)(buf, options);
+    return compressJpeg(buf, options);
   },
   defaultOptions: {
-    test: /\.(jpg|jpeg)$/
+    test: /\.(?:jpg|jpeg)$/
   }
 };
 var pngCodec = {
   handler(buf, options) {
-    return (0, import_image.pngQuantize)(buf, options);
+    return pngQuantize(buf, options);
   },
   defaultOptions: {
     test: /\.png$/
@@ -61,7 +31,7 @@ var pngCodec = {
 };
 var pngLosslessCodec = {
   handler(buf, options) {
-    return (0, import_image.losslessCompressPng)(buf, options);
+    return losslessCompressPng(buf, options);
   },
   defaultOptions: {
     test: /\.png$/
@@ -69,16 +39,16 @@ var pngLosslessCodec = {
 };
 var icoCodec = {
   handler(buf) {
-    return new import_image.Transformer(buf).ico();
+    return new Transformer(buf).ico();
   },
   defaultOptions: {
-    test: /\.(ico|icon)$/
+    test: /\.(?:ico|icon)$/
   }
 };
 var svgCodec = {
   async handler(buf, options) {
-    const result = import_svgo.default.optimize(buf.toString(), options);
-    return import_buffer.Buffer.from(result.data);
+    const result = svgo.optimize(buf.toString(), options);
+    return Buffer.from(result.data);
   },
   defaultOptions: {
     test: /\.svg$/
@@ -94,22 +64,24 @@ var codecs = {
 var codecs_default = codecs;
 
 // src/minimizer.ts
-var MODERN_JS_IMAGE_MINIMIZER_PLUGIN_NAME = "@rsbuild/plugin-image-compress/minimizer";
-var ModernJsImageMinimizerPlugin = class {
+var IMAGE_MINIMIZER_PLUGIN_NAME = "@rsbuild/plugin-image-compress/minimizer";
+var ImageMinimizerPlugin = class {
   constructor(options) {
-    this.name = MODERN_JS_IMAGE_MINIMIZER_PLUGIN_NAME;
+    this.name = IMAGE_MINIMIZER_PLUGIN_NAME;
     this.options = options;
   }
   async optimize(compiler, compilation, assets) {
-    const cache = compilation.getCache(MODERN_JS_IMAGE_MINIMIZER_PLUGIN_NAME);
+    const cache = compilation.getCache(IMAGE_MINIMIZER_PLUGIN_NAME);
     const { RawSource } = compiler.webpack.sources;
     const { matchObject } = compiler.webpack.ModuleFilenameHelpers;
     const buildError = (error, file, context) => {
       const cause = error instanceof Error ? error : new Error();
-      const message = file && context ? `"${file}" in "${context}" from Modern.js Image Minimizer:
+      const message = file && context ? `"${file}" in "${context}" from Image Minimizer:
 ${cause.message}` : cause.message;
       const ret = new compiler.webpack.WebpackError(message);
-      error instanceof Error && (ret.error = error);
+      if (error instanceof Error) {
+        ret.error = error;
+      }
       return ret;
     };
     const codec = codecs_default[this.options.use];
@@ -120,19 +92,23 @@ ${cause.message}` : cause.message;
     }
     const opts = { ...codec.defaultOptions, ...this.options };
     const handleAsset = async (name) => {
-      var _a;
-      const info = (_a = compilation.getAsset(name)) == null ? void 0 : _a.info;
-      if ((info == null ? void 0 : info.minimized) || !matchObject(opts, name)) {
+      const info = compilation.getAsset(name)?.info;
+      const fileName = name.split("?")[0];
+      if (info?.minimized || !matchObject(opts, fileName)) {
+        return;
+      }
+      const asset = compilation.getAsset(name);
+      if (!asset) {
         return;
       }
-      const { source: inputSource } = compilation.getAsset(name);
+      const { source: inputSource } = asset;
       const eTag = cache.getLazyHashedEtag(inputSource);
       const cacheItem = cache.getItemCache(name, eTag);
       let result = await cacheItem.getPromise();
       try {
         if (!result) {
           const input = inputSource.source();
-          const buf = await codec.handler(import_buffer2.Buffer.from(input), opts);
+          const buf = await codec.handler(Buffer2.from(input), opts);
           result = { source: new RawSource(buf) };
           await cacheItem.storePromise(result);
         }
@@ -150,6 +126,7 @@ ${cause.message}` : cause.message;
         {
           name: this.name,
           stage: compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE_SIZE,
+          // @ts-expect-error unsupported by Rspack
           additionalAssets: true
         },
         (assets) => this.optimize(compiler, compilation, assets)
@@ -166,12 +143,12 @@ ${cause.message}` : cause.message;
 };
 
 // src/shared/utils.ts
-var import_assert = __toESM(require("assert"));
+import assert from "node:assert";
 var withDefaultOptions = (opt) => {
   const options = typeof opt === "string" ? { use: opt } : opt;
   const { defaultOptions } = codecs_default[options.use];
   const ret = { ...defaultOptions, ...options };
-  (0, import_assert.default)("test" in ret);
+  assert("test" in ret);
   return ret;
 };
 
@@ -184,7 +161,7 @@ var castOptions = (args) => {
   }
   const ret = [];
   for (const arg of args) {
-    (0, import_assert2.default)(!Array.isArray(arg));
+    assert2(!Array.isArray(arg));
     ret.push(arg);
   }
   return ret;
@@ -194,23 +171,24 @@ var normalizeOptions = (options) => {
   const normalized = opts.map((opt) => withDefaultOptions(opt));
   return normalized;
 };
+var PLUGIN_IMAGE_COMPRESS_NAME = "rsbuild:image-compress";
 var pluginImageCompress = (...args) => ({
-  name: "rsbuild:image-compress",
+  name: PLUGIN_IMAGE_COMPRESS_NAME,
   setup(api) {
     const opts = normalizeOptions(castOptions(args));
-    api.modifyBundlerChain((chain, { env }) => {
-      if (env !== "production") {
+    api.modifyBundlerChain((chain, { isDev }) => {
+      if (isDev) {
         return;
       }
       chain.optimization.minimize(true);
       for (const opt of opts) {
-        chain.optimization.minimizer(`image-compress-${opt.use}`).use(ModernJsImageMinimizerPlugin, [opt]);
+        chain.optimization.minimizer(`image-compress-${opt.use}`).use(ImageMinimizerPlugin, [opt]);
       }
     });
   }
 });
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   DEFAULT_OPTIONS,
+  PLUGIN_IMAGE_COMPRESS_NAME,
   pluginImageCompress
-});
+};

package/package.json

@@ -1,46 +1,62 @@
 {
   "name": "@rsbuild/plugin-image-compress",
-  "version": "1.0.0",
-  "description": "Image compress plugin for Rsbuild",
-  "homepage": "https://rsbuild.dev",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/web-infra-dev/rsbuild",
-    "directory": "packages/plugin-image-compress"
-  },
+  "version": "1.0.2-beta.0",
+  "repository": "https://github.com/rspack-contrib/rsbuild-plugin-image-compress",
   "license": "MIT",
+  "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "default": "./dist/index.js"
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     }
   },
   "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
+  "simple-git-hooks": {
+    "pre-commit": "npx nano-staged"
+  },
+  "nano-staged": {
+    "*.{js,jsx,ts,tsx,mjs,cjs}": [
+      "biome check --write --no-errors-on-unmatched"
+    ]
+  },
   "dependencies": {
-    "@napi-rs/image": "^1.7.0",
-    "svgo": "^3.0.2",
-    "@rsbuild/shared": "1.0.0"
+    "@napi-rs/image": "^1.9.2",
+    "svgo": "^3.3.2"
   },
   "devDependencies": {
-    "@types/node": "^16",
-    "typescript": "^5.3.0",
-    "webpack": "^5.89.0",
-    "@rsbuild/core": "1.0.0",
-    "@rsbuild/test-helper": "1.0.0",
-    "@rsbuild/webpack": "1.0.0"
+    "@biomejs/biome": "^1.8.3",
+    "@playwright/test": "^1.44.1",
+    "@rsbuild/core": "1.0.0-alpha.9",
+    "@types/node": "^20.14.1",
+    "nano-staged": "^0.8.0",
+    "playwright": "^1.44.1",
+    "simple-git-hooks": "^2.11.1",
+    "tsup": "^8.0.2",
+    "typescript": "^5.5.2"
+  },
+  "peerDependencies": {
+    "@rsbuild/core": "1.x || 1.0.0-0"
+  },
+  "peerDependenciesMeta": {
+    "@rsbuild/core": {
+      "optional": true
+    }
   },
   "publishConfig": {
     "access": "public",
-    "provenance": true,
     "registry": "https://registry.npmjs.org/"
   },
   "scripts": {
-    "build": "modern build",
-    "dev": "modern build --watch"
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "biome check .",
+    "lint:write": "biome check . --write",
+    "test": "playwright test"
   }
 }