https://github.com/griggsca91/protodevtools

Chrome extension to decode protobuf messages in your network requests
https://github.com/griggsca91/protodevtools

chrome-extension grpc protobuf

Last synced: about 1 year ago
JSON representation

Chrome extension to decode protobuf messages in your network requests

• Host: GitHub
• URL: https://github.com/griggsca91/protodevtools
• Owner: griggsca91
• License: mit
• Created: 2024-09-18T21:52:47.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-10-16T12:40:58.000Z (over 1 year ago)
• Last Synced: 2025-02-27T04:25:07.802Z (about 1 year ago)
• Topics: chrome-extension, grpc, protobuf
• Language: Dart
• Homepage:
• Size: 2.79 MB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: Readme.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Proto DevTools

Chrome Extension to decode protobuf binary in requests and responses

## Features

Attempt to decode protobuf binary in requests and responses from your browser

If you provide a [Buf Image](https://buf.build/docs/reference/images) then it can decode the messages in a much more readable manner

## Install

- Go to your `chrome://extensions/` in your browser

- Click `Load Unpacked`

- Point to the `./dist` folder in the root directory of the project

- Go to a website that sends protobuf messages

- Open your `Developer Tools`

- Look for a tab called `Protobuf Decoder`

- (Optional) if you have a Buf Image, drag and drop it in the panel and it should begin to parse messages automatically

## Screenshots

Example of a protobuf message attempting to be decoded

![protobuf being decoded without an image](./docs/extension_with_protodecoded_without_image.png)

Example of a protobuf message being decoded with a Buf Image

![protobuf being decoded](./docs/extension_with_protodecoded.png)

## Roadmap

- [x] Test with ConnectRPC services

- [ ] Provide a better UI

- [ ] Support compressed messages

- [ ] Upload to chrome store

- [ ] Add proper testing

- [ ] Support errors returned - 

- [ ] Display timestamps in a readable format

## ChangeLog

[ChangeLog Format](https://common-changelog.org/)

## Tips

### Creating a Buf Image

Run `buf build --exclude-source-info -o image.pbin` in the directory with your buf

### Creating a file descriptor with protoc

\