vite.config.ts

import type { UserConfig } from "vite";
import { defineConfig } from "vite";
import unocss from "unocss/vite";
import fg from "fast-glob";
import Matecho, { type MatechoBuildOptions } from "./plugins/Matecho";
import PrismJS from "./plugins/Prism";
import UnoCSSClassMangle from "./plugins/UnoCSSClassMangle";
import fs from "node:fs";
import packageJson from "./package.json";

export default defineConfig(async env => {
  let MatechoConfig: MatechoBuildOptions = {
    PrismLanguages: [],
    ExtraMaterialIcons: []
  };
  try {
    MatechoConfig = {
      ...MatechoConfig,
      // eslint-disable-next-line @typescript-eslint/ban-ts-comment 
      // @ts-ignore dynamic imported module
      ...(await import("./matecho.config") as unknown).default as Partial<MatechoBuildOptions>
    };
  } catch (_) {
    // ignore
  }

  const isProd = env.mode === "production";
  const isBuild = env.command === "build";
  let COMMIT_ID = "unknown";
  try {
    let id = fs
      .readFileSync(__dirname + "/.git/HEAD")
      .toString("utf-8")
      .trim();
    if (id.startsWith("ref: ")) {
      id = fs
        .readFileSync(__dirname + "/.git/" + id.substring(5))
        .toString("utf-8")
        .trim();
    }
    COMMIT_ID = id.substring(0, 7);
    try {
      const tag = fs
        .readFileSync(__dirname + "/.git/refs/tags/v" + packageJson.version)
        .toString("utf-8")
        .trim();
      if (tag == id) COMMIT_ID = packageJson.version;
    } catch (_) {
      /**/
    }
    console.log("Current head @ " + COMMIT_ID);
  } catch (_) {
    /**/
  }

  return {
    plugins: [
      unocss({
        transformers: isBuild && [
          UnoCSSClassMangle({
            classPrefix: "m-"
          })
        ]
      }),
      Matecho({
        CommitID: COMMIT_ID,
        extraIcons: [
          "tv",
          "live-tv",
          "comment",
          "add",
          "announcement",
          "archive",
          "assignment",
          "bookmarks",
          "celebration",
          "create",
          "diamond",
          "discount",
          "feed",
          "feedback",
          "file-download",
          "group",
          "near-me",
          "podcasts",
          "qr-code",
          "storefront",
          "workspace-premium",
          ...MatechoConfig.ExtraMaterialIcons
        ]
      }),
      PrismJS({
        languages: [
          "bash",
          "c",
          "cpp",
          "csharp",
          "markup-templating",
          "php",
          "php-extras",
          "go",
          "python",
          "java",
          "javascript",
          "sql",
          "css",
          "less",
          "sass",
          "wasm",
          "toml",
          "yaml",
          "json",
          "json5",
          "systemd",
          "kotlin",
          "docker",
          "diff",
          "applescript",
          "lua",
          "pug",
          "regex",
          "rust",
          "smali",
          "stylus",
          "jsx",
          "tsx",
          "swift",
          "ruby",
          "typescript",
          ...MatechoConfig.PrismLanguages
        ]
      })
    ],
    appType: "mpa",
    resolve: {
      alias: {
        "@/": "/src/"
      }
    },
    build: {
      rollupOptions: {
        input: [...(await fg("src/**/*.php"))],
        output: {
          assetFileNames: "assets/assets-[hash].[ext]",
          chunkFileNames: "assets/chunk-[hash].js",
          entryFileNames: "assets/chuck-[hash].js",
          experimentalMinChunkSize: 20000
        }
      },
      target: isProd ? "es2018" : "esnext",
      minify: isProd,
      sourcemap: !isProd,
      cssMinify: isProd
    },
    define: {
      __BUILD_DATE__: JSON.stringify(new Date().toString()),
      __BUILD_COMMIT_ID__: JSON.stringify(COMMIT_ID)
    },
    base: isBuild ? "/usr/themes/Matecho" : "/"
  } as UserConfig;
});