tracker

4.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 `posterName`), 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`/`posterName` (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, posterName } from '../shows.hl'
21. import { watchesOfUser } from '../watches.hl'
23. // ---- pure helpers (static: an mpackdb-backed helper must be `static`, hybriel#115/#116) ------
24. static pad2 = (n) => {
25. let s = '' + n
26. while (s.length < 2) { s = '0' + s }
27. return s
28. }
30. // insertion sort, hand-written (no list sort(), hybriel#1) — newest follow first; `at` is epoch ms
31. // (migrated `_createdAt`, or now() for a new follow), a missing one counts as the oldest
32. static insertByFollowDesc = (sorted, row) => {
33. let out = []
34. let inserted = false
35. for (x of sorted) {
36. if (!inserted && row.followedAt >= x.followedAt) { out.push(row) inserted = true }
37. out.push(x)
38. }
39. if (!inserted) { out.push(row) }
40. return out
41. }
43. // show id → the highest watched episode of it { seasonNumber, episodeNumber }, only for shows in `followed`
44. static lastWatchedOf = (userId, followed) => {
45. let best = {}
46. for (w of watchesOfUser(userId)) {
47. if (w.targetType == 'episode' && w.target != null) {
48. let e = episodeById(w.target)
49. if (e != null && e.show != null && followed[e.show] == true && e.seasonNumber != null && e.episodeNumber != null) {
50. let b = best[e.show]
51. if (b == null || e.seasonNumber > b.seasonNumber || (e.seasonNumber == b.seasonNumber && e.episodeNumber > b.episodeNumber)) {
52. best[e.show] = { seasonNumber = e.seasonNumber episodeNumber = e.episodeNumber }
53. }
54. }
55. }
56. }
57. return best
58. }
60. static myShowsRowsOf = (userId) => {
61. if (userId == null) { return [] }
62. let follows = followsOfUser(userId)
63. let followed = {}
64. for (f of follows) { followed[f.show] = true }
65. let last = lastWatchedOf(userId, followed)
66. let out = []
67. for (f of follows) {
68. let show = showById(f.show)
69. if (show != null) {
70. let poster = posterName(show)
71. let lw = last[show.id]
72. let hasEpisode = lw != null
73. out = insertByFollowDesc(out, {
74. id = show.id title = show.title href = '/shows/' + show.urlSegment
75. // no poster name at all → still the route's placeholder (any unknown safe name falls back to it)
76. posterUrl = poster != null ? '/posters/' + poster : '/posters/none'
77. hasEpisode = hasEpisode
78. episodeLabel = hasEpisode ? 'S' + pad2(lw.seasonNumber) + 'E' + pad2(lw.episodeNumber) : ''
79. followedAt = f.at != null ? f.at : 0
80. })
81. }
82. }
83. return out
84. }
86. // ---- reactive members -----------------------------------------------------------------------
87. session = null
88. userId = userIdOfSession(session)
89. signedIn = userId != null
91. rows = signedIn ? myShowsRowsOf(userId) : []
92. hasRows = rows.length > 0
93. noRows = !hasRows
94. emptyText = signedIn ? 'You follow no shows yet.' : 'Sign in to see the shows you follow.'
96. __title = 'My shows — ' + appTitle
98. View {
99. myShowsPage {
100. h1 { "My shows" }
101. if (noRows) { p { class = "muted" emptyText } }
102. if (hasRows) {
103. myShowsRows {
104. for (row of rows) {
105. myShowRow {
106. img { class = "myshow-poster" src = row.posterUrl alt = row.title }
107. a { class = "myshow-title" href = row.href row.title }
108. if (row.hasEpisode) { myShowEpisode { row.episodeLabel } }
109. }
110. }
111. }
112. }
113. }
114. }