mutiny-web/src/router.tsx

// @refresh reload
import { App as CapacitorApp } from "@capacitor/app";
import { Capacitor } from "@capacitor/core";
import { Route, Routes, useNavigate } from "@solidjs/router";
import { Match, onCleanup, Switch } from "solid-js";

import { SetupErrorDisplay, Toaster } from "~/components";
import {
    Activity,
    Feedback,
    Gift as GiftReceive,
    Main,
    NotFound,
    Receive,
    Scanner,
    Search,
    Send,
    Swap
} from "~/routes";
import {
    Admin,
    Backup,
    Channels,
    Connections,
    Currency,
    EmergencyKit,
    Encrypt,
    Gift,
    ManageFederations,
    Plus,
    Restore,
    Servers,
    Settings,
    SyncNostrContacts
} from "~/routes/settings";

import { useMegaStore } from "./state/megaStore";

function GlobalListeners() {
    // listeners for native navigation handling
    // Check if the platform is Android to handle back
    if (Capacitor.getPlatform() === "android") {
        const { remove } = CapacitorApp.addListener(
            "backButton",
            ({ canGoBack }) => {
                if (!canGoBack) {
                    CapacitorApp.exitApp();
                } else {
                    window.history.back();
                }
            }
        );

        // Ensure the listener is cleaned up when the component is destroyed
        onCleanup(() => {
            console.debug("cleaning up backButton listener");
            remove();
        });
    }

    // Handle app links on native platforms
    if (Capacitor.isNativePlatform()) {
        const navigate = useNavigate();
        const { remove } = CapacitorApp.addListener("appUrlOpen", (data) => {
            const url = new URL(data.url);
            const path = url.pathname;
            const urlParams = new URLSearchParams(url.search);

            console.log(`Navigating to ${path}?${urlParams.toString()}`);
            navigate(`${path}?${urlParams.toString()}`);
        });

        onCleanup(() => {
            console.debug("cleaning up appUrlOpen listener");
            remove();
        });
    }

    return null;
}

export function Router() {
    const [state, _] = useMegaStore();

    return (
        <Switch>
            <Match when={state.setup_error}>
                <SetupErrorDisplay
                    initialError={state.setup_error!}
                    password={state.password}
                />
            </Match>
            <Match when={true}>
                <GlobalListeners />
                <Routes>
                    <Route path="/" component={Main} />
                    <Route path="/activity" component={Activity} />
                    <Route path="/feedback" component={Feedback} />
                    <Route path="/gift" component={GiftReceive} />
                    <Route path="/receive" component={Receive} />
                    <Route path="/scanner" component={Scanner} />
                    <Route path="/send" component={Send} />
                    <Route path="/swap" component={Swap} />
                    <Route path="/search" component={Search} />
                    <Route path="/settings">
                        <Route path="/" component={Settings} />
                        <Route path="/admin" component={Admin} />
                        <Route path="/backup" component={Backup} />
                        <Route path="/channels" component={Channels} />
                        <Route path="/connections" component={Connections} />
                        <Route path="/currency" component={Currency} />
                        <Route path="/emergencykit" component={EmergencyKit} />
                        <Route path="/encrypt" component={Encrypt} />
                        <Route path="/gift" component={Gift} />
                        <Route path="/plus" component={Plus} />
                        <Route path="/restore" component={Restore} />
                        <Route path="/servers" component={Servers} />
                        <Route
                            path="/syncnostrcontacts"
                            component={SyncNostrContacts}
                        />
                        <Route
                            path="/federations"
                            component={ManageFederations}
                        />
                    </Route>
                    <Route path="/*all" component={NotFound} />
                </Routes>
                <Toaster />
            </Match>
        </Switch>
    );
}