tracker

5.4 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. //
18. // tracker.worldapi.org#21 (mission 068): TWO lists from this one component — `/my/series` (the followed SERIES) and `/my/shows`
19. // (the followed SHOWS: reality, talk, news; shows.hl titleKind) — routed as `/my/:tv` (project.hl, after the other /my/ routes);
20. // any other word is "Not found". Each row links to the title's own page (shows.hl titlePath).
21. parent './main.hl'
22. import { appTitle } from '../project.hl'
23. import { userIdOfSession } from '../users.hl'
24. import { followsOfUser, insertByFollowDesc } from '../follows.hl'
25. import { showById, episodeById, posterUrlOf, episodeCode, titleWithYear, titleKind, titlePath } from '../shows.hl'
26. import { watchesOfUser } from '../watches.hl'
28. // ---- pure helpers (static: an mpackdb-backed helper must be `static`, hybriel#115/#116) ------
29. // show id → the highest watched episode of it { seasonNumber, episodeNumber }, only for shows in `followed`
30. static lastWatchedOf = (userId, followed) => {
31. let best = {}
32. for (w of watchesOfUser(userId)) {
33. if (w.targetType == 'episode' && w.target != null) {
34. let e = episodeById(w.target)
35. if (e != null && e.show != null && followed[e.show] == true && e.seasonNumber != null && e.episodeNumber != null) {
36. let b = best[e.show]
37. if (b == null || e.seasonNumber > b.seasonNumber || (e.seasonNumber == b.seasonNumber && e.episodeNumber > b.episodeNumber)) {
38. best[e.show] = { seasonNumber = e.seasonNumber episodeNumber = e.episodeNumber }
39. }
40. }
41. }
42. }
43. return best
44. }
46. // the kind a list shows: 'series' for /my/series, 'show' for /my/shows, null for anything else
47. static listKindOf = (tv) => { return tv == 'series' ? 'series' : (tv == 'shows' ? 'show' : null) }
48. static myShowsRowsOf = (userId, kind) => {
49. if (userId == null || kind == null) { return [] }
50. let follows = followsOfUser(userId)
51. let followed = {}
52. for (f of follows) { followed[f.show] = true }
53. let last = lastWatchedOf(userId, followed)
54. let out = []
55. for (f of follows) {
56. let show = showById(f.show)
57. // tracker.worldapi.org#13: movies have their own list, /my/movies; #21: series and shows each theirs
58. if (show != null && show.type != 'movie' && titleKind(show) == kind) {
59. let lw = last[show.id]
60. let hasEpisode = lw != null
61. out = insertByFollowDesc(out, {
62. id = show.id title = titleWithYear(show) href = titlePath(show)
63. posterUrl = posterUrlOf(show)
64. hasEpisode = hasEpisode
65. episodeLabel = hasEpisode ? episodeCode(lw.seasonNumber, lw.episodeNumber) : ''
66. followedAt = f.at != null ? f.at : 0
67. })
68. }
69. }
70. return out
71. }
73. // ---- reactive members -----------------------------------------------------------------------
74. tv = null
75. listKind = listKindOf(tv)
76. found = listKind != null
77. notFound = listKind == null
78. isSeries = listKind == 'series'
79. listWord = isSeries ? 'Series' : 'Shows'
80. listClass = isSeries ? 'type-word type-series' : 'type-word type-show'
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 ? myShowsRowsOf(me, listKind) : []
88. hasRows = rows.length > 0
89. noRows = found && !hasRows
90. emptyText = signedIn ? (isSeries ? 'You follow no series yet.' : 'You follow no shows yet.') : (isSeries ? 'Sign in to see the series you follow.' : 'Sign in to see the shows you follow.')
92. __title = found ? 'My ' + listWord.toLowerCase() + ' — ' + appTitle : appTitle
94. View {
95. myShowsPage { "data-kind" = listKind
96. if (notFound) {
97. h1 { "Not found" }
98. p { "This list doesn't exist." }
99. }
100. // tracker.worldapi.org#20: "My" and the list's type word in its colour
101. if (found) { h1 { class = "typed" "My" typeWord { class = listClass listWord } } }
102. if (noRows) { p { class = "muted" emptyText } }
103. if (hasRows) {
104. myShowsRows {
105. for (row of rows) {
106. myShowRow {
107. img { class = "myshow-poster" src = row.posterUrl alt = row.title }
108. a { class = "myshow-title" href = row.href row.title }
109. if (row.hasEpisode) { myShowEpisode { row.episodeLabel } }
110. }
111. }
112. }
113. }
114. }
115. }