darkspace/vite.config.ts at main · Newish0/darkspace · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
import { defineConfig } from "vite";
import solidPlugin from "vite-plugin-solid";
import { dirname, resolve } from "node:path";
import { fileURLToPath } from "node:url";
import { crx } from "@crxjs/vite-plugin";
import manifest from "./manifest.config.js";
import pkg from "./package.json";

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

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [
        solidPlugin(),
        crx({ manifest }),
        {
            name: "add-data-darkspace-attribute",
            transform(code, id) {
                if (id.endsWith(".jsx") || id.endsWith(".tsx")) {
                    // Add data-darkspace to elements during build
                    return {
                        code: code.replace(
                            /<([a-z][a-zA-Z0-9]*)(?=[\s>])/g,
                            '<$1 data-darkspace=""'
                        ),
                        map: null,
                    };
                }
            },
        },
    ],

    define: {
        __APP_ENV__: {
            VERSION: `${pkg.version}`,
        },
    },

    server: {
        port: 5173,
        strictPort: true,
        hmr: {
            port: 5173,
        },
    },

    resolve: {
        alias: {
            "@": resolve(__dirname, "./src"),
            "~": resolve(__dirname, "./src"),
        },
    },

    build: {
        target: "es2022",
    },
});