treehouse/static/js/news.js

72 lines
2.5 KiB
JavaScript
Raw Normal View History

2024-02-21 23:17:19 +01:00
// news.js because new.js makes the TypeScript language server flip out.
// Likely because `new` is a keyword, but also, what the fuck.
2024-03-03 21:23:37 +01:00
import { addSpell, spell } from "treehouse/spells.js";
2024-03-02 20:53:44 +01:00
import { getSettingValue } from "treehouse/settings.js";
import { Branch } from "treehouse/tree.js";
2024-02-21 23:17:19 +01:00
const seenStatesKey = "treehouse.news.seenBranches";
const seenStates = new Set(JSON.parse(localStorage.getItem(seenStatesKey)) || []);
let seenCount = seenStates.size;
let unseenCount = TREEHOUSE_NEWS_COUNT - seenCount;
function saveSeenStates() {
localStorage.setItem(seenStatesKey, JSON.stringify(Array.from(seenStates)));
}
function markAsRead(branch) {
2024-03-03 21:23:37 +01:00
let branchData = spell(branch, Branch);
if (!seenStates.has(branchData.namedID) && seenCount > 0) {
2024-02-21 23:17:19 +01:00
let badge = document.createElement("span");
badge.classList.add("badge", "red", "before-content");
badge.textContent = "new";
2024-03-03 21:23:37 +01:00
branchData.branchContent.firstChild.insertBefore(badge, branchData.branchContent.firstChild.firstChild);
2024-02-21 23:17:19 +01:00
}
2024-03-03 21:23:37 +01:00
seenStates.add(branchData.namedID);
2024-02-21 23:17:19 +01:00
}
export function initNewsPage() {
for (let [_, branch] of Branch.branchesByNamedID) {
markAsRead(branch);
}
saveSeenStates();
// If any branches are added past the initial load, add them to the seen set too.
Branch.onAdded.push(branch => {
markAsRead(branch);
saveSeenStates();
})
}
export function markAllAsUnread() {
localStorage.removeItem(seenStatesKey);
}
2024-03-03 21:23:37 +01:00
addSpell("new", class New {
constructor(element) {
2024-02-21 23:17:19 +01:00
// Do not show the badge to people who have never seen any news.
// It's just annoying in that case.
// In case you do not wish to see the badge anymore, go to the news page and uncheck the
// checkbox at the bottom.
let userSawNews = seenCount > 0;
let userWantsToSeeNews = getSettingValue("showNewPostIndicator");
if (userSawNews && userWantsToSeeNews && unseenCount > 0) {
this.newText = document.createElement("span");
this.newText.classList.add("new-text");
2024-03-03 21:23:37 +01:00
this.newText.textContent = element.textContent;
element.textContent = "";
element.appendChild(this.newText);
2024-02-21 23:17:19 +01:00
this.badge = document.createElement("span");
this.badge.classList.add("badge", "red");
this.badge.textContent = unseenCount.toString();
2024-03-03 21:23:37 +01:00
element.appendChild(this.badge);
element.classList.add("has-news");
2024-02-21 23:17:19 +01:00
}
}
2024-03-03 21:23:37 +01:00
});