[PR #2450] [MERGED] feat: realtime tabs as subpages #3816

New issue

Closed

opened 2026-03-17 01:23:58 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 01:23:58 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/2450
Author: @anwarulislam
Created: 6/21/2022
Status: ✅ Merged
Merged: 6/28/2022
Merged by: @AndrewBastin

Base: main ← Head: feat/realtime-routes

📝 Commits (3)

6208773 feat: realtime routes added
38a306d refactor: subpages for realtime components
908ecd7 refactor: move to nested routing based solution

📊 Changes

8 files changed (+260 additions, -198 deletions)

View changed files

📝 packages/hoppscotch-app/components/app/Sidenav.vue (+20 -0)
📝 packages/hoppscotch-app/components/http/TestResultEnv.vue (+4 -1)
📝 packages/hoppscotch-app/pages/realtime.vue (+55 -41)
📝 packages/hoppscotch-app/pages/realtime/Mqtt.vue (+0 -0)
📝 packages/hoppscotch-app/pages/realtime/Socketio.vue (+0 -0)
📝 packages/hoppscotch-app/pages/realtime/Sse.vue (+0 -0)
📝 packages/hoppscotch-app/pages/realtime/Websocket.vue (+0 -0)
📝 pnpm-lock.yaml (+181 -156)

📄 Description

Closes #2450

Description

Subpages in realtime page added to the system. Previously we had the same URL /realtime for WebSocket, SSE, SocketIO, and MQTT. Now URL added for the individual component.

WebSocket: https://hoppscotch.io/realtime/websocket
SSE: https://hoppscotch.io/realtime/sse
SocketIO: https://hoppscotch.io/realtime/socketio
MQTT: https://hoppscotch.io/realtime/mqtt

Checks

My pull request adheres to the code style of this project
My code requires changes to the documentation
I have updated the documentation as required
All the tests have passed

Additional Information

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/hoppscotch/hoppscotch/pull/2450 **Author:** [@anwarulislam](https://github.com/anwarulislam) **Created:** 6/21/2022 **Status:** ✅ Merged **Merged:** 6/28/2022 **Merged by:** [@AndrewBastin](https://github.com/AndrewBastin) **Base:** `main` ← **Head:** `feat/realtime-routes` --- ### 📝 Commits (3) - [`6208773`](https://github.com/hoppscotch/hoppscotch/commit/6208773bca9b5214b66c71821301b048a862707b) feat: realtime routes added - [`38a306d`](https://github.com/hoppscotch/hoppscotch/commit/38a306dbc75011652504986f2a2525668d3fae64) refactor: subpages for realtime components - [`908ecd7`](https://github.com/hoppscotch/hoppscotch/commit/908ecd780b07f667ce530f0d6c9a96117114f667) refactor: move to nested routing based solution ### 📊 Changes **8 files changed** (+260 additions, -198 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-app/components/app/Sidenav.vue` (+20 -0) 📝 `packages/hoppscotch-app/components/http/TestResultEnv.vue` (+4 -1) 📝 `packages/hoppscotch-app/pages/realtime.vue` (+55 -41) 📝 `packages/hoppscotch-app/pages/realtime/Mqtt.vue` (+0 -0) 📝 `packages/hoppscotch-app/pages/realtime/Socketio.vue` (+0 -0) 📝 `packages/hoppscotch-app/pages/realtime/Sse.vue` (+0 -0) 📝 `packages/hoppscotch-app/pages/realtime/Websocket.vue` (+0 -0) 📝 `pnpm-lock.yaml` (+181 -156) </details> ### 📄 Description   Closes #2450  ### Description Subpages in realtime page added to the system. Previously we had the same URL `/realtime` for WebSocket, SSE, SocketIO, and MQTT. Now URL added for the individual component. WebSocket: `https://hoppscotch.io/realtime/websocket` SSE: `https://hoppscotch.io/realtime/sse` SocketIO: `https://hoppscotch.io/realtime/socketio` MQTT: `https://hoppscotch.io/realtime/mqtt`   ### Checks  - [x] My pull request adheres to the code style of this project - [ ] My code requires changes to the documentation - [ ] I have updated the documentation as required - [x] All the tests have passed ### Additional Information  --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>