Switch to tRPC (#173)

2025-05-31 09:46:26 +02:00 · 2022-05-18 10:22:40 +01:00 · 2022-05-18 10:22:40 +01:00 · 2c4157ea24
commit 2c4157ea24
parent 3d7e7e8a95
245 changed files with 1585 additions and 1755 deletions
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@ -0,0 +1,78 @@
+import "react-big-calendar/lib/css/react-big-calendar.css";
+import "tailwindcss/tailwind.css";
+import "~/style.css";
+
+import { withTRPC } from "@trpc/next";
+import axios from "axios";
+import { NextPage } from "next";
+import { AppProps } from "next/app";
+import dynamic from "next/dynamic";
+import Head from "next/head";
+import { appWithTranslation } from "next-i18next";
+import PlausibleProvider from "next-plausible";
+import toast, { Toaster } from "react-hot-toast";
+import { MutationCache } from "react-query";
+import superjson from "superjson";
+
+import Maintenance from "@/components/maintenance";
+import ModalProvider from "@/components/modal/modal-provider";
+import PreferencesProvider from "@/components/preferences/preferences-provider";
+import { absoluteUrl } from "@/utils/absolute-url";
+
+import { AppRouter } from "./api/trpc/[trpc]";
+
+const CrispChat = dynamic(() => import("@/components/crisp-chat"), {
+  ssr: false,
+});
+
+const MyApp: NextPage<AppProps> = ({ Component, pageProps }) => {
+  if (process.env.NEXT_PUBLIC_MAINTENANCE_MODE === "1") {
+    return <Maintenance />;
+  }
+  return (
+    <PlausibleProvider
+      domain="rallly.co"
+      customDomain={process.env.PLAUSIBLE_DOMAIN}
+      trackOutboundLinks={true}
+      selfHosted={true}
+      enabled={!!process.env.PLAUSIBLE_DOMAIN}
+    >
+      <PreferencesProvider>
+        <Head>
+          <meta name="viewport" content="width=device-width, initial-scale=1" />
+        </Head>
+        <CrispChat />
+        <Toaster />
+        <ModalProvider>
+          <Component {...pageProps} />
+        </ModalProvider>
+      </PreferencesProvider>
+    </PlausibleProvider>
+  );
+};
+
+export default withTRPC<AppRouter>({
+  config() {
+    const url = `${absoluteUrl()}/api/trpc`;
+
+    return {
+      transformer: superjson,
+      url,
+      /**
+       * @link https://react-query.tanstack.com/reference/QueryClient
+       */
+      queryClientConfig: {
+        mutationCache: new MutationCache({
+          onError: (error) => {
+            if (axios.isAxiosError(error) && error.response?.status === 500) {
+              toast.error(
+                "Uh oh! Something went wrong. The issue has been logged and we'll fix it as soon as possible. Please try again later.",
+              );
+            }
+          },
+        }),
+      },
+    };
+  },
+  ssr: false, // doesn't play well with how we're fetching legacy endpoints. consider switching it on when we don't need to get legacy polls
+})(appWithTranslation(MyApp));