vite.config.ts

import { resolve } from "node:path";
import { PluginOption } from "vite";
import { defineConfig } from "vitest/config";
import solidPlugin from "vite-plugin-solid";

const tampermonkey = () => {
  const headers = `
// ==UserScript==
// @name         Floating Luogu
// @namespace    http://tampermonkey.net/
// @icon         https://cdn.luogu.com.cn/upload/usericon/3.png
// @author       yurzhang & tiger2005
// @homepage     https://github.com/Nikaidou-Shinku/floating-luogu
// @description  A plugin to decorate Luogu with exquisite user card.
// @include      https://www.luogu.com.cn/*
// @version      0.4.0
// @grant        GM_addStyle
// @license      MIT
// ==/UserScript==
  `.trim();

  return {
    name: "tampermonkey",
    apply: "build",
    enforce: "post",
    generateBundle: (_options, bundle) => {
      const cssBundle = bundle["style.css"];
      if (!cssBundle || cssBundle.type !== "asset") {
        return;
      }
      const css = cssBundle.source.toString().trim();

      const [, target] = Object.entries(bundle)
        .find(([name]) => name.includes("user.js")) ?? [];

      if (!target || target.type !== "chunk") {
        return;
      }

      target.code = `${headers}\n\nGM_addStyle(\`${css}\`);\n${target.code}`;
    },
  } as PluginOption;
};

export default defineConfig({
  plugins: [
    solidPlugin(),
    tampermonkey(),
  ],
  resolve: {
    alias: {
      "~": resolve(__dirname, "src"),
    },
  },
  build: {
    target: "esnext",
    lib: {
      entry: resolve(__dirname, "src/main.tsx"),
      name: "userscript",
      formats: ["iife"],
      fileName: (format) => `flg.${format}.user.js`,
    },
    rollupOptions: {
      output: {
        inlineDynamicImports: true,
      },
    },
  },
  define: {
    "process.env.NODE_ENV": "\"production\"",
  },
  css: {
    modules: {
      localsConvention: "camelCaseOnly",
    },
  },
  test: {
    environment: "jsdom",
    transformMode: {
      web: [/\.[jt]sx?$/],
    },
    coverage: {
      all: true,
      exclude: [
        "coverage/**",
        "dist/**",
        "test{,s}/**",
        "test{,-*}.{js,cjs,mjs,ts,tsx,jsx}",
        "**/*{.,-}test.{js,cjs,mjs,ts,tsx,jsx}",
        "**/{karma,rollup,webpack,vite,vitest,jest,ava,babel,nyc,cypress,tsup,build}.config.*",
        "**/.{eslint,mocha,prettier}rc.{js,cjs,yml}",
        "src/data/types.ts",
      ],
    },
  },
});