From 6538b5a18fd360619be041c937d74ac9d2415138 Mon Sep 17 00:00:00 2001
From: Bas van den Aakster <bvdaakster@gmail.com>
Date: Wed, 12 Nov 2025 21:52:20 +0100
Subject: [PATCH] Update demo to use integrated RondevuAPI
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Removed separate RondevuClient instantiation
- Updated to use rdv.api for all API calls (getVersion, listTopics, listSessions)
- Updated README example to show integrated API usage

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 README.md   |  5 ++++-
 src/App.jsx | 12 ++++--------
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index 89f15ca..9aff077 100644
--- a/README.md
+++ b/README.md
@@ -128,9 +128,12 @@ This demo connects to: `https://rondevu.xtrdev.workers.dev`
 To use a different server, modify the `baseUrl` in `src/main.js`:
 
 ```javascript
-const client = new RondevuClient({
+const rdv = new Rondevu({
   baseUrl: 'https://your-server.com'
 });
+
+// Access the API for low-level operations
+rdv.api.listTopics();
 ```
 
 ### Technologies
diff --git a/src/App.jsx b/src/App.jsx
index c89880c..be1fac3 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,5 +1,5 @@
 import { useState, useEffect, useRef } from 'react';
-import { Rondevu, RondevuClient } from '@xtr-dev/rondevu-client';
+import { Rondevu } from '@xtr-dev/rondevu-client';
 import QRCode from 'qrcode';
 import Header from './components/Header';
 import ActionSelector from './components/ActionSelector';
@@ -22,10 +22,6 @@ const rdv = new Rondevu({
   }
 });
 
-const client = new RondevuClient({
-  baseUrl: 'https://rondevu.xtrdev.workers.dev'
-});
-
 // Generate a random 6-digit string
 function generateConnectionId() {
   const chars = '23456789abcdefghjkmnopqrstuvwxyzABCDEFGHJKMNPQRSTUVWXYZ';
@@ -86,7 +82,7 @@ function App() {
 
     // Get server version from API
     try {
-      const { version } = await client.getVersion();
+      const { version } = await rdv.api.getVersion();
       setServerVersion(version);
     } catch (error) {
       log(`Error loading server version: ${error.message}`, 'error');
@@ -95,7 +91,7 @@ function App() {
 
   const loadTopics = async () => {
     try {
-      const { topics } = await client.listTopics();
+      const { topics } = await rdv.api.listTopics();
       setTopics(topics);
     } catch (error) {
       log(`Error loading topics: ${error.message}`, 'error');
@@ -104,7 +100,7 @@ function App() {
 
   const discoverPeers = async (topicName) => {
     try {
-      const { sessions: foundSessions } = await client.listSessions(topicName);
+      const { sessions: foundSessions } = await rdv.api.listSessions(topicName);
       const otherSessions = foundSessions.filter(s => s.peerId !== rdv.peerId);
       setSessions(otherSessions);
     } catch (error) {