[PR #5517] [MERGED] fix (common): address mock server issues and improve the UI #5242

New issue

Closed

opened 2026-03-17 02:42:34 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 02:42:34 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/5517
Author: @anwarulislam
Created: 10/28/2025
Status: ✅ Merged
Merged: 10/29/2025
Merged by: @jamesgeorge007

Base: next ← Head: fix/mock-server-url-display

📝 Commits (10+)

162b377 feat: update mock server URL display and copy functionality
7bce06e chore: cleanup UI
fae9857 chore: update mock server log UI
36c347d chore: cleanup
c69cb43 chore: cleanup
89e19a2 feat: add toggle for enabling experimental mock servers
65e3909 fix: simplify collection ID assignment in createMockServer function
95d7dc7 chore: cleanup
54afb5d chore: lintfix
7cc648a refactor: streamline mock server UI and improve status display

📊 Changes

35 files changed (+1133 additions, -318 deletions)

View changed files

📝 packages/hoppscotch-backend/src/mock-server/mock-server.model.ts (+3 -3)
📝 packages/hoppscotch-backend/src/mock-server/mock-server.resolver.ts (+2 -1)
📝 packages/hoppscotch-backend/src/mock-server/mock-server.service.spec.ts (+13 -4)
📝 packages/hoppscotch-backend/src/mock-server/mock-server.service.ts (+22 -2)
📝 packages/hoppscotch-common/locales/en.json (+4 -0)
📝 packages/hoppscotch-common/src/components.d.ts (+3 -0)
📝 packages/hoppscotch-common/src/components/collections/Collection.vue (+17 -2)
📝 packages/hoppscotch-common/src/components/collections/ImportExport.vue (+85 -7)
📝 packages/hoppscotch-common/src/components/collections/SaveRequest.vue (+1 -1)
📝 packages/hoppscotch-common/src/components/collections/graphql/ImportExport.vue (+85 -5)
📝 packages/hoppscotch-common/src/components/collections/index.vue (+2 -7)
📝 packages/hoppscotch-common/src/components/http/Request.vue (+1 -1)
📝 packages/hoppscotch-common/src/components/http/Sidebar.vue (+10 -0)
📝 packages/hoppscotch-common/src/components/mockServer/CreateMockServer.vue (+68 -78)
📝 packages/hoppscotch-common/src/components/mockServer/EditMockServer.vue (+111 -28)
➕ packages/hoppscotch-common/src/components/mockServer/LogSection.vue (+114 -0)
📝 packages/hoppscotch-common/src/components/mockServer/MockServerDashboard.vue (+23 -49)
📝 packages/hoppscotch-common/src/components/mockServer/MockServerLogs.vue (+128 -75)
➕ packages/hoppscotch-common/src/composables/mockServerWorkspace.ts (+51 -0)
➕ packages/hoppscotch-common/src/helpers/backend/gql/mutations/ImportUserCollectionsFromJSON.graphql (+11 -0)

...and 15 more files

📄 Description

Closes FE-1041 FE-1042

Issues addressed:

Mock server feature under Experiments is added.
Layout issues with mock server logs view are fixed by @nivedin
Config Mock Server modal flow is now consistent.
Mock server configuration preference is retained after reload.
UI improvements in Admin dashboard settings are implemented.
Allow secure cookies toggle removed as this handled by backend.

And more

_{🔄 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/5517 **Author:** [@anwarulislam](https://github.com/anwarulislam) **Created:** 10/28/2025 **Status:** ✅ Merged **Merged:** 10/29/2025 **Merged by:** [@jamesgeorge007](https://github.com/jamesgeorge007) **Base:** `next` ← **Head:** `fix/mock-server-url-display` --- ### 📝 Commits (10+) - [`162b377`](https://github.com/hoppscotch/hoppscotch/commit/162b377a84e59f3dac80ba534eb94cbd08fe75b6) feat: update mock server URL display and copy functionality - [`7bce06e`](https://github.com/hoppscotch/hoppscotch/commit/7bce06eb3236b6d3aa053228cd80b47b6fda0620) chore: cleanup UI - [`fae9857`](https://github.com/hoppscotch/hoppscotch/commit/fae9857d0244b87936f1d65f7530461426fd5b7a) chore: update mock server log UI - [`36c347d`](https://github.com/hoppscotch/hoppscotch/commit/36c347d547cc9083c563604e693b1d61eb3dacc8) chore: cleanup - [`c69cb43`](https://github.com/hoppscotch/hoppscotch/commit/c69cb434ead6e965cc0d398b03e9931814a418d6) chore: cleanup - [`89e19a2`](https://github.com/hoppscotch/hoppscotch/commit/89e19a22cc4e3cabc313bed443351c357adceffe) feat: add toggle for enabling experimental mock servers - [`65e3909`](https://github.com/hoppscotch/hoppscotch/commit/65e39098419cb8ba8653442b279c56d80d3f3462) fix: simplify collection ID assignment in createMockServer function - [`95d7dc7`](https://github.com/hoppscotch/hoppscotch/commit/95d7dc737cb897f3126ed1b2eb697447387c5510) chore: cleanup - [`54afb5d`](https://github.com/hoppscotch/hoppscotch/commit/54afb5de49185e95098c0423372a1548a86b35b1) chore: lintfix - [`7cc648a`](https://github.com/hoppscotch/hoppscotch/commit/7cc648aa6e60e3bce2f67bbb392efb3ac5df65b2) refactor: streamline mock server UI and improve status display ### 📊 Changes **35 files changed** (+1133 additions, -318 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-backend/src/mock-server/mock-server.model.ts` (+3 -3) 📝 `packages/hoppscotch-backend/src/mock-server/mock-server.resolver.ts` (+2 -1) 📝 `packages/hoppscotch-backend/src/mock-server/mock-server.service.spec.ts` (+13 -4) 📝 `packages/hoppscotch-backend/src/mock-server/mock-server.service.ts` (+22 -2) 📝 `packages/hoppscotch-common/locales/en.json` (+4 -0) 📝 `packages/hoppscotch-common/src/components.d.ts` (+3 -0) 📝 `packages/hoppscotch-common/src/components/collections/Collection.vue` (+17 -2) 📝 `packages/hoppscotch-common/src/components/collections/ImportExport.vue` (+85 -7) 📝 `packages/hoppscotch-common/src/components/collections/SaveRequest.vue` (+1 -1) 📝 `packages/hoppscotch-common/src/components/collections/graphql/ImportExport.vue` (+85 -5) 📝 `packages/hoppscotch-common/src/components/collections/index.vue` (+2 -7) 📝 `packages/hoppscotch-common/src/components/http/Request.vue` (+1 -1) 📝 `packages/hoppscotch-common/src/components/http/Sidebar.vue` (+10 -0) 📝 `packages/hoppscotch-common/src/components/mockServer/CreateMockServer.vue` (+68 -78) 📝 `packages/hoppscotch-common/src/components/mockServer/EditMockServer.vue` (+111 -28) ➕ `packages/hoppscotch-common/src/components/mockServer/LogSection.vue` (+114 -0) 📝 `packages/hoppscotch-common/src/components/mockServer/MockServerDashboard.vue` (+23 -49) 📝 `packages/hoppscotch-common/src/components/mockServer/MockServerLogs.vue` (+128 -75) ➕ `packages/hoppscotch-common/src/composables/mockServerWorkspace.ts` (+51 -0) ➕ `packages/hoppscotch-common/src/helpers/backend/gql/mutations/ImportUserCollectionsFromJSON.graphql` (+11 -0) _...and 15 more files_ </details> ### 📄 Description Closes FE-1041 FE-1042 Issues addressed: * Mock server feature under Experiments is added. * Layout issues with mock server logs view are fixed by @nivedin * Config Mock Server modal flow is now consistent. * Mock server configuration preference is retained after reload. * UI improvements in Admin dashboard settings are implemented. * Allow secure cookies toggle removed as this handled by backend. _And more_ --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>