feat: add twd relay

Author: kevinccbsg

package-lock.json

@@ -8,7 +8,8 @@
     "watch": "ng build --watch --configuration development",
     "test": "ng test",
     "serve": "json-server --watch data/data.json --routes data/routes.json --port 3001",
-    "serve:dev": "npm-run-all --parallel serve start"
+    "serve:dev": "npm-run-all --parallel serve start",
+    "relay": "npx twd-relay --port 9876"
   },
   "prettier": {
     "printWidth": 100,
@@ -45,7 +46,8 @@
     "npm-run-all": "^4.1.5",
     "postcss": "^8.5.6",
     "tailwindcss": "^4.1.18",
-    "twd-js": "^1.4.3",
+    "twd-js": "^1.5.0",
+    "twd-relay": "^0.1.0",
     "typescript": "~5.9.3",
     "vitest": "^4.0.16"
   }

package.json

@@ -10,6 +10,11 @@ if (isDevMode()) {
     './twd-tests/todoList.twd.test.ts': () => import('./twd-tests/todoList.twd.test'),
   };
   initTWD(tests);
+  const { createBrowserClient } = await import('twd-relay/browser');
+  const client = createBrowserClient({
+    url: 'ws://localhost:9876/__twd/ws',
+  });
+  client.connect();
 }
 
 bootstrapApplication(App, appConfig)