null/BillTracker
null
/
BillTracker
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects Releases 1 Wiki Activity
BillTracker/index.html

46 lines
2.2 KiB
HTML
Raw Normal View History

initial commit
2026-05-03 19:51:57 -05:00
<!DOCTYPE html>
<html lang="en" class="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
chore(brand): favicon + PWA manifest follow the new SVG lockup index.html: favicon and apple-touch-icon now point at the SVG mark (plus the legacy PNG fallback for browsers that don't honour SVG favicons). vite.config.mjs: VitePWA manifest icons reference the SVG mark + social-preview, theme_color and background_color inherit from the new brand tokens. No behaviour change for end users — the PNG derivatives stay in the same directory and are still used by the PWA splash / app-icon paths that need raster. This is commit 3 of the v0.42.0 follow-up batch. Depends on 1c04dfd (Brand components).
2026-07-05 17:50:11 -05:00
<link rel="icon" type="image/svg+xml" href="/brand/mark.svg">
refactor(brand): wire brand + new primitives through layout chrome The layout chrome adopts the new brand module + the just-landed app-primitives. CSS variables, the favicon, the page title, and the vite PWA manifest all switch to the new brand assets: - BrandBlock / NavPill / Sidebar / Layout use BrandMark / BrandWordmark / BRAND.name from @/lib/brand. - ThemeContext exposes the system / dark / light options for the new 'theme = System' setting (commit 1 of 9 in the brand refresh set; the actual settings UI lands in the per-page commit). - client/index.css: 153 lines of churn — the design-token refresh (accent palette, neutrals, surface tokens) consumed by every downstream commit. - index.html: title, favicon, apple-touch-icon, theme-color, manifest href all point at client/public/brand/*. - vite.config.mjs: VitePWA manifest icons + theme/background colors follow the new brand. This is commit 3 of 9 in the v0.42.0 brand refresh. Depends on 4898987 (app-primitives).
2026-07-05 17:18:31 -05:00
<link rel="apple-touch-icon" href="/brand/apple-touch-icon.png">
<meta name="theme-color" content="#101417">
chore(brand): favicon + PWA manifest follow the new SVG lockup index.html: favicon and apple-touch-icon now point at the SVG mark (plus the legacy PNG fallback for browsers that don't honour SVG favicons). vite.config.mjs: VitePWA manifest icons reference the SVG mark + social-preview, theme_color and background_color inherit from the new brand tokens. No behaviour change for end users — the PNG derivatives stay in the same directory and are still used by the PWA splash / app-icon paths that need raster. This is commit 3 of the v0.42.0 follow-up batch. Depends on 1c04dfd (Brand components).
2026-07-05 17:50:11 -05:00
<meta name="description" content="Calm command for household money.">
<meta property="og:title" content="Bill Tracker">
<meta property="og:description" content="Calm command for household money.">
<meta property="og:image" content="/brand/social-preview.svg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Bill Tracker">
<meta name="twitter:description" content="Calm command for household money.">
<meta name="twitter:image" content="/brand/social-preview.svg">
refactor: component splits, PWA support, CommandPalette Component Splits: - AdminPage.jsx: 1,906 -> 82 lines (logic moved to client/components/admin/ — 9 files) - DataPage.jsx: 3,132 -> 60 lines (logic moved to client/components/data/ — 8 files) - TrackerPage.jsx: 2,566 -> 2,132 lines (MonthlyStateDialog, StartingAmountsEditDialog, PaymentModal) PWA: - vite-plugin-pwa installed with NetworkFirst caching for API routes - Square PWA icons (192x192, 512x512, apple-touch-icon) - theme-color, apple meta tags, touch icon in index.html - Build generates dist/sw.js + Workbox runtime CommandPalette: - Navigation commands, Add bill action, month jumps - Grouped results with empty/filtered states
2026-05-28 20:53:22 -05:00
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
refactor(brand): wire brand + new primitives through layout chrome The layout chrome adopts the new brand module + the just-landed app-primitives. CSS variables, the favicon, the page title, and the vite PWA manifest all switch to the new brand assets: - BrandBlock / NavPill / Sidebar / Layout use BrandMark / BrandWordmark / BRAND.name from @/lib/brand. - ThemeContext exposes the system / dark / light options for the new 'theme = System' setting (commit 1 of 9 in the brand refresh set; the actual settings UI lands in the per-page commit). - client/index.css: 153 lines of churn — the design-token refresh (accent palette, neutrals, surface tokens) consumed by every downstream commit. - index.html: title, favicon, apple-touch-icon, theme-color, manifest href all point at client/public/brand/*. - vite.config.mjs: VitePWA manifest icons + theme/background colors follow the new brand. This is commit 3 of 9 in the v0.42.0 brand refresh. Depends on 4898987 (app-primitives).
2026-07-05 17:18:31 -05:00
<meta name="apple-mobile-web-app-title" content="Bill Tracker">
initial commit
2026-05-03 19:51:57 -05:00
<title>Bill Tracker</title>
feat(settings): theme "System" + reduce-motion (plan Tier 1) - ThemeContext gains a 'system' theme that follows prefers-color-scheme and updates live when the OS flips; exposes resolvedTheme (consumed by Sonner) and keeps the <meta theme-color> in sync. Pre-bundle inline script in index.html prevents a light/dark flash. Both theme selectors (Settings ThemeCards + theme-toggle dropdown) gain the System option. - New MotionPreferenceContext mounts framer-motion <MotionConfig>; a Reduce-motion toggle (localStorage device pref) forces reducedMotion="always" (else "user", which still respects the OS). - Add an accessible SettingHelp tooltip (focusable button + aria-label) wrapped by a page-level TooltipProvider; used for the System + Reduce-motion explanations. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-07-05 15:50:37 -05:00
<script>
// Pre-bundle theme apply — avoids a light/dark flash. Mirrors applyTheme in
// client/contexts/ThemeContext.tsx (theme 'system' follows the OS).
(function () {
try {
var s = localStorage.getItem('bt-theme');
if (s === 'dark-purple') s = 'dark';
var theme = (s === 'light' || s === 'dark' || s === 'system') ? s : 'dark';
var resolved = theme === 'system'
? ((window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) ? 'dark' : 'light')
: theme;
var root = document.documentElement;
if (resolved === 'dark') root.classList.add('dark'); else root.classList.remove('dark');
var m = document.querySelector('meta[name="theme-color"]');
refactor(brand): wire brand + new primitives through layout chrome The layout chrome adopts the new brand module + the just-landed app-primitives. CSS variables, the favicon, the page title, and the vite PWA manifest all switch to the new brand assets: - BrandBlock / NavPill / Sidebar / Layout use BrandMark / BrandWordmark / BRAND.name from @/lib/brand. - ThemeContext exposes the system / dark / light options for the new 'theme = System' setting (commit 1 of 9 in the brand refresh set; the actual settings UI lands in the per-page commit). - client/index.css: 153 lines of churn — the design-token refresh (accent palette, neutrals, surface tokens) consumed by every downstream commit. - index.html: title, favicon, apple-touch-icon, theme-color, manifest href all point at client/public/brand/*. - vite.config.mjs: VitePWA manifest icons + theme/background colors follow the new brand. This is commit 3 of 9 in the v0.42.0 brand refresh. Depends on 4898987 (app-primitives).
2026-07-05 17:18:31 -05:00
if (m) m.setAttribute('content', resolved === 'dark' ? '#101417' : '#f8faf9');
feat(settings): theme "System" + reduce-motion (plan Tier 1) - ThemeContext gains a 'system' theme that follows prefers-color-scheme and updates live when the OS flips; exposes resolvedTheme (consumed by Sonner) and keeps the <meta theme-color> in sync. Pre-bundle inline script in index.html prevents a light/dark flash. Both theme selectors (Settings ThemeCards + theme-toggle dropdown) gain the System option. - New MotionPreferenceContext mounts framer-motion <MotionConfig>; a Reduce-motion toggle (localStorage device pref) forces reducedMotion="always" (else "user", which still respects the OS). - Add an accessible SettingHelp tooltip (focusable button + aria-label) wrapped by a page-level TooltipProvider; used for the System + Reduce-motion explanations. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-07-05 15:50:37 -05:00
} catch (e) { /* localStorage/matchMedia unavailable — keep default */ }
})();
</script>
initial commit
2026-05-03 19:51:57 -05:00
</head>
<body>
<div id="root"></div>
refactor(ts): convert the app shell to TSX (B7) App.tsx (routing + QueryClient), main.tsx (entry; index.html updated to main.tsx), useAuth.tsx (typed AuthContextValue/User + MeResponse; uses the safe useContext()||defaults pattern so no `never` trap), and the layout components (Layout, Sidebar, NavPill, BrandBlock — NavItem type, LucideIcon-typed nav config, casts for the untyped overdue/simplefin API responses). TS caught a dead prop: App passed mainContentId to TrackerPage, which takes no params — removed. typecheck 0, lint 0 errors (39 warns), build green, 17/17 e2e probe. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-07-04 19:49:57 -05:00
<script type="module" src="/client/main.tsx"></script>
initial commit
2026-05-03 19:51:57 -05:00
</body>
</html>