@netlify/dev 4.3.7 → 4.4.0

package/dist/main.cjs

@@ -295,6 +295,7 @@ var getRuntime = async ({ blobs, deployID, projectRoot, siteID }) => {
   });
   return {
     env,
+    envSnapshot,
     stop: async () => {
       restoreEnvironment(envSnapshot);
       await blobsServer?.stop();
@@ -315,6 +316,7 @@ var NetlifyDev = class {
   #config;
   #features;
   #headersHandler;
+  #imageRemoteURLPatterns;
   #imageHandler;
   #logger;
   #projectRoot;
@@ -343,6 +345,7 @@ var NetlifyDev = class {
       static: options.staticFiles?.enabled !== false
     };
     this.#functionsServePath = import_node_path2.default.join(projectRoot, ".netlify", "functions-serve");
+    this.#imageRemoteURLPatterns = options.images?.remoteURLPatterns ?? [];
     this.#logger = options.logger ?? globalThis.console;
     this.#serverAddress = options.serverAddress;
     this.#projectRoot = projectRoot;
@@ -543,19 +546,31 @@ var NetlifyDev = class {
       });
     }
     if (this.#features.edgeFunctions) {
-      const env = Object.entries(envVariables).reduce((acc, [key, variable]) => {
-        if (variable.usedSource === "account" || variable.usedSource === "addons" || variable.usedSource === "internal" || variable.usedSource === "ui" || variable.usedSource.startsWith(".env")) {
-          return {
+      const edgeFunctionsEnv = {
+        // User-defined env vars + documented runtime env vars
+        ...Object.entries(envVariables).reduce(
+          (acc, [key, variable]) => ({
             ...acc,
             [key]: variable.value
-          };
-        }
-        return acc;
-      }, {});
+          }),
+          {}
+        ),
+        // Add runtime env vars that we've set ourselves so far. These are "internal" env vars,
+        // part of the runtime emulation. They've already been populated on this process's env, which
+        // is needed to make other dev features work. These are different than the "documented" runtime
+        // env vars, in that they are implementation details, needed to make our features work.
+        ...Object.keys(runtime.envSnapshot).reduce(
+          (acc, key) => ({
+            ...acc,
+            [key]: runtime.env.get(key) ?? ""
+          }),
+          {}
+        )
+      };
       const edgeFunctionsHandler = new import_dev.EdgeFunctionsHandler({
         configDeclarations: this.#config?.config.edge_functions ?? [],
         directories: [this.#config?.config.build.edge_functions].filter(Boolean),
-        env,
+        env: edgeFunctionsEnv,
         geolocation: import_dev_utils.mockLocation,
         logger: this.#logger,
         siteID,
@@ -606,8 +621,11 @@ var NetlifyDev = class {
       });
     }
     if (this.#features.images) {
+      const remoteImages = [...this.#config?.config?.images?.remote_images ?? [], ...this.#imageRemoteURLPatterns];
       this.#imageHandler = new import_images.ImageHandler({
-        imagesConfig: this.#config?.config.images,
+        imagesConfig: {
+          remote_images: remoteImages
+        },
         logger: this.#logger
       });
     }

package/dist/main.d.cts

@@ -50,6 +50,14 @@ interface Features {
      */
     images?: {
         enabled?: boolean;
+        /**
+         * Allowed URL patterns for remote images, described as an array of regular
+         * expression strings. This list will be merged with  the `remote_images`
+         * configuration property.
+         *
+         * {@link} https://docs.netlify.com/image-cdn/overview/#remote-path
+         */
+        remoteURLPatterns?: string[];
     };
     /**
      * Configuration options for Netlify redirects and rewrites.

package/dist/main.d.ts

@@ -50,6 +50,14 @@ interface Features {
      */
     images?: {
         enabled?: boolean;
+        /**
+         * Allowed URL patterns for remote images, described as an array of regular
+         * expression strings. This list will be merged with  the `remote_images`
+         * configuration property.
+         *
+         * {@link} https://docs.netlify.com/image-cdn/overview/#remote-path
+         */
+        remoteURLPatterns?: string[];
     };
     /**
      * Configuration options for Netlify redirects and rewrites.

package/dist/main.js

@@ -261,6 +261,7 @@ var getRuntime = async ({ blobs, deployID, projectRoot, siteID }) => {
   });
   return {
     env,
+    envSnapshot,
     stop: async () => {
       restoreEnvironment(envSnapshot);
       await blobsServer?.stop();
@@ -281,6 +282,7 @@ var NetlifyDev = class {
   #config;
   #features;
   #headersHandler;
+  #imageRemoteURLPatterns;
   #imageHandler;
   #logger;
   #projectRoot;
@@ -309,6 +311,7 @@ var NetlifyDev = class {
       static: options.staticFiles?.enabled !== false
     };
     this.#functionsServePath = path2.join(projectRoot, ".netlify", "functions-serve");
+    this.#imageRemoteURLPatterns = options.images?.remoteURLPatterns ?? [];
     this.#logger = options.logger ?? globalThis.console;
     this.#serverAddress = options.serverAddress;
     this.#projectRoot = projectRoot;
@@ -509,19 +512,31 @@ var NetlifyDev = class {
       });
     }
     if (this.#features.edgeFunctions) {
-      const env = Object.entries(envVariables).reduce((acc, [key, variable]) => {
-        if (variable.usedSource === "account" || variable.usedSource === "addons" || variable.usedSource === "internal" || variable.usedSource === "ui" || variable.usedSource.startsWith(".env")) {
-          return {
+      const edgeFunctionsEnv = {
+        // User-defined env vars + documented runtime env vars
+        ...Object.entries(envVariables).reduce(
+          (acc, [key, variable]) => ({
             ...acc,
             [key]: variable.value
-          };
-        }
-        return acc;
-      }, {});
+          }),
+          {}
+        ),
+        // Add runtime env vars that we've set ourselves so far. These are "internal" env vars,
+        // part of the runtime emulation. They've already been populated on this process's env, which
+        // is needed to make other dev features work. These are different than the "documented" runtime
+        // env vars, in that they are implementation details, needed to make our features work.
+        ...Object.keys(runtime.envSnapshot).reduce(
+          (acc, key) => ({
+            ...acc,
+            [key]: runtime.env.get(key) ?? ""
+          }),
+          {}
+        )
+      };
       const edgeFunctionsHandler = new EdgeFunctionsHandler({
         configDeclarations: this.#config?.config.edge_functions ?? [],
         directories: [this.#config?.config.build.edge_functions].filter(Boolean),
-        env,
+        env: edgeFunctionsEnv,
         geolocation: mockLocation,
         logger: this.#logger,
         siteID,
@@ -572,8 +587,11 @@ var NetlifyDev = class {
       });
     }
     if (this.#features.images) {
+      const remoteImages = [...this.#config?.config?.images?.remote_images ?? [], ...this.#imageRemoteURLPatterns];
       this.#imageHandler = new ImageHandler({
-        imagesConfig: this.#config?.config.images,
+        imagesConfig: {
+          remote_images: remoteImages
+        },
         logger: this.#logger
       });
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netlify/dev",
-  "version": "4.3.7",
+  "version": "4.4.0",
   "description": "Emulation of the Netlify environment for local development",
   "type": "module",
   "engines": {
@@ -58,7 +58,7 @@
     "@netlify/edge-functions": "2.15.6",
     "@netlify/functions": "4.1.10",
     "@netlify/headers": "2.0.4",
-    "@netlify/images": "1.1.2",
+    "@netlify/images": "1.2.0",
     "@netlify/redirects": "3.0.4",
     "@netlify/runtime": "4.0.8",
     "@netlify/static": "3.0.4",