@sincpro/mobile 0.1.0 → 0.2.0

package/README.md

@@ -1,6 +1,27 @@
 # @sincpro/mobile
 
-Core del framework móvil Sincpro (React Native / Expo): infraestructura offline-first (DB, cola/eventos, cron), patrones DDD, adapters base, composición module-driven y el `AppShell`. Consume el design system `@sincpro/mobile-ui`.
+Core del **framework móvil Sincpro** (React Native / Expo): infraestructura offline-first (DB, cola/eventos, cron), patrones DDD, adapters base, composición **module-driven** y el `AppShell`. Consume el design system `@sincpro/mobile-ui`.
+
+> 🤖 **¿Sos un agente de IA?** Leé primero [`AGENTS.md`](AGENTS.md) — orientación rápida del ecosistema, patrones y trampas. Si algo se comporta raro, [`docs/GOTCHAS.md`](docs/GOTCHAS.md).
+
+## Filosofía
+
+El objetivo es **generar apps móviles de negocio muy rápido** componiendo piezas estables, no escribir cada app desde cero. Principios:
+
+- **Framework, no monolito.** Un ecosistema de paquetes publicables; cada app es delgada y declara solo sus dominios.
+- **Module-driven + inversión de dependencia.** El core no conoce los negocios. Cada dominio es un `DomainModule` que la app registra; el `orchestrator` alimenta cola, repos, migraciones, cron y temas desde los módulos registrados. Agregar/mover un dominio no toca el core.
+- **Offline-first.** SQLite + cola de eventos persistente (con DLQ y reintentos) + sincronización; la app funciona sin red y reconcilia al volver.
+- **Hexagonal.** El dominio define puertos (`IPrinterDriver`, `IRepository`, `IRemoteClient`); los adapters concretos viven afuera y se inyectan. El core es agnóstico de hardware y de backend.
+- **Frontera real verificable.** Capas con dirección estricta `apps → mobile-odoo → mobile → mobile-ui`; el design system no sabe de negocio; los enums/eventos tienen un punto único de export.
+
+## Ecosistema
+
+| Paquete                | Rol                                                                                         |
+| ---------------------- | ------------------------------------------------------------------------------------------- |
+| `@sincpro/mobile`      | Core: infra, patrones DDD, `framework/` (DomainModule, createApp, orchestrator), `AppShell` |
+| `@sincpro/mobile-ui`   | Design system standalone (sin router, sin dominios)                                         |
+| `@sincpro/mobile-odoo` | Integración Odoo **opcional** (OdooClient, auth, server, partner)                           |
+| `sincpro-mobile-<app>` | Apps de negocio (tickets, distribution) que componen lo anterior                            |
 
 ## Instalación
 
@@ -15,8 +36,9 @@ npx expo install @sincpro/mobile @sincpro/mobile-ui
 Una app define sus dominios como **clases que extienden `DomainModule`** y las compone con `createAppShell`:
 
 ```tsx
-import { createAppShell, createTheme, DomainModule } from "@sincpro/mobile";
-import type { Subscriber } from "@sincpro/mobile/domain/subscriber";
+import { createAppShell, createTheme } from "@sincpro/mobile";
+import { DomainModule } from "@sincpro/mobile/framework/domain_module";
+import type { Subscriber } from "@sincpro/mobile/domain/event_sourcing";
 
 class VentasModule extends DomainModule {
   readonly key = "VENTAS";
@@ -55,20 +77,15 @@ export default createAppShell({
 Las primitivas y capas se importan por subpath, p. ej.:
 
 ```ts
-import { DomainModule } from "@sincpro/mobile/entrypoints/app/domain_module";
-import type { Subscriber } from "@sincpro/mobile/domain/subscriber";
+import { DomainModule } from "@sincpro/mobile/framework/domain_module";
+import type { Subscriber } from "@sincpro/mobile/domain/event_sourcing";
 import { setPrinterDriver } from "@sincpro/mobile/domain/print";
 ```
 
 ## Impresora (opcional)
 
-El core es agnóstico del hardware: define el puerto `IPrinterDriver` (`@sincpro/mobile/domain/print`). La app registra un driver concreto al bootstrap:
-
-```ts
-import { setPrinterDriver } from "@sincpro/mobile/domain/print";
-setPrinterDriver(miDriver);
-```
+El core es agnóstico del hardware: define el puerto `IPrinterDriver` (`@sincpro/mobile/domain/print`). La app registra un driver concreto al bootstrap (vía `printerService.setDriver(...)`); si no registra ninguno, el driver Noop degrada con un warning.
 
 ## Desarrollo
 
-Todo vía Makefile: `make build` (tsc → `lib/`), `make check` (lint + typecheck), `make format`, `make publish`.
+Todo vía Makefile. Dos comandos de calidad: `make format` (auto-fix: eslint --fix + prettier + typecheck) y `make verify-format` (gate de CI: corre `format` y falla si quedó algo sin formatear/commitear — cubre lint + formato + tipos). Además `make build` (tsc + tsc-alias → `dist/`) y `make publish`. Detalle del workflow y guardrails en [`AGENTS.md`](AGENTS.md).

package/dist/adapters/repositories/domain_event.repository.js

@@ -1,10 +1,11 @@
 import { DomainEvent, EEventStatus } from "../../domain/event_sourcing";
 import { ECommonRepository } from "../../domain/repositories";
+import { DATABASE_TABLES } from "../../entrypoints/db/migrations";
 import { DBCursor } from "../../infrastructure/database";
 import { loggerRepositories } from "../../infrastructure/logger";
 class DomainEventRepositoryImpl {
     name = ECommonRepository.DOMAIN_EVENT;
-    table = "domain_events" /* DATABASE_TABLES.DOMAIN_EVENTS */;
+    table = DATABASE_TABLES.DOMAIN_EVENTS;
     async hasPendingDuplicate(event) {
         if (event.correlationId) {
             const existing = await DBCursor.getFirstAsync(`SELECT uuid FROM ${this.table} 

package/dist/adapters/repositories/domain_event_dead_letter.repository.js

@@ -1,10 +1,11 @@
 import { DomainEvent } from "../../domain/event_sourcing";
 import { ECommonRepository } from "../../domain/repositories";
+import { DATABASE_TABLES } from "../../entrypoints/db/migrations";
 import { DBCursor } from "../../infrastructure/database";
 import { loggerRepositories } from "../../infrastructure/logger";
 class DomainEventDeadLetterRepositoryImpl {
     name = ECommonRepository.DOMAIN_EVENT_DEAD_LETTER;
-    table = "domain_events_dead_letter" /* DATABASE_TABLES.DOMAIN_EVENTS_DEAD_LETTER */;
+    table = DATABASE_TABLES.DOMAIN_EVENTS_DEAD_LETTER;
     async save(event, errorMessage) {
         await DBCursor.mutateDatabase(`INSERT INTO ${this.table} 
        (uuid, name, label, data, requires_network, created_at, attempts, error_message, failed_at, aggregate_id, source_id, correlation_id, sequence)

package/dist/adapters/repositories/setting.repository.js

@@ -1,16 +1,17 @@
 import { ECommonRepository } from "../../domain/repositories";
+import { DATABASE_TABLES } from "../../entrypoints/db/migrations";
 import { DBCursor } from "../../infrastructure/database";
 class SettingsRepositoryImpl {
     name = ECommonRepository.SETTINGS;
-    table = "settings" /* DATABASE_TABLES.SETTINGS */;
+    table = DATABASE_TABLES.SETTINGS;
     async saveOneSetting(name, value) {
         const type = typeof value;
-        await DBCursor.mutateDatabase(`INSERT OR REPLACE INTO ${"settings" /* DATABASE_TABLES.SETTINGS */} (name, value, type)
+        await DBCursor.mutateDatabase(`INSERT OR REPLACE INTO ${DATABASE_TABLES.SETTINGS} (name, value, type)
        VALUES (?, ?, ?)`, name, JSON.stringify(value), type);
     }
     async getSettingByName(name) {
         const row = await DBCursor.getFirstAsync(`SELECT value, type
-       FROM ${"settings" /* DATABASE_TABLES.SETTINGS */}
+       FROM ${DATABASE_TABLES.SETTINGS}
        WHERE name = ?`, name);
         if (!row) {
             return null;

package/dist/domain/settings.d.ts

@@ -1,4 +1,4 @@
-export declare const enum ECommonSetting {
+export declare enum ECommonSetting {
     SELECTED_PRINTER = "common.selected_printer"
 }
 export interface ISetting {

package/dist/domain/settings.js

@@ -1 +1,4 @@
-export {};
+export var ECommonSetting;
+(function (ECommonSetting) {
+    ECommonSetting["SELECTED_PRINTER"] = "common.selected_printer";
+})(ECommonSetting || (ECommonSetting = {}));

package/dist/entrypoints/db/migrations.d.ts

@@ -1,5 +1,5 @@
 import { IMigration } from "../../domain/database";
-export declare const enum DATABASE_TABLES {
+export declare enum DATABASE_TABLES {
     SETTINGS = "settings",
     EVENT_QUEUE = "event_queue",
     DEAD_LETTER_QUEUE = "dead_letter_queue",

package/dist/entrypoints/db/migrations.js

@@ -1,7 +1,15 @@
 import { DBCursor } from "../../infrastructure/database";
+export var DATABASE_TABLES;
+(function (DATABASE_TABLES) {
+    DATABASE_TABLES["SETTINGS"] = "settings";
+    DATABASE_TABLES["EVENT_QUEUE"] = "event_queue";
+    DATABASE_TABLES["DEAD_LETTER_QUEUE"] = "dead_letter_queue";
+    DATABASE_TABLES["DOMAIN_EVENTS"] = "domain_events";
+    DATABASE_TABLES["DOMAIN_EVENTS_DEAD_LETTER"] = "domain_events_dead_letter";
+})(DATABASE_TABLES || (DATABASE_TABLES = {}));
 async function createSettingsTable() {
     await DBCursor.execAsync(`
-    CREATE TABLE IF NOT EXISTS ${"settings" /* DATABASE_TABLES.SETTINGS */}(
+    CREATE TABLE IF NOT EXISTS ${DATABASE_TABLES.SETTINGS}(
       name TEXT PRIMARY KEY NOT NULL,
       value TEXT NOT NULL,
       type TEXT NOT NULL,
@@ -11,7 +19,7 @@ async function createSettingsTable() {
 }
 async function createDeadLetterQueueTable() {
     await DBCursor.execAsync(`
-    CREATE TABLE IF NOT EXISTS ${"dead_letter_queue" /* DATABASE_TABLES.DEAD_LETTER_QUEUE */} (
+    CREATE TABLE IF NOT EXISTS ${DATABASE_TABLES.DEAD_LETTER_QUEUE} (
       uuid TEXT PRIMARY KEY NOT NULL, -- UUID v7 for chronological ordering
       name TEXT NOT NULL,
       payload TEXT NOT NULL,
@@ -23,7 +31,7 @@ async function createDeadLetterQueueTable() {
 }
 async function createEventQueueTable() {
     await DBCursor.execAsync(`
-    CREATE TABLE IF NOT EXISTS ${"event_queue" /* DATABASE_TABLES.EVENT_QUEUE */}(
+    CREATE TABLE IF NOT EXISTS ${DATABASE_TABLES.EVENT_QUEUE}(
       uuid TEXT PRIMARY KEY NOT NULL,
       name TEXT NOT NULL,
       payload TEXT NOT NULL,
@@ -40,7 +48,7 @@ async function createEventQueueTable() {
 }
 async function createDomainEventsTable() {
     await DBCursor.execAsync(`
-    CREATE TABLE IF NOT EXISTS ${"domain_events" /* DATABASE_TABLES.DOMAIN_EVENTS */} (
+    CREATE TABLE IF NOT EXISTS ${DATABASE_TABLES.DOMAIN_EVENTS} (
       uuid TEXT PRIMARY KEY NOT NULL,
       name TEXT NOT NULL,
       label TEXT NOT NULL,
@@ -59,24 +67,24 @@ async function createDomainEventsTable() {
     );
   `);
     await DBCursor.execAsync(`
-    CREATE INDEX IF NOT EXISTS idx_domain_events_status ON ${"domain_events" /* DATABASE_TABLES.DOMAIN_EVENTS */}(status);
+    CREATE INDEX IF NOT EXISTS idx_domain_events_status ON ${DATABASE_TABLES.DOMAIN_EVENTS}(status);
   `);
     await DBCursor.execAsync(`
-    CREATE INDEX IF NOT EXISTS idx_domain_events_correlation ON ${"domain_events" /* DATABASE_TABLES.DOMAIN_EVENTS */}(correlation_id);
+    CREATE INDEX IF NOT EXISTS idx_domain_events_correlation ON ${DATABASE_TABLES.DOMAIN_EVENTS}(correlation_id);
   `);
     await DBCursor.execAsync(`
-    CREATE INDEX IF NOT EXISTS idx_domain_events_aggregate ON ${"domain_events" /* DATABASE_TABLES.DOMAIN_EVENTS */}(aggregate_id);
+    CREATE INDEX IF NOT EXISTS idx_domain_events_aggregate ON ${DATABASE_TABLES.DOMAIN_EVENTS}(aggregate_id);
   `);
     await DBCursor.execAsync(`
-    CREATE INDEX IF NOT EXISTS idx_domain_events_name ON ${"domain_events" /* DATABASE_TABLES.DOMAIN_EVENTS */}(name);
+    CREATE INDEX IF NOT EXISTS idx_domain_events_name ON ${DATABASE_TABLES.DOMAIN_EVENTS}(name);
   `);
     await DBCursor.execAsync(`
-    CREATE INDEX IF NOT EXISTS idx_domain_events_created ON ${"domain_events" /* DATABASE_TABLES.DOMAIN_EVENTS */}(created_at);
+    CREATE INDEX IF NOT EXISTS idx_domain_events_created ON ${DATABASE_TABLES.DOMAIN_EVENTS}(created_at);
   `);
 }
 async function createDomainEventsDeadLetterTable() {
     await DBCursor.execAsync(`
-    CREATE TABLE IF NOT EXISTS ${"domain_events_dead_letter" /* DATABASE_TABLES.DOMAIN_EVENTS_DEAD_LETTER */} (
+    CREATE TABLE IF NOT EXISTS ${DATABASE_TABLES.DOMAIN_EVENTS_DEAD_LETTER} (
       uuid TEXT PRIMARY KEY NOT NULL,
       name TEXT NOT NULL,
       label TEXT NOT NULL,
@@ -93,22 +101,22 @@ async function createDomainEventsDeadLetterTable() {
     );
   `);
     await DBCursor.execAsync(`
-    CREATE INDEX IF NOT EXISTS idx_dead_letter_correlation ON ${"domain_events_dead_letter" /* DATABASE_TABLES.DOMAIN_EVENTS_DEAD_LETTER */}(correlation_id);
+    CREATE INDEX IF NOT EXISTS idx_dead_letter_correlation ON ${DATABASE_TABLES.DOMAIN_EVENTS_DEAD_LETTER}(correlation_id);
   `);
     await DBCursor.execAsync(`
-    CREATE INDEX IF NOT EXISTS idx_dead_letter_name ON ${"domain_events_dead_letter" /* DATABASE_TABLES.DOMAIN_EVENTS_DEAD_LETTER */}(name);
+    CREATE INDEX IF NOT EXISTS idx_dead_letter_name ON ${DATABASE_TABLES.DOMAIN_EVENTS_DEAD_LETTER}(name);
   `);
     await DBCursor.execAsync(`
-    CREATE INDEX IF NOT EXISTS idx_dead_letter_failed ON ${"domain_events_dead_letter" /* DATABASE_TABLES.DOMAIN_EVENTS_DEAD_LETTER */}(failed_at);
+    CREATE INDEX IF NOT EXISTS idx_dead_letter_failed ON ${DATABASE_TABLES.DOMAIN_EVENTS_DEAD_LETTER}(failed_at);
   `);
 }
 const MIGRATIONS = [
-    { name: "settings" /* DATABASE_TABLES.SETTINGS */, migrationFn: createSettingsTable },
-    { name: "event_queue" /* DATABASE_TABLES.EVENT_QUEUE */, migrationFn: createEventQueueTable },
-    { name: "dead_letter_queue" /* DATABASE_TABLES.DEAD_LETTER_QUEUE */, migrationFn: createDeadLetterQueueTable },
-    { name: "domain_events" /* DATABASE_TABLES.DOMAIN_EVENTS */, migrationFn: createDomainEventsTable },
+    { name: DATABASE_TABLES.SETTINGS, migrationFn: createSettingsTable },
+    { name: DATABASE_TABLES.EVENT_QUEUE, migrationFn: createEventQueueTable },
+    { name: DATABASE_TABLES.DEAD_LETTER_QUEUE, migrationFn: createDeadLetterQueueTable },
+    { name: DATABASE_TABLES.DOMAIN_EVENTS, migrationFn: createDomainEventsTable },
     {
-        name: "domain_events_dead_letter" /* DATABASE_TABLES.DOMAIN_EVENTS_DEAD_LETTER */,
+        name: DATABASE_TABLES.DOMAIN_EVENTS_DEAD_LETTER,
         migrationFn: createDomainEventsDeadLetterTable,
     },
 ];

package/dist/entrypoints/queue/printImage.subscriber.js

@@ -6,9 +6,9 @@ export class PrintImageSubscriber extends Subscriber {
     requiresAuth = false;
     listen = [PrintImageRequestedEvent];
     async process(event) {
-        if (!(await printerService.isConnected())) {
-            throw new DomainValidationError("No printer connected");
+        const printed = await printerService.printImageBase64(event.imageBase64);
+        if (!printed) {
+            throw new DomainValidationError("Print failed — printer not connected or timed out");
         }
-        await printerService.printImageBase64(event.imageBase64);
     }
 }

package/dist/entrypoints/ui/AppShell.d.ts

@@ -1,4 +1,5 @@
 import type { DomainModule } from "../../framework/domain_module";
+import { type BrandingConfig } from "@sincpro/mobile-ui";
 import { type ThemeTokens } from "@sincpro/mobile-ui/theme";
 import { type ComponentType, type ReactNode } from "react";
 type ProviderComponent = ComponentType<{
@@ -10,6 +11,12 @@ export interface AppShellConfig {
     activeDomain: string;
     providers?: ProviderComponent[];
     theme?: ThemeTokens;
+    darkTheme?: ThemeTokens;
+    branding?: BrandingConfig;
+    /** Component rendered while fonts + domain init complete. Use `AppSplashView` from the DS or roll your own. */
+    splashComponent?: ComponentType;
+    /** Minimum time (ms) the splash stays visible. Default 2000. */
+    splashDuration?: number;
 }
 export declare function createAppShell(config: AppShellConfig): ComponentType;
 export {};

package/dist/entrypoints/ui/AppShell.js

@@ -1,7 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+import { DefaultTheme as NavDefaultTheme, NavigationContainer, } from "@react-navigation/native";
 import { createApp } from "../../framework/createApp";
 import { ToastHost } from "../../infrastructure/ui/ToastHost";
-import { setActiveTheme, themeToVars } from "@sincpro/mobile-ui/theme";
+import { setBranding } from "@sincpro/mobile-ui";
+import { ToastProvider } from "@sincpro/mobile-ui/Feedback";
+import { setActiveTheme, themeToVars, useTheme, } from "@sincpro/mobile-ui/theme";
 import { useAppFonts } from "@sincpro/mobile-ui/theme/typography";
 import * as SplashScreen from "expo-splash-screen";
 import { vars } from "nativewind";
@@ -9,8 +12,7 @@ import { useEffect, useState } from "react";
 import { View } from "react-native";
 import { GestureHandlerRootView } from "react-native-gesture-handler";
 import { KeyboardProvider } from "react-native-keyboard-controller";
-import { initialWindowMetrics, SafeAreaProvider } from "react-native-safe-area-context";
-import { NativeRouter } from "react-router-native";
+import { initialWindowMetrics, SafeAreaProvider, SafeAreaView, } from "react-native-safe-area-context";
 import { CommonProvider } from "./common_provider";
 import { ActiveDomainApp, DomainSwitcherProvider } from "./domain_switcher";
 function withProviders(providers, children) {
@@ -28,10 +30,19 @@ export function createAppShell(config) {
     if (config.theme) {
         setActiveTheme(config.theme);
     }
-    const themeStyle = config.theme ? vars(themeToVars(config.theme)) : undefined;
+    if (config.branding) {
+        setBranding(config.branding);
+    }
     return function AppShell() {
         const [isReady, setIsReady] = useState(false);
+        const [minDurationMet, setMinDurationMet] = useState(false);
         const fontsLoaded = useAppFonts();
+        const activeTheme = useTheme();
+        const themeStyle = vars(themeToVars(activeTheme));
+        const navTheme = {
+            ...NavDefaultTheme,
+            colors: { ...NavDefaultTheme.colors, background: activeTheme.bg.page },
+        };
         useEffect(() => {
             let active = true;
             createApp({ domains: config.domains }).then(() => {
@@ -46,13 +57,18 @@ export function createAppShell(config) {
             SplashScreen.preventAutoHideAsync().catch(() => { });
         }, []);
         useEffect(() => {
-            if (fontsLoaded && isReady) {
+            const t = setTimeout(() => setMinDurationMet(true), config.splashDuration ?? 2000);
+            return () => clearTimeout(t);
+        }, []);
+        useEffect(() => {
+            if (fontsLoaded && isReady && minDurationMet) {
                 SplashScreen.hideAsync().catch(() => { });
             }
-        }, [fontsLoaded, isReady]);
-        if (!isReady || !fontsLoaded) {
-            return null;
+        }, [fontsLoaded, isReady, minDurationMet]);
+        if (!isReady || !fontsLoaded || !minDurationMet) {
+            const Splash = config.splashComponent;
+            return Splash ? (_jsx(Splash, {})) : (_jsx(View, { style: { flex: 1, backgroundColor: activeTheme.bg.page } }));
         }
-        return (_jsx(GestureHandlerRootView, { style: { flex: 1 }, children: _jsx(View, { className: "flex-1", style: themeStyle, children: _jsx(SafeAreaProvider, { initialMetrics: initialWindowMetrics, children: _jsx(KeyboardProvider, { children: _jsxs(CommonProvider, { children: [withProviders(providers, _jsx(DomainSwitcherProvider, { apps: apps, initialDomain: config.activeDomain, children: _jsx(NativeRouter, { children: _jsx(ActiveDomainApp, {}) }) })), _jsx(ToastHost, {})] }) }) }) }) }));
+        return (_jsx(GestureHandlerRootView, { style: { flex: 1 }, children: _jsx(View, { className: "flex-1", style: themeStyle, children: _jsx(SafeAreaProvider, { initialMetrics: initialWindowMetrics, children: _jsx(SafeAreaView, { edges: ["top"], style: { flex: 1 }, children: _jsx(KeyboardProvider, { children: _jsx(CommonProvider, { darkTheme: config.darkTheme, lightTheme: config.theme, children: _jsxs(ToastProvider, { position: "top", children: [withProviders(providers, _jsx(DomainSwitcherProvider, { apps: apps, initialDomain: config.activeDomain, children: _jsx(NavigationContainer, { theme: navTheme, children: _jsx(ActiveDomainApp, {}) }) })), _jsx(ToastHost, {})] }) }) }) }) }) }) }));
     };
 }

package/dist/entrypoints/ui/common_provider.d.ts

@@ -1,3 +1,4 @@
+import type { ThemeTokens } from "@sincpro/mobile-ui/theme";
 import { ReactNode } from "react";
 export interface TimezoneLocale {
     timezone: string;
@@ -26,10 +27,14 @@ interface ICommonContext {
     requestGeoPermission: () => Promise<boolean>;
     timezone: string | null;
     updateTimezone: (tz: TimezoneLocale) => Promise<void>;
+    colorScheme: "light" | "dark" | "system";
+    setColorScheme: (scheme: "light" | "dark" | "system") => Promise<void>;
 }
 interface CommonProviderProps {
     children: ReactNode;
+    lightTheme?: ThemeTokens;
+    darkTheme?: ThemeTokens;
 }
-export declare function CommonProvider({ children }: CommonProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommonProvider({ children, lightTheme, darkTheme }: CommonProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useCommon(): ICommonContext;
 export {};

package/dist/entrypoints/ui/common_provider.js

@@ -4,13 +4,16 @@ import { SettingsRepository } from "../../adapters/repositories/setting.reposito
 import { QueueEndEvent, QueueStartEvent } from "../../domain/events";
 import logger, { loggerUseCases } from "../../infrastructure/logger";
 import { UIEventBus } from "../../infrastructure/ui/UIEventBus";
+import { DEFAULT_DARK_THEME, DEFAULT_THEME, setActiveTheme } from "@sincpro/mobile-ui/theme";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react";
+import { Appearance, AppState } from "react-native";
 const DEBUG_MODE_SETTING_KEY = "app.debug_mode";
 const TIMEZONE_SETTING_KEY = "app.timezone";
 const LOCALE_SETTING_KEY = "app.locale";
+const COLOR_SCHEME_SETTING_KEY = "app.color_scheme";
 const QUEUE_MIN_VISIBLE_MS = 1200;
 const CommonContext = createContext(null);
-export function CommonProvider({ children }) {
+export function CommonProvider({ children, lightTheme, darkTheme }) {
     const [debugMode, setDebugMode] = useState(false);
     const [debugModeLoaded, setDebugModeLoaded] = useState(false);
     const [currentActivity, setCurrentActivity] = useState(undefined);
@@ -21,6 +24,7 @@ export function CommonProvider({ children }) {
     const [geoIsLoading, setGeoIsLoading] = useState(false);
     const [geoError, setGeoError] = useState(null);
     const [timezone, setTimezone] = useState(null);
+    const [colorScheme, setColorSchemeState] = useState("system");
     const errorTimeoutRef = useRef(null);
     const queueClearTimeoutRef = useRef(null);
     useEffect(() => {
@@ -86,6 +90,42 @@ export function CommonProvider({ children }) {
             logger.warn(error);
         }
     }, []);
+    const applyTheme = useCallback((scheme) => {
+        const resolved = scheme === "system" ? (Appearance.getColorScheme() ?? "light") : scheme;
+        setActiveTheme(resolved === "dark"
+            ? (darkTheme ?? DEFAULT_DARK_THEME)
+            : (lightTheme ?? DEFAULT_THEME));
+    }, [lightTheme, darkTheme]);
+    const setColorScheme = useCallback(async (scheme) => {
+        await SettingsRepository.saveOneSetting(COLOR_SCHEME_SETTING_KEY, scheme);
+        setColorSchemeState(scheme);
+        applyTheme(scheme);
+    }, [applyTheme]);
+    useEffect(() => {
+        checkGeoPermission();
+        const sub = AppState.addEventListener("change", (state) => {
+            if (state === "active")
+                checkGeoPermission();
+        });
+        return () => sub.remove();
+    }, [checkGeoPermission]);
+    // Load persisted color scheme on mount
+    useEffect(() => {
+        async function loadColorScheme() {
+            const saved = await SettingsRepository.getSettingByName(COLOR_SCHEME_SETTING_KEY);
+            const scheme = saved === "light" || saved === "dark" || saved === "system" ? saved : "system";
+            setColorSchemeState(scheme);
+            applyTheme(scheme);
+        }
+        loadColorScheme();
+    }, [applyTheme]);
+    // Follow system changes when scheme is "system"
+    useEffect(() => {
+        if (colorScheme !== "system")
+            return;
+        const sub = Appearance.addChangeListener(() => applyTheme("system"));
+        return () => sub.remove();
+    }, [colorScheme, applyTheme]);
     useEffect(() => {
         async function loadTimezone() {
             try {
@@ -217,6 +257,8 @@ export function CommonProvider({ children }) {
         requestGeoPermission,
         timezone,
         updateTimezone,
+        colorScheme,
+        setColorScheme,
     }), [
         debugMode,
         debugModeLoaded,
@@ -232,6 +274,8 @@ export function CommonProvider({ children }) {
         requestGeoPermission,
         timezone,
         updateTimezone,
+        colorScheme,
+        setColorScheme,
     ]);
     return _jsx(CommonContext.Provider, { value: value, children: children });
 }

package/dist/entrypoints/ui/domain_switcher.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx } from "nativewind/jsx-runtime";
+import { createNativeStackNavigator } from "@react-navigation/native-stack";
 import { createContext, useContext, useState, } from "react";
+const RootStack = createNativeStackNavigator();
 const DomainSwitcherContext = createContext(null);
 export function DomainSwitcherProvider(props) {
     const [activeDomain, setActiveDomain] = useState(props.initialDomain);
@@ -14,9 +16,8 @@ export function useDomainSwitcher() {
 }
 export function ActiveDomainApp() {
     const { activeDomain, apps } = useDomainSwitcher();
-    const app = apps.find((entry) => entry.key === activeDomain);
-    if (!app)
+    const currentApp = apps.find((entry) => entry.key === activeDomain);
+    if (!currentApp)
         return null;
-    const Component = app.component;
-    return _jsx(Component, {});
+    return (_jsx(RootStack.Navigator, { screenOptions: { headerShown: false }, children: _jsx(RootStack.Screen, { component: currentApp.component, name: currentApp.key }) }));
 }

package/dist/index.d.ts

@@ -13,4 +13,3 @@ export { DomainModule } from "./framework/domain_module";
 export { Kernel } from "./framework/kernel";
 export { orchestrator } from "./framework/orchestrator";
 export { installGlobalErrorHandler } from "./infrastructure/ui/errorHandler";
-export { PlainLayout, TabNavigatorLayout } from "./ui/layouts/router_layouts";

package/dist/index.js

@@ -8,4 +8,3 @@ export { DomainModule } from "./framework/domain_module";
 export { Kernel } from "./framework/kernel";
 export { orchestrator } from "./framework/orchestrator";
 export { installGlobalErrorHandler } from "./infrastructure/ui/errorHandler";
-export { PlainLayout, TabNavigatorLayout } from "./ui/layouts/router_layouts";

package/dist/infrastructure/logger.d.ts

@@ -5,13 +5,13 @@ interface ILogger {
     warn(...args: LoggerArgs): void;
     error(...args: LoggerArgs): void;
 }
-declare const enum ELogLevel {
+declare enum ELogLevel {
     DEBUG = "DEBUG",
     INFO = "INFO",
     WARN = "WARN",
     ERROR = "ERROR"
 }
-declare const enum EApplicationLogger {
+declare enum EApplicationLogger {
     GLOBAL = "GLOBAL",
     ODOO_CLIENT = "ODOO_CLIENT",
     ADAPTER = "ADAPTER",