wasm-image-optimization 1.3.1 → 1.4.1

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 (38) hide show
  1. package/README.md +15 -20
  2. package/dist/{esm → cjs}/libImage.wasm +0 -0
  3. package/dist/cjs/node/index.js +1 -1
  4. package/dist/cjs/node/index.js.map +1 -1
  5. package/dist/cjs/node/node-worker.js +3 -3
  6. package/dist/cjs/vite-plugin/index.d.ts +3 -0
  7. package/dist/cjs/vite-plugin/index.js +19 -0
  8. package/dist/cjs/vite-plugin/index.js.map +1 -0
  9. package/dist/esm/libImage.js +1 -1
  10. package/dist/esm/web-worker.js +3902 -0
  11. package/dist/vite-plugin/index.d.ts +1 -1
  12. package/dist/vite-plugin/index.js +1 -15
  13. package/dist/vite-plugin/index.js.map +1 -1
  14. package/dist/web-worker/_web-worker.js.map +1 -0
  15. package/dist/{next-web-worker → web-worker}/index.js +1 -1
  16. package/dist/web-worker/index.js.map +1 -0
  17. package/dist/workers/index.js +1 -1
  18. package/dist/workers/index.js.map +1 -1
  19. package/package.json +27 -47
  20. package/dist/esm/next-web-worker.js +0 -3906
  21. package/dist/esm/vite-web-worker.js +0 -3921
  22. package/dist/next/index.d.ts +0 -15
  23. package/dist/next/index.js +0 -13
  24. package/dist/next/index.js.map +0 -1
  25. package/dist/next-web-worker/_web-worker.js.map +0 -1
  26. package/dist/next-web-worker/index.js.map +0 -1
  27. package/dist/vite/index.d.ts +0 -10
  28. package/dist/vite/index.js +0 -15
  29. package/dist/vite/index.js.map +0 -1
  30. package/dist/vite-web-worker/_web-worker.d.ts +0 -13
  31. package/dist/vite-web-worker/_web-worker.js +0 -8
  32. package/dist/vite-web-worker/_web-worker.js.map +0 -1
  33. package/dist/vite-web-worker/index.d.ts +0 -12
  34. package/dist/vite-web-worker/index.js +0 -6
  35. package/dist/vite-web-worker/index.js.map +0 -1
  36. /package/dist/{next-web-worker → web-worker}/_web-worker.d.ts +0 -0
  37. /package/dist/{next-web-worker → web-worker}/_web-worker.js +0 -0
  38. /package/dist/{next-web-worker → web-worker}/index.d.ts +0 -0
package/README.md CHANGED
@@ -3,12 +3,10 @@
3
3
  WebAssembly is used to provide image transformation functionality.
4
4
 
5
5
  - Frontend
6
-
7
6
  - Next.js (Multithreading support)
8
7
  - React Router (Multithreading support)
9
8
 
10
9
  - Backend
11
-
12
10
  - Cloudflare Workers
13
11
  - Deno Deploy
14
12
  - Node.js (Multithreading support)
@@ -25,7 +23,7 @@ WebAssembly is used to provide image transformation functionality.
25
23
  - png
26
24
  - webp
27
25
  - thumbhash
28
- - raw (Uncompressed (width*height*4))
26
+ - raw (Uncompressed (width\*height\*4))
29
27
  - avif (default)
30
28
 
31
29
  ## Example
@@ -68,15 +66,6 @@ optimizeImageExt({
68
66
 
69
67
  ```
70
68
 
71
- - Multi Threading
72
-
73
- ```ts
74
- waitAll(): Promise<void>
75
- waitReady(retryTime?: number) :Promise<void>
76
- close(): void;
77
- launchWorker(): Promise<void>
78
- ```
79
-
80
69
  ## WebWorker on Vite
81
70
 
82
71
  To use Vite, the following settings are required
@@ -87,27 +76,33 @@ To use Vite, the following settings are required
87
76
  import wasmImageOptimizationPlugin from "wasm-image-optimization/vite-plugin";
88
77
 
89
78
  export default defineConfig(() => ({
90
- plugins: [
91
- wasmImageOptimizationPlugin(),
92
- //wasmImageOptimizationPlugin("build/client/assets") // optional: assetsPath
93
- ],
79
+ plugins: [wasmImageOptimizationPlugin()],
94
80
  }));
95
81
  ```
96
82
 
83
+ - Multi Threading
84
+
85
+ ```ts
86
+ waitAll(): Promise<void>
87
+ waitReady(retryTime?: number) :Promise<void>
88
+ close(): void;
89
+ launchWorker(): Promise<void>
90
+ ```
91
+
97
92
  ## Supported Environments
98
93
 
99
94
  - Cloudflare workers
100
95
  `import { optimizeImage } from 'wasm-image-optimization';`
101
- - Next.js (webpack)
102
- `import { optimizeImage } from 'wasm-image-optimization/next';`
96
+ - Next.js
97
+ `import { optimizeImage } from 'wasm-image-optimization';`
103
98
  - ESM (import base) & Deno Deploy
104
99
  `import { optimizeImage } from 'wasm-image-optimization';`
105
100
  - Node.js
106
101
  `import { optimizeImage } from 'wasm-image-optimization';`
102
+ - Vite (Browser)
103
+ `import { optimizeImage } from 'wasm-image-optimization';`
107
104
  - Node.js(Multi thread)
108
105
  `import { optimizeImage } from 'wasm-image-optimization/node-worker';`
109
- - Vite (Browser)
110
- `import { optimizeImage } from 'wasm-image-optimization/vite';`
111
106
  - Web Worker (Browser) Multi process
112
107
  `import { optimizeImage } from 'wasm-image-optimization/web-worker';`
113
108
 
Binary file
@@ -11,7 +11,7 @@ const node_path_1 = __importDefault(require("node:path"));
11
11
  const libImage_js_1 = __importDefault(require("../../cjs/libImage.js"));
12
12
  const optimizeImage_js_1 = require("../lib/optimizeImage.js");
13
13
  const libImage = (0, libImage_js_1.default)({
14
- wasmBinary: node_fs_1.default.readFileSync(node_path_1.default.resolve(__dirname, "../../esm/libImage.wasm")),
14
+ wasmBinary: node_fs_1.default.readFileSync(node_path_1.default.resolve(__dirname, "../../cjs/libImage.wasm")),
15
15
  });
16
16
  const optimizeImage = async (params) => (0, optimizeImage_js_1._optimizeImage)({ ...params, libImage });
17
17
  exports.optimizeImage = optimizeImage;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/node/index.ts"],"names":[],"mappings":";;;;;;AAAA,sDAAyB;AACzB,0DAA6B;AAC7B,6DAA6D;AAC7D,gBAAgB;AAChB,wEAA6C;AAC7C,8DAA4E;AAI5E,MAAM,QAAQ,GAAG,IAAA,qBAAQ,EAAC;IACxB,UAAU,EAAE,iBAAE,CAAC,YAAY,CACzB,mBAAI,CAAC,OAAO,CAAC,SAAS,EAAE,yBAAyB,CAAC,CAC1C;CACX,CAAC,CAAC;AAEI,MAAM,aAAa,GAAG,KAAK,EAAE,MAAsB,EAAE,EAAE,CAC5D,IAAA,iCAAc,EAAC,EAAE,GAAG,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;AAD7B,QAAA,aAAa,iBACgB;AAEnC,MAAM,gBAAgB,GAAG,KAAK,EAAE,MAAsB,EAAE,EAAE,CAC/D,IAAA,oCAAiB,EAAC,EAAE,GAAG,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;AADhC,QAAA,gBAAgB,oBACgB","sourcesContent":["import fs from \"node:fs\";\nimport path from \"node:path\";\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n/* @ts-ignore */\nimport LibImage from \"../../cjs/libImage.js\";\nimport { _optimizeImage, _optimizeImageExt } from \"../lib/optimizeImage.js\";\nimport type { OptimizeParams, OptimizeResult } from \"../types/index.js\";\nexport type { OptimizeParams, OptimizeResult };\n\nconst libImage = LibImage({\n wasmBinary: fs.readFileSync(\n path.resolve(__dirname, \"../../esm/libImage.wasm\"),\n ) as never,\n});\n\nexport const optimizeImage = async (params: OptimizeParams) =>\n _optimizeImage({ ...params, libImage });\n\nexport const optimizeImageExt = async (params: OptimizeParams) =>\n _optimizeImageExt({ ...params, libImage });\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/node/index.ts"],"names":[],"mappings":";;;;;;AAAA,sDAAyB;AACzB,0DAA6B;AAC7B,6DAA6D;AAC7D,gBAAgB;AAChB,wEAA6C;AAC7C,8DAA4E;AAI5E,MAAM,QAAQ,GAAG,IAAA,qBAAQ,EAAC;IACxB,UAAU,EAAE,iBAAE,CAAC,YAAY,CACzB,mBAAI,CAAC,OAAO,CAAC,SAAS,EAAE,yBAAyB,CAAC,CAC1C;CACX,CAAC,CAAC;AAEI,MAAM,aAAa,GAAG,KAAK,EAAE,MAAsB,EAAE,EAAE,CAC5D,IAAA,iCAAc,EAAC,EAAE,GAAG,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;AAD7B,QAAA,aAAa,iBACgB;AAEnC,MAAM,gBAAgB,GAAG,KAAK,EAAE,MAAsB,EAAE,EAAE,CAC/D,IAAA,oCAAiB,EAAC,EAAE,GAAG,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;AADhC,QAAA,gBAAgB,oBACgB","sourcesContent":["import fs from \"node:fs\";\nimport path from \"node:path\";\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n/* @ts-ignore */\nimport LibImage from \"../../cjs/libImage.js\";\nimport { _optimizeImage, _optimizeImageExt } from \"../lib/optimizeImage.js\";\nimport type { OptimizeParams, OptimizeResult } from \"../types/index.js\";\nexport type { OptimizeParams, OptimizeResult };\n\nconst libImage = LibImage({\n wasmBinary: fs.readFileSync(\n path.resolve(__dirname, \"../../cjs/libImage.wasm\")\n ) as never,\n});\n\nexport const optimizeImage = async (params: OptimizeParams) =>\n _optimizeImage({ ...params, libImage });\n\nexport const optimizeImageExt = async (params: OptimizeParams) =>\n _optimizeImageExt({ ...params, libImage });\n"]}
@@ -4,9 +4,9 @@ var __commonJS = (cb, mod) => function __require() {
4
4
  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
5
5
  };
6
6
 
7
- // node_modules/.pnpm/worker-lib@2.0.7/node_modules/worker-lib/dist/cjs/node.js
7
+ // node_modules/.pnpm/worker-lib@2.0.8/node_modules/worker-lib/dist/cjs/node.js
8
8
  var require_node = __commonJS({
9
- "node_modules/.pnpm/worker-lib@2.0.7/node_modules/worker-lib/dist/cjs/node.js"(exports2) {
9
+ "node_modules/.pnpm/worker-lib@2.0.8/node_modules/worker-lib/dist/cjs/node.js"(exports2) {
10
10
  "use strict";
11
11
  Object.defineProperty(exports2, "__esModule", { value: true });
12
12
  exports2.initWorker = exports2.createWorker = void 0;
@@ -4038,7 +4038,7 @@ var require_index = __commonJS({
4038
4038
  var libImage_js_1 = __importDefault(require_libImage());
4039
4039
  var optimizeImage_js_1 = require_optimizeImage();
4040
4040
  var libImage = (0, libImage_js_1.default)({
4041
- wasmBinary: node_fs_1.default.readFileSync(node_path_1.default.resolve(__dirname, "../../esm/libImage.wasm"))
4041
+ wasmBinary: node_fs_1.default.readFileSync(node_path_1.default.resolve(__dirname, "../../cjs/libImage.wasm"))
4042
4042
  });
4043
4043
  var optimizeImage = async (params) => (0, optimizeImage_js_1._optimizeImage)({ ...params, libImage });
4044
4044
  exports2.optimizeImage = optimizeImage;
@@ -0,0 +1,3 @@
1
+ import type { Plugin } from "vite";
2
+ declare const _default: () => Plugin[];
3
+ export default _default;
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.default = () => {
4
+ let config;
5
+ return [
6
+ {
7
+ name: "wasm-image-optimization-serve",
8
+ apply: "serve",
9
+ config: () => {
10
+ return {
11
+ optimizeDeps: {
12
+ exclude: ["wasm-image-optimization"],
13
+ },
14
+ };
15
+ },
16
+ },
17
+ ];
18
+ };
19
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/vite-plugin/index.ts"],"names":[],"mappings":";;AAEA,kBAAe,GAAa,EAAE;IAC5B,IAAI,MAAsB,CAAC;IAC3B,OAAO;QACL;YACE,IAAI,EAAE,+BAA+B;YACrC,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,GAAG,EAAE;gBACX,OAAO;oBACL,YAAY,EAAE;wBACZ,OAAO,EAAE,CAAC,yBAAyB,CAAC;qBACrC;iBACF,CAAC;YACJ,CAAC;SACF;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { Plugin, ResolvedConfig } from \"vite\";\r\n\r\nexport default (): Plugin[] => {\r\n let config: ResolvedConfig;\r\n return [\r\n {\r\n name: \"wasm-image-optimization-serve\",\r\n apply: \"serve\",\r\n config: () => {\r\n return {\r\n optimizeDeps: {\r\n exclude: [\"wasm-image-optimization\"],\r\n },\r\n };\r\n },\r\n },\r\n ];\r\n};\r\n"]}