pack it up purrito

package.json

@@ -51,6 +51,7 @@
     }
   },
   "dependencies": {
+    "@tanstack/react-router": "^1.141.2",
     "autoprefixer": "^10.4.22",
     "chart.js": "^4.5.1",
     "postcss": "^8.5.6"

packages/api/src/index.ts

@@ -1,31 +1,4 @@
-import { z } from 'zod';
-
-import { createTRPCRouter, publicProcedure } from './trpc-server';
-
-const portalRouter = createTRPCRouter({
-  getDashboard: publicProcedure.query(() => ({
-    title: 'Demo Dashboard',
-    widgets: [],
-    stats: {
-      users: 1234,
-      revenue: 9876,
-      growth: 12,
-    },
-  })),
-
-  updateProfile: publicProcedure
-    .input(z.object({ name: z.string(), email: z.string() }))
-    .mutation(({ input }) => {
-      // No-op mutation for demo purposes
-      return { success: true, input };
-    }),
-});
-
-export const appRouter = createTRPCRouter({
-  health: publicProcedure.query(() => ({ ok: true })),
-  portal: portalRouter,
-});
-
-export type AppRouter = typeof appRouter;
-
-export default appRouter;
+// packages/api/src/index.ts
+export { appRouter, createContext } from './root';
+export type { AppRouter, Context } from './root';
+export { trpc, createTRPCRouter, publicProcedure } from './trpc';

packages/api/src/root.ts

@@ -0,0 +1,18 @@
+import { createTRPCRouter } from './trpc';
+import { helloRouter } from './routers/hello';
+
+// Context type
+export type Context = {};
+
+// Context creator
+export const createContext = async (): Promise<Context> => {
+  return {};
+};
+
+// Root app router
+export const appRouter = createTRPCRouter({
+  hello: helloRouter,
+});
+
+// Export API type
+export type AppRouter = typeof appRouter;

packages/api/src/routers/hello.ts

@@ -0,0 +1,7 @@
+import { createTRPCRouter, publicProcedure } from '../trpc';
+
+export const helloRouter = createTRPCRouter()({
+  sayHello: publicProcedure.query(() => {
+    return { message: 'Hello, world!' };
+  }),
+});

packages/api/src/trpc.ts

@@ -1,17 +1,9 @@
-import { createTRPCReact } from '@trpc/react-query';
-import type { AppRouter } from './index';
-import { httpBatchLink } from '@trpc/client';
+// packages/api/src/trpc.ts
+import { initTRPC } from '@trpc/server';
+import { Context } from './root';
 
-export const trpc = createTRPCReact<AppRouter>();
+export const t = initTRPC.context<Context>().create();
 
-export function createTrpcClient(baseUrl = '') {
-  return trpc.createClient({
-    links: [
-      httpBatchLink({
-        url: `${baseUrl || ''}/api/trpc`,
-      }),
-    ],
-  });
-}
+export const createTRPCRouter = t.router;
 
-export type Trpc = typeof trpc;
+export const publicProcedure = t.procedure;