feat: migrate to vite twd plugin

Author: kevinccbsg

package-lock.json

@@ -32,8 +32,7 @@
     "react-router": "^7.14.2",
     "tailwind-merge": "^3.5.0",
     "tailwindcss": "^4.2.4",
-    "tw-animate-css": "^1.4.0",
-    "twd-js": "^1.7.2"
+    "tw-animate-css": "^1.4.0"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
@@ -53,6 +52,7 @@
     "jsdom": "^29.1.0",
     "npm-run-all": "^4.1.5",
     "nyc": "^18.0.0",
+    "twd-js": "^1.8.0-beta.0",
     "twd-relay": "^1.1.1",
     "typescript": "~6.0.3",
     "typescript-eslint": "^8.59.1",

package.json

@@ -5,9 +5,6 @@ import { RouterProvider } from "react-router";
 import router from './AppRoutes';
 
 if (import.meta.env.DEV) {
-  const { initTWD } = await import('twd-js/bundled');
-  const tests = import.meta.glob("./**/*.twd.test.ts")
-  initTWD(tests);
   const { createBrowserClient } = await import('twd-relay/browser');
   const client = createBrowserClient();
   client.connect();

public/mock-sw.js

@@ -6,12 +6,17 @@ import react from '@vitejs/plugin-react'
 // add plugin for code coverage
 import istanbul from 'vite-plugin-istanbul';
 import { twdRemote } from 'twd-relay/vite';
+import { twd } from 'twd-js/vite-plugin';
 
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [
     react(),
     tailwindcss(),
+    twd({
+      testFilePattern: '/**/*.twd.test.ts',
+      search: true,
+    }),
     // configure istanbul plugin
     istanbul({
       include: 'src/**/*',