51 lines
1.6 KiB
PHP
51 lines
1.6 KiB
PHP
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<title>Reverb Test</title>
|
||
|
|
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<h1>Reverb Connection Test</h1>
|
||
|
|
<div id="status">Waiting for Echo...</div>
|
||
|
|
<div id="messages"></div>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
const status = document.getElementById('status');
|
||
|
|
const messages = document.getElementById('messages');
|
||
|
|
|
||
|
|
// Wait for Echo to be ready
|
||
|
|
function checkEcho() {
|
||
|
|
console.log('Checking Echo:', window.Echo);
|
||
|
|
|
||
|
|
if (window.Echo && window.Echo !== null) {
|
||
|
|
status.textContent = 'Echo ready, connecting...';
|
||
|
|
status.style.color = 'blue';
|
||
|
|
|
||
|
|
try {
|
||
|
|
window.Echo.channel('test-channel')
|
||
|
|
.listen('test.message', (e) => {
|
||
|
|
console.log('Received message:', e);
|
||
|
|
messages.innerHTML += `<p>Received: ${e.message}</p>`;
|
||
|
|
});
|
||
|
|
|
||
|
|
status.textContent = 'Connected to Reverb!';
|
||
|
|
status.style.color = 'green';
|
||
|
|
} catch (error) {
|
||
|
|
status.textContent = `Connection failed: ${error.message}`;
|
||
|
|
status.style.color = 'red';
|
||
|
|
console.error('Echo error:', error);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
setTimeout(checkEcho, 100); // Check again in 100ms
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Start checking after DOM loads
|
||
|
|
document.addEventListener('DOMContentLoaded', checkEcho);
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|