fix: fix image config

.env.example

@@ -28,4 +28,4 @@ DATABASE_URL=""
 # Website Variables
 
 NEXT_PUBLIC_SITE_URL="https://entgamers.com"
-IMAGE_DOMAINS="domain.com,another.domain.com"
+IMAGE_DOMAINS="https://domain.com,http://another.domain.com/route/"

next.config.js

@@ -1,10 +1,15 @@
+const imageDomains = (process.env.IMAGE_DOMAINS ?? '').split(',').map(domain => {
+  const getDataRegex = /(?<protocol>[\w]+)?:\/\/(?<hostname>[\w.-]+)?((?<=[\d]{0,4}):(?<port>[\d]{0,4}))?\/?(?<pathname>.*)?$/
+  const groups = getDataRegex.exec(domain).groups ?? {}
+  return groups
+})
+
 /** @type {import('next').NextConfig} */
-
-const imageDomains = (process.env.IMAGE_DOMAINS ?? '').split(',').map(domain => domain.trim())
-
-module.exports = {
+const nextConfig = {
   reactStrictMode: true,
   images: {
-    domains: imageDomains
+    remotePatterns: imageDomains
   }
 }
+
+module.exports = nextConfig

panda.config.ts

@@ -1,8 +1,7 @@
 import { defineConfig } from '@pandacss/dev'
-import entGamersPandaPreset from 'entgamers-panda-preset'
 
 export default defineConfig({
-  presets: [entGamersPandaPreset],
+  presets: ['entgamers-panda-preset'],
   gitignore: true,
   preflight: true,
   include: ['./src/**/*.{js,jsx,ts,tsx}'],