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 '../lib/users.hl'
18. import { followedShowIds } from '../lib/follows.hl'
19. import { cardOf, episodeRowsOf, episodeCode } from '../lib/shows.hl'
20. import { watchesOfUser, watchedSetOf, setWatched, watchClassOf } from '../lib/watches.hl'
21. import { todayStr } from '../lib/util.hl'
23. // ---- pure helpers (static: see the header comment above) ------------------------------------
24. // newest release first, `release` a plain 'YYYY-MM-DD' string; equal releases: the row found LATER first (as the old insertion
25. // 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:
26. // 1,287 rows on the creator's data = 0.8 M element copies per page, and since Hybriel 8efba065 every copy also feeds the
27. // byte-triggered GC — /my/unwatched took 5.7 s). No list sort() (hybriel#1), so hand-written; `&`: no copy of the lists (#48).
28. static mergeByReleaseDesc = (&a, &b) => {
29. out = []
30. let i = 0
31. let j = 0
32. while (i < a.length && j < b.length) {
33. if (a[i].release >= b[j].release) { out.push(a[i]) i = i + 1 } else { out.push(b[j]) j = j + 1 }
34. }
35. while (i < a.length) { out.push(a[i]) i = i + 1 }
36. while (j < b.length) { out.push(b[j]) j = j + 1 }
37. return out
38. }
39. static sortByReleaseDesc = (&rows) => {
40. // runs of one, the found order reversed (ties: later first), merged pairwise until one run is left
41. let runs = []
42. let k = rows.length - 1
43. while (k >= 0) { runs.push([rows[k]]) k = k - 1 }
44. if (runs.length == 0) { return [] }
45. while (runs.length > 1) {
46. let next = []
47. let r = 0
48. while (r + 1 < runs.length) { next.push(mergeByReleaseDesc(runs[r], runs[r + 1])) r = r + 2 }
49. if (r < runs.length) { next.push(runs[r]) }
50. runs = next
51. }
52. return runs[0]
53. }
55. // tracker#30 (mission 025): each followed title's slim cached card + episode rows (shows.hl cardOf / episodeRowsOf, in the
56. // seasonsOfShow/episodesOfSeason order) and the user's cached watched set — no season or episode record is fetched per load
57. static unwatchedRowsOf = (&userId) => {
58. if (userId == null) { return [] }
59. today = todayStr()
60. watched = watchedSetOf(userId)
61. out = []
62. for (sid of followedShowIds(userId)) {
63. let c = cardOf(sid)
64. if (c != null) {
65. for (e of episodeRowsOf(sid)) {
66. let released = e.release != null && e.release <= today
67. if (released && watched['episode:' + e.id] != true) {
68. out.push({
69. id = e.id showTitle = c.titleYear showHref = c.href
70. episodeLabel = episodeCode(e.s, e.e) + ' · ' + e.title
71. release = e.release watchClass = watchClassOf(false)
72. })
73. }
74. }
75. }
76. }
77. return sortByReleaseDesc(out)
78. }
80. // ---- reactive members -----------------------------------------------------------------------
81. session = null
82. userId = userIdOfSession(session)
83. signedIn = userId != null
84. // a plain copy of userId for `rows` (mission 047: session sync, see components/show.hl `me`)
85. me = userId
87. rows = signedIn ? unwatchedRowsOf(me) : []
88. hasRows = rows.length > 0
89. noRows = !hasRows
90. emptyText = signedIn ? 'No unwatched episodes.' : 'Sign in to see the shows you follow.'
92. __title = 'Unwatched — ' + appTitle
94. View {
95. unwatchedPage {
96. h1 { "Unwatched" }
97. if (noRows) { p { class = "muted" emptyText } }
98. if (hasRows) {
99. unwatchedRows {
100. for (row of rows) {
101. unwatchedRow {
102. button { type = "button" class = row.watchClass value = row.id "aria-label" = "mark episode watched"
103. svg { viewBox = "0 0 24 24" width = "22" height = "22" "aria-hidden" = "true"
104. circle { cx = "12" cy = "12" r = "10" }
105. path { d = "M7 12.5 L10.5 16 L17 8.5" }
106. }
107. on click(e) { emit toggleEpisode(row.id) }
108. }
109. a { class = "unwatched-show" href = row.showHref row.showTitle }
110. unwatchedEpisode { row.episodeLabel }
111. unwatchedDate { row.release }
112. }
113. }
114. }
115. }
116. }
117. }
119. // The client only ever ASSIGNS the `rows` the server already rebuilt — never calls the tainted
120. // local helper itself (components/show.hl's own `on toggleEpisode` follows the same shape, and
121. // the same reason: `unwatchedRowsOf` touches mpackdb-backed imports, so it compiles to nothing on
122. // the client, hybriel#115/#116).
123. on toggleEpisode(episodeId) {
124. if (!signedIn) { return null }
125. r = emit server unwatchedToggle('' + episodeId)
126. if (r == null || r.error != null) { return null }
127. rows = r.rows
128. }
130. // ---- the face (the trailing `session` is always the server's: hybriel#16) ----
131. on server unwatchedToggle(episodeId, session) {
132. uid = userIdOfSession(session)
133. if (uid == null) { return { error = 'you are not signed in' } }
134. watchRows = watchesOfUser(uid)
135. ok = setWatched(uid, 'episode', episodeId, watchRows, true)
136. if (!ok) { return { error = 'could not save the watch' } }
137. return { ok = true rows = unwatchedRowsOf(uid) }
138. }