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.
- package/README.md +15 -20
- package/dist/{esm → cjs}/libImage.wasm +0 -0
- package/dist/cjs/node/index.js +1 -1
- package/dist/cjs/node/index.js.map +1 -1
- package/dist/cjs/node/node-worker.js +3 -3
- package/dist/cjs/vite-plugin/index.d.ts +3 -0
- package/dist/cjs/vite-plugin/index.js +19 -0
- package/dist/cjs/vite-plugin/index.js.map +1 -0
- package/dist/esm/libImage.js +1 -1
- package/dist/esm/web-worker.js +3902 -0
- package/dist/vite-plugin/index.d.ts +1 -1
- package/dist/vite-plugin/index.js +1 -15
- package/dist/vite-plugin/index.js.map +1 -1
- package/dist/web-worker/_web-worker.js.map +1 -0
- package/dist/{next-web-worker → web-worker}/index.js +1 -1
- package/dist/web-worker/index.js.map +1 -0
- package/dist/workers/index.js +1 -1
- package/dist/workers/index.js.map +1 -1
- package/package.json +27 -47
- package/dist/esm/next-web-worker.js +0 -3906
- package/dist/esm/vite-web-worker.js +0 -3921
- package/dist/next/index.d.ts +0 -15
- package/dist/next/index.js +0 -13
- package/dist/next/index.js.map +0 -1
- package/dist/next-web-worker/_web-worker.js.map +0 -1
- package/dist/next-web-worker/index.js.map +0 -1
- package/dist/vite/index.d.ts +0 -10
- package/dist/vite/index.js +0 -15
- package/dist/vite/index.js.map +0 -1
- package/dist/vite-web-worker/_web-worker.d.ts +0 -13
- package/dist/vite-web-worker/_web-worker.js +0 -8
- package/dist/vite-web-worker/_web-worker.js.map +0 -1
- package/dist/vite-web-worker/index.d.ts +0 -12
- package/dist/vite-web-worker/index.js +0 -6
- package/dist/vite-web-worker/index.js.map +0 -1
- /package/dist/{next-web-worker → web-worker}/_web-worker.d.ts +0 -0
- /package/dist/{next-web-worker → web-worker}/_web-worker.js +0 -0
- /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
|
|
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
|
|
102
|
-
`import { optimizeImage } from 'wasm-image-optimization
|
|
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
|
package/dist/cjs/node/index.js
CHANGED
|
@@ -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, "../../
|
|
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, \"../../
|
|
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/.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.
|
|
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, "../../
|
|
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,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"]}
|