ryan/via
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 12 Wiki Activity

refactor: move document head includes out of via configuration into their own append funcs; update examples

Browse Source
This commit is contained in:
Joao Goncalves
2025-11-09 03:17:03 -01:00
parent 5c80a934e9
commit 9f9e4eb568
7 changed files with 72 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
internal/examples/livereload/livereload.go
View File

@@ -16,42 +16,39 @@ func LiveReloadPlugin(v *via.V) {
<-r.Context().Done()
})
}
func liveReloadScript() h.H {
return h.Script(h.Raw(`
if (window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1') {
const evtSource = new EventSource('/dev/reload');
let overlay = null;
let showTimer = null;
evtSource.onerror = () => {
evtSource.close();
showTimer = setTimeout(() => {
if (!overlay) {
overlay = document.createElement('div');
overlay.style.cssText = 'position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(200, 200, 200, 0.95); padding: 20px 40px; border-radius: 8px; color: #333; font-size: 24px; z-index: 999999; font-family: -apple-system, sans-serif;';
overlay.textContent = '🔌 Reconnecting...';
document.body.appendChild(overlay);
}
}, 1000);
(async function poll() {
for (let i = 0; i < 100; i++) {
try {
const res = await fetch('/', { method: 'HEAD', signal: AbortSignal.timeout(1000) });
if (res.ok) {
clearTimeout(showTimer);
if (overlay) overlay.remove();
location.reload();
return;
}
} catch (e) {}
await new Promise(r => setTimeout(r, 50));
}
})();
};
}
`))
v.AppendToFoot(h.Script(h.Raw(`
if (window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1') {
const evtSource = new EventSource('/dev/reload');
let overlay = null;
let showTimer = null;
evtSource.onerror = () => {
evtSource.close();
showTimer = setTimeout(() => {
if (!overlay) {
overlay = document.createElement('div');
overlay.style.cssText = 'position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(200, 200, 200, 0.95); padding: 20px 40px; border-radius: 8px; color: #333; font-size: 24px; z-index: 999999; font-family: -apple-system, sans-serif;';
overlay.textContent = '🔌 Reconnecting...';
document.body.appendChild(overlay);
}
}, 1000);
(async function poll() {
for (let i = 0; i < 100; i++) {
try {
const res = await fetch('/', { method: 'HEAD', signal: AbortSignal.timeout(1000) });
if (res.ok) {
clearTimeout(showTimer);
if (overlay) overlay.remove();
location.reload();
return;
}
} catch (e) {}
await new Promise(r => setTimeout(r, 50));
}
})();
};
}
`)))
}

8
internal/examples/livereload/main.go
View File

@@ -10,13 +10,9 @@ type Counter struct{ Count int }
func main() {
v := via.New()
LiveReloadPlugin(v)
v.Config(via.Options{
DocumentTitle: "Live Reload",
DocumentHeadIncludes: []h.H{
liveReloadScript(),
},
Plugins: []via.Plugin{LiveReloadPlugin},
})
v.Page("/", func(c *via.Context) {
@@ -29,7 +25,7 @@ func main() {
})
c.View(func() h.H {
return h.Div(h.Class("container"),
return h.Div(
h.H1(h.Text("Live Reload")),
h.P(h.Textf("Count: %d", data.Count)),
h.P(h.Span(h.Text("Step: ")), h.Span(step.Text())),