[PR #2381] [MERGED] MQTT Revamp #3771

New issue

Closed

opened 2026-03-17 01:21:30 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 01:21:30 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/2381
Author: @anwarulislam
Created: 5/30/2022
Status: ✅ Merged
Merged: 11/26/2022
Merged by: @liyasthomas

Base: main ← Head: refactor/mqtt-revamp

📝 Commits (10+)

4bca57a chore: updated tech stack list
534a41f chore: minor ui improvements
8ca8e2d refactor: mqtt revamp and ui improvement
33fc0a7 refactor: mqtt revamp
faf45c9 refactor: update for vue3 + vite
151f97b refactor: update for vue3 + vite
d05c95f fix: window issue
a097993 refactor: minor ui changes
0d540f4 feat: store tabs in session
52ec64b feat: store current tab logs

📊 Changes

23 files changed (+1277 additions, -206 deletions)

View changed files

📝 packages/hoppscotch-app/locales/en.json (+30 -2)
📝 packages/hoppscotch-app/src/components.d.ts (+5 -0)
📝 packages/hoppscotch-app/src/components/graphql/RequestOptions.vue (+1 -1)
📝 packages/hoppscotch-app/src/components/graphql/Response.vue (+14 -0)
📝 packages/hoppscotch-app/src/components/http/Request.vue (+4 -4)
📝 packages/hoppscotch-app/src/components/http/ResponseMeta.vue (+2 -2)
📝 packages/hoppscotch-app/src/components/realtime/Communication.vue (+39 -7)
➕ packages/hoppscotch-app/src/components/realtime/ConnectionConfig.vue (+135 -0)
📝 packages/hoppscotch-app/src/components/realtime/Log.vue (+47 -0)
📝 packages/hoppscotch-app/src/components/realtime/LogEntry.vue (+1 -0)
➕ packages/hoppscotch-app/src/components/realtime/Subscription.vue (+138 -0)
➕ packages/hoppscotch-app/src/components/smart/Window.vue (+49 -0)
➕ packages/hoppscotch-app/src/components/smart/Windows.vue (+274 -0)
📝 packages/hoppscotch-app/src/helpers/actions.ts (+1 -1)
📝 packages/hoppscotch-app/src/helpers/keybindings.ts (+6 -4)
📝 packages/hoppscotch-app/src/helpers/realtime/MQTTConnection.ts (+74 -11)
📝 packages/hoppscotch-app/src/helpers/shortcuts.ts (+1 -1)
📝 packages/hoppscotch-app/src/newstore/MQTTSession.ts (+147 -1)
📝 packages/hoppscotch-app/src/pages/realtime/mqtt.vue (+291 -160)
📝 packages/hoppscotch-app/src/pages/realtime/socketio.vue (+6 -3)

...and 3 more files

📄 Description

Closes hoppscotch/internal-issues#14

Description

Revamping the UI and subscription to topic improvement in 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/2381 **Author:** [@anwarulislam](https://github.com/anwarulislam) **Created:** 5/30/2022 **Status:** ✅ Merged **Merged:** 11/26/2022 **Merged by:** [@liyasthomas](https://github.com/liyasthomas) **Base:** `main` ← **Head:** `refactor/mqtt-revamp` --- ### 📝 Commits (10+) - [`4bca57a`](https://github.com/hoppscotch/hoppscotch/commit/4bca57a20dc599a9f7691ef5f0061a8a6dc17fc9) chore: updated tech stack list - [`534a41f`](https://github.com/hoppscotch/hoppscotch/commit/534a41f886d12aa7cb89c169b677d1604804227a) chore: minor ui improvements - [`8ca8e2d`](https://github.com/hoppscotch/hoppscotch/commit/8ca8e2da49135af15bc10c4a0ff032a9a4945d70) refactor: mqtt revamp and ui improvement - [`33fc0a7`](https://github.com/hoppscotch/hoppscotch/commit/33fc0a7ac10705b186923fef4c1b11f001ef745a) refactor: mqtt revamp - [`faf45c9`](https://github.com/hoppscotch/hoppscotch/commit/faf45c9a9eabb78167b7ce18b59c2f8de2dd0e19) refactor: update for vue3 + vite - [`151f97b`](https://github.com/hoppscotch/hoppscotch/commit/151f97b82ec0e8ab160877b157cdff88c02a8f95) refactor: update for vue3 + vite - [`d05c95f`](https://github.com/hoppscotch/hoppscotch/commit/d05c95f492167de83dc4b5ee0496e18e351a3552) fix: window issue - [`a097993`](https://github.com/hoppscotch/hoppscotch/commit/a09799336d66649c9f759aada6a90956de598333) refactor: minor ui changes - [`0d540f4`](https://github.com/hoppscotch/hoppscotch/commit/0d540f4f9206971288db1b94fed474dd338f5c0d) feat: store tabs in session - [`52ec64b`](https://github.com/hoppscotch/hoppscotch/commit/52ec64ba62b7b3e1fe11d13de6a1bcfc1cc38e97) feat: store current tab logs ### 📊 Changes **23 files changed** (+1277 additions, -206 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-app/locales/en.json` (+30 -2) 📝 `packages/hoppscotch-app/src/components.d.ts` (+5 -0) 📝 `packages/hoppscotch-app/src/components/graphql/RequestOptions.vue` (+1 -1) 📝 `packages/hoppscotch-app/src/components/graphql/Response.vue` (+14 -0) 📝 `packages/hoppscotch-app/src/components/http/Request.vue` (+4 -4) 📝 `packages/hoppscotch-app/src/components/http/ResponseMeta.vue` (+2 -2) 📝 `packages/hoppscotch-app/src/components/realtime/Communication.vue` (+39 -7) ➕ `packages/hoppscotch-app/src/components/realtime/ConnectionConfig.vue` (+135 -0) 📝 `packages/hoppscotch-app/src/components/realtime/Log.vue` (+47 -0) 📝 `packages/hoppscotch-app/src/components/realtime/LogEntry.vue` (+1 -0) ➕ `packages/hoppscotch-app/src/components/realtime/Subscription.vue` (+138 -0) ➕ `packages/hoppscotch-app/src/components/smart/Window.vue` (+49 -0) ➕ `packages/hoppscotch-app/src/components/smart/Windows.vue` (+274 -0) 📝 `packages/hoppscotch-app/src/helpers/actions.ts` (+1 -1) 📝 `packages/hoppscotch-app/src/helpers/keybindings.ts` (+6 -4) 📝 `packages/hoppscotch-app/src/helpers/realtime/MQTTConnection.ts` (+74 -11) 📝 `packages/hoppscotch-app/src/helpers/shortcuts.ts` (+1 -1) 📝 `packages/hoppscotch-app/src/newstore/MQTTSession.ts` (+147 -1) 📝 `packages/hoppscotch-app/src/pages/realtime/mqtt.vue` (+291 -160) 📝 `packages/hoppscotch-app/src/pages/realtime/socketio.vue` (+6 -3) _...and 3 more files_ </details> ### 📄 Description    Closes hoppscotch/internal-issues#14 ### Description Revamping the UI and subscription to topic improvement in MQTT   ### Checks  - [x] My pull request adheres to the code style of this project - [x] 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>