import { fileURLToPath, URL } from "node:url"

import { defineConfig } from "vite"
import { VitePWA as vitePWA } from "vite-plugin-pwa"
import vue from "@vitejs/plugin-vue"
import vueJsx from "@vitejs/plugin-vue-jsx"
import unocss from "unocss/vite"

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    vueJsx(),
    unocss(),
    vitePWA({
      registerType: "autoUpdate",
      useCredentials: true,
      manifest: {
        name: "Solian",
        description: "The Solar Network Application",
        theme_color: "#4b5094",
        display: "standalone",
        icons: [
          {
            src: "icon.png",
            sizes: "1024x1024",
            type: "image/png",
            purpose: "any"
          },
          {
            src: "maskable-icon.png",
            sizes: "1024x1024",
            type: "image/png",
            purpose: "maskable"
          }
        ]
      },
      workbox: {
        sourcemap: true,
        cleanupOutdatedCaches: true,
        globPatterns: ['**/*.{js,css,ico,png,svg}'],
      }
    })
  ],
  resolve: {
    alias: {
      "@": fileURLToPath(new URL("./src", import.meta.url))
    }
  },
  server: {
    proxy: {
      "/.well-known": "http://localhost:8445",
      "/api": "http://localhost:8445"
    }
  }
})