@tuturuuu/ui 0.26.0 → 0.27.0

package/src/hooks/use-calendar-sync.tsx

@@ -240,7 +240,7 @@ export const CalendarSyncProvider = ({
     queryKey: ['workspace-calendars', wsId],
     enabled: !hasExternalEvents && !!wsId,
     queryFn: () => listWorkspaceCalendars(wsId),
-    staleTime: 30_000,
+    staleTime: 5 * 60_000,
   });
   const enabledWorkspaceCalendarIds = useMemo(
     () =>
@@ -438,12 +438,11 @@ export const CalendarSyncProvider = ({
     [isVisibleInCurrentRange]
   );
 
-  // Fetch database events with caching
   const { data: fetchedData, isLoading: isDatabaseLoading } = useQuery({
     queryKey: ['databaseCalendarEvents', wsId, activeCacheKey],
     enabled: !hasExternalEvents && !!wsId && dates.length > 0,
-    staleTime: 30000, // Consider data fresh for 30 seconds
-    gcTime: 5 * 60 * 1000, // Keep in cache for 5 minutes
+    staleTime: 2 * 60_000,
+    gcTime: 30 * 60_000,
     queryFn: async () => {
       if (!activeCacheKey) return null;
 
@@ -512,10 +511,11 @@ export const CalendarSyncProvider = ({
           lastSyncTime: new Date(),
         });
 
-        return cachedData?.dbEvents ?? [];
+        throw err instanceof Error ? err : new Error(errorMessage);
       }
     },
-    refetchInterval: 60000, // Reduced from 30s to 60s to lower load
+    refetchInterval: 5 * 60_000,
+    refetchIntervalInBackground: false,
   });
 
   // Legacy direct Google fetch/reconcile is disabled. Provider inbound sync is
@@ -523,18 +523,17 @@ export const CalendarSyncProvider = ({
   const { isLoading: isGoogleLoading } = useQuery({
     queryKey: ['googleCalendarEvents', wsId, activeCacheKey],
     enabled: false,
-    staleTime: 30000, // Consider data fresh for 30 seconds
-    gcTime: 5 * 60 * 1000, // Keep in cache for 5 minutes
+    staleTime: 2 * 60_000,
+    gcTime: 30 * 60_000,
     queryFn: async () => null,
-    refetchInterval: 60000, // Reduced from 30s to 60s to lower load
   });
 
   // Fetch habit calendar events to identify which events are habits
   const { data: habitEventData } = useQuery({
     queryKey: ['habitCalendarEvents', wsId, activeCacheKey],
     enabled: !hasExternalEvents && !!wsId && dates.length > 0,
-    staleTime: 60000, // Consider data fresh for 1 minute
-    gcTime: 5 * 60 * 1000, // Keep in cache for 5 minutes
+    staleTime: 2 * 60_000,
+    gcTime: 30 * 60_000,
     queryFn: async () => {
       const startDate = dayjs(dates[0]).startOf('day');
       const endDate = dayjs(dates[dates.length - 1])
@@ -571,7 +570,8 @@ export const CalendarSyncProvider = ({
         };
       }
     },
-    refetchInterval: 60000, // Refetch every minute
+    refetchInterval: 5 * 60_000,
+    refetchIntervalInBackground: false,
   });
 
   // Helper to check if dates have actually changed

package/src/hooks/use-notifications.ts

@@ -91,7 +91,8 @@ interface NotificationSubscriptionEntry {
   supabase: SupabaseClient;
 }
 
-export const UNREAD_COUNT_FALLBACK_INTERVAL_MS = 5 * 60 * 1000;
+export const UNREAD_COUNT_STALE_TIME_MS = 5 * 60 * 1000;
+export const UNREAD_COUNT_FALLBACK_INTERVAL_MS = 15 * 60 * 1000;
 
 const notificationSubscriptionRegistry = new Map<
   string,
@@ -164,12 +165,7 @@ function createNotificationSubscriptionEntry(
         table: 'notifications',
         filter: `user_id=eq.${userId}`,
       },
-      (payload) => {
-        const newRecord = payload.new as Notification;
-        if (newRecord?.data?.action_taken) {
-          invalidateQueries();
-        }
-      }
+      invalidateQueries
     )
     .on(
       'postgres_changes',
@@ -348,7 +344,7 @@ export function useUnreadCount(
       return data.count as number;
     },
     enabled: options?.enabled ?? true,
-    staleTime: 60_000,
+    staleTime: UNREAD_COUNT_STALE_TIME_MS,
     // Realtime invalidation is the primary update path. Keep a low-frequency
     // refresh as a safety net for disconnected or suspended browser sessions.
     refetchInterval: UNREAD_COUNT_FALLBACK_INTERVAL_MS,

package/src/lib/calendar-settings-resolver.ts

@@ -1,200 +1 @@
-/**
- * Calendar Settings Resolver
- *
- * Implements priority system for calendar preferences:
- * User settings > Workspace settings > Auto-detection
- */
-
-type FirstDayOfWeek = 'auto' | 'sunday' | 'monday' | 'saturday';
-
-interface CalendarSettings {
-  timezone: string;
-  firstDayOfWeek: FirstDayOfWeek;
-  timeFormat: '12h' | '24h';
-}
-
-export interface CalendarUserSettings {
-  timezone?: string | null;
-  first_day_of_week?: string | null;
-  time_format?: string | null;
-}
-
-export interface CalendarWorkspaceSettings {
-  timezone?: string | null;
-  first_day_of_week?: string | null;
-}
-
-/**
- * Detects the system timezone using Intl API
- */
-export function detectSystemTimezone(): string {
-  try {
-    return Intl.DateTimeFormat().resolvedOptions().timeZone;
-  } catch {
-    // Fallback to UTC if detection fails
-    return 'UTC';
-  }
-}
-
-/**
- * Detects the first day of week based on locale
- * Vietnamese: Monday
- * US/Canada: Sunday
- * Middle East: Saturday
- */
-export function detectLocaleFirstDay(locale?: string): FirstDayOfWeek {
-  const userLocale =
-    locale || (typeof navigator !== 'undefined' ? navigator.language : 'en-US');
-
-  // Vietnamese locale uses Monday as first day
-  if (userLocale.startsWith('vi')) {
-    return 'monday';
-  }
-
-  // US, Canada, and some other countries use Sunday
-  if (userLocale.startsWith('en-US') || userLocale.startsWith('en-CA')) {
-    return 'sunday';
-  }
-
-  // Middle Eastern countries typically use Saturday
-  if (userLocale.startsWith('ar') || userLocale.startsWith('he')) {
-    return 'saturday';
-  }
-
-  // Most European and other countries use Monday
-  return 'monday';
-}
-
-/**
- * Detects the preferred time format based on locale
- * Uses Intl.DateTimeFormat to determine if the locale uses 12h or 24h format
- */
-export function detectLocaleTimeFormat(locale?: string): '12h' | '24h' {
-  const userLocale =
-    locale || (typeof navigator !== 'undefined' ? navigator.language : 'en-US');
-
-  try {
-    // Use Intl.DateTimeFormat to detect the locale's preferred format
-    const formatter = new Intl.DateTimeFormat(userLocale, { hour: 'numeric' });
-    const parts = formatter.formatToParts(new Date(2000, 0, 1, 13, 0));
-    const hourPart = parts.find((p) => p.type === 'hour');
-
-    // If hour is "1" instead of "13", it's 12-hour format
-    return hourPart?.value === '1' ? '12h' : '24h';
-  } catch {
-    // Fallback to 12h for English locales, 24h for others
-    return userLocale.startsWith('en') ? '12h' : '24h';
-  }
-}
-
-/**
- * Resolves the effective time format based on user setting
- */
-export function resolveTimeFormat(
-  user?: Pick<CalendarUserSettings, 'time_format'> | null,
-  locale?: string
-): '12h' | '24h' {
-  // User setting takes priority
-  if (user?.time_format && user.time_format !== 'auto') {
-    return user.time_format as '12h' | '24h';
-  }
-
-  // Auto-detection based on locale
-  return detectLocaleTimeFormat(locale);
-}
-
-/**
- * Resolves the effective timezone based on priority system
- */
-export function resolveTimezone(
-  user?: Pick<CalendarUserSettings, 'timezone'> | null,
-  workspace?: Pick<CalendarWorkspaceSettings, 'timezone'> | null
-): string {
-  // Priority 1: User setting
-  if (user?.timezone && user.timezone !== 'auto') {
-    return user.timezone;
-  }
-
-  // Priority 2: Workspace setting
-  if (workspace?.timezone && workspace.timezone !== 'auto') {
-    return workspace.timezone;
-  }
-
-  // Priority 3: Auto-detection
-  return detectSystemTimezone();
-}
-
-/**
- * Resolves the effective first day of week based on priority system
- */
-export function resolveFirstDayOfWeek(
-  user?: Pick<CalendarUserSettings, 'first_day_of_week'> | null,
-  workspace?: Pick<CalendarWorkspaceSettings, 'first_day_of_week'> | null,
-  locale?: string
-): FirstDayOfWeek {
-  // Priority 1: User setting
-  if (user?.first_day_of_week && user.first_day_of_week !== 'auto') {
-    return user.first_day_of_week as FirstDayOfWeek;
-  }
-
-  // Priority 2: Workspace setting
-  if (workspace?.first_day_of_week && workspace.first_day_of_week !== 'auto') {
-    return workspace.first_day_of_week as FirstDayOfWeek;
-  }
-
-  // Priority 3: Auto-detection based on locale
-  return detectLocaleFirstDay(locale);
-}
-
-/**
- * Resolves all calendar settings at once
- */
-export function resolveCalendarSettings(
-  user?: CalendarUserSettings | null,
-  workspace?: CalendarWorkspaceSettings | null,
-  locale?: string
-): CalendarSettings {
-  return {
-    timezone: resolveTimezone(user, workspace),
-    firstDayOfWeek: resolveFirstDayOfWeek(user, workspace, locale),
-    timeFormat: resolveTimeFormat(user, locale),
-  };
-}
-
-/**
- * Converts first day of week string to number (for Date compatibility)
- * 0 = Sunday, 1 = Monday, 6 = Saturday
- */
-export function firstDayToNumber(day: FirstDayOfWeek, locale?: string): number {
-  if (day === 'auto') {
-    day = detectLocaleFirstDay(locale);
-  }
-
-  switch (day) {
-    case 'sunday':
-      return 0;
-    case 'monday':
-      return 1;
-    case 'saturday':
-      return 6;
-    default:
-      return 1; // Default to Monday
-  }
-}
-
-/**
- * Converts number to first day of week string
- * 0 = Sunday, 1 = Monday, 6 = Saturday
- */
-export function numberToFirstDay(num: number): FirstDayOfWeek {
-  switch (num) {
-    case 0:
-      return 'sunday';
-    case 1:
-      return 'monday';
-    case 6:
-      return 'saturday';
-    default:
-      return 'monday'; // Default to Monday
-  }
-}
+export * from '@tuturuuu/utils/calendar-settings-resolver';

package/src/readme-contract.test.tsx

@@ -0,0 +1,57 @@
+import { readFileSync } from 'node:fs';
+import { resolve } from 'node:path';
+import { render, screen } from '@testing-library/react';
+import { Button } from '@tuturuuu/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@tuturuuu/ui/card';
+import { describe, expect, it } from 'vitest';
+
+const repoRoot = resolve(
+  process.cwd(),
+  process.cwd().endsWith('/packages/ui') ? '../..' : '.'
+);
+
+function readRepoFile(path: string) {
+  return readFileSync(resolve(repoRoot, path), 'utf8');
+}
+
+describe('@tuturuuu/ui public quickstart', () => {
+  it('documents only executable public package entry points', () => {
+    const readme = readRepoFile('packages/ui/README.md');
+    const packageJson = JSON.parse(
+      readRepoFile('packages/ui/package.json')
+    ) as {
+      exports: Record<string, unknown>;
+    };
+
+    expect(
+      readme.match(/import '@tuturuuu\/ui\/globals\.css';/gu) ?? []
+    ).toHaveLength(1);
+    expect(readme).toContain("import { Button } from '@tuturuuu/ui/button';");
+    expect(readme).toMatch(
+      /import\s*\{[\s\S]*?Card[\s\S]*?CardContent[\s\S]*?CardHeader[\s\S]*?CardTitle[\s\S]*?\}\s*from '@tuturuuu\/ui\/card';/u
+    );
+    expect(readme).not.toMatch(/from ['"]@tuturuuu\/ui['"]/u);
+    expect(readme).not.toContain('variant="primary"');
+    expect(packageJson.exports['.']).toBeUndefined();
+    expect(packageJson.exports['./button']).toBeDefined();
+    expect(packageJson.exports['./*']).toBe('./src/components/ui/*.tsx');
+  });
+
+  it('renders the documented component tree through public subpaths', () => {
+    render(
+      <Card>
+        <CardHeader>
+          <CardTitle>Welcome to Tuturuuu</CardTitle>
+        </CardHeader>
+        <CardContent>
+          <Button>Get started</Button>
+        </CardContent>
+      </Card>
+    );
+
+    expect(
+      screen.getByRole('button', { name: 'Get started' })
+    ).toBeInTheDocument();
+    expect(screen.getByText('Welcome to Tuturuuu')).toBeInTheDocument();
+  });
+});