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

No more building CSS

Browse Source
This commit is contained in:
Atridad Lahiji
2025-03-31 03:49:05 -06:00
parent 2560ff159c
commit 0a5d5df468
22 changed files with 1541 additions and 528 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -14,25 +14,26 @@ A demo of my SSE implementation.
{{end}}
{{define "main"}}
<h2 class="text-2xl font-extrabold tracking-tight text-white sm:text-[2rem]">Server Sent Events Demo</h2>
<div class="tool-page">
<h1>Server Sent Events Demo</h1>
<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 hx-ext="sse" sse-connect="/api/sse" sse-swap="message">
Waiting for SSE Message...
</div>
<p class="text-lg">Here you can send messages on the default channel:</p>
<form hx-post="/api/tools/sendsse" hx-trigger="submit" hx-swap="none" class="flex-col flex gap-2">
<div class="label">
<span class="label-text">Message</span>
<p>This page demonstrates the use of the <a href="https://htmx.org/extensions/sse/" class="tool-link">HTMX SSE
Extension</a> to receive Server Sent Events on the "default" channel.</p>
<p>Any events received on the "default" channel will appear below:</p>
<div hx-ext="sse" sse-connect="/api/sse" sse-swap="message" class="sse-message-container">
Waiting for SSE Message...
</div>
<input type="text" name="message" value="Hello world!" placeholder="Enter your message here"
class="input input-bordered input-primary w-full max-w-xs" />
<button type="submit" class="btn btn-primary">Send Event</button>
</form>
<p>Here you can send messages on the default channel:</p>
<form hx-post="/api/tools/sendsse" hx-trigger="submit" hx-swap="none" class="form-group">
<div class="form-group">
<label for="message">Message</label>
<input type="text" id="message" name="message" value="Hello world!" placeholder="Enter your message here" />
</div>
<button type="submit" class="tool-button">Send Event</button>
</form>
</div>
{{end}}
{{define "foot"}}