{"id":16783090,"url":"https://github.com/bengreenier/trpc-webrtc","last_synced_at":"2026-04-21T16:36:49.839Z","repository":{"id":153075632,"uuid":"628056478","full_name":"bengreenier/trpc-webrtc","owner":"bengreenier","description":"A set of TRPC adapters for communication via RTCDataChannel in the browser.","archived":false,"fork":false,"pushed_at":"2023-04-14T20:17:33.000Z","size":56,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-05-25T14:52:02.623Z","etag":null,"topics":["trpc","webrtc"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/trpc-webrtc","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bengreenier.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-04-14T20:08:13.000Z","updated_at":"2025-04-23T04:04:17.000Z","dependencies_parsed_at":"2023-05-06T14:57:24.055Z","dependency_job_id":null,"html_url":"https://github.com/bengreenier/trpc-webrtc","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/bengreenier/trpc-webrtc","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bengreenier%2Ftrpc-webrtc","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bengreenier%2Ftrpc-webrtc/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bengreenier%2Ftrpc-webrtc/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bengreenier%2Ftrpc-webrtc/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bengreenier","download_url":"https://codeload.github.com/bengreenier/trpc-webrtc/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bengreenier%2Ftrpc-webrtc/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260690825,"owners_count":23047098,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["trpc","webrtc"],"created_at":"2024-10-13T07:48:56.176Z","updated_at":"2026-04-21T16:36:49.798Z","avatar_url":"https://github.com/bengreenier.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# trpc-webrtc\n\n[![CI](https://github.com/bengreenier/trpc-webrtc/actions/workflows/ci.yml/badge.svg)](https://github.com/bengreenier/trpc-webrtc/actions/workflows/ci.yml)\n\nA set of [tRPC](https://trpc.io/) adapters to enable type-safe communication via [`RTCDataChannel`](https://developer.mozilla.org/en-US/docs/Web/API/RTCDataChannel) in the browser.\n\n- Compatible with tRPC `\u003e=10.20.0`.\n- Use any [`RTCDataChannel`](https://developer.mozilla.org/en-US/docs/Web/API/RTCDataChannel) as an in-browser tRPC server.\n- Full support for queries, mutations, and subscriptions.\n\n## Installation\n\n```shell\n# Using pnpm\npnpm add trpc-webrtc\n\n# Using yarn\nyarn add trpc-webrtc\n\n# Using npm\nnpm install --save trpc-webrtc\n```\n\n## Getting Started\n\n1. Initialize [tRPC](https://trpc.io/), with `allowOutsideOfServer: true`:\n\n```ts\nimport { initTRPC } from \"@trpc/server\";\nconst t = initTRPC.create({ allowOutsideOfServer: true });\n```\n\n2. Create a router, [as usual](https://trpc.io/docs/quickstart):\n\n```ts\nconst appRouter = t.router({\n  testQuery: t.procedure.query(() =\u003e ({ hello: \"world\" })),\n});\ntype AppRouter = typeof appRouter;\n```\n\n3. Invoke `applyDataChannelHandler` on an [`RTCDataChannel`](https://developer.mozilla.org/en-US/docs/Web/API/RTCDataChannel) (`rx`) to act as the server:\n\n```ts\nimport { applyDataChannelHandler } from \"trpc-webrtc\";\nconst handler = applyDataChannelHandler({\n  dataChannel: rx,\n  router: appRouter,\n});\n```\n\n4. Create a client, using `dataChannelLink` with an [`RTCDataChannel`](https://developer.mozilla.org/en-US/docs/Web/API/RTCDataChannel) (`tx`):\n\n```ts\nimport { createTRPCProxyClient } from \"@trpc/client\";\nimport { createDataChannelClient, dataChannelLink } from \"trpc-webrtc\";\n\nconst client = createTRPCProxyClient\u003cAppRouter\u003e({\n  links: [\n    dataChannelLink({\n      client: createDataChannelClient({ dataChannel: tx }),\n    }),\n  ],\n});\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbengreenier%2Ftrpc-webrtc","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbengreenier%2Ftrpc-webrtc","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbengreenier%2Ftrpc-webrtc/lists"}