d560825685
Multi-account-in-one-browser (esp. with per-tab accounts) leaked one account's client state into another via shared localStorage keys. Scope every account-specific key by the tab's active account (accountKey/readAccount/writeAccount/useAccountPersistedState helpers), so nothing bleeds across accounts or tabs: - Real leaks: selected playlist, client notification history + settings, onboarding-dismissed. - UI position: feed page, channel-manager filter/view + tables, playlist sort, Settings/Stats/ Users/Config tabs. - Previously DB-adopted caches (theme, hints, performance mode, sidebar layout, nav/filter collapse) — now the cache is per-account too, so there's no flash of the other account's value on login. Kept intentionally global: siftlode.lang (needed pre-login on the Welcome page; the DB pref still scopes it per-account after sign-in) and siftlode.seenVersion (a per-browser 'new version' banner). E2EE private keys (IndexedDB) and the chat-dock key were already per-user.
54 lines
1.8 KiB
TypeScript
54 lines
1.8 KiB
TypeScript
// Per-user customization of the filter sidebar: order of the widget cards, which are
|
|
// collapsed, and which are hidden. Persisted to localStorage and the server-side
|
|
// `preferences` blob so it follows the account.
|
|
|
|
// `show`, `sort` and `content` moved to the feed toolbar (above the cards); they are no
|
|
// longer sidebar widgets. normalizeLayout drops them from any persisted layout automatically.
|
|
import { LS, readAccount, writeAccount } from "./storage";
|
|
|
|
export type WidgetId = "savedviews" | "date" | "language" | "topic" | "tags";
|
|
|
|
export const ALL_WIDGETS: WidgetId[] = ["savedviews", "date", "tags", "language", "topic"];
|
|
|
|
export const WIDGET_TITLES: Record<WidgetId, string> = {
|
|
savedviews: "Saved views",
|
|
date: "Upload date",
|
|
language: "Language",
|
|
topic: "Topic",
|
|
tags: "Tags",
|
|
};
|
|
|
|
export interface SidebarLayout {
|
|
order: WidgetId[];
|
|
collapsed: Partial<Record<WidgetId, boolean>>;
|
|
hidden: Partial<Record<WidgetId, boolean>>;
|
|
}
|
|
|
|
export const DEFAULT_LAYOUT: SidebarLayout = {
|
|
order: [...ALL_WIDGETS],
|
|
collapsed: {},
|
|
hidden: {},
|
|
};
|
|
|
|
// Tolerate stale/partial data: keep only known widgets and append any that are missing
|
|
// (e.g. a widget added in a later version) so nothing silently disappears.
|
|
export function normalizeLayout(raw: unknown): SidebarLayout {
|
|
const r = (raw ?? {}) as Partial<SidebarLayout>;
|
|
const order: WidgetId[] = Array.isArray(r.order)
|
|
? (r.order.filter((x) => ALL_WIDGETS.includes(x as WidgetId)) as WidgetId[])
|
|
: [];
|
|
for (const w of ALL_WIDGETS) if (!order.includes(w)) order.push(w);
|
|
return {
|
|
order,
|
|
collapsed: { ...(r.collapsed ?? {}) },
|
|
hidden: { ...(r.hidden ?? {}) },
|
|
};
|
|
}
|
|
|
|
export function loadLayout(): SidebarLayout {
|
|
return normalizeLayout(readAccount<unknown>(LS.sidebarLayout, {}));
|
|
}
|
|
|
|
export function saveLayoutLocal(l: SidebarLayout): void {
|
|
writeAccount(LS.sidebarLayout, l);
|
|
}
|