wasm-image-optimization 0.0.4 → 0.0.5

package/README.md

@@ -1,5 +1,18 @@
 # wasm-image-optimization
 
+```ts
+// quality: 1-100
+optimizeImage({image: ArrayBuffer, width?: number, height?:number,quality?: number}): Promise<ArrayBuffer>
+```
+
+- source format
+  - jpeg
+  - png
+  - webp
+  - svg
+- output format
+  - webp
+
 # usage
 
 Next.js image optimization with Cloudflare
@@ -8,30 +21,55 @@ Next.js image optimization with Cloudflare
 import { optimizeImage } from 'wasm-image-optimization';
 export interface Env {}
 
+const isValidUrl = (url: string) => {
+  try {
+    new URL(url);
+    return true;
+  } catch (err) {
+    return false;
+  }
+};
+
 const handleRequest = async (
   request: Request,
   _env: Env,
-  _ctx: ExecutionContext
+  ctx: ExecutionContext
 ): Promise<Response> => {
-  const params = new URL(request.url).searchParams;
-  const url = params.get('url');
-  if (!url) {
+  const url = new URL(request.url);
+  const params = url.searchParams;
+  const imageUrl = params.get('url');
+  if (!imageUrl || !isValidUrl(imageUrl)) {
     return new Response('url is required', { status: 400 });
   }
+  const cache = caches.default;
+  const cachedResponse = await cache.match(new Request(url.toString(), request));
+  if (cachedResponse) {
+    return cachedResponse;
+  }
+
   const width = params.get('w');
   const quality = params.get('q');
-  const srcImage = await fetch(url).then((res) => res.arrayBuffer());
+
+  const srcImage = await fetch(imageUrl, { cf: { cacheKey: imageUrl } })
+    .then((res) => (res.ok ? res.arrayBuffer() : null))
+    .catch((e) => null);
+
+  if (!srcImage) {
+    return new Response('image not found', { status: 404 });
+  }
   const image = await optimizeImage({
     image: srcImage,
     width: width ? parseInt(width) : undefined,
     quality: quality ? parseInt(quality) : undefined,
   });
-  return new Response(image, {
+  const response = new Response(image, {
     headers: {
       'Content-Type': 'image/webp',
       'Cache-Control': 'public, max-age=31536000, immutable',
     },
   });
+  ctx.waitUntil(cache.put(request, response.clone()));
+  return response;
 };
 
 export default {

package/package.json

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