@stratawp/vite-plugin 0.2.1 → 0.3.0

package/dist/index.d.ts

@@ -291,16 +291,23 @@ interface ImageOptions {
      */
     dest?: string;
     /**
-     * Emit sibling .webp for jpg/png
+     * Emit sibling .webp for jpg/png. Kept for backwards compatibility:
+     * `false` removes 'webp' from `formats`.
      * @default true
      */
     webp?: boolean;
+    /**
+     * Sibling formats emitted next to jpg/png sources.
+     * @default ['avif', 'webp']
+     */
+    formats?: Array<'avif' | 'webp'>;
     /**
      * Per-format quality (0-100)
      */
     quality?: {
         jpeg?: number;
         png?: number;
+        avif?: number;
         webp?: number;
     };
 }

package/dist/index.js

@@ -623,9 +623,12 @@ function strataWPImages(options = {}) {
     webp = true,
     quality = {}
   } = options;
+  const formats = (options.formats ?? ["avif", "webp"]).filter(
+    (format) => !(format === "webp" && webp === false)
+  );
   const jpegQuality = quality.jpeg ?? 75;
   const pngQuality = quality.png ?? 80;
-  const webpQuality = quality.webp ?? 75;
+  const siblingQuality = { avif: quality.avif ?? 50, webp: quality.webp ?? 75 };
   let root = process.cwd();
   return {
     name: "stratawp:images",
@@ -671,12 +674,20 @@ function strataWPImages(options = {}) {
             await copyFile(srcFile, destFile);
           }
         }
-        if (webp && (ext === ".jpg" || ext === ".jpeg" || ext === ".png")) {
-          const webpFile = destFile.replace(/\.[^.]+$/i, ".webp");
-          if (await isNewer(srcFile, webpFile)) {
+        if (ext === ".jpg" || ext === ".jpeg" || ext === ".png") {
+          for (const format of formats) {
+            const siblingFile = destFile.replace(/\.[^.]+$/i, `.${format}`);
+            if (!await isNewer(srcFile, siblingFile)) {
+              continue;
+            }
             try {
-              await sharp(srcFile, { sequentialRead: true }).webp({ quality: webpQuality }).toFile(webpFile);
-            } catch {
+              const pipeline = sharp(srcFile, { sequentialRead: true });
+              const buffer = await (format === "avif" ? pipeline.avif({ quality: siblingQuality.avif }) : pipeline.webp({ quality: siblingQuality.webp })).toBuffer();
+              await writeFile3(siblingFile, buffer);
+            } catch (error) {
+              console.warn(
+                `[stratawp:images] skipped ${format} for ${rel}: ${error instanceof Error ? error.message : String(error)}`
+              );
             }
           }
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stratawp/vite-plugin",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "Vite plugin for WordPress theme development with StrataWP",
   "author": "Jon Imms",
   "license": "GPL-3.0-or-later",