feat(app): integrated replaceCode plugin

app/extension/chrome/package.json

@@ -48,7 +48,6 @@
     "unocss": "^0.52.7",
     "unplugin-auto-import": "^0.16.4",
     "unplugin-vue-components": "^0.25.0",
-    "vite-plugin-replace": "0.1.1",
     "vue": "^3.3.4",
     "ws": "^8.13.0"
   }

app/extension/chrome/plugins/replaceCode.ts

@@ -0,0 +1,59 @@
+import type { Plugin } from "vite";
+
+// https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/String/replace
+interface ViteReplacement {
+  from: string | RegExp;
+  to: string | Function;
+}
+
+export interface VitePluginReplaceConfig {
+  replacements: ViteReplacement[];
+}
+
+function execSrcReplacements(src: string, replacements: ViteReplacement[]) {
+  replacements.forEach((replacement) => {
+    if (
+      (typeof replacement.from === "string" ||
+        replacement.from instanceof RegExp) === false
+    ) {
+      throw new Error(
+        `[vite-plugin-replace]: The replacement option 'from' is not of type 'string' or 'RegExp'.`
+      );
+    } else if (
+      (typeof replacement.to === "string" ||
+        replacement.to instanceof Function) === false
+    ) {
+      throw new Error(
+        `[vite-plugin-replace]: The replacement option 'to' is not of type 'string' or 'Function'`
+      );
+    } else {
+      src = src.replace(replacement.from, replacement.to as string); // W3C - Function is allowed!
+    }
+  });
+  return src;
+}
+
+export function replaceCodePlugin(config: VitePluginReplaceConfig): Plugin {
+  if (config === undefined) {
+    config = {
+      replacements: [],
+    };
+  } else if ((typeof config === "object" || config !== null) === false) {
+    throw new Error(
+      `[vite-plugin-replace]: The configuration is not of type 'Object'.`
+    );
+  } else if (Array.isArray(config.replacements) === false) {
+    throw new Error(
+      `[vite-plugin-replace]: The configuration option 'replacement' is not of type 'Array'.`
+    );
+  }
+  return {
+    name: "transform-file",
+    transform(src) {
+      return {
+        code: execSrcReplacements(src, config.replacements),
+        map: null,
+      };
+    },
+  };
+}

app/extension/chrome/vite.content.config.ts

@@ -1,10 +1,10 @@
 import { defineConfig } from 'vite'
-import { replaceCodePlugin } from 'vite-plugin-replace'
 import AutoImport from 'unplugin-auto-import/vite'
 import Components from 'unplugin-vue-components/vite'
 import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
 import { commonConfig, plugins, r } from './vite.config'
 import { __DEV__, outputDir } from './const'
+import { replaceCodePlugin } from './plugins/replaceCode'
 
 // bundling the content script
 export default defineConfig({