mirror of
https://github.com/mauriceboe/TREK.git
synced 2026-06-19 21:31:46 +00:00
247433fb2a
* fix(journey): authorize reads of the journey share link GET /api/journeys/:id/share-link now requires journey access (canAccessJourney), matching the create/delete share-link routes and the get_journey_share_link MCP tool. Returns no link when the caller lacks access to the journey. * feat(costs): rework Budget into Costs — Splitwise-style, multi-currency, mobile Renames the Budget addon to "Costs" (UI only) and reworks it into a Tricount/ Splitwise-style cost tracker: multiple payers per expense, equal split across chosen members, settle-up with persisted history + undo, 12 fixed categories, per-expense currency with live FX conversion to a user-set display currency (Settings -> Display), and locale-correct money formatting. Adds a desktop and a dedicated mobile layout. A migration backfills existing budget items (single payer, split members, currency). Closes #551 (per-expense currency). Also switches the app font to self-hosted Poppins (Geist for secondary subtext), replacing the Google Fonts CDN dependency. * fix(costs): neutral dashboard dark palette + liquid glass, full page width, entry-count badge - Dark mode used a warm oklch palette that read brownish; switch to the neutral zinc tokens used by the dashboard (#121215 bg, #f4f4f5 ink) and add a subtle backdrop-blur glass on cards. - Costs now uses the full available page width on desktop instead of a 1280px cap. - Render the expense count next to the Expenses title as a badge. - Adapt budget/journey unit tests to the new payer-based settlement model and the Costs rename (category default 'other', Costs tab/CostsPanel). * fix(costs): drop the entry-count badge, always show row edit/delete actions Removes the count badge next to the Expenses title and makes the per-row edit/delete actions permanently visible (no longer hover-only) on desktop too. * feat(costs): currency-native money formatting, custom select/date, rename addon to Costs - Format every amount in its own currency convention (symbol position, grouping and decimal separators) regardless of app language, via a currency->locale map (EUR -> '12,00 €', USD -> '$12.00', JPY -> '¥12', ...). Previously Intl used the app locale, so EUR showed the symbol in front under an English UI. - Use TREK's CustomSelect (searchable, with symbols) and CustomDatePicker in the add/edit expense modal instead of the native <select>/<input type=date>. - Rename the 'Budget Planner' add-on to 'Costs' in the admin list (display only; id/tables/permissions/MCP stay 'budget') via seed + a migration for existing DBs. * feat(auth): configurable session duration via SESSION_DURATION Adds a SESSION_DURATION env var (ms-style strings: 1h, 7d, 30d, ...) controlling how long a session stays valid before re-login. It drives both the trek_session JWT exp claim and the cookie maxAge from one source, so they never drift. Invalid values warn at startup and fall back to the default (24h — unchanged). The MFA challenge token and MCP OAuth tokens keep their own TTL. Implements the request from discussion #946. Documented in the env-var wiki page, .env.example and docker-compose.yml.
61 lines
2.2 KiB
TypeScript
61 lines
2.2 KiB
TypeScript
import { useCallback, useEffect, useState } from 'react'
|
|
|
|
/**
|
|
* Live FX rates for the Costs panel, used to convert every amount into the user's
|
|
* display currency. Fetches exchangerate-api.com (no key, already CSP-allowlisted
|
|
* for the dashboard widget) for the given base and caches per base in memory +
|
|
* localStorage for a few hours. rates[X] = units of X per 1 base, so an amount in
|
|
* currency C converts to base as `amount / rates[C]`.
|
|
*/
|
|
|
|
const TTL_MS = 6 * 60 * 60 * 1000 // 6h
|
|
const mem = new Map<string, { rates: Record<string, number>; ts: number }>()
|
|
|
|
function readCache(base: string): { rates: Record<string, number>; ts: number } | null {
|
|
const m = mem.get(base)
|
|
if (m) return m
|
|
try {
|
|
const raw = localStorage.getItem('trek_fx_' + base)
|
|
if (raw) {
|
|
const parsed = JSON.parse(raw) as { rates: Record<string, number>; ts: number }
|
|
if (parsed?.rates) { mem.set(base, parsed); return parsed }
|
|
}
|
|
} catch { /* ignore */ }
|
|
return null
|
|
}
|
|
|
|
export function useExchangeRates(base: string) {
|
|
const upper = (base || 'EUR').toUpperCase()
|
|
const [rates, setRates] = useState<Record<string, number> | null>(() => readCache(upper)?.rates ?? null)
|
|
|
|
useEffect(() => {
|
|
const cached = readCache(upper)
|
|
if (cached) setRates(cached.rates)
|
|
if (cached && Date.now() - cached.ts < TTL_MS) return
|
|
let cancelled = false
|
|
fetch(`https://api.exchangerate-api.com/v4/latest/${encodeURIComponent(upper)}`)
|
|
.then(r => r.json())
|
|
.then((d: { rates?: Record<string, number> }) => {
|
|
if (cancelled || !d?.rates) return
|
|
const entry = { rates: d.rates, ts: Date.now() }
|
|
mem.set(upper, entry)
|
|
try { localStorage.setItem('trek_fx_' + upper, JSON.stringify(entry)) } catch { /* ignore */ }
|
|
setRates(d.rates)
|
|
})
|
|
.catch(() => { /* offline → keep cached/identity */ })
|
|
return () => { cancelled = true }
|
|
}, [upper])
|
|
|
|
const convert = useCallback(
|
|
(amount: number, from: string | null | undefined): number => {
|
|
const f = (from || upper).toUpperCase()
|
|
if (f === upper || !rates) return amount
|
|
const r = rates[f]
|
|
return r && r > 0 ? amount / r : amount
|
|
},
|
|
[rates, upper],
|
|
)
|
|
|
|
return { rates, convert }
|
|
}
|