vite.config.ts

// Plugins
import vue from "@vitejs/plugin-vue";
import vuetify, { transformAssetUrls } from "vite-plugin-vuetify";
import fs from "fs";
import { generateSitemap } from "./src/utils/generateSitemap"
import fonts from "./src/assets/fonts"
import axios from "axios";

// Utilities
import { defineConfig } from "vite";
import { fileURLToPath, URL } from "node:url";

// https://vitejs.dev/config/
export default defineConfig(async (options) => {
/*   if (options.isSsrBuild) {
    const resp = await axios.get("https://fontdownloader.org/api/fonts")
    const fileContent = `export default ${JSON.stringify(resp.data)}`
    fs.writeFile("./src/assets/fonts.ts", fileContent, (err) => {
      if (err) {
        throw err;
      }
    });
    const fontsDetailsArray = []
    for (const [index, element] of resp.data.entries()) {
      console.log(`${index + 1}/${resp.data.length}`)
      const resp2 = await axios.get("https://fontdownloader.org/api/fonts/" + element.id).catch(() => {
        console.log(`error fetich ${element.id}`)
        return null
      })
      fontsDetailsArray.push(resp2.data ? resp2.data : {id: element.id})
    }
    const fileContent2 = `export default ${JSON.stringify(fontsDetailsArray)}`
    fs.writeFile("./src/assets/fontDetails.ts", fileContent2, (err) => {
      if (err) {
        throw err;
      }
    });
  } */
  if (options.isSsrBuild) {
    const sitemap = generateSitemap(fonts)
    fs.writeFile("./public/sitemap.xml", sitemap, (err) => {
      if (err) {
        throw err;
      }
    });
  }

  return {
    ssgOptions: {
      crittersOptions: {
        preload: "media",
      },
    },
    ssr: {
      // TODO: workaround until they support native ESM

      noExternal: ["vuetify"],
    },
    build: {
      rollupOptions: {
        external: [options.isSsrBuild ? "./mocks/browser" : undefined],
      },
    },
    plugins: [
      vue({
        template: { transformAssetUrls },
      }),
      // https://github.com/vuetifyjs/vuetify-loader/tree/master/packages/vite-plugin#readme
      vuetify({
        autoImport: true,
      }),
    ],
    define: { "process.env": {} },
    resolve: {
      alias: {
        "@": fileURLToPath(new URL("./src", import.meta.url)),
      },
      extensions: [".js", ".json", ".jsx", ".mjs", ".ts", ".tsx", ".vue"],
    },
    server: {
      port: 3000,
      proxy: {
        "/api": {
          target: "https://gwfh.mranftl.com/",
          changeOrigin: true,
          configure: (proxy, options) => {
            // proxy will be an instance of 'http-proxy'
          },
        },
      },
    },
  };
});