@rsbuild/plugin-image-compress 1.2.0 → 1.3.0

package/README.md

@@ -55,6 +55,7 @@ The plugin supports the following compressors:
 - `ico`: For ICO images.
 - `svg`: For SVG images.
 - `avif`: For AVIF images.
+- `webp`: For WEBP images.
 
 Only SVG are compressed by `svgo`, other compressors are compressed by `@napi-rs/image`.
 
@@ -75,6 +76,8 @@ pluginImageCompress([
   { use: "png", minQuality: 50 },
   // Options for @napi-rs/image `avif` method
   { use: "avif", quality: 80 },
+  // Options for @napi-rs/image `webp` method
+  { use: "webp", quality: 80 },
   // Options for svgo
   { use: 'svg', floatPrecision: 2 }
   // No options yet
@@ -132,6 +135,11 @@ export default defineConfig({
         test: /\.avif$/,
         quality: 80,
       }),
+      new ImageMinimizerPlugin({
+        use: "webp",
+        test: /\.webp$/,
+        quality: 80,
+      }),
       new ImageMinimizerPlugin({
         use: "svg",
         test: /\.svg$/,

package/dist/{shared/codecs.d.ts → codecs.d.ts}

@@ -1,9 +1,10 @@
-import type { Codec, Codecs } from '../types.js';
+import type { Codec, Codecs } from './types.js';
 export declare const jpegCodec: Codec<'jpeg'>;
 export declare const pngCodec: Codec<'png'>;
 export declare const pngLosslessCodec: Codec<'pngLossless'>;
 export declare const icoCodec: Codec<'ico'>;
 export declare const avifCodec: Codec<'avif'>;
+export declare const webpCodec: Codec<'webp'>;
 export declare const svgCodec: Codec<'svg'>;
 declare const codecs: Record<Codecs, Codec<any>>;
 export default codecs;

package/dist/index.cjs

@@ -34,8 +34,8 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     pluginImageCompress: ()=>pluginImageCompress,
-    DEFAULT_OPTIONS: ()=>DEFAULT_OPTIONS,
     PLUGIN_IMAGE_COMPRESS_NAME: ()=>PLUGIN_IMAGE_COMPRESS_NAME,
+    DEFAULT_OPTIONS: ()=>DEFAULT_OPTIONS,
     ImageMinimizerPlugin: ()=>ImageMinimizerPlugin
 });
 const external_node_assert_namespaceObject = require("node:assert");
@@ -84,6 +84,14 @@ const avifCodec = {
         test: /\.avif$/
     }
 };
+const webpCodec = {
+    async handler (buf, options) {
+        return new image_namespaceObject.Transformer(buf).webp(options.quality, options.signal);
+    },
+    defaultOptions: {
+        test: /\.webp$/
+    }
+};
 const svgCodec = {
     async handler (buf, options) {
         const result = external_svgo_default().optimize(buf.toString(), options);
@@ -99,7 +107,8 @@ const codecs_codecs = {
     pngLossless: pngLosslessCodec,
     ico: icoCodec,
     svg: svgCodec,
-    avif: avifCodec
+    avif: avifCodec,
+    webp: webpCodec
 };
 const codecs = codecs_codecs;
 function _define_property(obj, key, value) {
@@ -133,7 +142,7 @@ class ImageMinimizerPlugin {
         };
         const handleAsset = async (name)=>{
             var _compilation_getAsset;
-            const info = null === (_compilation_getAsset = compilation.getAsset(name)) || void 0 === _compilation_getAsset ? void 0 : _compilation_getAsset.info;
+            const info = null == (_compilation_getAsset = compilation.getAsset(name)) ? void 0 : _compilation_getAsset.info;
             const fileName = name.split('?')[0];
             if ((null == info ? void 0 : info.minimized) || !matchObject(opts, fileName)) return;
             const asset = compilation.getAsset(name);

package/dist/index.js

@@ -1,10 +1,10 @@
-import * as __WEBPACK_EXTERNAL_MODULE_node_assert_3e74d44e__ from "node:assert";
-import * as __WEBPACK_EXTERNAL_MODULE_node_buffer_fb286294__ from "node:buffer";
-import * as __WEBPACK_EXTERNAL_MODULE__napi_rs_image_caba25d1__ from "@napi-rs/image";
-import * as __WEBPACK_EXTERNAL_MODULE_svgo__ from "svgo";
+import node_assert from "node:assert";
+import { Buffer } from "node:buffer";
+import { Transformer, compressJpeg, losslessCompressPng, pngQuantize } from "@napi-rs/image";
+import svgo from "svgo";
 const jpegCodec = {
     handler (buf, options) {
-        return (0, __WEBPACK_EXTERNAL_MODULE__napi_rs_image_caba25d1__.compressJpeg)(buf, options);
+        return compressJpeg(buf, options);
     },
     defaultOptions: {
         test: /\.(?:jpg|jpeg)$/
@@ -12,7 +12,7 @@ const jpegCodec = {
 };
 const pngCodec = {
     handler (buf, options) {
-        return (0, __WEBPACK_EXTERNAL_MODULE__napi_rs_image_caba25d1__.pngQuantize)(buf, options);
+        return pngQuantize(buf, options);
     },
     defaultOptions: {
         test: /\.png$/
@@ -20,7 +20,7 @@ const pngCodec = {
 };
 const pngLosslessCodec = {
     handler (buf, options) {
-        return (0, __WEBPACK_EXTERNAL_MODULE__napi_rs_image_caba25d1__.losslessCompressPng)(buf, options);
+        return losslessCompressPng(buf, options);
     },
     defaultOptions: {
         test: /\.png$/
@@ -28,7 +28,7 @@ const pngLosslessCodec = {
 };
 const icoCodec = {
     handler (buf) {
-        return new __WEBPACK_EXTERNAL_MODULE__napi_rs_image_caba25d1__.Transformer(buf).ico();
+        return new Transformer(buf).ico();
     },
     defaultOptions: {
         test: /\.(?:ico|icon)$/
@@ -36,16 +36,24 @@ const icoCodec = {
 };
 const avifCodec = {
     handler (buf, options) {
-        return new __WEBPACK_EXTERNAL_MODULE__napi_rs_image_caba25d1__.Transformer(buf).avif(options);
+        return new Transformer(buf).avif(options);
     },
     defaultOptions: {
         test: /\.avif$/
     }
 };
+const webpCodec = {
+    async handler (buf, options) {
+        return new Transformer(buf).webp(options.quality, options.signal);
+    },
+    defaultOptions: {
+        test: /\.webp$/
+    }
+};
 const svgCodec = {
     async handler (buf, options) {
-        const result = __WEBPACK_EXTERNAL_MODULE_svgo__["default"].optimize(buf.toString(), options);
-        return __WEBPACK_EXTERNAL_MODULE_node_buffer_fb286294__.Buffer.from(result.data);
+        const result = svgo.optimize(buf.toString(), options);
+        return Buffer.from(result.data);
     },
     defaultOptions: {
         test: /\.svg$/
@@ -57,7 +65,8 @@ const codecs_codecs = {
     pngLossless: pngLosslessCodec,
     ico: icoCodec,
     svg: svgCodec,
-    avif: avifCodec
+    avif: avifCodec,
+    webp: webpCodec
 };
 const codecs = codecs_codecs;
 function _define_property(obj, key, value) {
@@ -91,7 +100,7 @@ class ImageMinimizerPlugin {
         };
         const handleAsset = async (name)=>{
             var _compilation_getAsset;
-            const info = null === (_compilation_getAsset = compilation.getAsset(name)) || void 0 === _compilation_getAsset ? void 0 : _compilation_getAsset.info;
+            const info = null == (_compilation_getAsset = compilation.getAsset(name)) ? void 0 : _compilation_getAsset.info;
             const fileName = name.split('?')[0];
             if ((null == info ? void 0 : info.minimized) || !matchObject(opts, fileName)) return;
             const asset = compilation.getAsset(name);
@@ -103,7 +112,7 @@ class ImageMinimizerPlugin {
             try {
                 if (!result) {
                     const input = inputSource.source();
-                    const buf = await codec.handler('string' == typeof input ? __WEBPACK_EXTERNAL_MODULE_node_buffer_fb286294__.Buffer.from(input) : input, opts);
+                    const buf = await codec.handler('string' == typeof input ? Buffer.from(input) : input, opts);
                     result = {
                         source: new RawSource(buf)
                     };
@@ -147,7 +156,7 @@ const withDefaultOptions = (opt)=>{
         ...defaultOptions,
         ...options
     };
-    (0, __WEBPACK_EXTERNAL_MODULE_node_assert_3e74d44e__["default"])('test' in ret);
+    node_assert('test' in ret);
     return ret;
 };
 const DEFAULT_OPTIONS = [
@@ -160,7 +169,7 @@ const castOptions = (args)=>{
     if (Array.isArray(head)) return head;
     const ret = [];
     for (const arg of args){
-        (0, __WEBPACK_EXTERNAL_MODULE_node_assert_3e74d44e__["default"])(!Array.isArray(arg));
+        node_assert(!Array.isArray(arg));
         ret.push(arg);
     }
     return ret;

package/dist/types.d.ts

@@ -4,6 +4,7 @@ import type { Config as SvgoConfig } from 'svgo';
 export type OneOrMany<T> = T | T[];
 export interface WebpTransformOptions {
     quality?: number;
+    signal?: AbortSignal;
 }
 export interface CodecBaseOptions {
     jpeg: JpegCompressOptions;
@@ -12,6 +13,7 @@ export interface CodecBaseOptions {
     ico: Record<string, unknown>;
     svg: SvgoConfig;
     avif: AvifConfig;
+    webp: WebpTransformOptions;
 }
 export interface BaseCompressOptions<T extends Codecs> {
     use: T;

package/dist/{shared/utils.d.ts → utils.d.ts}

@@ -1,2 +1,2 @@
-import type { FinalOptions, Options } from '../types.js';
+import type { FinalOptions, Options } from './types.js';
 export declare const withDefaultOptions: (opt: Options) => FinalOptions;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-image-compress",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "repository": "https://github.com/rspack-contrib/rsbuild-plugin-image-compress",
   "license": "MIT",
   "type": "module",
@@ -33,19 +33,19 @@
     ]
   },
   "dependencies": {
-    "@napi-rs/image": "^1.9.2",
+    "@napi-rs/image": "^1.11.1",
     "svgo": "^3.3.2"
   },
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",
-    "@playwright/test": "^1.51.1",
-    "@rsbuild/core": "1.3.1",
-    "@rslib/core": "^0.6.1",
-    "@types/node": "^22.13.14",
+    "@playwright/test": "^1.54.1",
+    "@rsbuild/core": "1.4.12",
+    "@rslib/core": "^0.11.0",
+    "@types/node": "^22.17.0",
     "nano-staged": "^0.8.0",
-    "playwright": "^1.51.1",
-    "simple-git-hooks": "^2.12.1",
-    "typescript": "^5.8.2"
+    "playwright": "^1.54.1",
+    "simple-git-hooks": "^2.13.1",
+    "typescript": "^5.9.2"
   },
   "peerDependencies": {
     "@rsbuild/core": "1.x"
@@ -55,7 +55,7 @@
       "optional": true
     }
   },
-  "packageManager": "pnpm@10.7.0",
+  "packageManager": "pnpm@10.14.0",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"