api: Init trpc in prep for a migration

6 files changed, 129 insertions, 0 deletions

diff --git a/packages/web/app/api/trpc/[trpc]/route.ts b/packages/web/app/api/trpc/[trpc]/route.ts
new file mode 100644
index 00000000..872da79a
--- /dev/null
+++ b/packages/web/app/api/trpc/[trpc]/route.ts
@@ -0,0 +1,10 @@
+import { fetchRequestHandler } from '@trpc/server/adapters/fetch';
+import { appRouter } from '@/server/routers/_app';
+const handler = (req: Request) =>
+  fetchRequestHandler({
+    endpoint: '/api/trpc',
+    req,
+    router: appRouter,
+    createContext: () => ({})
+  });
+export { handler as GET, handler as POST };
diff --git a/packages/web/package.json b/packages/web/package.json
index 5762a476..a46e7344 100644
--- a/packages/web/package.json
+++ b/packages/web/package.json
@@ -18,6 +18,11 @@
     "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-toast": "^1.1.5",
+    "@tanstack/react-query": "^5.18.1",
+    "@trpc/client": "11.0.0-next-beta.274",
+    "@trpc/next": "11.0.0-next-beta.274",
+    "@trpc/react-query": "11.0.0-next-beta.274",
+    "@trpc/server": "11.0.0-next-beta.274",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "install": "^0.13.0",
diff --git a/packages/web/server/routers/_app.ts b/packages/web/server/routers/_app.ts
new file mode 100644
index 00000000..47c586b7
--- /dev/null
+++ b/packages/web/server/routers/_app.ts
@@ -0,0 +1,17 @@
+import { z } from "zod";
+import { procedure, router } from "../trpc";
+export const appRouter = router({
+    hello: procedure
+        .input(
+            z.object({
+                text: z.string(),
+            }),
+        )
+        .query((opts) => {
+            return {
+                greeting: `hello ${opts.input.text}`,
+            };
+        }),
+});
+// export type definition of API
+export type AppRouter = typeof appRouter;
diff --git a/packages/web/server/trpc.ts b/packages/web/server/trpc.ts
new file mode 100644
index 00000000..b34424ed
--- /dev/null
+++ b/packages/web/server/trpc.ts
@@ -0,0 +1,9 @@
+import { initTRPC } from '@trpc/server';
+// Avoid exporting the entire t-object
+// since it's not very descriptive.
+// For instance, the use of a t variable
+// is common in i18n libraries.
+const t = initTRPC.create();
+// Base router and procedure helpers
+export const router = t.router;
+export const procedure = t.procedure;
diff --git a/packages/web/server/utils.ts b/packages/web/server/utils.ts
new file mode 100644
index 00000000..70c06585
--- /dev/null
+++ b/packages/web/server/utils.ts
@@ -0,0 +1,16 @@
+import { httpBatchLink } from "@trpc/client";
+import { createTRPCNext } from "@trpc/next";
+import type { AppRouter } from "../server/routers/_app";
+import serverConfig from "@/lib/config";
+
+export const trpc = createTRPCNext<AppRouter>({
+  config(_opts) {
+    return {
+      links: [
+        httpBatchLink({
+          url: `${serverConfig.api_url}/api/trpc`,
+        }),
+      ],
+    };
+  },
+});
diff --git a/yarn.lock b/yarn.lock
index ac45f715..b91d7312 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1169,6 +1169,11 @@ __metadata:
     "@radix-ui/react-label": "npm:^2.0.2"
     "@radix-ui/react-slot": "npm:^1.0.2"
     "@radix-ui/react-toast": "npm:^1.1.5"
+    "@tanstack/react-query": "npm:^5.18.1"
+    "@trpc/client": "npm:11.0.0-next-beta.274"
+    "@trpc/next": "npm:11.0.0-next-beta.274"
+    "@trpc/react-query": "npm:11.0.0-next-beta.274"
+    "@trpc/server": "npm:11.0.0-next-beta.274"
     "@types/react": "npm:^18"
     "@types/react-dom": "npm:^18"
     autoprefixer: "npm:^10.0.1"
@@ -1246,6 +1251,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@tanstack/query-core@npm:5.18.1":
+  version: 5.18.1
+  resolution: "@tanstack/query-core@npm:5.18.1"
+  checksum: 10c0/3fca6ae577ce39a14971ac60c8540f04a0c5a22e96cecaed1da7b47bdba79f2d8dc09c572995d068e2dc9bf685edb4114f1ca1317680b3acb398ceabd95a74bb
+  languageName: node
+  linkType: hard
+
+"@tanstack/react-query@npm:^5.18.1":
+  version: 5.18.1
+  resolution: "@tanstack/react-query@npm:5.18.1"
+  dependencies:
+    "@tanstack/query-core": "npm:5.18.1"
+  peerDependencies:
+    react: ^18.0.0
+  checksum: 10c0/e017f6d3f57a7690707868955c1a630838f5225f42ea4c63d41a2ed15813b2b156a4e2be99f3c4a4590916564d289d4c8f084e68ef12c68bce9216215b0026ff
+  languageName: node
+  linkType: hard
+
 "@tootallnate/quickjs-emscripten@npm:^0.23.0":
   version: 0.23.0
   resolution: "@tootallnate/quickjs-emscripten@npm:0.23.0"
@@ -1253,6 +1276,55 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@trpc/client@npm:11.0.0-next-beta.274":
+  version: 11.0.0-next-beta.274
+  resolution: "@trpc/client@npm:11.0.0-next-beta.274"
+  peerDependencies:
+    "@trpc/server": 11.0.0-next-beta.274+bc5196e28
+  checksum: 10c0/e6e03d39407db93e7ac1160d9ef9085e5ff7505030e36d97903f0a8f0119cc261be3ed0c7f5292089f9a96dd9116dff37e2df59f3cc23353c5d9d16a7963e25b
+  languageName: node
+  linkType: hard
+
+"@trpc/next@npm:11.0.0-next-beta.274":
+  version: 11.0.0-next-beta.274
+  resolution: "@trpc/next@npm:11.0.0-next-beta.274"
+  peerDependencies:
+    "@tanstack/react-query": ^5.0.0
+    "@trpc/client": 11.0.0-next-beta.274+bc5196e28
+    "@trpc/react-query": 11.0.0-next-beta.274+bc5196e28
+    "@trpc/server": 11.0.0-next-beta.274+bc5196e28
+    next: "*"
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+  peerDependenciesMeta:
+    "@tanstack/react-query":
+      optional: true
+    "@trpc/react-query":
+      optional: true
+  checksum: 10c0/b1b8f6f2b8aa17abf528f2b9ffff4ac363cdcb1fe02e560f94fce2066530ec877f30648df64c9e159e7621292e05875539a4095b0b9e03263cd364c30079384c
+  languageName: node
+  linkType: hard
+
+"@trpc/react-query@npm:11.0.0-next-beta.274":
+  version: 11.0.0-next-beta.274
+  resolution: "@trpc/react-query@npm:11.0.0-next-beta.274"
+  peerDependencies:
+    "@tanstack/react-query": ^5.0.0
+    "@trpc/client": 11.0.0-next-beta.274+bc5196e28
+    "@trpc/server": 11.0.0-next-beta.274+bc5196e28
+    react: ">=18.2.0"
+    react-dom: ">=18.2.0"
+  checksum: 10c0/a8fcfc4ae076d48548c4dacd22105483009047f5f17c26281d594e282487eafde4165f9e06d1add09e892805309aa5bc56e1adf1ce963280b1814da5470f4248
+  languageName: node
+  linkType: hard
+
+"@trpc/server@npm:11.0.0-next-beta.274":
+  version: 11.0.0-next-beta.274
+  resolution: "@trpc/server@npm:11.0.0-next-beta.274"
+  checksum: 10c0/fe81b762d852b4eb3a55d5b2c2e2f98dbb35445ce2e1c3a63bdd113ead4acd769aa6adf92c7f932e818d71a5a2a105af9a4862010c629924c213fa1c3096c3f9
+  languageName: node
+  linkType: hard
+
 "@tsconfig/node10@npm:^1.0.7":
   version: 1.0.9
   resolution: "@tsconfig/node10@npm:1.0.9"