chrome-extension-for-gambling-detection/vite.config.ts at main · Sakazu01/chrome-extension-for-gambling-detection · 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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
import { defineConfig, type UserConfig } from "vite";
import { resolve } from "path";
import { cpSync, mkdirSync } from "fs";

const projectRoot = __dirname;

function assetFileNames(assetInfo: { names?: string[] }): string {
  if (assetInfo.names?.some((name) => name.endsWith(".css"))) {
    return "assets/[name].[ext]";
  }

  return "assets/[name]-[hash].[ext]";
}

const copyKeywordsPlugin = {
  name: "copy-assets",
  closeBundle() {
    mkdirSync(resolve(projectRoot, "dist/keywords"), { recursive: true });
    cpSync(
      resolve(projectRoot, "keywords/keywords.txt"),
      resolve(projectRoot, "dist/keywords/keywords.txt")
    );
    cpSync(
      resolve(projectRoot, "node_modules/tesseract.js/dist/worker.min.js"),
      resolve(projectRoot, "dist/tesseract-worker.js")
    );
    cpSync(
      resolve(projectRoot, "node_modules/tesseract.js-core/tesseract-core-simd-lstm.wasm.js"),
      resolve(projectRoot, "dist/tesseract-core.wasm.js")
    );
    cpSync(
      resolve(projectRoot, "node_modules/tesseract.js-core/tesseract-core-simd-lstm.wasm"),
      resolve(projectRoot, "dist/tesseract-core.wasm")
    );
    cpSync(
      resolve(projectRoot, "src/styles/judolss.jpeg"),
      resolve(projectRoot, "dist/judolss.jpeg")
    );
  },
};

const popupConfig: UserConfig = {
  plugins: [copyKeywordsPlugin],
  build: {
    outDir: "dist",
    emptyOutDir: true,
    rollupOptions: {
      input: {
        popup: resolve(projectRoot, "src/popup/popup.html"),
      },
      output: {
        entryFileNames: "[name].js",
        chunkFileNames: "chunks/[name]-[hash].js",
        assetFileNames,
      },
    },
  },
};

const backgroundConfig: UserConfig = {
  publicDir: false,
  build: {
    outDir: "dist",
    emptyOutDir: false,
    lib: {
      entry: resolve(projectRoot, "src/main.ts"),
      formats: ["es"],
      fileName: () => "main.js",
    },
    rollupOptions: {
      output: {
        assetFileNames,
      },
    },
  },
};

const contentScriptConfig: UserConfig = {
  publicDir: false,
  build: {
    outDir: "dist",
    emptyOutDir: false,
    cssCodeSplit: true,
    lib: {
      entry: resolve(projectRoot, "src/content/contentScript.ts"),
      name: "JudolDetectorContentScript",
      formats: ["iife"],
      fileName: () => "contentScript.js",
    },
    rollupOptions: {
      output: {
        assetFileNames,
        inlineDynamicImports: true,
      },
    },
  },
};

export default defineConfig(({ mode }) => {
  switch (mode) {
    case "background":
      return backgroundConfig;
    case "content":
      return contentScriptConfig;
    case "popup":
    case "production":
    default:
      return popupConfig;
  }
});