import curry from 'next/dist/compiled/lodash.curry'
import type { webpack } from 'next/dist/compiled/webpack/webpack'
import { nextImageLoaderRegex } from '../../../../webpack-config'
import { loader } from '../../helpers'
import { pipe } from '../../utils'
import type { ConfigurationContext, ConfigurationFn } from '../../utils'
import { getCustomDocumentImageError } from './messages'

export const images: (
  ctx: ConfigurationContext
) => (config: webpack.Configuration) => Promise<webpack.Configuration> = curry(
  async function images(
    _ctx: ConfigurationContext,
    config: webpack.Configuration
  ) {
    const fns: ConfigurationFn[] = [
      loader({
        oneOf: [
          {
            test: nextImageLoaderRegex,
            use: {
              loader: 'error-loader',
              options: {
                reason: getCustomDocumentImageError(),
              },
            },
            issuer: /pages[\\/]_document\./,
          },
        ],
      }),
    ]

    const fn = pipe(...fns)
    return fn(config)
  }
)