Chris Olson
c3cf0f3eb8
Foundation: single arm64 container (Hono + SQLite via Drizzle, React + Vite), local sign-in with long-lived sessions and passkeys, roles (read-only, full access, admin), nightly and pre-upgrade backups, light and dark themes, date-based version numbers, and the ideas lightbulb behind IDEAS_ENABLED. Money in: accounts with balances, CSV import with bank detection, a column mapping pop-up for unknown layouts, duplicate checks, transfer pairing and undo; one-tap review with learned rules; activity with search, splits, tags, notes and cash entries. Statement files are blocked from commits by a pre-commit hook; tests use synthetic fixtures only. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
16 lines
520 B
TypeScript
16 lines
520 B
TypeScript
import { useSyncExternalStore } from 'react';
|
|
|
|
export function useMediaQuery(query: string): boolean {
|
|
return useSyncExternalStore(
|
|
(onChange) => {
|
|
const list = window.matchMedia(query);
|
|
list.addEventListener('change', onChange);
|
|
return () => list.removeEventListener('change', onChange);
|
|
},
|
|
() => window.matchMedia(query).matches,
|
|
);
|
|
}
|
|
|
|
/** Phones get bottom sheets and big targets; larger screens get popovers. */
|
|
export const useIsPhone = () => !useMediaQuery('(min-width: 640px)');
|