import createMDX from '@next/mdx';
import { NextConfig } from 'next';

const withMDX = createMDX({
  options: {
    remarkPlugins: [['remark-gfm', {}]],
  },
});

const nextConfig: NextConfig = {
  basePath: '/i',
  experimental: {
    manualClientBasePath: true,
  },
  transpilePackages: ['@trylinky/ui', '@trylinky/common', '@trylinky/seo'],
  pageExtensions: ['js', 'jsx', 'mdx', 'ts', 'tsx'],
  sassOptions: {
    silenceDeprecations: ['legacy-js-api'],
  },
  images: {
    remotePatterns: [
      {
        protocol: 'https',
        hostname: 'cdn.dev.lin.ky',
        port: '',
      },
      {
        protocol: 'https',
        hostname: 'cdn.lin.ky',
        port: '',
      },
      {
        protocol: 'https',
        hostname: 'cdn.dev.glow.as',
        port: '',
      },
      {
        protocol: 'https',
        hostname: 'cdn.glow.as',
        port: '',
      },
      {
        protocol: 'https',
        hostname: 'glow.as',
        port: '',
      },
      {
        protocol: 'https',
        hostname: 'lin.ky',
        port: '',
      },
      ...(process.env.NODE_ENV === 'development'
        ? [
            {
              protocol: 'http' as const,
              hostname: 'localhost',
              port: '3000',
            },
          ]
        : []),
    ],
  },
};

export default withMDX(nextConfig);