[PR #2228] [MERGED] refactor: real-time system #3682

New issue

Closed

opened 2026-03-17 01:16:34 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 01:16:34 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/2228
Author: @anwarulislam
Created: 4/2/2022
Status: ✅ Merged
Merged: 5/28/2022
Merged by: @liyasthomas

Base: main ← Head: refactor/websocket-system-revamp

📝 Commits (10+)

07c13ad refactor: realtime system revamp
b313d40 refactor: timestamp issue fixed
57781f2 refactor: i18n improved
976e9e6 refactor: mqtt connection issue fixed
47648a3 refactor: non-empty body sending not allowed without connection
5d5679a refactor: non-empty body sending not allowed without connection
c22b0ab refactor: button disabled while no connection established
5980bcc fix: linter not updating when switched from non-null to null
1817a5d fix: syntax highlighting removed for raw text
6b6bc61 fix: ts is optional for log and default value to 0

📊 Changes

24 files changed (+2120 additions, -1801 deletions)

View changed files

➕ packages/hoppscotch-app/assets/icons/send.svg (+4 -0)
📝 packages/hoppscotch-app/components/app/PaneLayout.vue (+6 -1)
➕ packages/hoppscotch-app/components/realtime/Communication.vue (+221 -0)
📝 packages/hoppscotch-app/components/realtime/Log.vue (+2 -1)
📝 packages/hoppscotch-app/components/realtime/LogEntry.vue (+19 -19)
📝 packages/hoppscotch-app/components/realtime/Mqtt.vue (+217 -256)
📝 packages/hoppscotch-app/components/realtime/Socketio.vue (+331 -425)
📝 packages/hoppscotch-app/components/realtime/Sse.vue (+128 -159)
📝 packages/hoppscotch-app/components/realtime/Websocket.vue (+307 -376)
📝 packages/hoppscotch-app/helpers/editor/codemirror.ts (+8 -13)
➕ packages/hoppscotch-app/helpers/realtime/MQTTConnection.ts (+223 -0)
➕ packages/hoppscotch-app/helpers/realtime/SIOClients.ts (+84 -0)
➕ packages/hoppscotch-app/helpers/realtime/SIOConnection.ts (+163 -0)
➕ packages/hoppscotch-app/helpers/realtime/SSEConnection.ts (+86 -0)
➕ packages/hoppscotch-app/helpers/realtime/WSConnection.ts (+102 -0)
📝 packages/hoppscotch-app/helpers/types/HoppRealtimeLog.ts (+2 -1)
📝 packages/hoppscotch-app/locales/en.json (+15 -2)
📝 packages/hoppscotch-app/newstore/MQTTSession.ts (+8 -40)
📝 packages/hoppscotch-app/newstore/SSESession.ts (+5 -40)
📝 packages/hoppscotch-app/newstore/SocketIOSession.ts (+7 -38)

...and 4 more files

📄 Description

Description

WebSocket System Revamp: Migrate from Option API with JS to Script Setup on TS

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

WebSocket.vue component migrated to script setup in TS from JS options API

_{🔄 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/2228 **Author:** [@anwarulislam](https://github.com/anwarulislam) **Created:** 4/2/2022 **Status:** ✅ Merged **Merged:** 5/28/2022 **Merged by:** [@liyasthomas](https://github.com/liyasthomas) **Base:** `main` ← **Head:** `refactor/websocket-system-revamp` --- ### 📝 Commits (10+) - [`07c13ad`](https://github.com/hoppscotch/hoppscotch/commit/07c13ad2001180aed2ea0f25dfb30085cffe4168) refactor: realtime system revamp - [`b313d40`](https://github.com/hoppscotch/hoppscotch/commit/b313d40ab2f80b583e65fea5de24d86dfda322dd) refactor: timestamp issue fixed - [`57781f2`](https://github.com/hoppscotch/hoppscotch/commit/57781f2d20a9903d54c521d3fbd1335b92c735c7) refactor: i18n improved - [`976e9e6`](https://github.com/hoppscotch/hoppscotch/commit/976e9e64fbcc1d4737c1471be711defc277720c3) refactor: mqtt connection issue fixed - [`47648a3`](https://github.com/hoppscotch/hoppscotch/commit/47648a3e6e00c75c1facc98e08a1e58b75c65f72) refactor: non-empty body sending not allowed without connection - [`5d5679a`](https://github.com/hoppscotch/hoppscotch/commit/5d5679ac79eac3cfab7dfd4b6fe3d668a35b35ac) refactor: non-empty body sending not allowed without connection - [`c22b0ab`](https://github.com/hoppscotch/hoppscotch/commit/c22b0abcf1ab1140db733a82a8e4db66c7aa3ba6) refactor: button disabled while no connection established - [`5980bcc`](https://github.com/hoppscotch/hoppscotch/commit/5980bcc5b360e61013095c01c477ff804b4fe892) fix: linter not updating when switched from non-null to null - [`1817a5d`](https://github.com/hoppscotch/hoppscotch/commit/1817a5dcc838f9705950382c1fe71cfe3b15b20d) fix: syntax highlighting removed for raw text - [`6b6bc61`](https://github.com/hoppscotch/hoppscotch/commit/6b6bc61f905f2f3deaff0639b90f2775834dfcbb) fix: ts is optional for log and default value to 0 ### 📊 Changes **24 files changed** (+2120 additions, -1801 deletions) <details> <summary>View changed files</summary> ➕ `packages/hoppscotch-app/assets/icons/send.svg` (+4 -0) 📝 `packages/hoppscotch-app/components/app/PaneLayout.vue` (+6 -1) ➕ `packages/hoppscotch-app/components/realtime/Communication.vue` (+221 -0) 📝 `packages/hoppscotch-app/components/realtime/Log.vue` (+2 -1) 📝 `packages/hoppscotch-app/components/realtime/LogEntry.vue` (+19 -19) 📝 `packages/hoppscotch-app/components/realtime/Mqtt.vue` (+217 -256) 📝 `packages/hoppscotch-app/components/realtime/Socketio.vue` (+331 -425) 📝 `packages/hoppscotch-app/components/realtime/Sse.vue` (+128 -159) 📝 `packages/hoppscotch-app/components/realtime/Websocket.vue` (+307 -376) 📝 `packages/hoppscotch-app/helpers/editor/codemirror.ts` (+8 -13) ➕ `packages/hoppscotch-app/helpers/realtime/MQTTConnection.ts` (+223 -0) ➕ `packages/hoppscotch-app/helpers/realtime/SIOClients.ts` (+84 -0) ➕ `packages/hoppscotch-app/helpers/realtime/SIOConnection.ts` (+163 -0) ➕ `packages/hoppscotch-app/helpers/realtime/SSEConnection.ts` (+86 -0) ➕ `packages/hoppscotch-app/helpers/realtime/WSConnection.ts` (+102 -0) 📝 `packages/hoppscotch-app/helpers/types/HoppRealtimeLog.ts` (+2 -1) 📝 `packages/hoppscotch-app/locales/en.json` (+15 -2) 📝 `packages/hoppscotch-app/newstore/MQTTSession.ts` (+8 -40) 📝 `packages/hoppscotch-app/newstore/SSESession.ts` (+5 -40) 📝 `packages/hoppscotch-app/newstore/SocketIOSession.ts` (+7 -38) _...and 4 more files_ </details> ### 📄 Description    ### Description WebSocket System Revamp: Migrate from Option API with JS to Script Setup on TS   ### 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 `WebSocket.vue` component migrated to script setup in TS from JS options API  --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>