tracker

6.0 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 { cardOf, episodeRowsOf, episodeCode } from '../shows.hl'
20. import { watchesOfUser, watchedSetOf, 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. // tracker#30 (mission 025): each followed title's slim cached card + episode rows (shows.hl cardOf / episodeRowsOf, in the
58. // seasonsOfShow/episodesOfSeason order) and the user's cached watched set — no season or episode record is fetched per load
59. static unwatchedRowsOf = (&userId) => {
60. if (userId == null) { return [] }
61. let today = todayStr()
62. let watched = watchedSetOf(userId)
63. let out = []
64. for (sid of followedShowIds(userId)) {
65. let c = cardOf(sid)
66. if (c != null) {
67. for (e of episodeRowsOf(sid)) {
68. let released = e.release != null && e.release <= today
69. if (released && watched['episode:' + e.id] != true) {
70. out.push({
71. id = e.id showTitle = c.titleYear showHref = c.href
72. episodeLabel = episodeCode(e.s, e.e) + ' · ' + e.title
73. release = e.release watchClass = watchClassOf(false)
74. })
75. }
76. }
77. }
78. }
79. return sortByReleaseDesc(out)
80. }
82. // ---- reactive members -----------------------------------------------------------------------
83. session = null
84. userId = userIdOfSession(session)
85. signedIn = userId != null
86. // a plain copy of userId for `rows` (mission 047: session sync, see components/show.hl `me`)
87. me = userId
89. rows = signedIn ? unwatchedRowsOf(me) : []
90. hasRows = rows.length > 0
91. noRows = !hasRows
92. emptyText = signedIn ? 'No unwatched episodes.' : 'Sign in to see the shows you follow.'
94. __title = 'Unwatched — ' + appTitle
96. View {
97. unwatchedPage {
98. h1 { "Unwatched" }
99. if (noRows) { p { class = "muted" emptyText } }
100. if (hasRows) {
101. unwatchedRows {
102. for (row of rows) {
103. unwatchedRow {
104. button { type = "button" class = row.watchClass value = row.id "aria-label" = "mark episode watched"
105. svg { viewBox = "0 0 24 24" width = "22" height = "22" "aria-hidden" = "true"
106. circle { cx = "12" cy = "12" r = "10" }
107. path { d = "M7 12.5 L10.5 16 L17 8.5" }
108. }
109. on click(e) { emit toggleEpisode(row.id) }
110. }
111. a { class = "unwatched-show" href = row.showHref row.showTitle }
112. unwatchedEpisode { row.episodeLabel }
113. unwatchedDate { row.release }
114. }
115. }
116. }
117. }
118. }
119. }
121. // The client only ever ASSIGNS the `rows` the server already rebuilt — never calls the tainted
122. // local helper itself (components/show.hl's own `on toggleEpisode` follows the same shape, and
123. // the same reason: `unwatchedRowsOf` touches mpackdb-backed imports, so it compiles to nothing on
124. // the client, hybriel#115/#116).
125. on toggleEpisode(episodeId) {
126. if (!signedIn) { return null }
127. let r = emit server unwatchedToggle('' + episodeId)
128. if (r == null || r.error != null) { return null }
129. rows = r.rows
130. }
132. // ---- the face (the trailing `session` is always the server's: hybriel#16) ----
133. on server unwatchedToggle(episodeId, session) {
134. let uid = userIdOfSession(session)
135. if (uid == null) { return { error = 'you are not signed in' } }
136. let watchRows = watchesOfUser(uid)
137. let ok = setWatched(uid, 'episode', episodeId, watchRows, true)
138. if (!ok) { return { error = 'could not save the watch' } }
139. return { ok = true rows = unwatchedRowsOf(uid) }
140. }