AI calorie tracker like Cal AI, MyFitnessPal and Lose It!

51export default function HomeScreen() {
52  const { user } = useAuth();
53  const params = useLocalSearchParams<{ day?: string }>();
54  const uid = user?.id ?? '';
55
56  const { data: profile, isLoading: profileLoading } = useMyProfile();
57  const { data: loggedDays } = useLoggedDays();
58
59  const today = startOfLocalDay(new Date());
60  const todayKey = dayKey(today);
61  const initialDay = params.day && /^\d{4}-\d{2}-\d{2}$/.test(params.day) ? startOfLocalDay(new Date(params.day + 'T00:00:00')) : today;
62
63  const [selectedDate, setSelectedDate] = useState(initialDay);
64  const [weekOffset, setWeekOffset] = useState(0); // 0 = current week
65
66  // Keep selected day in sync when a logging flow navigates back with a `day` param.
67  useEffect(() => {
68    if (params.day && /^\d{4}-\d{2}-\d{2}$/.test(params.day)) {
69      const d = startOfLocalDay(new Date(params.day + 'T00:00:00'));
70      setSelectedDate(d);
71      setWeekOffset(weekOffsetFor(d, today));
72    }
73  }, [params.day]);
74  const [sheetOpen, setSheetOpen] = useState(false);
75  const [refreshing, setRefreshing] = useState(false);
76
77  const selectedKey = dayKey(selectedDate);
78
79  // Week navigation: start of the displayed week (Mon), clamped to never past current week
80  const currentWeekStart = startOfWeek(today);
81  const weekStart = new Date(currentWeekStart);
82  weekStart.setDate(weekStart.getDate() - weekOffset * 7);
83
84  const weekDays = useMemo(() => {

8export function useThemeColor(token: `--${string}`, { alpha = 1, shade = 0 } = {}): string {
9  const { colorScheme } = nativewind.useColorScheme();
10  const native = useNativeVariable(token);
11  const vars = (colorScheme === 'dark' ? theme.darkTheme : theme.lightTheme) as Record<string, any>;
12  const raw = String((Platform.OS === 'web' ? (vars.__cssVars ?? vars)[token] : native) ?? '');
13  const rgb = raw.trim().split(/\s+/).map(Number);
14  if (rgb.length !== 3 || rgb.some(Number.isNaN)) return `rgba(127,127,127,${alpha})`;
15  const to = shade < 0 ? 0 : 255;
16  const [r, g, b] = rgb.map((c) => Math.round(c + (to - c) * Math.abs(shade)));
17  return `rgba(${r},${g},${b},${alpha})`;
18}

7create policy meal_photos_own_folder_insert on storage.objects as restrictive
8  for insert to authenticated
9  with check (bucket_id <> 'meal-photos' or (storage.foldername(name))[1] = auth.uid()::text);
10
11drop policy if exists meal_photos_own_folder_update on storage.objects;
12create policy meal_photos_own_folder_update on storage.objects as restrictive
13  for update to authenticated
14  using (bucket_id <> 'meal-photos' or (storage.foldername(name))[1] = auth.uid()::text)
15  with check (bucket_id <> 'meal-photos' or (storage.foldername(name))[1] = auth.uid()::text);
16
17drop policy if exists meal_photos_own_folder_delete on storage.objects;
18create policy meal_photos_own_folder_delete on storage.objects as restrictive
19  for delete to authenticated
20  using (bucket_id <> 'meal-photos' or (storage.foldername(name))[1] = auth.uid()::text);

13export const lightTheme = vars({
14  '--radius': '16',
15  '--background': '255 255 255',
16  '--foreground': '17 17 19',
17  '--card': '246 246 248',
18  '--card-foreground': '17 17 19',
19  '--popover': '255 255 255',
20  '--popover-foreground': '17 17 19',
21  '--primary': '17 17 19',
22  '--primary-foreground': '255 255 255',
23  '--secondary': '238 238 241',
24  '--secondary-foreground': '17 17 19',
25  '--muted': '241 241 244',
26  '--muted-foreground': '118 118 128',
27  '--accent': '255 99 51',
28  '--accent-foreground': '255 255 255',
29  '--destructive': '229 57 53',
30  '--destructive-foreground': '255 255 255',
31  '--border': '232 232 236',
32  '--input': '228 228 233',
33  '--ring': '17 17 19',
34  '--chart-1': '124 92 252',
35  '--chart-2': '56 160 245',
36  '--chart-3': '245 166 35',
37  '--chart-4': '34 197 94',
38  '--chart-5': '17 17 19',
39  ...themeFonts,
40});
41
42export const darkTheme = vars({
43  '--radius': '16',
44  '--background': '10 10 12',
45  '--foreground': '250 250 250',
46  '--card': '24 24 28',