pocketbase/ui/src/routes.js

import { replace }       from "svelte-spa-router";
import { wrap }          from "svelte-spa-router/wrap";
import ApiClient         from "@/utils/ApiClient";
import PageIndex         from "@/components/PageIndex.svelte";
import PageLogs          from "@/components/logs/PageLogs.svelte";
import PageRecords       from "@/components/records/PageRecords.svelte";
import PageUsers         from "@/components/users/PageUsers.svelte";
import PageAdmins        from "@/components/admins/PageAdmins.svelte";
import PageAdminLogin    from "@/components/admins/PageAdminLogin.svelte";
import PageApplication   from "@/components/settings/PageApplication.svelte";
import PageMail          from "@/components/settings/PageMail.svelte";
import PageStorage       from "@/components/settings/PageStorage.svelte";
import PageAuthProviders from "@/components/settings/PageAuthProviders.svelte";
import PageTokenOptions  from "@/components/settings/PageTokenOptions.svelte";

const baseConditions = [
    async (details) => {
        const realQueryParams = new URLSearchParams(window.location.search);

        if (details.location !== "/" && realQueryParams.has(import.meta.env.PB_INSTALLER_PARAM)) {
            return replace("/")
        }

        return true
    }
];

const routes = {
    "/login": wrap({
        component:  PageAdminLogin,
        conditions: baseConditions.concat([(_) => !ApiClient.AuthStore.isValid]),
        userData: { showAppSidebar: false },
    }),

    "/request-password-reset": wrap({
        asyncComponent:  () => import("@/components/admins/PageAdminRequestPasswordReset.svelte"),
        conditions: baseConditions.concat([(_) => !ApiClient.AuthStore.isValid]),
        userData: { showAppSidebar: false },
    }),

    "/confirm-password-reset/:token": wrap({
        asyncComponent:  () => import("@/components/admins/PageAdminConfirmPasswordReset.svelte"),
        conditions: baseConditions.concat([(_) => !ApiClient.AuthStore.isValid]),
        userData: { showAppSidebar: false },
    }),

    "/collections": wrap({
        component:  PageRecords,
        conditions: baseConditions.concat([(_) => ApiClient.AuthStore.isValid]),
        userData: { showAppSidebar: true },
    }),

    "/logs": wrap({
        component: PageLogs,
        conditions: baseConditions.concat([(_) => ApiClient.AuthStore.isValid]),
        userData: { showAppSidebar: true },
    }),

    "/users": wrap({
        component:  PageUsers,
        conditions: baseConditions.concat([(_) => ApiClient.AuthStore.isValid]),
        userData: { showAppSidebar: true },
    }),

    "/users/confirm-password-reset/:token": wrap({
        asyncComponent:  () => import("@/components/users/PageUserConfirmPasswordReset.svelte"),
        conditions: baseConditions.concat([
            () => {
                // ensure that there is no authenticated user/admin model
                ApiClient.logout(false);
                return true;
            },
        ]),
        userData: { showAppSidebar: false },
    }),

    "/users/confirm-verification/:token": wrap({
        asyncComponent:  () => import("@/components/users/PageUserConfirmVerification.svelte"),
        conditions: baseConditions.concat([
            () => {
                // ensure that there is no authenticated user/admin model
                ApiClient.logout(false);
                return true;
            },
        ]),
        userData: { showAppSidebar: false },
    }),

    "/users/confirm-email-change/:token": wrap({
        asyncComponent:  () => import("@/components/users/PageUserConfirmEmailChange.svelte"),
        conditions: baseConditions.concat([
            () => {
                // ensure that there is no authenticated user/admin model
                ApiClient.logout(false);
                return true;
            },
        ]),
        userData: { showAppSidebar: false },
    }),

    "/settings": wrap({
        component:  PageApplication,
        conditions: baseConditions.concat([(_) => ApiClient.AuthStore.isValid]),
        userData: { showAppSidebar: true },
    }),

    "/settings/admins": wrap({
        component:  PageAdmins,
        conditions: baseConditions.concat([(_) => ApiClient.AuthStore.isValid]),
        userData: { showAppSidebar: true },
    }),

    "/settings/mail": wrap({
        component:  PageMail,
        conditions: baseConditions.concat([(_) => ApiClient.AuthStore.isValid]),
        userData: { showAppSidebar: true },
    }),

    "/settings/storage": wrap({
        component:  PageStorage,
        conditions: baseConditions.concat([(_) => ApiClient.AuthStore.isValid]),
        userData: { showAppSidebar: true },
    }),

    "/settings/auth-providers": wrap({
        component:  PageAuthProviders,
        conditions: baseConditions.concat([(_) => ApiClient.AuthStore.isValid]),
        userData: { showAppSidebar: true },
    }),

    "/settings/tokens": wrap({
        component:  PageTokenOptions,
        conditions: baseConditions.concat([(_) => ApiClient.AuthStore.isValid]),
        userData: { showAppSidebar: true },
    }),

    // fallback
    "*": wrap({
        component: PageIndex,
        userData: { showAppSidebar: false },
    }),
};

export default routes;