# nice-grpc-client-middleware-devtools

> Client middleware for nice-grpc to work with grpc-web-devtools https://github.com/SafetyCulture/grpc-web-devtools

Latest version **1.0.12** (published 2026-08-04) · MIT license · 0 weekly downloads

## Install

```sh
npm install nice-grpc-client-middleware-devtools
pnpm add nice-grpc-client-middleware-devtools
yarn add nice-grpc-client-middleware-devtools
bun add nice-grpc-client-middleware-devtools
```

## Health

**Score 65/100 (B)** — status: active.

Positive: has types; no vulnerabilities; recently updated; high maintenance score; high quality score.

Warnings: low downloads; no esm support.

## Facts

| | |
|---|---|
| Version | 1.0.12 |
| Published | 2026-08-04 |
| First published | 2023-10-17 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 25.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 538 |
| Author | Sebastian Halder |
| Maintainers | aikoven |

## Links

- npm: https://www.npmjs.com/package/nice-grpc-client-middleware-devtools
- Repository: https://github.com/deeplay-io/nice-grpc
- Homepage: https://github.com/deeplay-io/nice-grpc/tree/master/packages/nice-grpc-client-middleware-devtools#readme
- Issues: https://github.com/deeplay-io/nice-grpc/issues
- npm.io page: https://npm.io/package/nice-grpc-client-middleware-devtools

## Dependencies (2)

- [nice-grpc-common](https://npm.io/package/nice-grpc-common.md) ^2.0.4
- [abort-controller-x](https://npm.io/package/abort-controller-x.md) ^0.5.0

## Recent versions

- 1.0.12 (latest) — 2026-08-04
- 1.0.11 — 2026-04-24
- 1.0.10 — 2026-04-12
- 1.0.9 — 2025-11-12
- 1.0.8 — 2025-10-01
- 1.0.7 — 2025-03-26
- 1.0.6 — 2025-02-18
- 1.0.5 — 2024-09-24
- 1.0.4 — 2024-06-06
- 1.0.3 — 2024-03-11
- 1.0.2 — 2023-10-19
- 1.0.1 — 2023-10-17

## README

# nice-grpc-client-middleware-devtools [![npm version][npm-image]][npm-url]

Client middleware for [nice-grpc](https://github.com/deeplay-io/nice-grpc) that
enables seeing grpc-web requests in [grpc-web-tools](https://github.com/SafetyCulture/grpc-web-devtools).

## Installation

```
npm install nice-grpc-client-middleware-devtools
```

## Usage

```ts
import {
  createClientFactory,
  createChannel,
  ClientError,
  Status,
} from 'nice-grpc';
import {devtoolsLoggingMiddleware} from 'nice-grpc-client-middleware-devtools';

const clientFactory = createClientFactory().use(devtoolsLoggingMiddlware);

const channel = createChannel(address);
const client = clientFactory.create(ExampleService, channel);

const response = await client.exampleMethod(request);
// The request and response will be visible in the Browser extension
```

Alternatively, only logging for unary requests can be achieved by using `devtoolsUnaryLoggingMiddleware`
or logging for streaming requests by using `devtoolsStreamLoggingMiddleware`.

[npm-image]: https://badge.fury.io/js/nice-grpc-client-middleware-devtools.svg
[npm-url]: https://badge.fury.io/js/nice-grpc-client-middleware-devtools

---
_Source: https://npm.io/package/nice-grpc-client-middleware-devtools · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._