@wasto/cms-components 1.5.10 → 1.5.11

package/src/index.ts

@@ -1,142 +1,149 @@
-export {
-    Article,
-    type ArticleProps,
-    type ArticleDisplayMode
-} from "./components/article/Article"
-export {
-    Challenge,
-    type ChallengeProps
-} from "./components/challenge/Challenge"
-export {
-    ChallengeVignette,
-    type ChallengeVignetteProps
-} from "./components/challenge/ChallengeVignette"
-export {
-    Chat,
-    type ChatProps
-} from "./components/chat/Chat"
-export {
-    CollectionCalendar,
-    type CollectionCalendarProps
-} from "./components/collection-calendar/CollectionCalendar"
-export {
-    Columns,
-    type ColumnsProps,
-    type ColumnsColumnCount
-} from "./components/columns/Columns"
-export {
-    Image,
-    ImageProps,
-} from "./components/image/Image"
-export {
-    LocationsMap,
-    type LocationsMapProps
-} from "./components/locations-map/LocationsMap"
-export {
-    NextCollection,
-    type NextCollectionProps
-} from "./components/next-collection/NextCollection"
-export {
-    Page,
-    type PageProps
-} from "./components/page/Page"
-export {
-    ContentInset,
-    type ContentInsetProps
-} from "./components/content-inset/ContentInset"
-export {
-    Paragraph,
-    type PararaphProps
-} from "./components/parapraph/Paragraph"
-export {
-    RecyclingInfo,
-    type RecyclingInfoProps
-} from "./components/recycling-info/RecyclingInfo"
-export {
-    Search,
-    type SearchProps
-} from "./components/search/Search"
-export {
-    Title,
-    type TitleProps,
-    type TitleLevel
-} from "./components/title/Title"
-export {
-    Header,
-    type HeaderProps,
-    type AppHeaderConfig,
-    type AppHeaderElement,
-    type AppHeaderLogoElement,
-    type AppHeaderTitleElement,
-    type AppHeaderActionElement,
-    type AppHeaderSlot,
-} from "./components/header/Header"
-export {
-    BottomTab,
-    type BottomTabProps
-} from "./components/bottom-tab/BottomTab"
-export {
-    NotificationsScreen,
-} from "./components/notifications/NotificationsScreen"
-export {
-    ProfileScreen,
-} from "./components/profile/ProfileScreen"
-export {
-    Vision,
-    type VisionProps,
-    type VisionCaptureResult,
-} from "./components/vision/Vision"
-export {
-    type VisionSuggestion,
-    type VisionActionCardProps,
-} from "./components/vision/VisionActionCard"
-
-export {
-    WastoProvider,
-    useWasto,
-    type WastoProviderProps,
-    type WastoContextType,
-} from "./contexts/WastoContext"
-
-export {
-    initWastoSentry,
-    wrapWithSentry,
-    reportError,
-    isWastoSentryActive,
-    type WastoSentryConfig,
-    type WastoErrorContext,
-} from "./sentry/initSentry"
-
-export { useWastoClient } from "./hooks/useWastoClient"
-
-export type {
-    Theme,
-    ResolvedTheme,
-    ThemeShadowStyle,
-} from "./types/Theme"
-
-export {
-    resolveTheme,
-    cardStyle,
-    softCardStyle,
-    groupedSectionStyle,
-    coloredShadow,
-} from "./helpers/themeStyles"
-
-export {
-    SPACE,
-    MAQUETTE_RADII,
-    MAQUETTE_COLORS,
-} from "./helpers/layout"
-
-export { SYSTEM_ROUTES, type SystemRouteKey } from "./helpers/systemRoutes"
-
-export { createMaquetteTheme } from "./helpers/maquetteTheme"
-
-export {
-    NavigationProvider,
-    useAppNavigation,
-    useOptionalAppNavigation,
-    type NavigationApi,
-    type NavigationProviderProps,
-} from "./navigation/NavigationContext"
+export {
+    Article,
+    type ArticleProps,
+    type ArticleDisplayMode
+} from "./components/article/Article"
+export {
+    Challenge,
+    type ChallengeProps
+} from "./components/challenge/Challenge"
+export {
+    ChallengeVignette,
+    type ChallengeVignetteProps
+} from "./components/challenge/ChallengeVignette"
+export {
+    Chat,
+    type ChatProps
+} from "./components/chat/Chat"
+export {
+    CollectionCalendar,
+    type CollectionCalendarProps
+} from "./components/collection-calendar/CollectionCalendar"
+export {
+    Columns,
+    type ColumnsProps,
+    type ColumnsColumnCount
+} from "./components/columns/Columns"
+export {
+    Image,
+    ImageProps,
+} from "./components/image/Image"
+export {
+    LocationsMap,
+    type LocationsMapProps
+} from "./components/locations-map/LocationsMap"
+export {
+    NextCollection,
+    type NextCollectionProps
+} from "./components/next-collection/NextCollection"
+export {
+    Page,
+    type PageProps
+} from "./components/page/Page"
+export {
+    ContentInset,
+    type ContentInsetProps
+} from "./components/content-inset/ContentInset"
+export {
+    Paragraph,
+    type PararaphProps
+} from "./components/parapraph/Paragraph"
+export {
+    RecyclingInfo,
+    type RecyclingInfoProps
+} from "./components/recycling-info/RecyclingInfo"
+export {
+    Search,
+    type SearchProps
+} from "./components/search/Search"
+export {
+    Title,
+    type TitleProps,
+    type TitleLevel
+} from "./components/title/Title"
+export {
+    Header,
+    type HeaderProps,
+    type AppHeaderConfig,
+    type AppHeaderElement,
+    type AppHeaderLogoElement,
+    type AppHeaderTitleElement,
+    type AppHeaderActionElement,
+    type AppHeaderSlot,
+} from "./components/header/Header"
+export {
+    BottomTab,
+    type BottomTabProps
+} from "./components/bottom-tab/BottomTab"
+export {
+    NotificationsScreen,
+} from "./components/notifications/NotificationsScreen"
+export {
+    ProfileScreen,
+} from "./components/profile/ProfileScreen"
+export {
+    Vision,
+    type VisionProps,
+    type VisionCaptureResult,
+} from "./components/vision/Vision"
+export {
+    type VisionSuggestion,
+    type VisionActionCardProps,
+} from "./components/vision/VisionActionCard"
+
+export {
+    WastoProvider,
+    useWasto,
+    type WastoProviderProps,
+    type WastoContextType,
+} from "./contexts/WastoContext"
+
+export {
+    useAppData,
+    useOptionalAppData,
+    NEXT_EVENTS_DAY_RADIUS,
+    type AppDataContextType,
+} from "./contexts/AppDataContext"
+
+export {
+    initWastoSentry,
+    wrapWithSentry,
+    reportError,
+    isWastoSentryActive,
+    type WastoSentryConfig,
+    type WastoErrorContext,
+} from "./sentry/initSentry"
+
+export { useWastoClient } from "./hooks/useWastoClient"
+
+export type {
+    Theme,
+    ResolvedTheme,
+    ThemeShadowStyle,
+} from "./types/Theme"
+
+export {
+    resolveTheme,
+    cardStyle,
+    softCardStyle,
+    groupedSectionStyle,
+    coloredShadow,
+} from "./helpers/themeStyles"
+
+export {
+    SPACE,
+    MAQUETTE_RADII,
+    MAQUETTE_COLORS,
+} from "./helpers/layout"
+
+export { SYSTEM_ROUTES, type SystemRouteKey } from "./helpers/systemRoutes"
+
+export { createMaquetteTheme } from "./helpers/maquetteTheme"
+
+export {
+    NavigationProvider,
+    useAppNavigation,
+    useOptionalAppNavigation,
+    type NavigationApi,
+    type NavigationProviderProps,
+} from "./navigation/NavigationContext"

package/src/navigation/NavigationContext.tsx

@@ -1,56 +1,56 @@
-import {
-    createContext,
-    useContext,
-    useMemo,
-    type PropsWithChildren,
-    type ReactNode,
-} from "react";
-
-/**
- * Host-agnostic navigation API.
- * Expo Router apps pass `router.push` / `router.back`;
- * React Navigation apps pass `navigation.navigate` / `goBack`.
- */
-export type NavigationApi = {
-    push: (href: string) => void;
-    canGoBack?: () => boolean;
-    goBack?: () => void;
-};
-
-const NavigationContext = createContext<NavigationApi | null>(null);
-
-export type NavigationProviderProps = PropsWithChildren & {
-    value: NavigationApi;
-};
-
-export function NavigationProvider({ value, children }: NavigationProviderProps): ReactNode {
-    const memo = useMemo(
-        () => ({
-            push: value.push,
-            canGoBack: value.canGoBack,
-            goBack: value.goBack,
-        }),
-        [value.push, value.canGoBack, value.goBack],
-    );
-
-    return (
-        <NavigationContext.Provider value={memo}>
-            {children}
-        </NavigationContext.Provider>
-    );
-}
-
-export function useAppNavigation(): NavigationApi {
-    const nav = useContext(NavigationContext);
-    if (!nav) {
-        throw new Error(
-            "[cms-components] NavigationProvider is required (wrap the app root).",
-        );
-    }
-    return nav;
-}
-
-/** Soft read — returns null when no provider (e.g. isolated component tests). */
-export function useOptionalAppNavigation(): NavigationApi | null {
-    return useContext(NavigationContext);
-}
+import {
+    createContext,
+    useContext,
+    useMemo,
+    type PropsWithChildren,
+    type ReactNode,
+} from "react";
+
+/**
+ * Host-agnostic navigation API.
+ * Expo Router apps pass `router.push` / `router.back`;
+ * React Navigation apps pass `navigation.navigate` / `goBack`.
+ */
+export type NavigationApi = {
+    push: (href: string) => void;
+    canGoBack?: () => boolean;
+    goBack?: () => void;
+};
+
+const NavigationContext = createContext<NavigationApi | null>(null);
+
+export type NavigationProviderProps = PropsWithChildren & {
+    value: NavigationApi;
+};
+
+export function NavigationProvider({ value, children }: NavigationProviderProps): ReactNode {
+    const memo = useMemo(
+        () => ({
+            push: value.push,
+            canGoBack: value.canGoBack,
+            goBack: value.goBack,
+        }),
+        [value.push, value.canGoBack, value.goBack],
+    );
+
+    return (
+        <NavigationContext.Provider value={memo}>
+            {children}
+        </NavigationContext.Provider>
+    );
+}
+
+export function useAppNavigation(): NavigationApi {
+    const nav = useContext(NavigationContext);
+    if (!nav) {
+        throw new Error(
+            "[cms-components] NavigationProvider is required (wrap the app root).",
+        );
+    }
+    return nav;
+}
+
+/** Soft read — returns null when no provider (e.g. isolated component tests). */
+export function useOptionalAppNavigation(): NavigationApi | null {
+    return useContext(NavigationContext);
+}

package/src/sentry/initSentry.ts

@@ -1,120 +1,120 @@
-import type { ComponentType } from "react";
-
-export type WastoSentryConfig = {
-    dsn?: string;
-    enabled?: boolean | string;
-    environment?: string;
-    debug?: boolean | string;
-    release?: string;
-    appId?: string;
-};
-
-export type WastoErrorContext = Record<string, unknown> & {
-    source?: string;
-};
-
-type SentryModule = typeof import("@sentry/react-native");
-
-let sentryModule: SentryModule | null | undefined;
-let initialized = false;
-let active = false;
-
-function parseFlag(value: boolean | string | undefined, defaultWhenDsn: boolean): boolean {
-    if (typeof value === "boolean") return value;
-    const raw = String(value ?? "")
-        .trim()
-        .toLowerCase();
-    if (raw === "true" || raw === "1" || raw === "yes") return true;
-    if (raw === "false" || raw === "0" || raw === "no") return false;
-    return defaultWhenDsn;
-}
-
-function loadSentry(): SentryModule | null {
-    if (sentryModule !== undefined) return sentryModule;
-    try {
-        // Optional peer: apps without the package still load cms-components.
-        // eslint-disable-next-line @typescript-eslint/no-require-imports
-        sentryModule = require("@sentry/react-native") as SentryModule;
-    } catch {
-        sentryModule = null;
-    }
-    return sentryModule;
-}
-
-/**
- * Initialize Sentry for GitLab Error Tracking (DSN from env).
- * No-op when DSN is empty, disabled, or `@sentry/react-native` is missing.
- */
-export function initWastoSentry(config: WastoSentryConfig = {}): boolean {
-    const dsn = (config.dsn ?? "").trim();
-    const enabled = Boolean(dsn) && parseFlag(config.enabled, true);
-    if (!enabled || !dsn) {
-        active = false;
-        return false;
-    }
-
-    const Sentry = loadSentry();
-    if (!Sentry) {
-        active = false;
-        if (__DEV__) {
-            console.warn(
-                "[wasto] @sentry/react-native is not installed; error tracking disabled",
-            );
-        }
-        return false;
-    }
-
-    if (!initialized) {
-        Sentry.init({
-            dsn,
-            enabled: true,
-            debug: parseFlag(config.debug, false),
-            environment: (config.environment || "production").trim() || "production",
-            release: (config.release || "").trim() || undefined,
-            // GitLab Error Tracking: keep payload minimal (exceptions / messages).
-            tracesSampleRate: 0,
-            enableAutoSessionTracking: false,
-            sendDefaultPii: false,
-        });
-        initialized = true;
-    }
-
-    if (config.appId) {
-        Sentry.setTag("appId", config.appId);
-    }
-
-    active = true;
-    return true;
-}
-
-export function isWastoSentryActive(): boolean {
-    return active;
-}
-
-export function reportError(error: unknown, context?: WastoErrorContext): void {
-    if (!active) return;
-    const Sentry = loadSentry();
-    if (!Sentry) return;
-
-    Sentry.withScope((scope) => {
-        if (context) {
-            for (const [key, value] of Object.entries(context)) {
-                if (value === undefined) continue;
-                if (key === "source" && typeof value === "string") {
-                    scope.setTag("source", value);
-                } else {
-                    scope.setExtra(key, value);
-                }
-            }
-        }
-        Sentry.captureException(error instanceof Error ? error : new Error(String(error)));
-    });
-}
-
-export function wrapWithSentry<P extends Record<string, unknown>>(
-    Component: ComponentType<P>,
-): ComponentType<P> {
-    const Sentry = loadSentry();
-    if (!Sentry?.wrap) return Component;
-    return Sentry.wrap(Component) as ComponentType<P>;
-}
+import type { ComponentType } from "react";
+
+export type WastoSentryConfig = {
+    dsn?: string;
+    enabled?: boolean | string;
+    environment?: string;
+    debug?: boolean | string;
+    release?: string;
+    appId?: string;
+};
+
+export type WastoErrorContext = Record<string, unknown> & {
+    source?: string;
+};
+
+type SentryModule = typeof import("@sentry/react-native");
+
+let sentryModule: SentryModule | null | undefined;
+let initialized = false;
+let active = false;
+
+function parseFlag(value: boolean | string | undefined, defaultWhenDsn: boolean): boolean {
+    if (typeof value === "boolean") return value;
+    const raw = String(value ?? "")
+        .trim()
+        .toLowerCase();
+    if (raw === "true" || raw === "1" || raw === "yes") return true;
+    if (raw === "false" || raw === "0" || raw === "no") return false;
+    return defaultWhenDsn;
+}
+
+function loadSentry(): SentryModule | null {
+    if (sentryModule !== undefined) return sentryModule;
+    try {
+        // Optional peer: apps without the package still load cms-components.
+        // eslint-disable-next-line @typescript-eslint/no-require-imports
+        sentryModule = require("@sentry/react-native") as SentryModule;
+    } catch {
+        sentryModule = null;
+    }
+    return sentryModule;
+}
+
+/**
+ * Initialize Sentry for GitLab Error Tracking (DSN from env).
+ * No-op when DSN is empty, disabled, or `@sentry/react-native` is missing.
+ */
+export function initWastoSentry(config: WastoSentryConfig = {}): boolean {
+    const dsn = (config.dsn ?? "").trim();
+    const enabled = Boolean(dsn) && parseFlag(config.enabled, true);
+    if (!enabled || !dsn) {
+        active = false;
+        return false;
+    }
+
+    const Sentry = loadSentry();
+    if (!Sentry) {
+        active = false;
+        if (__DEV__) {
+            console.warn(
+                "[wasto] @sentry/react-native is not installed; error tracking disabled",
+            );
+        }
+        return false;
+    }
+
+    if (!initialized) {
+        Sentry.init({
+            dsn,
+            enabled: true,
+            debug: parseFlag(config.debug, false),
+            environment: (config.environment || "production").trim() || "production",
+            release: (config.release || "").trim() || undefined,
+            // GitLab Error Tracking: keep payload minimal (exceptions / messages).
+            tracesSampleRate: 0,
+            enableAutoSessionTracking: false,
+            sendDefaultPii: false,
+        });
+        initialized = true;
+    }
+
+    if (config.appId) {
+        Sentry.setTag("appId", config.appId);
+    }
+
+    active = true;
+    return true;
+}
+
+export function isWastoSentryActive(): boolean {
+    return active;
+}
+
+export function reportError(error: unknown, context?: WastoErrorContext): void {
+    if (!active) return;
+    const Sentry = loadSentry();
+    if (!Sentry) return;
+
+    Sentry.withScope((scope) => {
+        if (context) {
+            for (const [key, value] of Object.entries(context)) {
+                if (value === undefined) continue;
+                if (key === "source" && typeof value === "string") {
+                    scope.setTag("source", value);
+                } else {
+                    scope.setExtra(key, value);
+                }
+            }
+        }
+        Sentry.captureException(error instanceof Error ? error : new Error(String(error)));
+    });
+}
+
+export function wrapWithSentry<P extends Record<string, unknown>>(
+    Component: ComponentType<P>,
+): ComponentType<P> {
+    const Sentry = loadSentry();
+    if (!Sentry?.wrap) return Component;
+    return Sentry.wrap(Component) as ComponentType<P>;
+}