tracker

4.2 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`. Since #13 SERIES only — the movies a user follows are /my/movies
10. // (components/mymovies.hl). Reused (not copied): `followsOfUser`, `insertByFollowDesc` (follows.hl),
11. // `watchesOfUser` (watches.hl), `showById`/`episodeById`/`posterUrlOf`/`episodeCode`/`titleWithYear` (shows.hl).
12. //
13. // COST: only the user's own follows and watches are touched — one fetch per followed show and one fetch
14. // per watched EPISODE (never a scan of all episodes/seasons of a followed show, unlike /unwatched): the
15. // followed shows go into a map first, then each episode watch's episode is fetched once and kept only
16. // if it is higher than that show's current best (measured on a copy of the real data, STATUS.md).
17. parent './main.hl'
18. import { appTitle } from '../project.hl'
19. import { userIdOfSession } from '../users.hl'
20. import { followsOfUser, insertByFollowDesc } from '../follows.hl'
21. import { showById, episodeById, posterUrlOf, episodeCode, titleWithYear } from '../shows.hl'
22. import { watchesOfUser } from '../watches.hl'
24. // ---- pure helpers (static: an mpackdb-backed helper must be `static`, hybriel#115/#116) ------
25. // show id → the highest watched episode of it { seasonNumber, episodeNumber }, only for shows in `followed`
26. static lastWatchedOf = (userId, followed) => {
27. let best = {}
28. for (w of watchesOfUser(userId)) {
29. if (w.targetType == 'episode' && w.target != null) {
30. let e = episodeById(w.target)
31. if (e != null && e.show != null && followed[e.show] == true && e.seasonNumber != null && e.episodeNumber != null) {
32. let b = best[e.show]
33. if (b == null || e.seasonNumber > b.seasonNumber || (e.seasonNumber == b.seasonNumber && e.episodeNumber > b.episodeNumber)) {
34. best[e.show] = { seasonNumber = e.seasonNumber episodeNumber = e.episodeNumber }
35. }
36. }
37. }
38. }
39. return best
40. }
42. static myShowsRowsOf = (userId) => {
43. if (userId == null) { return [] }
44. let follows = followsOfUser(userId)
45. let followed = {}
46. for (f of follows) { followed[f.show] = true }
47. let last = lastWatchedOf(userId, followed)
48. let out = []
49. for (f of follows) {
50. let show = showById(f.show)
51. // tracker.worldapi.org#13: movies have their own list, /my/movies
52. if (show != null && show.type != 'movie') {
53. let lw = last[show.id]
54. let hasEpisode = lw != null
55. out = insertByFollowDesc(out, {
56. id = show.id title = titleWithYear(show) href = '/shows/' + show.urlSegment
57. posterUrl = posterUrlOf(show)
58. hasEpisode = hasEpisode
59. episodeLabel = hasEpisode ? episodeCode(lw.seasonNumber, lw.episodeNumber) : ''
60. followedAt = f.at != null ? f.at : 0
61. })
62. }
63. }
64. return out
65. }
67. // ---- reactive members -----------------------------------------------------------------------
68. session = null
69. userId = userIdOfSession(session)
70. signedIn = userId != null
71. // a plain copy of userId for `rows` (mission 047: session sync, see components/show.hl `me`)
72. me = userId
74. rows = signedIn ? myShowsRowsOf(me) : []
75. hasRows = rows.length > 0
76. noRows = !hasRows
77. emptyText = signedIn ? 'You follow no shows yet.' : 'Sign in to see the shows you follow.'
79. __title = 'My shows — ' + appTitle
81. View {
82. myShowsPage {
83. h1 { "My shows" }
84. if (noRows) { p { class = "muted" emptyText } }
85. if (hasRows) {
86. myShowsRows {
87. for (row of rows) {
88. myShowRow {
89. img { class = "myshow-poster" src = row.posterUrl alt = row.title }
90. a { class = "myshow-title" href = row.href row.title }
91. if (row.hasEpisode) { myShowEpisode { row.episodeLabel } }
92. }
93. }
94. }
95. }
96. }
97. }