import mdx from '@mdx-js/rollup'
import react from '@vitejs/plugin-react'
import path from 'path'
import remarkGFM from 'remark-gfm'
import { defineConfig } from 'vite'

const mdxPlugin = mdx ({ providerImportSource: '@/mdx-components',
			 remarkPlugins: [remarkGFM] })
const originalTransform = mdxPlugin.transform

if (typeof originalTransform === 'function')
  {
    mdxPlugin.transform =
	function (code, id)
	{
	  return (/[?&](raw|url)(?:&|$)/.test (id)
		  ? null
		  : originalTransform.call (this, code, id))
	}
  }

export default defineConfig ({
    plugins:  [mdxPlugin, react ()],
    resolve:  { alias: { '@': path.resolve (__dirname, './src') } },
    server:   { host:         true,
		port:         5173,
		strictPort:   true,
		allowedHosts: ['hub.nizika.monster', 'localhost', 'nico-dev.test'],
		proxy:        { '/api': { target:       'http://localhost:3002',
					  changeOrigin: true,
					  secure:       false } },
		watch:        { usePolling: true,
				interval: 100 } } })