use arrow functions

Author: dario-piotrowicz

apps/site/next.config.mjs

@@ -8,6 +8,45 @@ import {
 } from './next.constants.mjs';
 import { redirects, rewrites } from './next.rewrites.mjs';
 
+const getImagesConfig = () => {
+  if (OPEN_NEXT_CLOUDFLARE) {
+    // If we're building for the Cloudflare deployment we want to use the custom cloudflare image loader
+    //
+    // Important: The custom loader ignores `remotePatterns` as those are configured as allowed source origins
+    //            (https://developers.cloudflare.com/images/transform-images/sources/)
+    //            in the Cloudflare dashboard itself instead (to the exact same values present in `remotePatterns` below).
+    //
+    return {
+      loader: 'custom',
+      loaderFile: './cloudflare/image-loader.ts',
+    };
+  }
+
+  return {
+    // We disable image optimisation during static export builds
+    unoptimized: ENABLE_STATIC_EXPORT,
+    // We add it to the remote pattern for the static images we use from multiple sources
+    // to be marked as safe sources (these come from Markdown files)
+    remotePatterns: [
+      new URL('https://avatars.githubusercontent.com/**'),
+      new URL('https://bestpractices.coreinfrastructure.org/**'),
+      new URL('https://raw.githubusercontent.com/nodejs/**'),
+      new URL('https://user-images.githubusercontent.com/**'),
+      new URL('https://website-assets.oramasearch.com/**'),
+    ],
+  };
+};
+
+const getDeploymentId = async () => {
+  if (OPEN_NEXT_CLOUDFLARE) {
+    // If we're building for the Cloudflare deployment we want to set
+    // an appropriate deploymentId (needed for skew protection)
+    return (await import('@opennextjs/cloudflare')).getDeploymentId();
+  }
+
+  return undefined;
+};
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   allowedDevOrigins: ['10.1.1.232'],
@@ -76,44 +115,5 @@ const nextConfig = {
   deploymentId: await getDeploymentId(),
 };
 
-function getImagesConfig() {
-  if (OPEN_NEXT_CLOUDFLARE) {
-    // If we're building for the Cloudflare deployment we want to use the custom cloudflare image loader
-    //
-    // Important: The custom loader ignores `remotePatterns` as those are configured as allowed source origins
-    //            (https://developers.cloudflare.com/images/transform-images/sources/)
-    //            in the Cloudflare dashboard itself instead (to the exact same values present in `remotePatterns` below).
-    //
-    return {
-      loader: 'custom',
-      loaderFile: './cloudflare/image-loader.ts',
-    };
-  }
-
-  return {
-    // We disable image optimisation during static export builds
-    unoptimized: ENABLE_STATIC_EXPORT,
-    // We add it to the remote pattern for the static images we use from multiple sources
-    // to be marked as safe sources (these come from Markdown files)
-    remotePatterns: [
-      new URL('https://avatars.githubusercontent.com/**'),
-      new URL('https://bestpractices.coreinfrastructure.org/**'),
-      new URL('https://raw.githubusercontent.com/nodejs/**'),
-      new URL('https://user-images.githubusercontent.com/**'),
-      new URL('https://website-assets.oramasearch.com/**'),
-    ],
-  };
-}
-
-async function getDeploymentId() {
-  if (OPEN_NEXT_CLOUDFLARE) {
-    // If we're building for the Cloudflare deployment we want to set
-    // an appropriate deploymentId (needed for skew protection)
-    return (await import('@opennextjs/cloudflare')).getDeploymentId();
-  }
-
-  return undefined;
-}
-
 const withNextIntl = createNextIntlPlugin('./i18n.tsx');
 export default withNextIntl(nextConfig);