(() => { const FULL = "quality-global"; const ALIASES = [FULL, "my-full-watchlist", "quality-global-watchlist", "full-watchlist"]; const STATE_VERSION = 9; const COLUMNS = ["symbol", "name", "price", "d1", "w1", "m1", "m3", "y1", "y5", "latest", "alert", "actions"]; const cleanColumns = (columns) => { const values = Array.isArray(columns) && columns.length ? columns : COLUMNS; const set = new Set(values.map((column) => column === "ytd" ? "y1" : column === "all" ? "d1" : column)); return COLUMNS.filter((column) => set.has(column)); }; const cleanProfile = (value) => String(value || "me").trim().toLowerCase().replace(/[^a-z0-9_-]/g, "") || "me"; const profile = () => cleanProfile(new URLSearchParams(location.search).get("profile") || "me"); const stateKey = () => "stock-dashboard-state-v8:" + profile(); const stateUrl = () => "/api/user-state?profile=" + encodeURIComponent(profile()); const readState = () => { try { return JSON.parse(localStorage.getItem(stateKey()) || "{}"); } catch { return {}; } }; const saveState = async (state) => { state.version = STATE_VERSION; state.columns = cleanColumns(state.columns); state.lists = Array.isArray(state.lists) ? state.lists : []; state.added = state.added || {}; state.removed = state.removed || {}; state.alerts = state.alerts || {}; state.notes = state.notes || {}; state.deletedLists = Array.isArray(state.deletedLists) ? state.deletedLists : []; localStorage.setItem(stateKey(), JSON.stringify(state)); try { await fetch(stateUrl(), { method: "POST", body: JSON.stringify({ version: STATE_VERSION, customWatchlists: state.lists, addedRows: state.added, removedSymbols: state.removed, alerts: state.alerts, notes: state.notes, visibleColumns: state.columns, language: state.lang || "en", deletedLists: state.deletedLists }) }); } catch {} }; const normalize = (value) => ALIASES.includes(String(value || "").trim().toLowerCase()) ? FULL : String(value || ""); const currentKey = () => normalize(new URLSearchParams(location.search).get("watchlist") || document.querySelector(".watchlistSelect")?.value || ""); const currentName = () => document.querySelector(".watchlistSelect")?.selectedOptions?.[0]?.textContent?.trim() || document.querySelector(".nativeTitle h1")?.textContent?.replace(/ · .*$/, "").trim() || "Current watchlist"; const rowCount = () => document.querySelectorAll(".stockTable tbody > tr:not(.desktopInlineDetailRow), .mobileStockWrap").length; const visibleRowCount = () => { const mobile = [...document.querySelectorAll(".mobileStockWrap")]; if (mobile.length) return mobile.filter((card) => getComputedStyle(card).display !== "none").length; return [...document.querySelectorAll(".stockTable tbody > tr:not(.desktopInlineDetailRow)")].filter((row) => getComputedStyle(row).display !== "none").length; }; const desktopSymbol = (row) => row.querySelector("td:nth-child(2) b")?.textContent?.trim() || row.querySelector("td b")?.textContent?.trim() || ""; const mobileSymbol = (card) => card.querySelector(".mobileStockTop b")?.textContent?.trim() || ""; const pageUrl = (key) => "/?profile=" + encodeURIComponent(profile()) + "&mode=watchlist&watchlist=" + encodeURIComponent(key) + "&tab=watchlist"; const slug = (value) => String(value || "watchlist").trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "watchlist"; const isMobile = () => window.matchMedia("(max-width: 980px)").matches; const esc = (value) => String(value || "").replace(/[&<>"]/g, (ch) => ({ "&": "&", "<": "<", ">": ">", '"': """ }[ch] || ch)); function buildControls() { const state = readState(); const lang = state.lang === "zh" || state.language === "zh" ? "zh" : "en"; const wrap = document.createElement("div"); wrap.className = "systemControls"; wrap.innerHTML = ''; const select = wrap.querySelector("select"); select.value = profile(); select.addEventListener("change", () => { const url = new URL(location.href); url.searchParams.set("profile", cleanProfile(select.value)); location.href = url.pathname + url.search + url.hash; }); wrap.querySelectorAll("button[data-lang]").forEach((button) => { const value = button.getAttribute("data-lang"); button.classList.toggle("active", value === lang); button.addEventListener("click", async () => { const next = readState(); next.lang = value; next.language = value; await saveState(next); location.reload(); }); }); return wrap; } async function createWatchlist() { const name = prompt("New watchlist name"); if (!name?.trim()) return; const state = readState(); state.lists = Array.isArray(state.lists) ? state.lists : []; state.added = state.added || {}; state.removed = state.removed || {}; state.alerts = state.alerts || {}; state.notes = state.notes || {}; const used = new Set([...Array.from(document.querySelectorAll(".watchlistSelect option")).map((o) => o.value), ...state.lists.map((w) => w.id)]); let id = slug(name), i = 2; while (used.has(id)) id = slug(name) + "-" + i++; state.lists.push({ id, name: name.trim() }); state.added[id] = []; state.removed[id] = []; state.alerts[id] = {}; state.notes[id] = {}; state.deletedLists = (state.deletedLists || []).filter((deletedId) => deletedId !== id); await saveState(state); location.href = pageUrl(id); } async function renameCurrentWatchlist(name) { const clean = String(name || "").trim(); const key = currentKey(); if (!clean || !key || key === "__add_watchlist__") return; const state = readState(); state.lists = Array.isArray(state.lists) ? state.lists : []; const existing = state.lists.find((item) => item.id === key); if (existing) existing.name = clean; else state.lists.push({ id: key, name: clean }); state.deletedLists = (state.deletedLists || []).filter((deletedId) => deletedId !== key); await saveState(state); location.reload(); } function showRenameForm(menu) { menu.innerHTML = ""; const form = document.createElement("form"); form.className = "watchlistRenameForm"; const input = document.createElement("input"); input.type = "text"; input.value = currentName(); input.placeholder = "Watchlist name"; input.setAttribute("aria-label", "Rename current watchlist"); const save = document.createElement("button"); save.type = "submit"; save.className = "saveRenameButton"; save.textContent = "Save"; const cancel = document.createElement("button"); cancel.type = "button"; cancel.className = "cancelRenameButton"; cancel.textContent = "Cancel"; cancel.addEventListener("click", () => { menu.closest(".watchlistManager")?.classList.remove("open"); setTimeout(ensureWatchlistManager, 50); }); form.addEventListener("submit", (event) => { event.preventDefault(); renameCurrentWatchlist(input.value); }); form.append(input, save, cancel); menu.append(form); input.focus(); input.select(); } function buildManageMenu(manager) { manager.innerHTML = ""; const trigger = document.createElement("button"); trigger.type = "button"; trigger.className = "manageListButton"; trigger.textContent = "Manage list"; trigger.setAttribute("aria-haspopup", "menu"); trigger.addEventListener("click", (event) => { event.preventDefault(); event.stopPropagation(); manager.classList.toggle("open"); if (manager.classList.contains("open")) buildManageMenu(manager); }); const menu = document.createElement("div"); menu.className = "watchlistManagerMenu"; const rename = document.createElement("button"); rename.type = "button"; rename.className = "renameWatchlistButton"; rename.textContent = "Rename current"; rename.addEventListener("click", () => showRenameForm(menu)); const add = document.createElement("button"); add.type = "button"; add.className = "addWatchlistButton"; add.textContent = "+ Add watchlist"; add.addEventListener("click", createWatchlist); menu.append(rename, add); manager.append(trigger, menu); } function ensureWatchlistManager() { document.querySelectorAll(".watchlistManageRow").forEach((old) => old.remove()); const controls = document.querySelector(".watchlistTab .listControls"); const filterLine = controls?.querySelector(".filterLine"); if (!controls || !filterLine) return; let manager = filterLine.querySelector(".watchlistManager"); if (!manager) { manager = document.createElement("div"); manager.className = "watchlistManager"; filterLine.append(manager); } if (!manager.querySelector(".manageListButton")) buildManageMenu(manager); } function updateCopy() { const topSearch = document.querySelector(".nativeLookup input"); if (topSearch) topSearch.setAttribute("placeholder", "Search to add stock"); const filterInput = document.querySelector(".watchlistTab .filterLine input"); if (filterInput) filterInput.setAttribute("placeholder", "Filter this watchlist"); document.querySelectorAll(".nativeLookup .listingMode").forEach((button) => { if ((button.textContent || "").trim().toLowerCase() === "primary") button.textContent = "Primary only"; }); document.querySelectorAll(".fixedThemeBadge").forEach((badge) => { const text = badge.textContent || ""; const match = text.match(/(\d{1,2}:\d{2})/); badge.textContent = match ? "Updated " + match[1] + " GMT+8" : text.replace(/^GMT\+8\s*[·-]\s*/, "Updated "); }); } function refineSummary() { const coverage = document.querySelectorAll(".nativeSummary span")[2]; if (!coverage) return; const valueNode = coverage.querySelector("b"); const labelNode = coverage.querySelector("small") || coverage.lastChild; const match = (valueNode?.textContent || "").match(/(\d+)\s*\/\s*(\d+)/); if (!match) return; const covered = Number(match[1]); const total = Number(match[2]); const missing = Math.max(total - covered, 0); coverage.classList.toggle("coverageOk", missing === 0); coverage.classList.toggle("coverageWarn", missing > 0); if (missing > 0) { valueNode.textContent = String(missing); if (labelNode) labelNode.textContent = missing === 1 ? "MISSING DATA" : "MISSING DATA"; coverage.setAttribute("title", covered + " of " + total + " stocks have data; " + missing + " missing."); } } function refineBulkBar() { document.querySelectorAll(".bulkBar").forEach((bar) => { const count = Number((bar.textContent || "").match(/\d+/)?.[0] || 0); bar.classList.toggle("bulkIdle", count === 0); }); } function ensureNoResultsState() { const controls = document.querySelector(".watchlistTab .listControls"); const existing = document.querySelector(".noResultsPanel"); const filterValue = document.querySelector(".watchlistTab .filterLine input")?.value?.trim() || ""; if (!controls || rowCount() === 0 || visibleRowCount() > 0 || !filterValue) { existing?.remove(); return; } if (existing) return; const panel = document.createElement("div"); panel.className = "noResultsPanel"; panel.innerHTML = 'No matching holdings for "' + esc(filterValue) + '" '; panel.querySelector("button")?.addEventListener("click", () => { const input = document.querySelector(".watchlistTab .filterLine input"); if (input) { input.value = ""; input.dispatchEvent(new Event("input", { bubbles: true })); input.focus(); } panel.remove(); }); controls.after(panel); } function enhanceUi() { const topActions = document.querySelector(".topActions"); if (topActions && !topActions.querySelector(".systemControls") && !isMobile()) topActions.prepend(buildControls()); const select = document.querySelector(".watchlistSelect"); if (select && !select.querySelector('option[value="__add_watchlist__"]')) { const option = document.createElement("option"); option.value = "__add_watchlist__"; option.textContent = "+ Add watchlist"; select.append(option); select.addEventListener("change", (event) => { if (select.value === "__add_watchlist__") { event.preventDefault(); event.stopImmediatePropagation(); createWatchlist(); } }, true); } const controls = document.querySelector(".watchlistTab .listControls"); if (controls && !controls.querySelector(".mobileControlToggle")) { const button = document.createElement("button"); button.type = "button"; button.className = "mobileControlToggle"; button.innerHTML = 'Filter / ListTap to change watchlist or filter'; button.addEventListener("click", () => controls.classList.toggle("mobileControlsOpen")); controls.prepend(button); } ensureWatchlistManager(); if (controls && rowCount() === 0 && !controls.querySelector(".quickAddWatchlist")) { const button = document.createElement("button"); button.type = "button"; button.className = "quickAddWatchlist"; button.textContent = "+ Add watchlist"; button.addEventListener("click", createWatchlist); controls.querySelector(".filterLine")?.after(button); } } function refineMobileCopy() { if (!isMobile()) return; const watchlistVisible = !!document.querySelector(".watchlistTab"); const title = document.querySelector(".nativeTitle h1"); if (watchlistVisible && title) { if (!title.dataset.baseTitle) title.dataset.baseTitle = title.textContent?.replace(/ · .*$/, "") || "Watchlist"; const count = visibleRowCount(); const suffix = count === 1 ? "stock" : "stocks"; title.innerHTML = '' + esc(title.dataset.baseTitle) + '' + count + ' ' + suffix + ''; } document.querySelectorAll(".mobileStockMeta .mutedText, .alertDistanceChip + .mutedText, .mutedText").forEach((node) => { const text = (node.textContent || "").trim().toLowerCase(); if (text === "none" || text === "no alert") node.textContent = "No alert set"; }); document.querySelectorAll(".emptyPanel").forEach((panel) => { if (rowCount() !== 0 || panel.querySelector(".mobileEmptyAction")) return; panel.innerHTML = 'No stocks yet
Search above to add your first stock, or create another watchlist.
'; panel.querySelector("button")?.addEventListener("click", () => document.querySelector(".nativeLookup input")?.focus()); }); } function networkBanner() { const old = document.querySelector(".mobileStatusBanner"); if (navigator.onLine) { old?.remove(); return; } if (old) return; const banner = document.createElement("div"); banner.className = "mobileStatusBanner"; banner.textContent = "You appear offline. Showing cached watchlist if available."; document.querySelector(".nativeTop")?.after(banner); } function isolateFriendProfile() { if (profile() === "me") return; const key = currentKey(); if (!ALIASES.includes(key)) return; const added = new Set((((readState().added || {})[key]) || []).map((row) => String(row.symbol || "").trim()).filter(Boolean)); let visible = 0, hideDetail = false; document.querySelectorAll(".stockTable tbody > tr").forEach((row) => { if (row.classList.contains("desktopInlineDetailRow")) { row.style.display = hideDetail ? "none" : ""; return; } const keep = added.has(desktopSymbol(row)); row.style.display = keep ? "" : "none"; hideDetail = !keep; if (keep) visible++; }); document.querySelectorAll(".mobileStockWrap").forEach((card) => { const keep = added.has(mobileSymbol(card)); card.style.display = keep ? "" : "none"; }); const countNode = document.querySelector(".nativeSummary span:first-child b"); if (countNode) countNode.textContent = String(visible); } async function recover() { if (sessionStorage.getItem("full-watchlist-recovery-done") === "1") return; const isFull = currentKey() === FULL || (document.querySelector(".nativeTitle h1")?.textContent || "").toLowerCase().includes("my full watchlist"); if (profile() !== "me" || !isFull || rowCount() > 0) return; const state = readState(); state.removed = state.removed || {}; for (const id of ALIASES) state.removed[id] = []; state.deletedLists = (Array.isArray(state.deletedLists) ? state.deletedLists : []).filter((id) => id !== FULL); sessionStorage.setItem("full-watchlist-recovery-done", "1"); await saveState(state); location.replace(pageUrl(FULL)); } const run = () => { updateCopy(); enhanceUi(); isolateFriendProfile(); refineMobileCopy(); refineSummary(); refineBulkBar(); ensureNoResultsState(); networkBanner(); }; [80, 350, 900, 1800, 3200].forEach((ms) => setTimeout(run, ms)); window.addEventListener("load", () => { setTimeout(run, 100); setTimeout(recover, 700); }); window.addEventListener("online", run); window.addEventListener("offline", run); document.addEventListener("click", () => { setTimeout(run, 120); setTimeout(run, 700); }, true); document.addEventListener("input", () => { setTimeout(run, 120); }, true); })();

Sign in

Loading watchlist

Sign in