66 lines
2.1 KiB
Python
66 lines
2.1 KiB
Python
import asyncio
|
|
from datetime import datetime
|
|
|
|
from quart import Quart
|
|
|
|
from datastar_py.quart import make_datastar_response, ServerSentEventGenerator
|
|
|
|
app = Quart(__name__)
|
|
|
|
HTML = """\
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>DATASTAR on Quart</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar/bundles/datastar.js"></script>
|
|
<style>
|
|
html, body { height: 100%; width: 100%; }
|
|
body { background-image: linear-gradient(to right bottom, oklch(0.424958 0.052808 253.972015), oklch(0.189627 0.038744 264.832977)); }
|
|
.container { display: grid; place-content: center; }
|
|
.time { padding: 2rem; border-radius: 8px; margin-top: 3rem; font-family: monospace, sans-serif; background-color: oklch(0.916374 0.034554 90.5157); color: oklch(0.265104 0.006243 0.522862 / 0.6); font-weight: 600; }
|
|
</style>
|
|
</head>
|
|
<body
|
|
data-signals="{currentTime: 'CURRENT_TIME'}"
|
|
>
|
|
<div class="container">
|
|
<div
|
|
class="time"
|
|
data-on-load="@get('/updates')"
|
|
>
|
|
Current time from fragment: <span id="currentTime">CURRENT_TIME</span>
|
|
</div>
|
|
<div
|
|
class="time"
|
|
>
|
|
Current time from signal: <span data-text="$currentTime">CURRENT_TIME</span>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
"""
|
|
|
|
|
|
@app.route("/updates")
|
|
async def updates():
|
|
async def time_updates():
|
|
while True:
|
|
yield ServerSentEventGenerator.merge_fragments(
|
|
f"""<span id="currentTime">{datetime.now().isoformat()}"""
|
|
)
|
|
await asyncio.sleep(1)
|
|
yield ServerSentEventGenerator.merge_signals({"currentTime": f"{datetime.now().isoformat()}"})
|
|
await asyncio.sleep(1)
|
|
|
|
response = await make_datastar_response(time_updates())
|
|
return response
|
|
|
|
|
|
@app.route("/")
|
|
async def hello():
|
|
return HTML.replace("CURRENT_TIME", f"{datetime.isoformat(datetime.now())}")
|
|
|
|
|
|
# app.run()
|