chore(example): update chat example

Author: NathanFlurry

examples/chat-room/README.md

@@ -32,18 +32,13 @@ npm run dev
 Open your browser to `http://localhost:3000` to use the web chat interface.
 
 #### CLI Interface
+
 Alternatively, use the CLI interface:
 
 ```sh
 npm run dev:cli
 ```
 
-Or connect programmatically:
-
-```sh
-tsx src/scripts/connect.ts
-```
-
 ## Features
 
 - Real-time messaging with automatic persistence
@@ -54,4 +49,4 @@ tsx src/scripts/connect.ts
 
 ## License
 
-Apache 2.0
+Apache 2.0

examples/chat-room/package.json

@@ -19,16 +19,16 @@
     "@vitejs/plugin-react": "^4.2.0",
     "concurrently": "^8.2.2",
     "prompts": "^2.4.2",
-    "rivetkit": "workspace:*",
     "tsx": "^3.12.7",
     "typescript": "^5.5.2",
     "vite": "^5.0.0",
-    "vitest": "^3.1.1"
-  },
-  "dependencies": {
+    "vitest": "^3.1.1",
     "@rivetkit/react": "workspace:*",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
+  "dependencies": {
+    "rivetkit": "workspace:*"
+  },
   "stableVersion": "0.8.0"
 }

examples/chat-room/src/backend/server.ts

@@ -3,5 +3,6 @@ import { registry } from "./registry";
 registry.start({
 	cors: {
 		origin: "http://localhost:5173",
+		credentials: true,
 	},
 });

examples/chat-room/src/frontend/App.tsx

@@ -2,7 +2,7 @@ import { createClient, createRivetKit } from "@rivetkit/react";
 import { useEffect, useState } from "react";
 import type { Message, registry } from "../backend/registry";
 
-const client = createClient<typeof registry>("http://localhost:8080");
+const client = createClient<typeof registry>("http://localhost:6420");
 const { useActor } = createRivetKit(client);
 
 export function App() {
@@ -97,4 +97,4 @@ export function App() {
 			</div>
 		</div>
 	);
-}
+}

examples/chat-room/src/frontend/main.tsx

@@ -9,4 +9,4 @@ createRoot(root).render(
 	<StrictMode>
 		<App />
 	</StrictMode>
-);
+);

examples/chat-room/src/scripts/cli.ts

@@ -6,7 +6,7 @@ async function main() {
 	const { username, room } = await initPrompt();
 
 	// Create type-aware client
-	const client = createClient<typeof registry>("http://localhost:8080");
+	const client = createClient<typeof registry>("http://localhost:6420");
 
 	// connect to chat room
 	const chatRoom = client.chatRoom.getOrCreate([room]).connect();

examples/chat-room/src/scripts/connect.ts

@@ -4,4 +4,7 @@ import { defineConfig } from "vite";
 export default defineConfig({
 	plugins: [react()],
 	root: "src/frontend",
+	server: {
+		port: 5173,
+	},
 });

examples/chat-room/vite.config.ts

@@ -3,8 +3,11 @@ import type { ExecutionContext } from "hono";
 import invariant from "invariant";
 import type { ActorKey, ActorRouter, Registry, RunConfig } from "rivetkit";
 import { createActorRouter, createClientWithDriver } from "rivetkit";
-import type { ActorDriver, ManagerDriver } from "rivetkit/driver-helpers";
-import { serializeEmptyPersistData } from "rivetkit/driver-helpers";
+import {
+	type ManagerDriver,
+	type ActorDriver,
+	serializeEmptyPersistData,
+} from "rivetkit/driver-helpers";
 import { promiseWithResolvers } from "rivetkit/utils";
 import {
 	CloudflareDurableObjectGlobalState,
@@ -60,8 +63,7 @@ export function createActorDurableObject(
 	 */
 	return class ActorHandler
 		extends DurableObject<Bindings>
-		implements ActorHandlerInterface
-	{
+		implements ActorHandlerInterface {
 		#initialized?: InitializedData;
 		#initializedPromise?: ReturnType<typeof promiseWithResolvers<void>>;