import adapter from './adapter/index.js';
import { sveltePreprocess } from 'svelte-preprocess';
import autoprefixer from 'autoprefixer';
import { transform } from 'esbuild';

/** @type {import('@sveltejs/kit').Config} */
const config = {
  preprocess: sveltePreprocess({
    postcss: {
      plugins: [autoprefixer()],
    },
    async typescript({ content, filename }) {
      const { code, map } = await transform(content, {
        loader: 'ts',
        format: 'esm',
        charset: 'utf8',
        color: true,
        treeShaking: false,
        keepNames: true,
        sourcefile: filename,
        tsconfigRaw: {
          compilerOptions: {
            preserveValueImports: true,
          },
        },
      });
      return { code, map };
    },
    sourceMap: process.env.NODE_ENV !== 'production',
  }),
  kit: {
    adapter: adapter({
      emptyOutDir: false,
      pages: 'build',
      assets: 'build',
      paths: {
        base: '.',
        app: 'uwu',
      },
    }),
    prerender: {
      concurrency: 16,
      handleHttpError: 'ignore',
    },
    appDir: 'uwu',
    output: {
      bundleStrategy: 'single',
    },
    embedded: true,
  },
};

export default config;