@squoosh-kit/vite-plugin 0.1.6 → 0.1.7

package/dist/index.d.ts

@@ -1,7 +1,8 @@
+import type { ViteDevServer } from 'vite';
 export default function squooshVitePlugin(squooshKitRoot: string): {
     name: string;
     buildStart(this: import("rollup").PluginContext): void;
-    config: () => {
+    config: (this: import("vite").ConfigPluginContext) => {
         server: {
             fs: {
                 allow: string[];
@@ -16,6 +17,7 @@ export default function squooshVitePlugin(squooshKitRoot: string): {
             exclude: string[];
         };
         assetsInclude: string[];
+        configureServer(server: ViteDevServer): void;
     };
 };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAmCA,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,cAAc,EAAE,MAAM;;;;;;;;;;;;;;;;;;;EA6C/D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAgB,aAAa,EAAE,MAAM,MAAM,CAAC;AA+BxD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,cAAc,EAAE,MAAM;;;;;;;;;;;;;;;;;;gCAoClC,aAAa;;EAmD1C"}

package/dist/index.js

@@ -1,8 +1,14 @@
 // @bun
 // src/index.ts
-import { existsSync, mkdirSync, cpSync, readdirSync, rmSync } from "fs";
+import {
+  existsSync,
+  mkdirSync,
+  cpSync,
+  readdirSync,
+  rmSync,
+  readFileSync
+} from "fs";
 import { join } from "path";
-import { searchForWorkspaceRoot } from "vite";
 function copyBrowserFiles(srcDir, destDir) {
   if (!existsSync(srcDir)) {
     console.warn(`Source directory does not exist: ${srcDir}`);
@@ -30,12 +36,6 @@ function squooshVitePlugin(squooshKitRoot) {
   return {
     name: "squoosh-vite-plugin",
     buildStart() {
-      console.log("Copying Squoosh browser assets...");
-      console.log("squooshKitRoot", squooshKitRoot);
-      console.log("viteRoot", viteRoot);
-      console.log("publicDir", publicDir);
-      console.log("webpDist", webpDist);
-      console.log("resizeDist", resizeDist);
       if (existsSync(publicDir)) {
         rmSync(publicDir, { recursive: true, force: true });
       }
@@ -50,7 +50,7 @@ function squooshVitePlugin(squooshKitRoot) {
     config: () => ({
       server: {
         fs: {
-          allow: [searchForWorkspaceRoot(process.cwd())]
+          allow: [viteRoot, squooshKitRoot]
         },
         headers: {
           "Cross-Origin-Embedder-Policy": "require-corp",
@@ -61,7 +61,38 @@ function squooshVitePlugin(squooshKitRoot) {
       optimizeDeps: {
         exclude: ["@squoosh-kit/webp", "@squoosh-kit/resize"]
       },
-      assetsInclude: ["**/*.wasm"]
+      assetsInclude: ["**/*.wasm"],
+      configureServer(server) {
+        server.middlewares.use((req, res, next) => {
+          const url = req.url;
+          if (!url?.includes(".wasm")) {
+            next();
+            return;
+          }
+          try {
+            const cleanUrl = url.split("?")[0];
+            const urlPath = cleanUrl?.startsWith("/") ? cleanUrl.slice(1) : cleanUrl;
+            const pathsToTry = [
+              join(squooshKitRoot, urlPath ?? ""),
+              urlPath?.includes("@squoosh-kit/wasm/") ? join(squooshKitRoot, urlPath.replace(/node_modules\/@squoosh-kit\/wasm\//, "webp/dist/wasm/")) : null
+            ].filter((p) => p !== null);
+            for (const filePath of pathsToTry) {
+              try {
+                const wasmData = readFileSync(filePath);
+                res.setHeader("Content-Type", "application/wasm");
+                res.setHeader("Cross-Origin-Embedder-Policy", "require-corp");
+                res.setHeader("Cross-Origin-Opener-Policy", "same-origin");
+                res.setHeader("Content-Length", wasmData.length.toString());
+                res.end(wasmData);
+                return;
+              } catch {}
+            }
+            next();
+          } catch {
+            next();
+          }
+        });
+      }
     })
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@squoosh-kit/vite-plugin",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "type": "module",
   "description": "Vite plugin for Squoosh Kit - handles asset copying and WASM configuration",
   "author": "Bartosz Nowak <bnowak008@gmail.com>",