tracker

4.3 KB

1. // components/myshows.hl — `/my/shows` (tracker.worldapi.org#7): every show the signed-in user follows,
2. // the one followed last on top. Creator's words: "trackers /my/shows that just ists the shows in desc
3. // order i followed them, small poster, title, last episode like s08e35". Each row: the small poster (the
4. // same `/posters/<name>` route + placeholder as the show page, shows.hl `posterUrlOf`: one `/posters/none` URL when the file is missing), the title linking
5. // to `/shows/<slug>`, and the LAST WATCHED episode as `S08E35` — the architect's reading (in the ticket):
6. // the highest season/episode number the user has watched of that show; nothing watched → no episode.
7. //
8. // Read-only page (no check icons, no click), so like /schedule it needs no `on server` face — `rows` is
9. // one server-side render from `session`. Reused (not copied): `followsOfUser` (follows.hl),
10. // `watchesOfUser` (watches.hl), `showById`/`episodeById`/`posterUrlOf`/`episodeCode`/`titleWithYear` (shows.hl).
11. //
12. // COST: only the user's own follows and watches are touched — one fetch per followed show and one fetch
13. // per watched EPISODE (never a scan of all episodes/seasons of a followed show, unlike /unwatched): the
14. // followed shows go into a map first, then each episode watch's episode is fetched once and kept only
15. // if it is higher than that show's current best (measured on a copy of the real data, STATUS.md).
16. parent './main.hl'
17. import { appTitle } from '../project.hl'
18. import { userIdOfSession } from '../users.hl'
19. import { followsOfUser } from '../follows.hl'
20. import { showById, episodeById, posterUrlOf, episodeCode, titleWithYear } from '../shows.hl'
21. import { watchesOfUser } from '../watches.hl'
23. // ---- pure helpers (static: an mpackdb-backed helper must be `static`, hybriel#115/#116) ------
24. // insertion sort, hand-written (no list sort(), hybriel#1) — newest follow first; `at` is epoch ms
25. // (migrated `_createdAt`, or now() for a new follow), a missing one counts as the oldest
26. static insertByFollowDesc = (sorted, row) => {
27. let out = []
28. let inserted = false
29. for (x of sorted) {
30. if (!inserted && row.followedAt >= x.followedAt) { out.push(row) inserted = true }
31. out.push(x)
32. }
33. if (!inserted) { out.push(row) }
34. return out
35. }
37. // show id → the highest watched episode of it { seasonNumber, episodeNumber }, only for shows in `followed`
38. static lastWatchedOf = (userId, followed) => {
39. let best = {}
40. for (w of watchesOfUser(userId)) {
41. if (w.targetType == 'episode' && w.target != null) {
42. let e = episodeById(w.target)
43. if (e != null && e.show != null && followed[e.show] == true && e.seasonNumber != null && e.episodeNumber != null) {
44. let b = best[e.show]
45. if (b == null || e.seasonNumber > b.seasonNumber || (e.seasonNumber == b.seasonNumber && e.episodeNumber > b.episodeNumber)) {
46. best[e.show] = { seasonNumber = e.seasonNumber episodeNumber = e.episodeNumber }
47. }
48. }
49. }
50. }
51. return best
52. }
54. static myShowsRowsOf = (userId) => {
55. if (userId == null) { return [] }
56. let follows = followsOfUser(userId)
57. let followed = {}
58. for (f of follows) { followed[f.show] = true }
59. let last = lastWatchedOf(userId, followed)
60. let out = []
61. for (f of follows) {
62. let show = showById(f.show)
63. if (show != null) {
64. let lw = last[show.id]
65. let hasEpisode = lw != null
66. out = insertByFollowDesc(out, {
67. id = show.id title = titleWithYear(show) href = '/shows/' + show.urlSegment
68. posterUrl = posterUrlOf(show)
69. hasEpisode = hasEpisode
70. episodeLabel = hasEpisode ? episodeCode(lw.seasonNumber, lw.episodeNumber) : ''
71. followedAt = f.at != null ? f.at : 0
72. })
73. }
74. }
75. return out
76. }
78. // ---- reactive members -----------------------------------------------------------------------
79. session = null
80. userId = userIdOfSession(session)
81. signedIn = userId != null
83. rows = signedIn ? myShowsRowsOf(userId) : []
84. hasRows = rows.length > 0
85. noRows = !hasRows
86. emptyText = signedIn ? 'You follow no shows yet.' : 'Sign in to see the shows you follow.'
88. __title = 'My shows — ' + appTitle
90. View {
91. myShowsPage {
92. h1 { "My shows" }
93. if (noRows) { p { class = "muted" emptyText } }
94. if (hasRows) {
95. myShowsRows {
96. for (row of rows) {
97. myShowRow {
98. img { class = "myshow-poster" src = row.posterUrl alt = row.title }
99. a { class = "myshow-title" href = row.href row.title }
100. if (row.hasEpisode) { myShowEpisode { row.episodeLabel } }
101. }
102. }
103. }
104. }
105. }
106. }