This package has been deprecated

Author message:

Connect has moved to its own org @connectrpc and has a stable v1. Run `npx @connectrpc/connect-migrate@latest` to update. See https://github.com/connectrpc/connect-es/releases/tag/v0.13.1 for details.

@bufbuild/connect-web
TypeScript icon, indicating that this package has built-in type declarations

0.13.0 • Public • Published

@bufbuild/connect-web

Connect is a family of libraries for building and consuming APIs on different languages and platforms. @bufbuild/connect brings type-safe APIs with Protobuf to TypeScript.

@bufbuild/connect-web provides the following adapters for web browsers, and any other platform that has the fetch API on board:

createConnectTransport()

Lets your clients running in the web browser talk to a server with the Connect protocol:

import { createPromiseClient } from "@bufbuild/connect";
+ import { createConnectTransport } from "@bufbuild/connect-web";
import { ElizaService } from "./gen/eliza_connect.js";

+ // A transport for clients using the Connect protocol with fetch()
+ const transport = createConnectTransport({
+   baseUrl: "https://demo.connectrpc.com",
+ });

const client = createPromiseClient(ElizaService, transport);
const { sentence } = await client.say({ sentence: "I feel happy." });
console.log(sentence) // you said: I feel happy.

createGrpcWebTransport()

Lets your clients running in the web browser talk to a server with the gRPC-web protocol:

import { createPromiseClient } from "@bufbuild/connect";
+ import { createGrpcWebTransport } from "@bufbuild/connect-web";
import { ElizaService } from "./gen/eliza_connect.js";

+ // A transport for clients using the Connect protocol with fetch()
+ const transport = createGrpcWebTransport({
+   baseUrl: "https://demo.connectrpc.com",
+ });

const client = createPromiseClient(ElizaService, transport);
const { sentence } = await client.say({ sentence: "I feel happy." });
console.log(sentence) // you said: I feel happy.

Getting started

To get started with Connect, head over to the docs for a tutorial, or take a look at our example.

Connect plays nice with Vue, Svelte, Remix, Next.js, Angular and many others. Take a look at our examples for various frameworks.

Readme

Keywords

none

Package Sidebar

Install

npm i @bufbuild/connect-web

Weekly Downloads

19,104

Version

0.13.0

License

Apache-2.0

Unpacked Size

52.2 kB

Total Files

15

Last publish

Collaborators

  • bufbot
  • bufdev
  • cmahony
  • dfyock-buf
  • gwong-buf
  • jdailey_buf
  • psachs-buf
  • sayers-buf
  • srikrsna-buf
  • tstamm-buf