next.config.ts

import type { NextConfig } from "next";
import path from "node:path";
import fs from "node:fs";

const LOADER = path.resolve(__dirname, 'src/visual-edits/component-tagger-loader.js');

// Check if the loader file exists before using it
const loaderExists = fs.existsSync(LOADER);

const nextConfig: NextConfig = {
  images: {
    remotePatterns: [
      {
        protocol: 'https',
        hostname: '**',
      },
      {
        protocol: 'http',
        hostname: '**',
      },
    ],
  },
  // Only add turbopack rules if the loader exists and we're in development
  ...(loaderExists && process.env.NODE_ENV === 'development' && {
    turbopack: {
      rules: {
        "*.{jsx,tsx}": {
          loaders: [LOADER]
        }
      }
    }
  })
};

export default nextConfig;