├── .gitignore ├── db.json ├── client ├── client.ts └── client.js ├── server ├── server.ts └── server.js └── tsconfig.json /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .env 3 | -------------------------------------------------------------------------------- /db.json: -------------------------------------------------------------------------------- 1 | { 2 | "superheroes": [ 3 | { 4 | "id": 1, 5 | "name": "Superman", 6 | "alterEgo": "Clark Kent" 7 | }, 8 | { 9 | "id": 2, 10 | "name": "Batman", 11 | "alterEgo": "Bruce Wayne" 12 | } 13 | ] 14 | } -------------------------------------------------------------------------------- /client/client.ts: -------------------------------------------------------------------------------- 1 | import { createTRPCProxyClient, httpBatchLink } from '@trpc/client' 2 | import type { AppRouter } from '../server/server' 3 | 4 | const client = createTRPCProxyClient({ 5 | links: [ httpBatchLink({ 6 | url: 'http://localhost:3000/trpc' 7 | }) ] 8 | }) 9 | 10 | async function main() { 11 | const heroes = await client.findmany.query() 12 | console.log(heroes) 13 | } 14 | 15 | main() 16 | -------------------------------------------------------------------------------- /client/client.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { 3 | function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } 4 | return new (P || (P = Promise))(function (resolve, reject) { 5 | function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } 6 | function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } 7 | function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } 8 | step((generator = generator.apply(thisArg, _arguments || [])).next()); 9 | }); 10 | }; 11 | Object.defineProperty(exports, "__esModule", { value: true }); 12 | const client_1 = require("@trpc/client"); 13 | const client = (0, client_1.createTRPCProxyClient)({ 14 | links: [(0, client_1.httpBatchLink)({ 15 | url: 'http://localhost:3000/trpc' 16 | })] 17 | }); 18 | function main() { 19 | return __awaiter(this, void 0, void 0, function* () { 20 | const heroes = yield client.findmany.query(); 21 | console.log(heroes); 22 | }); 23 | } 24 | main(); 25 | -------------------------------------------------------------------------------- /server/server.ts: -------------------------------------------------------------------------------- 1 | import { initTRPC } from '@trpc/server' 2 | import { z } from 'zod' 3 | import express, { Request, Response } from 'express' 4 | import { createExpressMiddleware } from '@trpc/server/adapters/express' 5 | 6 | const app = express() 7 | app.get('/', (req: Request, res: Response) => { 8 | res.send('

Goodbye, world!

') 9 | }) 10 | 11 | const t = initTRPC.create() 12 | const appRouter = t.router({ 13 | findmany: t.procedure.query(async() => { 14 | const res = await fetch('http://localhost:4000/superheroes') 15 | const data = await res.json() 16 | return { heroes: data } 17 | }), 18 | findone: t.procedure.input(z.number()).query(async(req) => { 19 | const { input } = req 20 | const res = await fetch(`http://localhost:4000/superheroes/${input}`) 21 | console.log(`http://localhost:4000/superheroes/${input}`) 22 | const data = await res.json() 23 | return { hero: data } 24 | }), 25 | create: t.procedure.input(z.object({ 26 | name: z.string(), 27 | alterEgo: z.string() 28 | })).mutation(async (req) => { 29 | const { input } = req 30 | const hero = await fetch('http://localhost:4000/superheroes', { 31 | method: 'POST', 32 | headers: { 33 | 'Content-Type': 'application/json' 34 | }, 35 | body: JSON.stringify(input) 36 | }) 37 | const data = await hero.json() 38 | return { hero: data } 39 | }), 40 | delete: t.procedure.input(z.number()).mutation(async(req) => { 41 | const { input } = req 42 | await fetch(`http://localhost:4000/superheroes/${input}`, { 43 | method: 'DELETE' 44 | }) 45 | }), 46 | update: t.procedure.input(z.object({ 47 | id: z.number(), 48 | name: z.string() 49 | })).mutation(async (req) => { 50 | const { input } = req 51 | const hero = await fetch(`http://localhost:4000/superheroes/${input.id}`, { 52 | method: 'PATCH', 53 | headers: { 54 | 'Content-Type': 'application/json' 55 | }, 56 | body: JSON.stringify({ name: input.name }) 57 | }) 58 | return { hero } 59 | }) 60 | }) 61 | 62 | 63 | const port = Number(process.env.PORT) || 3000 64 | app.use('/trpc', createExpressMiddleware({ 65 | router: appRouter, 66 | createContext: () => ({}) 67 | })) 68 | const start = (port: number) => { 69 | app.listen(port, () => { 70 | console.log(`Server listening on http://localhost:${port}`) 71 | }) 72 | } 73 | 74 | start(port) 75 | 76 | export type AppRouter = typeof appRouter -------------------------------------------------------------------------------- /server/server.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { 3 | function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } 4 | return new (P || (P = Promise))(function (resolve, reject) { 5 | function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } 6 | function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } 7 | function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } 8 | step((generator = generator.apply(thisArg, _arguments || [])).next()); 9 | }); 10 | }; 11 | var __importDefault = (this && this.__importDefault) || function (mod) { 12 | return (mod && mod.__esModule) ? mod : { "default": mod }; 13 | }; 14 | Object.defineProperty(exports, "__esModule", { value: true }); 15 | const server_1 = require("@trpc/server"); 16 | const zod_1 = require("zod"); 17 | const express_1 = __importDefault(require("express")); 18 | const express_2 = require("@trpc/server/adapters/express"); 19 | const app = (0, express_1.default)(); 20 | app.get('/', (req, res) => { 21 | res.send('

Goodbye, world!

'); 22 | }); 23 | const t = server_1.initTRPC.create(); 24 | const appRouter = t.router({ 25 | findmany: t.procedure.query(() => __awaiter(void 0, void 0, void 0, function* () { 26 | const res = yield fetch('http://localhost:4000/superheroes'); 27 | const data = yield res.json(); 28 | return { heroes: data }; 29 | })), 30 | findone: t.procedure.input(zod_1.z.number()).query((req) => __awaiter(void 0, void 0, void 0, function* () { 31 | const { input } = req; 32 | const res = yield fetch(`http://localhost:4000/superheroes/${input}`); 33 | console.log(`http://localhost:4000/superheroes/${input}`); 34 | const data = yield res.json(); 35 | return { hero: data }; 36 | })), 37 | create: t.procedure.input(zod_1.z.object({ 38 | name: zod_1.z.string(), 39 | alterEgo: zod_1.z.string() 40 | })).mutation((req) => __awaiter(void 0, void 0, void 0, function* () { 41 | const { input } = req; 42 | const hero = yield fetch('http://localhost:4000/superheroes', { 43 | method: 'POST', 44 | headers: { 45 | 'Content-Type': 'application/json' 46 | }, 47 | body: JSON.stringify(input) 48 | }); 49 | const data = yield hero.json(); 50 | return { hero: data }; 51 | })), 52 | delete: t.procedure.input(zod_1.z.number()).mutation((req) => __awaiter(void 0, void 0, void 0, function* () { 53 | const { input } = req; 54 | yield fetch(`http://localhost:4000/superheroes/${input}`, { 55 | method: 'DELETE' 56 | }); 57 | })), 58 | update: t.procedure.input(zod_1.z.object({ 59 | id: zod_1.z.number(), 60 | name: zod_1.z.string() 61 | })).mutation((req) => __awaiter(void 0, void 0, void 0, function* () { 62 | const { input } = req; 63 | const hero = yield fetch(`http://localhost:4000/superheroes/${input.id}`, { 64 | method: 'PATCH', 65 | headers: { 66 | 'Content-Type': 'application/json' 67 | }, 68 | body: JSON.stringify({ name: input.name }) 69 | }); 70 | return { hero }; 71 | })) 72 | }); 73 | const port = Number(process.env.PORT) || 3000; 74 | app.use('/trpc', (0, express_2.createExpressMiddleware)({ 75 | router: appRouter, 76 | createContext: () => ({}) 77 | })); 78 | const start = (port) => { 79 | app.listen(port, () => { 80 | console.log(`Server listening on http://localhost:${port}`); 81 | }); 82 | }; 83 | start(port); 84 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | /* Visit https://aka.ms/tsconfig to read more about this file */ 4 | 5 | /* Projects */ 6 | // "incremental": true, /* Save .tsbuildinfo files to allow for incremental compilation of projects. */ 7 | // "composite": true, /* Enable constraints that allow a TypeScript project to be used with project references. */ 8 | // "tsBuildInfoFile": "./.tsbuildinfo", /* Specify the path to .tsbuildinfo incremental compilation file. */ 9 | // "disableSourceOfProjectReferenceRedirect": true, /* Disable preferring source files instead of declaration files when referencing composite projects. */ 10 | // "disableSolutionSearching": true, /* Opt a project out of multi-project reference checking when editing. */ 11 | // "disableReferencedProjectLoad": true, /* Reduce the number of projects loaded automatically by TypeScript. */ 12 | 13 | /* Language and Environment */ 14 | "target": "es2016", /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */ 15 | // "lib": [], /* Specify a set of bundled library declaration files that describe the target runtime environment. */ 16 | // "jsx": "preserve", /* Specify what JSX code is generated. */ 17 | // "experimentalDecorators": true, /* Enable experimental support for TC39 stage 2 draft decorators. */ 18 | // "emitDecoratorMetadata": true, /* Emit design-type metadata for decorated declarations in source files. */ 19 | // "jsxFactory": "", /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'. */ 20 | // "jsxFragmentFactory": "", /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */ 21 | // "jsxImportSource": "", /* Specify module specifier used to import the JSX factory functions when using 'jsx: react-jsx*'. */ 22 | // "reactNamespace": "", /* Specify the object invoked for 'createElement'. This only applies when targeting 'react' JSX emit. */ 23 | // "noLib": true, /* Disable including any library files, including the default lib.d.ts. */ 24 | // "useDefineForClassFields": true, /* Emit ECMAScript-standard-compliant class fields. */ 25 | // "moduleDetection": "auto", /* Control what method is used to detect module-format JS files. */ 26 | 27 | /* Modules */ 28 | "module": "commonjs", /* Specify what module code is generated. */ 29 | // "rootDir": "./", /* Specify the root folder within your source files. */ 30 | // "moduleResolution": "node", /* Specify how TypeScript looks up a file from a given module specifier. */ 31 | // "baseUrl": "./", /* Specify the base directory to resolve non-relative module names. */ 32 | // "paths": {}, /* Specify a set of entries that re-map imports to additional lookup locations. */ 33 | // "rootDirs": [], /* Allow multiple folders to be treated as one when resolving modules. */ 34 | // "typeRoots": [], /* Specify multiple folders that act like './node_modules/@types'. */ 35 | // "types": [], /* Specify type package names to be included without being referenced in a source file. */ 36 | // "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */ 37 | // "moduleSuffixes": [], /* List of file name suffixes to search when resolving a module. */ 38 | // "resolveJsonModule": true, /* Enable importing .json files. */ 39 | // "noResolve": true, /* Disallow 'import's, 'require's or ''s from expanding the number of files TypeScript should add to a project. */ 40 | 41 | /* JavaScript Support */ 42 | // "allowJs": true, /* Allow JavaScript files to be a part of your program. Use the 'checkJS' option to get errors from these files. */ 43 | // "checkJs": true, /* Enable error reporting in type-checked JavaScript files. */ 44 | // "maxNodeModuleJsDepth": 1, /* Specify the maximum folder depth used for checking JavaScript files from 'node_modules'. Only applicable with 'allowJs'. */ 45 | 46 | /* Emit */ 47 | // "declaration": true, /* Generate .d.ts files from TypeScript and JavaScript files in your project. */ 48 | // "declarationMap": true, /* Create sourcemaps for d.ts files. */ 49 | // "emitDeclarationOnly": true, /* Only output d.ts files and not JavaScript files. */ 50 | // "sourceMap": true, /* Create source map files for emitted JavaScript files. */ 51 | // "outFile": "./", /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */ 52 | // "outDir": "./", /* Specify an output folder for all emitted files. */ 53 | // "removeComments": true, /* Disable emitting comments. */ 54 | // "noEmit": true, /* Disable emitting files from a compilation. */ 55 | // "importHelpers": true, /* Allow importing helper functions from tslib once per project, instead of including them per-file. */ 56 | // "importsNotUsedAsValues": "remove", /* Specify emit/checking behavior for imports that are only used for types. */ 57 | // "downlevelIteration": true, /* Emit more compliant, but verbose and less performant JavaScript for iteration. */ 58 | // "sourceRoot": "", /* Specify the root path for debuggers to find the reference source code. */ 59 | // "mapRoot": "", /* Specify the location where debugger should locate map files instead of generated locations. */ 60 | // "inlineSourceMap": true, /* Include sourcemap files inside the emitted JavaScript. */ 61 | // "inlineSources": true, /* Include source code in the sourcemaps inside the emitted JavaScript. */ 62 | // "emitBOM": true, /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */ 63 | // "newLine": "crlf", /* Set the newline character for emitting files. */ 64 | // "stripInternal": true, /* Disable emitting declarations that have '@internal' in their JSDoc comments. */ 65 | // "noEmitHelpers": true, /* Disable generating custom helper functions like '__extends' in compiled output. */ 66 | // "noEmitOnError": true, /* Disable emitting files if any type checking errors are reported. */ 67 | // "preserveConstEnums": true, /* Disable erasing 'const enum' declarations in generated code. */ 68 | // "declarationDir": "./", /* Specify the output directory for generated declaration files. */ 69 | // "preserveValueImports": true, /* Preserve unused imported values in the JavaScript output that would otherwise be removed. */ 70 | 71 | /* Interop Constraints */ 72 | // "isolatedModules": true, /* Ensure that each file can be safely transpiled without relying on other imports. */ 73 | // "allowSyntheticDefaultImports": true, /* Allow 'import x from y' when a module doesn't have a default export. */ 74 | "esModuleInterop": true, /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */ 75 | // "preserveSymlinks": true, /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */ 76 | "forceConsistentCasingInFileNames": true, /* Ensure that casing is correct in imports. */ 77 | 78 | /* Type Checking */ 79 | "strict": true, /* Enable all strict type-checking options. */ 80 | // "noImplicitAny": true, /* Enable error reporting for expressions and declarations with an implied 'any' type. */ 81 | // "strictNullChecks": true, /* When type checking, take into account 'null' and 'undefined'. */ 82 | // "strictFunctionTypes": true, /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */ 83 | // "strictBindCallApply": true, /* Check that the arguments for 'bind', 'call', and 'apply' methods match the original function. */ 84 | // "strictPropertyInitialization": true, /* Check for class properties that are declared but not set in the constructor. */ 85 | // "noImplicitThis": true, /* Enable error reporting when 'this' is given the type 'any'. */ 86 | // "useUnknownInCatchVariables": true, /* Default catch clause variables as 'unknown' instead of 'any'. */ 87 | // "alwaysStrict": true, /* Ensure 'use strict' is always emitted. */ 88 | // "noUnusedLocals": true, /* Enable error reporting when local variables aren't read. */ 89 | // "noUnusedParameters": true, /* Raise an error when a function parameter isn't read. */ 90 | // "exactOptionalPropertyTypes": true, /* Interpret optional property types as written, rather than adding 'undefined'. */ 91 | // "noImplicitReturns": true, /* Enable error reporting for codepaths that do not explicitly return in a function. */ 92 | // "noFallthroughCasesInSwitch": true, /* Enable error reporting for fallthrough cases in switch statements. */ 93 | // "noUncheckedIndexedAccess": true, /* Add 'undefined' to a type when accessed using an index. */ 94 | // "noImplicitOverride": true, /* Ensure overriding members in derived classes are marked with an override modifier. */ 95 | // "noPropertyAccessFromIndexSignature": true, /* Enforces using indexed accessors for keys declared using an indexed type. */ 96 | // "allowUnusedLabels": true, /* Disable error reporting for unused labels. */ 97 | // "allowUnreachableCode": true, /* Disable error reporting for unreachable code. */ 98 | 99 | /* Completeness */ 100 | // "skipDefaultLibCheck": true, /* Skip type checking .d.ts files that are included with TypeScript. */ 101 | "skipLibCheck": true /* Skip type checking all .d.ts files. */ 102 | } 103 | } 104 | --------------------------------------------------------------------------------