ident

1.9 KB

1. // components/main.hl — THE SHELL: the application header and the slot the page renders
2. // into. All CSS is in components/styles.hl.
3. import { siteName } from '../project.hl'
5. slot = null
6. // OFFLINE (mission 046): true while the shell's probe cannot reach ident (the header says so)
7. noNetwork = false
9. View {
10. body {
11. applicationHeader {
12. a { class = "brand" href = "/" siteName }
13. span { class = "tagline" "worldapi login" }
14. nav {
15. a { id = "navidentities" href = "/" "Identities" }
16. a { id = "navinbox" href = "/inbox" "Inbox" }
17. a { id = "navapps" href = "/apps" "Apps" }
18. }
19. if (noNetwork) { offlineNote { id = "offline" "Offline — ident needs the network to sign in and to save" } }
20. }
21. // THE NETWORK PROBE: a CSS animation (components/styles.hl `ident-net-probe`) starts half a second
22. // after the page is up and repeats every 20 s; each start and repeat asks /api/online.
23. // A View has no "mounted" event, and a probe that fired before the page is hydrated
24. // would be lost, so the delayed animation is the trigger. No JavaScript of ours.
25. netProbe { on animationstart(e) { emit probe(e) } on animationiteration(e) { emit probe(e) } }
26. main { slot }
27. script { src = "/avatar.js" }
28. }
29. }
31. // the probe: no answer (or not ident's 204) = offline; the next repeat clears it again.
32. // On `/start` (the installed app's start page, start.hl) an answer means: go on to `/`.
33. on probe(e) {
34. r = window.__hlAttempt(() => { return fetch('/api/online', { cache = 'no-store' }) })
35. noNetwork = !r.ok || r.value.status != 204
36. if (!noNetwork && window.location.pathname == '/start') { window.location.replace('/') }
37. }
39. // "SIGN OUT EVERYWHERE" from another device or tab (home.hl signOutAll): the server pushes
40. // this to every open page of the account (project.hl audience), which reloads into the
41. // signed-out state at once — no click needed.
42. on client signedOutAll(accountId) {
43. window.location.reload()
44. }