import { sveltekit } from '@sveltejs/kit/vite';
import tailwindcss from '@tailwindcss/vite';

/** @type {import('vite').UserConfig} */
const config = {
  plugins: [tailwindcss(), sveltekit()],
  css: {
    preprocessorOptions: {
      scss: {
        additionalData(source, fp) {
          if (fp.endsWith('app.scss')) return source;
          return '@import "/src/app.scss";' + source;
        }
      }
    }
  },

  server: {
    fs: {
      allow: ['open']
    },
    hmr: {
      protocol: 'ws',
      port: 5173
    },
    proxy: {
      '/api/': {
        target: 'http://127.0.0.1:8001',
        secure: false
      },
      '/register': {
        target: 'http://127.0.0.1:8001',
        secure: false
      },
      '/recover/reset': {
        target: 'http://127.0.0.1:8001',
        secure: false
      },
      '/login': {
        target: 'http://127.0.0.1:8001',
        secure: false
      },
      '/identicon': {
        target: 'http://127.0.0.1:8001',
        secure: false
      }
    }
  }
};

export default config;