Versie 0.2.0

client/portfolio.js

@@ -0,0 +1,98 @@
+// Generated, do not edit. sha256:0b8a580ca944f426e2e3aa4800988bad2046937a8c0409e4dceebf09b6b3e9f7
+import { CONFIG } from '../shared/config.js';
+import { t } from './i18n/index.js';
+import { serverFoutTekst } from './data/_rpc.js';
+import { locked } from './license.js';
+
+const SLEUTEL = CONFIG.PORTFOLIO.ACTIVE_KEY;
+const WISSEL_SLEUTEL = CONFIG.PORTFOLIO.SWITCH_KEY;
+
+export function cacheSleutels(naam = cachedPortfolioName()) {
+  const achtervoegsel = naam ? `:${naam}` : '';
+  return {
+    theme: `ui_theme${achtervoegsel}`, accent: `ui_accent${achtervoegsel}`, depth: `ui_depth${achtervoegsel}`,
+    look: `ui_look${achtervoegsel}`,
+  };
+}
+
+export function cachedPortfolioName() {
+  try { return localStorage.getItem(SLEUTEL) || ''; }
+  catch { return ''; }
+}
+
+function toonNaam(naam) {
+  const html = document.documentElement;
+  if (naam) {
+    html.dataset.portfolio = naam;
+    html.style.setProperty('--portfolio-name', JSON.stringify(naam));
+  } else {
+    delete html.dataset.portfolio;
+    html.style.removeProperty('--portfolio-name');
+  }
+  try { if (naam) localStorage.setItem(SLEUTEL, naam); else localStorage.removeItem(SLEUTEL); }
+  catch { }
+}
+
+let opgebouwdMet = null;
+
+export async function refreshActivePortfolio() {
+  try {
+    const r = await fetch('/api/portfolios');
+    if (!r.ok) return cachedPortfolioName();
+    const uit = await r.json();
+    toonNaam(locked('portfolios') ? '' : uit.actief || '');
+    if (opgebouwdMet === null) opgebouwdMet = uit.actief || '';
+    return uit.actief || '';
+  } catch {
+    return cachedPortfolioName();
+  }
+}
+
+export function watchPortfolioChanges({ minIntervalMs = 2000 } = {}) {
+  let laatst = 0;
+  const kijk = async () => {
+    if (document.visibilityState === 'hidden') return;
+    if (Date.now() - laatst < minIntervalMs) return;
+    laatst = Date.now();
+    try {
+      const r = await fetch('/api/portfolios', { cache: 'no-store' });
+      if (!r.ok) return;
+      const { actief } = await r.json();
+      if (opgebouwdMet && actief && actief !== opgebouwdMet) location.reload();
+    } catch { }
+  };
+  window.addEventListener('focus', kijk);
+  document.addEventListener('visibilitychange', kijk);
+}
+
+export async function switchPortfolio(naam) {
+  try { localStorage.setItem(WISSEL_SLEUTEL, '1'); } catch { }
+  let uit;
+  try {
+    const r = await fetch('/api/portfolios/activate', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ naam }),
+    });
+    uit = await r.json();
+    if (!r.ok) throw new Error(serverFoutTekst(uit) || t('portfolios.switchFailed'));
+  } catch (e) {
+    try { localStorage.removeItem(WISSEL_SLEUTEL); } catch { }
+    throw e;
+  }
+  if (uit.gewisseld) toonNaam(uit.naam);
+  else { try { localStorage.removeItem(WISSEL_SLEUTEL); } catch { } }
+  return uit;
+}
+
+export async function reloadWhenBack({ intervalMs = 250, timeoutMs = 30_000 } = {}) {
+  const eind = Date.now() + timeoutMs;
+  while (Date.now() < eind) {
+    await new Promise(klaar => setTimeout(klaar, intervalMs));
+    try {
+      const r = await fetch('/api/health', { cache: 'no-store' });
+      if (r.ok) { location.reload(); return true; }
+    } catch { }
+  }
+  return false;
+}