tRPC vs GraphQL مقارنة

// tRPC — تعريف الموجّه (router) في الخادم
import { initTRPC } from '@trpc/server';
import { z } from 'zod';
// db = عميل Prisma/ORM (يُستورد من ملف منفصل)

const t = initTRPC.create();

export const appRouter = t.router({
  getUser: t.procedure
    .input(z.object({ id: z.string() }))
    .query(async ({ input }) => {
      return db.user.findUnique({ where: { id: input.id } });
    }),
});

export type AppRouter = typeof appRouter;

// العميل — نوع الخادم يُستنتج تلقائيًا، لا يوجد codegen
import { createTRPCClient, httpBatchLink } from '@trpc/client';
import type { AppRouter } from './server';

const client = createTRPCClient<AppRouter>({
  links: [httpBatchLink({ url: 'http://localhost:3000/trpc' })],
});

const user = await client.getUser.query({ id: '1' });
// user: { id: string; name: string; ... } — أمان نوع كامل وقت الترجمة (compile-time)

// graphql-js + @apollo/server — المخطط وresolver والخادم في ملف واحد
import { ApolloServer } from '@apollo/server';
import { startStandaloneServer } from '@apollo/server/standalone';
// db = عميل Prisma/ORM (يُستورد من ملف منفصل)

const typeDefs = `#graphql
  type Post {
    id: ID!
    title: String!
  }

  type User {
    id: ID!
    name: String!
    posts: [Post!]!
  }

  type Query {
    user(id: ID!): User
  }
`;

const resolvers = {
  Query: {
    user: (_parent, { id }, { db }) => db.user.findUnique({ where: { id } }),
  },
  User: {
    posts: (user, _args, { db }) =>
      db.post.findMany({ where: { authorId: user.id } }),
  },
};

const server = new ApolloServer({ typeDefs, resolvers });

const { url } = await startStandaloneServer(server, {
  context: async () => ({ db }),
  listen: { port: 4000 },
});
console.log(`الخادم جاهز: ${url}`);

// استعلام العميل — تُختار الحقول المطلوبة فقط:
// query { user(id: "1") { name posts { title } } }