Fix chore timezone & add midnight refresh

Author: jherforth

client/src/components/ChoreWidget.jsx

@@ -27,6 +27,7 @@ import axios from 'axios';
 import { API_BASE_URL } from '../utils/apiConfig.js';
 import { getDeviceApiBase } from '../utils/deviceName.js';
 import { shouldShowChoreToday, getTodayDateString, convertDaysToCrontab } from '../utils/choreHelpers.js';
+import { getServerTimezoneSync } from '../utils/timezone.js';
 
 const USERS_UPDATED_EVENT = 'homeglow:users-updated';
 
@@ -93,6 +94,34 @@ const ChoreWidget = ({ transparentBackground, refreshInterval = 0 }) => {
     }
   }, [refreshInterval]);
 
+  useEffect(() => {
+    function getMsUntilServerMidnight() {
+      const tz = getServerTimezoneSync();
+      const now = new Date();
+      const formatter = new Intl.DateTimeFormat('en-CA', {
+        timeZone: tz,
+        year: 'numeric',
+        month: '2-digit',
+        day: '2-digit',
+        hour: '2-digit',
+        minute: '2-digit',
+        second: '2-digit',
+        hour12: false
+      });
+      const parts = formatter.formatToParts(now);
+      const get = (type) => parseInt(parts.find(p => p.type === type).value, 10);
+      const h = get('hour'), m = get('minute'), s = get('second');
+      const secondsUntilMidnight = (24 * 3600) - (h * 3600 + m * 60 + s);
+      return secondsUntilMidnight * 1000 + 1000;
+    }
+
+    const timerId = setTimeout(() => {
+      fetchData();
+    }, getMsUntilServerMidnight());
+
+    return () => clearTimeout(timerId);
+  }, [history]);
+
   useEffect(() => {
     if (!deviceSettingsLoaded) {
       return;

client/src/utils/choreHelpers.js

@@ -12,18 +12,25 @@ export function shouldShowChoreToday(schedule) {
 
   try {
     const tz = getServerTimezoneSync();
-    const today = new Date();
-    today.setHours(0, 0, 0, 0);
+    const todayStr = getTodayDateString();
+    const [year, month, day] = todayStr.split('-').map(Number);
+    const todayInServerTz = new Date(year, month - 1, day);
 
     const interval = CronExpressionParser.parse(schedule.crontab, {
-      currentDate: new Date(today.getTime() + 24 * 60 * 60 * 1000),
+      currentDate: new Date(todayInServerTz.getTime() + 24 * 60 * 60 * 1000),
       tz
     });
 
     const prevOccurrence = interval.prev().toDate();
-    prevOccurrence.setHours(0, 0, 0, 0);
+    const prevFormatter = new Intl.DateTimeFormat('en-CA', {
+      timeZone: tz,
+      year: 'numeric',
+      month: '2-digit',
+      day: '2-digit'
+    });
+    const prevStr = prevFormatter.format(prevOccurrence);
 
-    return prevOccurrence.getTime() === today.getTime();
+    return prevStr === todayStr;
   } catch (error) {
     console.error('Error parsing crontab:', schedule.crontab, error);
     return false;