feat: add twd relay

Author: kevinccbsg

package-lock.json

@@ -36,7 +36,7 @@
     "tailwind-merge": "^3.2.0",
     "tailwindcss": "^4.1.4",
     "tw-animate-css": "^1.2.5",
-    "twd-js": "^1.4.3",
+    "twd-js": "^1.5.0",
     "zustand": "^5.0.3"
   },
   "devDependencies": {
@@ -58,6 +58,7 @@
     "npm-run-all": "^4.1.5",
     "nyc": "^17.1.0",
     "puppeteer": "^24.29.1",
+    "twd-relay": "^0.1.0",
     "typescript": "~5.7.2",
     "typescript-eslint": "^8.26.1",
     "vite": "^6.3.1",

package.json

@@ -8,6 +8,9 @@ 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();
 }
 
 createRoot(document.getElementById('root')!).render(

src/main.tsx

@@ -1,10 +1,11 @@
 /// <reference types="vitest" />
 import path from "path"
 import tailwindcss from "@tailwindcss/vite"
-import { defineConfig } from 'vite'
+import { defineConfig, PluginOption } from 'vite'
 import react from '@vitejs/plugin-react'
 // add plugin for code coverage
 import istanbul from 'vite-plugin-istanbul';
+import { twdRemote } from 'twd-relay/vite';
 
 // https://vite.dev/config/
 export default defineConfig({
@@ -18,6 +19,7 @@ export default defineConfig({
       extension: ['.ts', '.tsx'],
       requireEnv: process.env.CI ? true : false,
     }),
+    twdRemote() as PluginOption,
   ],
   resolve: {
     alias: {