// fa-core.jsx — data model, formatting helpers, and nature-inspired icons
// for "Vědomé utrácení" (Conscious Spending) — forest-calm redesign.
// ── Number / currency formatting (Czech: space thousands sep) ───────────
function fmt(n) {
return Math.round(n).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
}
function kc(n) { return fmt(n) + ' Kč'; }
// ── App data — mirrors the live structure exactly ──────────────────────
const APP = {
user: 'Anička',
month: 'Červen 2026',
income: 2600,
allocated: 2420,
remaining: 180,
plannedPct: 93,
incomeSources: [
{ name: 'Hlavní práce', amount: 1900, accent: 'moss' },
{ name: 'Coaching', amount: 430, accent: 'honey' },
{ name: 'Podpora', amount: 180, accent: 'blush' },
{ name: 'Drobné brigády', amount: 90, accent: 'sage' },
],
categories: [
{
key: 'nutne', name: 'Potřebné', icon: 'fir', accent: 'moss',
targetPct: 50, target: 1300, actual: 1510, incomePct: 58, ofTarget: 116,
status: 'Řešit', tone: 'over', note: 'Překročeno o 210 Kč.',
sub: 'Nájem, energie, jídlo a vše, bez čeho to nejde.',
},
{
key: 'budouci', name: 'Budoucí já', icon: 'sprout', accent: 'honey',
targetPct: 20, target: 520, actual: 380, incomePct: 15, ofTarget: 73,
status: 'Řešit', tone: 'under', note: 'Pod cílem o 140 Kč.',
sub: 'Spoření a investice, které pěstuješ pro sebe.',
},
{
key: 'radost', name: 'Radost', icon: 'blossom', accent: 'blush',
targetPct: 30, target: 780, actual: 530, incomePct: 20, ofTarget: 68,
status: 'OK', tone: 'ok', note: 'V rámci cíle.',
sub: 'Kavárny, výlety a drobnosti, co tě těší.',
},
],
reserves: {
total: 114077, goalTotal: 160000, remainingToGoal: 45923, investPct: 24,
goals: [
{ name: 'Nouzová rezerva', saved: 48000, target: 60000, icon: 'shield', accent: 'moss' },
{ name: 'Investice · ETF', saved: 41200, target: 50000, icon: 'sprout', accent: 'honey' },
{ name: 'Dovolená · Toskánsko', saved: 12500, target: 30000, icon: 'sun', accent: 'blush' },
{ name: 'Nový notebook', saved: 12377, target: 20000, icon: 'leaf', accent: 'sage' },
],
},
extra: {
total: 26700,
note: 'Vedlejší zdroje a jednorázové příjmy.',
sources: [
{ name: 'spořák', amount: 26700 },
],
},
reflexe: {
prompts: [
{ q: 'Co mi tento měsíc udělalo radost — a stálo to méně, než bych čekala?', icon: 'blossom', accent: 'blush' },
{ q: 'Který výdaj se mi teď zdá zbytečný — a co bych za ty peníze raději měla?', icon: 'leaf', accent: 'moss' },
{ q: 'Co dobrého jsem udělala pro své „budoucí já"?', icon: 'sprout', accent: 'honey' },
],
},
tipy: [
{ t: 'Pravidlo 24 hodin', d: 'U věcí nad 1 000 Kč počkej den. Touha často sama opadne.', icon: 'leaf', accent: 'moss',
factTitle: 'Věděla jsi?', fact: 'Odložený nákup zruší skoro každý druhý člověk. Po dni „spaní“ už novou věc mozek tolik nechce.' },
{ t: 'Zaplať nejdřív budoucí já', d: 'Hned po výplatě odlož 20 % stranou, než se peníze „rozkutálí".', icon: 'sprout', accent: 'honey',
factTitle: 'Malé číslo, velký les', fact: '500 Kč měsíčně při 6 % výnosu je za 30 let přes půl milionu. Složený úrok je tichá zahradnice.' },
{ t: 'Radost není luxus', d: 'Drobné potěšení plánuj naschvál — vina jen kazí požitek.', icon: 'blossom', accent: 'blush',
factTitle: 'Zážitky > věci', fact: 'Výzkumy štěstí říkají: peníze za zážitky těší déle než za věci. Vzpomínka neztratí lesk.' },
{ t: 'Pojmenuj své cíle', d: 'Spoření s názvem („Toskánsko“) přežije pokušení líp než „rezerva“.', icon: 'mountain', accent: 'sage',
factTitle: 'Síla jména', fact: 'Pojmenovaný cíl máš výrazně větší šanci dotáhnout — mozek ho pak brání jako svůj.' },
],
};
// ── Accent color resolver (reads CSS vars so Tweaks can re-tint) ────────
const ACCENTS = {
moss: { v: '--moss', soft: '--moss-soft' },
honey: { v: '--honey', soft: '--honey-soft' },
blush: { v: '--blush', soft: '--blush-soft' },
sage: { v: '--sage', soft: '--sage-soft' },
};
function accentVar(name) { return `var(${(ACCENTS[name] || ACCENTS.moss).v})`; }
function accentSoft(name) { return `var(${(ACCENTS[name] || ACCENTS.moss).soft})`; }
// ── Theme-aware icons ──────────────────────────────────────────────────
// The app has two skins; in "wizard" the same icon names resolve to magical
// glyphs via WIZ_ICON. App sets this synchronously each render (top-down).
let FA_THEME = 'forest';
function setFaTheme(v) { FA_THEME = (v === 'wizard' || v === 'kouzelnický') ? 'wizard' : 'forest'; }
// pick a label per active theme
function faLabel(forest, wizard) { return FA_THEME === 'wizard' ? wizard : forest; }
const WIZ_ICON = {
fir: 'castle', sprout: 'coins', blossom: 'potion',
leaf: 'feather', sun: 'coins', shield: 'vault',
mountain: 'star', book: 'spellbook', bulb: 'wand',
home: 'castle', more: 'owl',
};
// ── Nature-inspired line icons (clean, geometric, not childish) ─────────
function Icon({ name, size = 24, stroke = 1.6, color = 'currentColor', style = {} }) {
const p = { fill: 'none', stroke: color, strokeWidth: stroke, strokeLinecap: 'round', strokeLinejoin: 'round' };
const paths = {
// fir / evergreen — "Nutné" (essentials, sturdy)
fir: ,
// seedling / sprout — "Budoucí já" (growth)
sprout: ,
// blossom — "Radost" (joy)
blossom: ,
// single leaf
leaf: ,
// sun — income / warmth
sun: ,
// mountain — goals horizon
mountain: ,
// shield — reserve / safety
shield: ,
// book — reflection
book: ,
// bulb — tips
bulb: ,
// home — overview
home: ,
// scales / plan
plan: ,
// more — three petals / dots
more: ,
// chevron
chevron: ,
// arrow up-right
arrow: ,
// plus
plus: ,
// bell / alert
alert: ,
check: ,
// repeat / recurring
repeat: ,
// trash
trash: ,
// ── wizard glyphs ──
castle: ,
coins: ,
potion: ,
feather: ,
vault: ,
star: ,
spellbook: ,
owl: ,
wand: ,
key: ,
// face-id frame (corners + face)
faceid: ,
};
const resolved = (FA_THEME === 'wizard' && WIZ_ICON[name]) ? WIZ_ICON[name] : name;
return (
);
}
Object.assign(window, { fmt, kc, APP, accentVar, accentSoft, Icon, ACCENTS, setFaTheme, faLabel });