wasm-image-optimization 0.0.3 → 0.0.4

package/README.md

@@ -2,29 +2,34 @@
 
 # usage
 
-Sample of Cloudflare Workers
+Next.js image optimization with Cloudflare
 
 ```ts
 import { optimizeImage } from 'wasm-image-optimization';
-
 export interface Env {}
 
 const handleRequest = async (
   request: Request,
-  env: Env,
-  ctx: ExecutionContext
+  _env: Env,
+  _ctx: ExecutionContext
 ): Promise<Response> => {
-  const srcImage = await fetch(
-    'https://raw.githubusercontent.com/node-libraries/wasm-image-optimization/master/images/test01.jpg'
-  ).then((res) => res.arrayBuffer());
+  const params = new URL(request.url).searchParams;
+  const url = params.get('url');
+  if (!url) {
+    return new Response('url is required', { status: 400 });
+  }
+  const width = params.get('w');
+  const quality = params.get('q');
+  const srcImage = await fetch(url).then((res) => res.arrayBuffer());
   const image = await optimizeImage({
     image: srcImage,
-    width: 200,
-    height: 200,
+    width: width ? parseInt(width) : undefined,
+    quality: quality ? parseInt(quality) : undefined,
   });
   return new Response(image, {
     headers: {
       'Content-Type': 'image/webp',
+      'Cache-Control': 'public, max-age=31536000, immutable',
     },
   });
 };
@@ -33,3 +38,17 @@ export default {
   fetch: handleRequest,
 };
 ```
+
+- next.config.js
+
+```js
+/**
+ * @type { import("next").NextConfig}
+ */
+const config = {
+  images: {
+    path: 'https://xxx.yyy.workers.dev/',
+  },
+};
+export default config;
+```

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "wasm-image-optimization",
   "description": "Optimize images with wasm on edge runtime",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",
   "exports": {