tracker

5.9 KB

1. // components/unwatched.hl — `/my/unwatched` (tracker.worldapi.org#5, moved from `/unwatched` in #8): every already-released episode of a
2. // show the signed-in user follows that they have not watched yet, newest release first. Creator's words:
3. // "/unwatched lists all unwatched episodes of shows followed in release date desc order"; "check icon is
4. // a disc with a check in it" — the SAME check icon and watch logic as the show page (step 4), reused
5. // (not copied) from follows.hl/shows.hl/watches.hl: `watchClassOf`, `watchedSet`, `setWatched` come from
6. // watches.hl, the check icon markup/CSS is the same `button.checkicon` shape/class styles.hl already has.
7. //
8. // A ROW ONLY EVER SHOWS AN UNWATCHED EPISODE, so a click always marks it watched (never toggles back,
9. // unlike the show page's checks) and the row leaves the list — the ticket's own test: "click an
10. // episode's check: it disappears from the list."
11. //
12. // ONE FLAT LIST, rebuilt whole server-side on every click — the same proven-safe shape components/show.hl
13. // uses for exactly the same Hybriel reasons (hybriel#86, hybriel#115/#116: a plain member function that
14. // touches an hl:mpackdb-backed import must be `static` and must only ever be called server-side).
15. parent './main.hl'
16. import { appTitle } from '../project.hl'
17. import { userIdOfSession } from '../users.hl'
18. import { followedShowIds } from '../follows.hl'
19. import { showById, seasonsOfShow, episodesOfSeason, episodeCode, titleWithYear, titlePath } from '../shows.hl'
20. import { watchesOfUser, watchedSet, setWatched, watchClassOf } from '../watches.hl'
21. import { now, timestamp } from 'hl:time'
23. // ---- pure helpers (static: see the header comment above) ------------------------------------
24. static todayStr = () => { return timestamp(now()).slice(0, 10) }
26. // newest release first, `release` a plain 'YYYY-MM-DD' string; equal releases: the row found LATER first (as the old insertion
27. // sort did). Mission 070: one merge sort over all rows (n log n) instead of inserting each row into a new list (n² list copies:
28. // 1,287 rows on the creator's data = 0.8 M element copies per page, and since Hybriel 8efba065 every copy also feeds the
29. // byte-triggered GC — /my/unwatched took 5.7 s). No list sort() (hybriel#1), so hand-written; `&`: no copy of the lists (#48).
30. static mergeByReleaseDesc = (&a, &b) => {
31. let out = []
32. let i = 0
33. let j = 0
34. while (i < a.length && j < b.length) {
35. if (a[i].release >= b[j].release) { out.push(a[i]) i = i + 1 } else { out.push(b[j]) j = j + 1 }
36. }
37. while (i < a.length) { out.push(a[i]) i = i + 1 }
38. while (j < b.length) { out.push(b[j]) j = j + 1 }
39. return out
40. }
41. static sortByReleaseDesc = (&rows) => {
42. // runs of one, the found order reversed (ties: later first), merged pairwise until one run is left
43. let runs = []
44. let k = rows.length - 1
45. while (k >= 0) { runs.push([rows[k]]) k = k - 1 }
46. if (runs.length == 0) { return [] }
47. while (runs.length > 1) {
48. let next = []
49. let r = 0
50. while (r + 1 < runs.length) { next.push(mergeByReleaseDesc(runs[r], runs[r + 1])) r = r + 2 }
51. if (r < runs.length) { next.push(runs[r]) }
52. runs = next
53. }
54. return runs[0]
55. }
57. static unwatchedRowsOf = (&userId) => {
58. if (userId == null) { return [] }
59. let today = todayStr()
60. let watched = watchedSet(watchesOfUser(userId))
61. let out = []
62. for (sid of followedShowIds(userId)) {
63. let show = showById(sid)
64. if (show != null) {
65. for (s of seasonsOfShow(show)) {
66. for (e of episodesOfSeason(s)) {
67. let released = e.release != null && e.release <= today
68. if (released && watched['episode:' + e.id] != true) {
69. let title = e.title != null ? e.title : ''
70. out.push({
71. id = e.id showTitle = titleWithYear(show) showHref = titlePath(show)
72. episodeLabel = episodeCode(e.seasonNumber, e.episodeNumber) + ' · ' + title
73. release = e.release watchClass = watchClassOf(false)
74. })
75. }
76. }
77. }
78. }
79. }
80. return sortByReleaseDesc(out)
81. }
83. // ---- reactive members -----------------------------------------------------------------------
84. session = null
85. userId = userIdOfSession(session)
86. signedIn = userId != null
87. // a plain copy of userId for `rows` (mission 047: session sync, see components/show.hl `me`)
88. me = userId
90. rows = signedIn ? unwatchedRowsOf(me) : []
91. hasRows = rows.length > 0
92. noRows = !hasRows
93. emptyText = signedIn ? 'No unwatched episodes.' : 'Sign in to see the shows you follow.'
95. __title = 'Unwatched — ' + appTitle
97. View {
98. unwatchedPage {
99. h1 { "Unwatched" }
100. if (noRows) { p { class = "muted" emptyText } }
101. if (hasRows) {
102. unwatchedRows {
103. for (row of rows) {
104. unwatchedRow {
105. button { type = "button" class = row.watchClass value = row.id "aria-label" = "mark episode watched"
106. svg { viewBox = "0 0 24 24" width = "22" height = "22" "aria-hidden" = "true"
107. circle { cx = "12" cy = "12" r = "10" }
108. path { d = "M7 12.5 L10.5 16 L17 8.5" }
109. }
110. on click(e) { emit toggleEpisode(row.id) }
111. }
112. a { class = "unwatched-show" href = row.showHref row.showTitle }
113. unwatchedEpisode { row.episodeLabel }
114. unwatchedDate { row.release }
115. }
116. }
117. }
118. }
119. }
120. }
122. // The client only ever ASSIGNS the `rows` the server already rebuilt — never calls the tainted
123. // local helper itself (components/show.hl's own `on toggleEpisode` follows the same shape, and
124. // the same reason: `unwatchedRowsOf` touches mpackdb-backed imports, so it compiles to nothing on
125. // the client, hybriel#115/#116).
126. on toggleEpisode(episodeId) {
127. if (!signedIn) { return null }
128. let r = emit server unwatchedToggle('' + episodeId)
129. if (r == null || r.error != null) { return null }
130. rows = r.rows
131. }
133. // ---- the face (the trailing `session` is always the server's: hybriel#16) ----
134. on server unwatchedToggle(episodeId, session) {
135. let uid = userIdOfSession(session)
136. if (uid == null) { return { error = 'you are not signed in' } }
137. let watchRows = watchesOfUser(uid)
138. let ok = setWatched(uid, 'episode', episodeId, watchRows, true)
139. if (!ok) { return { error = 'could not save the watch' } }
140. return { ok = true rows = unwatchedRowsOf(uid) }
141. }