atridad/atridotdad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

jk

Browse Source
This commit is contained in:
Atridad Lahiji
2025-03-24 01:30:59 -06:00
parent 497abfe83f
commit 2560ff159c
2 changed files with 10 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
pages/templates/tools.ssedemo.html
View File

@ -19,7 +19,7 @@ A demo of my SSE implementation.
<p class="text-lg">This page demonstrates the use of the <a href="https://htmx.org/extensions/sse/">HTMX SSE
Extension</a> to receive Server Sent Events on the "default" channel.</p>
<p class="text-lg">Any events received on the "default" channel will appear below:</p>
<div id="sse-target" hx-ext="sse" sse-connect="/api/sse" sse-swap="message">
<div hx-ext="sse" sse-connect="/api/sse" sse-swap="message">
Waiting for SSE Message...
</div>
@ -37,26 +37,4 @@ A demo of my SSE implementation.
{{define "foot"}}
<script src="/public/js/htmx.sse.js"></script>
<script>
// Custom EventSource factory with better retry handling
htmx.createEventSource = function(url) {
console.log("Creating EventSource for:", url);
// Create EventSource with credentials
const source = new EventSource(url, { withCredentials: true });
// Log connection state changes
source.onopen = function() {
console.log("SSE connection opened successfully");
document.getElementById('sse-target').innerHTML = "Connected to SSE. Waiting for messages...";
};
source.onerror = function(err) {
console.error("SSE connection error:", err);
document.getElementById('sse-target').innerHTML = "Connection error. Retrying...";
};
return source;
};
</script>
{{end}}