first commit

calcom/packages/trpc/react/hooks/useEmailVerifyCheck.ts

@@ -0,0 +1,13 @@
+import { trpc } from "../trpc";
+
+export function useEmailVerifyCheck() {
+  const emailCheck = trpc.viewer.shouldVerifyEmail.useQuery(undefined, {
+    retry(failureCount) {
+      return failureCount > 3;
+    },
+  });
+
+  return emailCheck;
+}
+
+export default useEmailVerifyCheck;

calcom/packages/trpc/react/hooks/useMeQuery.ts

@@ -0,0 +1,13 @@
+import { trpc } from "../trpc";
+
+export function useMeQuery() {
+  const meQuery = trpc.viewer.me.useQuery(undefined, {
+    retry(failureCount) {
+      return failureCount > 3;
+    },
+  });
+
+  return meQuery;
+}
+
+export default useMeQuery;

calcom/packages/trpc/react/index.ts

@@ -0,0 +1,2 @@
+export * from "@trpc/react-query";
+export * from "./trpc";

calcom/packages/trpc/react/server.ts

@@ -0,0 +1 @@
+export * from "@trpc/react-query/server";

calcom/packages/trpc/react/shared.ts

@@ -0,0 +1,31 @@
+export * from "@trpc/react-query/shared";
+
+export const ENDPOINTS = [
+  "admin",
+  "apiKeys",
+  "appRoutingForms",
+  "apps",
+  "auth",
+  "availability",
+  "appBasecamp3",
+  "bookings",
+  "deploymentSetup",
+  "dsync",
+  "eventTypes",
+  "features",
+  "insights",
+  "payments",
+  "public",
+  "timezones",
+  "saml",
+  "slots",
+  "teams",
+  "organizations",
+  "users",
+  "viewer",
+  "webhook",
+  "workflows",
+  "appsRouter",
+  "googleWorkspace",
+  "oAuth",
+] as const;

calcom/packages/trpc/react/trpc.ts

@@ -0,0 +1,139 @@
+import type { NextPageContext } from "next/types";
+import superjson from "superjson";
+
+import { httpBatchLink } from "../client";
+import { httpLink } from "../client";
+import { loggerLink } from "../client";
+import { splitLink } from "../client";
+import type { CreateTRPCNext } from "../next";
+import { createTRPCNext } from "../next";
+// ℹ️ Type-only import:
+// https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-8.html#type-only-imports-and-export
+import type { TRPCClientErrorLike } from "../react";
+import type { inferRouterInputs, inferRouterOutputs } from "../server";
+import type { AppRouter } from "../server/routers/_app";
+import { ENDPOINTS } from "./shared";
+
+type Maybe<T> = T | null | undefined;
+
+/**
+ * We deploy our tRPC router on multiple lambdas to keep number of imports as small as possible
+ * TODO: Make this dynamic based on folders in trpc server?
+ */
+export type Endpoint = (typeof ENDPOINTS)[number];
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const resolveEndpoint = (links: any) => {
+  // TODO: Update our trpc routes so they are more clear.
+  // This function parses paths like the following and maps them
+  // to the correct API endpoints.
+  // - viewer.me - 2 segment paths like this are for logged in requests
+  // - viewer.public.i18n - 3 segments paths can be public or authed
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  return (ctx: any) => {
+    const parts = ctx.op.path.split(".");
+    let endpoint;
+    let path = "";
+    if (parts.length == 2) {
+      endpoint = parts[0] as keyof typeof links;
+      path = parts[1];
+    } else {
+      endpoint = parts[1] as keyof typeof links;
+      path = parts.splice(2, parts.length - 2).join(".");
+    }
+    return links[endpoint]({ ...ctx, op: { ...ctx.op, path } });
+  };
+};
+
+/**
+ * A set of strongly-typed React hooks from your `AppRouter` type signature with `createTRPCReact`.
+ * @link https://trpc.io/docs/v10/react#2-create-trpc-hooks
+ */
+export const trpc: CreateTRPCNext<AppRouter, NextPageContext, null> = createTRPCNext<
+  AppRouter,
+  NextPageContext
+>({
+  config() {
+    const url =
+      typeof window !== "undefined"
+        ? "/api/trpc"
+        : process.env.VERCEL_URL
+        ? `https://${process.env.VERCEL_URL}/api/trpc`
+        : `${process.env.NEXT_PUBLIC_WEBAPP_URL}/api/trpc`;
+
+    /**
+     * If you want to use SSR, you need to use the server's full URL
+     * @link https://trpc.io/docs/ssr
+     */
+    return {
+      /**
+       * @link https://trpc.io/docs/links
+       */
+      links: [
+        // adds pretty logs to your console in development and logs errors in production
+        loggerLink({
+          enabled: (opts) =>
+            !!process.env.NEXT_PUBLIC_DEBUG || (opts.direction === "down" && opts.result instanceof Error),
+        }),
+        splitLink({
+          // check for context property `skipBatch`
+          condition: (op) => !!op.context.skipBatch,
+          // when condition is true, use normal request
+          true: (runtime) => {
+            const links = Object.fromEntries(
+              ENDPOINTS.map((endpoint) => [endpoint, httpLink({ url: `${url}/${endpoint}` })(runtime)])
+            );
+            return resolveEndpoint(links);
+          },
+          // when condition is false, use batch request
+          false: (runtime) => {
+            const links = Object.fromEntries(
+              ENDPOINTS.map((endpoint) => [endpoint, httpBatchLink({ url: `${url}/${endpoint}` })(runtime)])
+            );
+            return resolveEndpoint(links);
+          },
+        }),
+      ],
+      /**
+       * @link https://react-query.tanstack.com/reference/QueryClient
+       */
+      queryClientConfig: {
+        defaultOptions: {
+          queries: {
+            /**
+             * 1s should be enough to just keep identical query waterfalls low
+             * @example if one page components uses a query that is also used further down the tree
+             */
+            staleTime: 1000,
+            /**
+             * Retry `useQuery()` calls depending on this function
+             */
+            retry(failureCount, _err) {
+              const err = _err as never as Maybe<TRPCClientErrorLike<AppRouter>>;
+              const code = err?.data?.code;
+              if (code === "BAD_REQUEST" || code === "FORBIDDEN" || code === "UNAUTHORIZED") {
+                // if input data is wrong or you're not authorized there's no point retrying a query
+                return false;
+              }
+              const MAX_QUERY_RETRIES = 3;
+              return failureCount < MAX_QUERY_RETRIES;
+            },
+          },
+        },
+      },
+      /**
+       * @link https://trpc.io/docs/data-transformers
+       */
+      transformer: superjson,
+    };
+  },
+  /**
+   * @link https://trpc.io/docs/ssr
+   */
+  ssr: false,
+});
+
+export const transformer = superjson;
+
+export type RouterInputs = inferRouterInputs<AppRouter>;
+export type RouterOutputs = inferRouterOutputs<AppRouter>;