import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import VueDevTools from "vite-plugin-vue-devtools";
import tailwindcss from "@tailwindcss/postcss";
import autoprefixer from "autoprefixer";
import { fileURLToPath } from "node:url";
import path from "node:path";

const __dirname = path.dirname(fileURLToPath(import.meta.url));

export default defineConfig(({ command }) => ({
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "src")
    }
  },
  plugins: command === "serve"
    ? [VueDevTools({ launchEditor: fileURLToPath(new URL("./scripts/launch-editor-trae.sh", import.meta.url)) }), vue()]
    : [vue()],
  css: {
    postcss: {
      plugins: [tailwindcss(), autoprefixer()]
    }
  },
  build: {
    rollupOptions: {
      output: {
        // separa as libs do código da aplicação para que um deploy não invalide o cache delas
        manualChunks: {
          vue: ["vue", "vue-router"],
          markdown: ["marked", "dompurify"],
          highlight: ["highlight.js"],
          toast: ["vue-toastification"]
        }
      }
    }
  },
  server: {
    port: 5173
  }
}));