gitoria

5.2 KB

1. // components/main.hl — THE SHELL: the application header (brand; top right the login: ident's
2. // "Log in with ident" button, or who you are + Log out), the display-name prompt of a first login,
3. // and the slot every page renders into. All CSS is in styles.hl.
4. // THE SELECTOR (gitoria#14): `<ident-selector key=IDENT_API_KEY>` from <ident>/selector.js, as in tickets.
5. // Choosing an identity fires `ident-login` (one-time code); /login.js hands it to the hidden input
6. // #identcode, whose `change` goes to the face gitoriaLogin (server-side exchange, no reload). The element's
7. // class is `in` / `out`; /login.js mirrors it into the selector's `loggedIn`. ident only answers a REGISTERED
8. // origin (the main address), so on a repo address (the request's host, `host = null`, hybriel#74) the selector
9. // carries the class `onrepo` and styles.hl hides it — the button stays there.
10. // LOGIN: a plain link to <ident>/login?key=&return=<public url>/login/callback (project.hl
11. // loginCallback); /login.js adds `?next=<this page>` at the click so the login returns here.
12. // FIRST LOGIN: no display name yet → the name prompt; creating a repo waits for it.
13. import { siteName } from '../project.hl'
14. import { identKey, selectorScript, loginHref, infoOfSession, exchangeCode, ensureUser, userInfo, setUserName, userOfSession, slugOfHost } from '../users.hl'
15. import { randomBytes } from 'hl:crypto'
17. slot = null
18. session = null
19. host = null
21. me = infoOfSession(session)
22. loggedIn = me != null
23. loggedOut = me == null
24. needsName = me != null && !me.named
25. myName = me != null && me.named ? me.name : 'you'
26. buttonHref = loginHref
27. onRepoHost = slugOfHost(host) != ''
28. selectorClass = (me != null ? 'in' : 'out') + (onRepoHost ? ' onrepo' : '')
29. selectorKey = identKey
30. identScript = selectorScript
31. loginError = ''
32. hasLoginError = false
33. nameDraft = ''
34. nameError = ''
36. View {
37. body {
38. applicationHeader {
39. a { class = "brand" href = "/" siteName }
40. userBox { id = "userbox"
41. identSelector { id = "selector" key = selectorKey class = selectorClass }
42. if (loggedIn) {
43. span { id = "whoami" myName }
44. button { id = "logout" type = "button" class = "quiet" "Log out" on click(e) { emit doLogout(e) } }
45. }
46. if (loggedOut) {
47. a { id = "loginbutton" class = "button" href = buttonHref "Log in with ident" }
48. }
49. input { id = "identcode" type = "hidden" on change(e) { emit gotCode(e) } }
50. }
51. }
52. if (hasLoginError) { p { id = "loginerror" class = "message banner" loginError } }
53. if (needsName) {
54. namePrompt {
55. form { id = "nameform"
56. on submit(e) {
57. e.preventDefault()
58. emit saveName(e)
59. }
60. label { "Welcome! Choose the display name others see as the owner of your repositories"
61. input { id = "displayname" name = "displayname" required = "required" maxlength = "60" value = nameDraft on input(e) { emit setNameDraft(e.target.value) } }
62. }
63. button { id = "namesave" type = "submit" "Save" }
64. p { id = "nameerror" class = "message" nameError }
65. }
66. }
67. }
68. main { slot }
69. script { src = identScript }
70. script { src = "/login.js" }
71. }
72. }
74. showMe = (info) => {
75. loggedIn = true
76. loggedOut = false
77. needsName = !info.named
78. myName = info.named ? info.name : 'you'
79. selectorClass = onRepoHost ? 'in onrepo' : 'in'
80. loginError = ''
81. hasLoginError = false
82. }
83. showOut = () => {
84. loggedIn = false
85. loggedOut = true
86. needsName = false
87. myName = 'you'
88. selectorClass = onRepoHost ? 'out onrepo' : 'out'
89. }
91. // the selector's code (via /login.js and the hidden input) → the server exchanges it
92. on gotCode(e) {
93. let code = e.target.value
94. e.target.value = ''
95. if (code == null || code == '') { return null }
96. let r = emit server gitoriaLogin(code)
97. if (r == null || r.error != null) {
98. loginError = r != null ? r.error : 'the login failed'
99. hasLoginError = true
100. return null
101. }
102. showMe(r)
103. }
105. on client gitoriaSignedIn(tag, info) { showMe(info) }
106. on client gitoriaSignedOut(tag) { showOut() }
108. on setNameDraft(v) { nameDraft = v }
110. on saveName(e) {
111. let r = emit server gitoriaSaveName(nameDraft)
112. if (r == null || r.error != null) {
113. nameError = r != null ? r.error : 'could not save the name'
114. return null
115. }
116. nameError = ''
117. showMe(r)
118. }
120. on doLogout(e) {
121. emit server gitoriaLogOut()
122. showOut()
123. }
125. // ---- the faces (the trailing `session` is always the server's: hybriel #16) ----
126. on server gitoriaLogin(code, session) {
127. if (session == null) { return { error = 'no session — reload the page' } }
128. let x = exchangeCode(code)
129. if (x.error != null) { return { error = x.error } }
130. let u = ensureUser(x.identity)
131. if (u == null) { return { error = 'could not store the user' } }
132. let tag = randomBytes(16)
133. session.user = { id = u.id }
134. session.data.tag = tag
135. let info = userInfo(u)
136. emit client gitoriaSignedIn(tag, info)
137. return info
138. }
140. on server gitoriaSaveName(name, session) {
141. let u = userOfSession(session)
142. if (u == null) { return { error = 'log in with ident first' } }
143. let r = setUserName(u.id, name)
144. if (r.error != null) { return { error = r.error } }
145. let info = userInfo(r.user)
146. emit client gitoriaSignedIn(session.data.tag, info)
147. return info
148. }
150. on server gitoriaLogOut(session) {
151. if (session == null) { return { error = 'no session' } }
152. emit client gitoriaSignedOut(session.data.tag)
153. session.user = null
154. return { ok = true }
155. }