102 lines
3.4 KiB
JavaScript
102 lines
3.4 KiB
JavaScript
#!/usr/bin/env node
|
|
|
|
/**
|
|
* Demo script for Frontend Discovery Integration
|
|
* Shows how the frontend displays primary node information
|
|
*/
|
|
|
|
const http = require('http');
|
|
|
|
const BASE_URL = 'http://localhost:3001';
|
|
|
|
function makeRequest(path, method = 'GET') {
|
|
return new Promise((resolve, reject) => {
|
|
const options = {
|
|
hostname: 'localhost',
|
|
port: 3001,
|
|
path: path,
|
|
method: method,
|
|
headers: {
|
|
'Content-Type': 'application/json'
|
|
}
|
|
};
|
|
|
|
const req = http.request(options, (res) => {
|
|
let data = '';
|
|
|
|
res.on('data', (chunk) => {
|
|
data += chunk;
|
|
});
|
|
|
|
res.on('end', () => {
|
|
try {
|
|
const jsonData = JSON.parse(data);
|
|
resolve({ status: res.statusCode, data: jsonData });
|
|
} catch (error) {
|
|
resolve({ status: res.statusCode, data: data });
|
|
}
|
|
});
|
|
});
|
|
|
|
req.on('error', (error) => {
|
|
reject(error);
|
|
});
|
|
|
|
req.end();
|
|
});
|
|
}
|
|
|
|
async function showFrontendIntegration() {
|
|
console.log('🚀 Frontend Discovery Integration Demo');
|
|
console.log('=====================================');
|
|
console.log('This demo shows how the frontend displays primary node information.');
|
|
console.log('Open http://localhost:3001 in your browser to see the UI.');
|
|
console.log('');
|
|
|
|
try {
|
|
// Check if backend is running
|
|
const healthResponse = await makeRequest('/api/health');
|
|
console.log('✅ Backend is running');
|
|
|
|
// Get discovery information
|
|
const discoveryResponse = await makeRequest('/api/discovery/nodes');
|
|
console.log('\n📡 Discovery Status:');
|
|
console.log(` Primary Node: ${discoveryResponse.data.primaryNode || 'None'}`);
|
|
console.log(` Total Nodes: ${discoveryResponse.data.totalNodes}`);
|
|
console.log(` Client Initialized: ${discoveryResponse.data.clientInitialized}`);
|
|
|
|
if (discoveryResponse.data.nodes.length > 0) {
|
|
console.log('\n🌐 Discovered Nodes:');
|
|
discoveryResponse.data.nodes.forEach((node, index) => {
|
|
console.log(` ${index + 1}. ${node.ip}:${node.port} (${node.isPrimary ? 'PRIMARY' : 'secondary'})`);
|
|
console.log(` Last Seen: ${node.lastSeen}`);
|
|
});
|
|
}
|
|
|
|
console.log('\n🎯 Frontend Display:');
|
|
console.log(' The frontend will show:');
|
|
if (discoveryResponse.data.primaryNode) {
|
|
const status = discoveryResponse.data.clientInitialized ? '✅' : '⚠️';
|
|
const nodeCount = discoveryResponse.data.totalNodes > 1 ? ` (${discoveryResponse.data.totalNodes} nodes)` : '';
|
|
console.log(` ${status} ${discoveryResponse.data.primaryNode}${nodeCount}`);
|
|
} else if (discoveryResponse.data.totalNodes > 0) {
|
|
const firstNode = discoveryResponse.data.nodes[0];
|
|
console.log(` ⚠️ ${firstNode.ip} (No Primary)`);
|
|
} else {
|
|
console.log(' 🔍 No Nodes Found');
|
|
}
|
|
|
|
console.log('\n💡 To test the frontend:');
|
|
console.log(' 1. Open http://localhost:3001 in your browser');
|
|
console.log(' 2. Look at the cluster header for primary node info');
|
|
console.log(' 3. Send discovery messages: npm run test-discovery broadcast');
|
|
console.log(' 4. Watch the primary node display update in real-time');
|
|
|
|
} catch (error) {
|
|
console.error('❌ Error:', error.message);
|
|
console.log('\n💡 Make sure the backend is running: npm start');
|
|
}
|
|
}
|
|
|
|
// Run the demo
|
|
showFrontendIntegration().catch(console.error);
|