@vendure/dashboard 3.5.0-minor-202510071456 → 3.5.0-minor-202510161257

package/src/lib/providers/alerts-provider.tsx

@@ -0,0 +1,60 @@
+import { getAlertRegistry } from '@/vdb/framework/alert/alert-extensions.js';
+import { DashboardAlertDefinition } from '@/vdb/framework/extension-api/types/alerts.js';
+import { useQueries, UseQueryOptions } from '@tanstack/react-query';
+import { createContext, ReactNode, useContext, useEffect, useState } from 'react';
+
+interface AlertsContextValue {
+    alertDefs: DashboardAlertDefinition[];
+    rawResults: any[];
+    dismissedAlerts: Map<string, number>;
+    setDismissedAlerts: React.Dispatch<React.SetStateAction<Map<string, number>>>;
+    enabledQueries: boolean;
+}
+
+const AlertsContext = createContext<AlertsContextValue | undefined>(undefined);
+
+export function AlertsProvider({ children }: { children: ReactNode }) {
+    const initialDelayMs = 5_000;
+    const [alertDefs, setAlertDefs] = useState<DashboardAlertDefinition[]>([]);
+    const [enabledQueries, setEnabledQueries] = useState(false);
+    const [dismissedAlerts, setDismissedAlerts] = useState<Map<string, number>>(new Map());
+
+    useEffect(() => {
+        setAlertDefs(Array.from(getAlertRegistry().values()));
+    }, []);
+
+    useEffect(() => {
+        const timer = setTimeout(() => {
+            setEnabledQueries(true);
+        }, initialDelayMs);
+        return () => clearTimeout(timer);
+    }, []);
+
+    const rawResults = useQueries({
+        queries: alertDefs.map(
+            alert =>
+                ({
+                    queryKey: ['alert', alert.id],
+                    queryFn: () => alert.check(),
+                    refetchInterval: alert.recheckInterval,
+                    enabled: enabledQueries,
+                }) as UseQueryOptions,
+        ),
+    });
+
+    return (
+        <AlertsContext.Provider
+            value={{ alertDefs, rawResults, dismissedAlerts, setDismissedAlerts, enabledQueries }}
+        >
+            {children}
+        </AlertsContext.Provider>
+    );
+}
+
+export function useAlertsContext() {
+    const context = useContext(AlertsContext);
+    if (!context) {
+        throw new Error('useAlertsContext must be used within AlertsProvider');
+    }
+    return context;
+}

package/src/lib/providers/theme-provider.tsx

@@ -29,15 +29,18 @@ export function ThemeProvider({ children, defaultTheme = 'system', ...props }: R
 
         root.classList.remove('light', 'dark');
 
-        if (settings.theme === 'system') {
+        const activeTheme =
+            defaultTheme !== 'system' && settings.theme === 'system' ? defaultTheme : settings.theme;
+
+        if (activeTheme === 'system') {
             const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
 
             root.classList.add(systemTheme);
             return;
         }
 
-        root.classList.add(settings.theme);
-    }, [settings.theme]);
+        root.classList.add(activeTheme);
+    }, [settings.theme, defaultTheme]);
 
     return (
         <ThemeProviderContext.Provider