npm - @squoosh-kit/vite-plugin - Versions diffs - 0.1.0 → 0.1.3 - Mend

@squoosh-kit/vite-plugin 0.1.0 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.d.ts ADDED Viewed

@@ -0,0 +1,31 @@
+export default function squooshVitePlugin(): {
+    name: string;
+    buildStart(this: import("rollup").PluginContext): void;
+    config: () => {
+        server: {
+            fs: {
+                allow: string[];
+            };
+            headers: {
+                'Cross-Origin-Embedder-Policy': string;
+                'Cross-Origin-Opener-Policy': string;
+                'Access-Control-Allow-Origin': string;
+            };
+        };
+        optimizeDeps: {
+            exclude: string[];
+        };
+        assetsInclude: string[];
+        build: {
+            rollupOptions: {
+                output: {
+                    assetFileNames: (assetInfo: {
+                        name?: string;
+                    }) => "assets/[name].[ext]" | "assets/[name]-[hash].[ext]";
+                };
+            };
+        };
+    };
+    configureServer(this: import("vite").MinimalPluginContextWithoutEnvironment, server: import("vite").ViteDevServer): void;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAyDA,MAAM,CAAC,OAAO,UAAU,iBAAiB;;;;;;;;;;;;;;;;;;;;;gDA0CD;wBAAE,IAAI,CAAC,EAAE,MAAM,CAAA;qBAAE;;;;;;EA2DxD"}

package/dist/index.js ADDED Viewed

@@ -0,0 +1,130 @@
+// @bun
+var __require = import.meta.require;
+// src/index.ts
+import {
+  existsSync,
+  mkdirSync,
+  cpSync,
+  readdirSync,
+  rmSync,
+  readFileSync
+} from "fs";
+import { join, dirname } from "path";
+import { searchForWorkspaceRoot } from "vite";
+function copyBrowserFiles(srcDir, destDir) {
+  if (!existsSync(srcDir)) {
+    console.warn(`Source directory does not exist: ${srcDir}`);
+    return;
+  }
+  mkdirSync(destDir, { recursive: true });
+  const files = readdirSync(srcDir);
+  const browserFiles = files.filter((file) => file.endsWith(".browser.mjs") || file.endsWith(".browser.mjs.map") || file.endsWith(".d.ts") || file.endsWith(".d.ts.map"));
+  for (const file of browserFiles) {
+    const srcPath = join(srcDir, file);
+    const destPath = join(destDir, file);
+    cpSync(srcPath, destPath);
+  }
+  const wasmDir = join(srcDir, "wasm");
+  if (existsSync(wasmDir)) {
+    const destWasmDir = join(destDir, "wasm");
+    cpSync(wasmDir, destWasmDir, { recursive: true });
+  }
+}
+function resolvePackagePath(packageName, from) {
+  try {
+    const packageJsonPath = __require.resolve(`${packageName}/package.json`, {
+      paths: [from]
+    });
+    const packageDir = dirname(packageJsonPath);
+    return join(packageDir, "dist");
+  } catch (err) {
+    console.warn(`[squoosh-vite-plugin] Could not find package "${packageName}". It might not be installed. Skipping asset copy for this package.: ${err}`);
+    return null;
+  }
+}
+function squooshVitePlugin() {
+  return {
+    name: "squoosh-vite-plugin",
+    buildStart() {
+      console.log("Copying Squoosh browser assets...");
+      const viteRoot = process.cwd();
+      const publicDir = join(viteRoot, "public", "squoosh-kit");
+      const webpDist = resolvePackagePath("@squoosh-kit/webp", viteRoot);
+      const resizeDist = resolvePackagePath("@squoosh-kit/resize", viteRoot);
+      if (existsSync(publicDir)) {
+        rmSync(publicDir, { recursive: true, force: true });
+      }
+      if (webpDist) {
+        copyBrowserFiles(webpDist, join(publicDir, "webp"));
+      }
+      if (resizeDist) {
+        copyBrowserFiles(resizeDist, join(publicDir, "resize"));
+      }
+      console.log("Squoosh assets copied successfully!");
+    },
+    config: () => ({
+      server: {
+        fs: {
+          allow: [searchForWorkspaceRoot(process.cwd())]
+        },
+        headers: {
+          "Cross-Origin-Embedder-Policy": "require-corp",
+          "Cross-Origin-Opener-Policy": "same-origin",
+          "Access-Control-Allow-Origin": "*"
+        }
+      },
+      optimizeDeps: {
+        exclude: ["@squoosh-kit/webp", "@squoosh-kit/resize"]
+      },
+      assetsInclude: ["**/*.wasm"],
+      build: {
+        rollupOptions: {
+          output: {
+            assetFileNames: (assetInfo) => {
+              if (assetInfo.name?.endsWith(".wasm")) {
+                return "assets/[name].[ext]";
+              }
+              return "assets/[name]-[hash].[ext]";
+            }
+          }
+        }
+      }
+    }),
+    configureServer(server) {
+      server.middlewares.use((req, res, next) => {
+        const url = req.url;
+        if (!url?.includes(".wasm")) {
+          next();
+          return;
+        }
+        try {
+          const workspaceRoot = searchForWorkspaceRoot(process.cwd());
+          const cleanUrl = url.split("?")[0];
+          const urlPath = cleanUrl?.startsWith("/") ? cleanUrl.slice(1) : cleanUrl;
+          const pathsToTry = [
+            join(workspaceRoot, urlPath ?? ""),
+            urlPath?.includes("@squoosh-kit/wasm/") ? join(workspaceRoot, urlPath.replace(/node_modules\/@squoosh-kit\/wasm\//, "node_modules/@squoosh-kit/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();
+        }
+      });
+    }
+  };
+}
+export {
+  squooshVitePlugin as default
+};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@squoosh-kit/vite-plugin",
-  "version": "0.1.0",
+  "version": "0.1.3",
   "type": "module",
   "description": "Vite plugin for Squoosh Kit - handles asset copying and WASM configuration",
   "author": "Bartosz Nowak <bnowak008@gmail.com>",
@@ -15,17 +15,17 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "main": "./src/index.ts",
-  "types": "./src/index.ts",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./src/index.ts",
-      "import": "./src/index.ts",
-      "require": "./src/index.ts"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     }
   },
   "files": [
-    "src/**",
+    "dist/**",
     "README.md"
   ],
   "sideEffects": false,

package/src/index.ts DELETED Viewed

@@ -1,141 +0,0 @@
-import {
-  existsSync,
-  mkdirSync,
-  cpSync,
-  readdirSync,
-  rmSync,
-  readFileSync,
-} from 'fs';
-import { join } from 'path';
-import type { PluginOption } from 'vite';
-import { searchForWorkspaceRoot } from 'vite';
-function copyBrowserFiles(srcDir: string, destDir: string) {
-  if (!existsSync(srcDir)) {
-    console.warn(`Source directory does not exist: ${srcDir}`);
-    return;
-  }
-  mkdirSync(destDir, { recursive: true });
-  const files = readdirSync(srcDir);
-  const browserFiles = files.filter(
-    (file) =>
-      file.endsWith('.browser.mjs') ||
-      file.endsWith('.browser.mjs.map') ||
-      file.endsWith('.d.ts') ||
-      file.endsWith('.d.ts.map')
-  );
-  for (const file of browserFiles) {
-    const srcPath = join(srcDir, file);
-    const destPath = join(destDir, file);
-    cpSync(srcPath, destPath);
-  }
-  const wasmDir = join(srcDir, 'wasm');
-  if (existsSync(wasmDir)) {
-    const destWasmDir = join(destDir, 'wasm');
-    cpSync(wasmDir, destWasmDir, { recursive: true });
-  }
-}
-export default function squooshVitePlugin() {
-  return {
-    name: 'squoosh-vite-plugin',
-    buildStart() {
-      console.log('Copying Squoosh browser assets...');
-      const viteRoot = process.cwd();
-      const projectRoot = searchForWorkspaceRoot(viteRoot);
-      const publicDir = join(viteRoot, 'public', 'squoosh-kit');
-      const webpDist = join(projectRoot, 'packages', 'webp', 'dist');
-      const resizeDist = join(projectRoot, 'packages', 'resize', 'dist');
-      if (existsSync(publicDir)) {
-        rmSync(publicDir, { recursive: true, force: true });
-      }
-      copyBrowserFiles(webpDist, join(publicDir, 'webp'));
-      copyBrowserFiles(resizeDist, join(publicDir, 'resize'));
-      console.log('Squoosh assets copied successfully!');
-    },
-    config: () => ({
-      server: {
-        fs: {
-          allow: [searchForWorkspaceRoot(process.cwd())],
-        },
-        headers: {
-          'Cross-Origin-Embedder-Policy': 'require-corp',
-          'Cross-Origin-Opener-Policy': 'same-origin',
-          'Access-Control-Allow-Origin': '*',
-        },
-      },
-      optimizeDeps: {
-        exclude: ['@squoosh-kit/webp', '@squoosh-kit/resize'],
-      },
-      assetsInclude: ['**/*.wasm'],
-      build: {
-        rollupOptions: {
-          output: {
-            assetFileNames: (assetInfo: { name?: string }) => {
-              if (assetInfo.name?.endsWith('.wasm')) {
-                return 'assets/[name].[ext]';
-              }
-              return 'assets/[name]-[hash].[ext]';
-            },
-          },
-        },
-      },
-    }),
-    configureServer(server) {
-      server.middlewares.use((req, res, next) => {
-        const url = req.url;
-        if (!url?.includes('.wasm')) {
-          next();
-          return;
-        }
-        try {
-          const workspaceRoot = searchForWorkspaceRoot(process.cwd());
-          const cleanUrl = url.split('?')[0];
-          const urlPath = cleanUrl?.startsWith('/')
-            ? cleanUrl.slice(1)
-            : cleanUrl;
-          const pathsToTry = [
-            join(workspaceRoot, urlPath ?? ''),
-            urlPath?.includes('@squoosh-kit/wasm/')
-              ? join(
-                  workspaceRoot,
-                  urlPath.replace(
-                    /node_modules\/@squoosh-kit\/wasm\//,
-                    'node_modules/@squoosh-kit/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 {
-              // Try next path
-            }
-          }
-          next();
-        } catch {
-          next();
-        }
-      });
-    },
-  } satisfies PluginOption;
-}