Update demo to use integrated RondevuAPI

- 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>
This commit is contained in:
2025-11-12 21:52:20 +01:00
parent ee440b083d
commit 6538b5a18f
2 changed files with 8 additions and 9 deletions

View File

@@ -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

View File

@@ -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) {