/* This file is part of GNU Taler (C) 2020 Taler Systems S.A. GNU Taler is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 3, or (at your option) any later version. GNU Taler is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with GNU Taler; see the file COPYING. If not, see */ /** * Main entry point for extension pages. * * @author sebasjm */ import { setupI18n } from "@gnu-taler/taler-util"; import { createHashHistory } from "history"; import { Fragment, h, render, VNode } from "preact"; import Router, { route, Route } from "preact-router"; import Match from "preact-router/match"; import { useEffect, useState } from "preact/hooks"; import { LogoHeader } from "./components/LogoHeader"; import PendingTransactions from "./components/PendingTransactions"; import { NavigationHeader, NavigationHeaderHolder, SuccessBox, WalletBox, } from "./components/styled"; import { DevContextProvider } from "./context/devContext"; import { IoCProviderForRuntime } from "./context/iocContext"; import { TranslationProvider, useTranslationContext, } from "./context/translation"; import { PayPage } from "./cta/Pay"; import { RefundPage } from "./cta/Refund"; import { TipPage } from "./cta/Tip"; import { WithdrawPage } from "./cta/Withdraw"; import { strings } from "./i18n/strings"; import { Pages, WalletNavBar } from "./NavigationBar"; import { DeveloperPage } from "./popup/DeveloperPage"; import { BackupPage } from "./wallet/BackupPage"; import { DepositPage } from "./wallet/DepositPage"; import { ExchangeAddPage } from "./wallet/ExchangeAddPage"; import { HistoryPage } from "./wallet/History"; import { ManualWithdrawPage } from "./wallet/ManualWithdrawPage"; import { ProviderAddPage } from "./wallet/ProviderAddPage"; import { ProviderDetailPage } from "./wallet/ProviderDetailPage"; import { SettingsPage } from "./wallet/Settings"; import { TransactionPage } from "./wallet/Transaction"; import { WelcomePage } from "./wallet/Welcome"; function main(): void { try { const container = document.getElementById("container"); if (!container) { throw Error("container not found, can't mount page contents"); } render(, container); } catch (e) { console.error("got error", e); if (e instanceof Error) { document.body.innerText = `Fatal error: "${e.message}". Please report this bug at https://bugs.gnunet.org/.`; } } } setupI18n("en", strings); if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", main); } else { main(); } function Application(): VNode { const [globalNotification, setGlobalNotification] = useState< VNode | undefined >(undefined); const hash_history = createHashHistory(); function clearNotification(): void { setGlobalNotification(undefined); } function clearNotificationWhenMovingOut(): void { // const movingOutFromNotification = // globalNotification && e.url !== globalNotification.to; if (globalNotification) { //&& movingOutFromNotification) { setGlobalNotification(undefined); } } const { i18n } = useTranslationContext(); return ( {/* won't work in the first render if is not called first */} {/* https://github.com/preactjs/preact-router/issues/415 */} {({ path }: { path: string }) => { if (path && path.startsWith("/cta")) return; return (
route(Pages.balance_transaction.replace(":tid", txId)) } />
); }}
{globalNotification && (
{globalNotification}
)} {/** * BALANCE */} route(Pages.balance_deposit.replace(":currency", currency)) } goToWalletManualWithdraw={(currency?: string) => route( Pages.balance_manual_withdraw.replace( ":currency?", currency || "", ), ) } /> { route( Pages.balance_history.replace(":currency?", currency || ""), ); }} /> { route(Pages.balance); }} /> { route(Pages.balance_history.replace(":currency?", currency)); }} onSuccess={(currency: string) => { route(Pages.balance_history.replace(":currency?", currency)); setGlobalNotification( All done, your transaction is in progress , ); }} /> {/** * PENDING */} {/** * BACKUP */} { route(Pages.backup_provider_add); }} /> { route(Pages.backup); }} /> { route(Pages.backup); }} /> {/** * SETTINGS */} { route(Pages.balance); }} /> {/** * DEV */} {/** * CALL TO ACTION */} route( Pages.balance_manual_withdraw.replace( ":currency?", currency || "", ), ) } goBack={() => route(Pages.balance)} /> {/** * NOT FOUND * all redirects should be at the end */}
); } function Redirect({ to }: { to: string }): null { useEffect(() => { console.log("got some wrong route", to); route(to, true); }); return null; }