tracker

5.5 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), `cardOf`/`episodeKeyOf`/`posterUrlOfName`/`episodeCode` (shows.hl).
12. //
13. // COST (tracker#30, mission 025): no record is read per load — each followed title's slim cached card (shows.hl cardOf) and
14. // each watched episode's cached { show s e } (episodeKeyOf; the user's watches are kept, watches.hl). Before, one fetch per
15. // followed title (cast + crew) and one per watched episode (11.7k) — 4.4 s on a process after the first-start jobs.
16. //
17. // tracker.worldapi.org#21 (mission 068): TWO lists from this one component — `/my/series` (the followed SERIES) and `/my/shows`
18. // (the followed SHOWS: reality, talk, news; shows.hl titleKind) — routed as `/my/:tv` (project.hl, after the other /my/ routes);
19. // any other word is "Not found". Each row links to the title's own page (shows.hl titlePath).
20. parent './main.hl'
21. import { appTitle } from '../project.hl'
22. import { userIdOfSession } from '../lib/users.hl'
23. import { followsOfUser, insertByFollowDesc } from '../lib/follows.hl'
24. import { cardOf, episodeKeyOf, posterUrlOfName, episodeCode } from '../lib/shows.hl'
25. import { watchesOfUser } from '../lib/watches.hl'
27. // ---- pure helpers (static: an mpackdb-backed helper must be `static`, hybriel#115/#116) ------
28. // show id → the highest watched episode of it { seasonNumber, episodeNumber }, only for the shows in `follows` — by each
29. // watched episode's own `show` (shows.hl episodeKeyOf, cached), so an episode outside the title's seasons still counts
30. static lastWatchedOf = (&userId, &follows) => {
31. let followed = {}
32. for (f of follows) { followed[f.show] = true }
33. let best = {}
34. for (w of watchesOfUser(userId)) {
35. if (w.targetType == 'episode' && w.target != null) {
36. let k = episodeKeyOf(w.target)
37. if (k.show != null && followed[k.show] == true && k.s != null && k.e != null) {
38. let b = best[k.show]
39. if (b == null || k.s > b.seasonNumber || (k.s == b.seasonNumber && k.e > b.episodeNumber)) {
40. best[k.show] = { seasonNumber = k.s episodeNumber = k.e }
41. }
42. }
43. }
44. }
45. return best
46. }
48. // the kind a list shows: 'series' for /my/series, 'show' for /my/shows, null for anything else
49. static listKindOf = (&tv) => { return tv == 'series' ? 'series' : (tv == 'shows' ? 'show' : null) }
50. static myShowsRowsOf = (&userId, &kind) => {
51. if (userId == null || kind == null) { return [] }
52. // tracker.worldapi.org#13: movies have their own list, /my/movies; #21: series and shows each theirs
53. let follows = []
54. for (f of followsOfUser(userId)) {
55. let c = cardOf(f.show)
56. if (c != null && c.type != 'movie' && c.kind == kind) { follows.push(f) }
57. }
58. let last = lastWatchedOf(userId, follows)
59. let out = []
60. for (f of follows) {
61. let c = cardOf(f.show)
62. if (c != null) {
63. let lw = last[c.id]
64. let hasEpisode = lw != null
65. out = insertByFollowDesc(out, {
66. id = c.id title = c.titleYear href = c.href
67. posterUrl = posterUrlOfName(c.posterName)
68. hasEpisode = hasEpisode
69. episodeLabel = hasEpisode ? episodeCode(lw.seasonNumber, lw.episodeNumber) : ''
70. followedAt = f.at != null ? f.at : 0
71. })
72. }
73. }
74. return out
75. }
77. // ---- reactive members -----------------------------------------------------------------------
78. tv = null
79. listKind = listKindOf(tv)
80. found = listKind != null
81. notFound = listKind == null
82. isSeries = listKind == 'series'
83. listWord = isSeries ? 'Series' : 'Shows'
84. listClass = isSeries ? 'type-word type-series' : 'type-word type-show'
85. session = null
86. userId = userIdOfSession(session)
87. signedIn = userId != null
88. // a plain copy of userId for `rows` (mission 047: session sync, see components/show.hl `me`)
89. me = userId
91. rows = signedIn ? myShowsRowsOf(me, listKind) : []
92. hasRows = rows.length > 0
93. noRows = found && !hasRows
94. 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.')
96. __title = found ? 'My ' + listWord.toLowerCase() + ' — ' + appTitle : appTitle
98. View {
99. myShowsPage { "data-kind" = listKind
100. if (notFound) {
101. h1 { "Not found" }
102. p { "This list doesn't exist." }
103. }
104. // tracker.worldapi.org#20: "My" and the list's type word in its colour
105. if (found) { h1 { class = "typed" "My" typeWord { class = listClass listWord } } }
106. if (noRows) { p { class = "muted" emptyText } }
107. if (hasRows) {
108. myShowsRows {
109. for (row of rows) {
110. myShowRow {
111. img { class = "myshow-poster" src = row.posterUrl alt = row.title }
112. a { class = "myshow-title" href = row.href row.title }
113. if (row.hasEpisode) { myShowEpisode { row.episodeLabel } }
114. }
115. }
116. }
117. }
118. }
119. }