feat(images): implement localPatterns for images

Author: sommeeeer

packages/cloudflare/src/cli/templates/images.ts

@@ -1,4 +1,4 @@
-export type RemotePattern = {
+type RemotePattern = {
   protocol?: "http" | "https";
   hostname: string;
   port?: string;
@@ -7,6 +7,12 @@ export type RemotePattern = {
   search?: string;
 };
 
+type LocalPattern = {
+  // pathname is always set in the manifest
+  pathname: string;
+  search?: string;
+};
+
 /**
  * Fetches an images.
  *
@@ -22,16 +28,23 @@ export function fetchImage(fetcher: Fetcher | undefined, imageUrl: string) {
   // Local
   if (imageUrl.startsWith("/")) {
     let pathname: string;
+    let url: URL;
     try {
-      const url = new URL(imageUrl, "http://n");
+      // We only need pathname and search
+      url = new URL(imageUrl, "http://n");
       pathname = decodeURIComponent(url.pathname);
     } catch {
       return getUrlErrorResponse();
     }
+
     if (/\/_next\/image($|\/)/.test(pathname)) {
       return getUrlErrorResponse();
     }
 
+    if (!__IMAGES_LOCAL_PATTERNS__.some((p: LocalPattern) => matchLocalPattern(p, url))) {
+      return getUrlErrorResponse();
+    }
+
     return fetcher?.fetch(`http://assets.local${imageUrl}`);
   }
 
@@ -83,6 +96,21 @@ export function matchRemotePattern(pattern: RemotePattern, url: URL): boolean {
   return true;
 }
 
+export function matchLocalPattern(pattern: LocalPattern, url: URL): boolean {
+  // https://github.com/vercel/next.js/blob/d76f0b1/packages/next/src/shared/lib/match-local-pattern.ts
+  if (pattern.search !== undefined) {
+    if (pattern.search !== url.search) {
+      return false;
+    }
+  }
+
+  if (!new RegExp(pattern.pathname).test(url.pathname)) {
+    return false;
+  }
+
+  return true;
+}
+
 /**
  * @returns same error as Next.js when the url query parameter is not accepted.
  */
@@ -93,6 +121,6 @@ function getUrlErrorResponse() {
 /* eslint-disable no-var */
 declare global {
   var __IMAGES_REMOTE_PATTERNS__: RemotePattern[];
-  var __IMAGES_LOCAL_PATTERNS__: unknown[];
+  var __IMAGES_LOCAL_PATTERNS__: LocalPattern[];
 }
 /* eslint-enable no-var */