https://github.com/psyirius/rockite

A modern, free and open-source WebSockets client
https://github.com/psyirius/rockite

react realtime testing websocket-client websockets

Last synced: 26 days ago
JSON representation

A modern, free and open-source WebSockets client

• Host: GitHub
• URL: https://github.com/psyirius/rockite
• Owner: psyirius
• License: mit
• Created: 2024-12-02T22:40:08.000Z (about 1 month ago)
• Default Branch: dev
• Last Pushed: 2024-12-04T21:45:51.000Z (about 1 month ago)
• Last Synced: 2024-12-04T22:27:10.762Z (about 1 month ago)
• Topics: react, realtime, testing, websocket-client, websockets
• Language: TypeScript
• Homepage: https://rockite.pages.dev
• Size: 1.72 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  

    

    

  



###



[![License](https://img.shields.io/npm/l/nx.svg?style=flat-square)]()



Rockite


Rockite is a tool designed to assist in developing and debugging WebSocket connections.

#### Rockite is a fork of the original project: [WebSocket King](https://github.com/tomlerendu/Websocket-King)

## Screenshots

![Rockite - First Look](/assets/images/screenshot-0.png)

![Rockite - Dual Pane](/assets/images/screenshot-1.png)

## Features

- No Account Required (Data stored locally)

- Projects

- Connections

- Payloads

- Connection History

- Light & Dark Mode

- Incoming Text & Binary Messages

- Outgoing Text Messages (Binary coming soon)

- Custom WebSocket Protocols

- Auto Reconnect

## Roadmap

- Collections

- Import/Export

- Binary data support

- Custom HTTP headers

- Connection Timeout

- Optional Cloud Sync

- Hex and Syntax Highlighted Editor & Viewer

- Low-level logging in Desktop builds

- Other Real-time protocols support like MQTT, Socket.io, etc.

## Limitations

- No access to localhost servers in web version (available in Desktop and Chrome Extension)

## Development

1. Clone the project repo

2. `pnpm copy-env`

3. `pnpm dev`

## Production

### `pnpm build:chrome`

Builds the app for production (Chrome Extension) to the `build` folder.


It correctly bundles React in production mode and optimizes the build for the best performance.

### `pnpm build:web`

Builds the app for production (web) to the `build` folder.


It correctly bundles React in production mode and optimizes the build for the best performance.

### `pnpm build:electron`

BETA. Builds the app for production (Electron) to the `build` folder.


It correctly bundles React in production mode and optimizes the build for the best performance.

## License

[MIT](https://choosealicense.com/licenses/mit/)

## Authors

- [@tomlerendu](https://www.github.com/tomlerendu)