[PR #5606] [CLOSED] fix: improve save request handling and optimize history mapping #5280

New issue

Closed

opened 2026-03-17 02:44:28 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 02:44:28 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/5606
Author: @vyquocvu
Created: 11/23/2025
Status: ❌ Closed

Base: main ← Head: main

📝 Commits (1)

00a7be7 fix: improve save request handling and optimize history mapping

📊 Changes

2 files changed (+10 additions, -2 deletions)

View changed files

📝 packages/hoppscotch-common/src/components/collections/SaveRequest.vue (+9 -1)
📝 packages/hoppscotch-common/src/components/http/Request.vue (+1 -1)

📄 Description

This pull request focuses on improving the user experience and code clarity in the request saving workflow, as well as optimizing how recent endpoints are displayed. The main changes include refactoring the save request logic to prevent UI freezing and adjusting the order of operations when displaying recent request endpoints.

Request Saving Workflow Improvements:

Refactored the save request logic in SaveRequest.vue by introducing a new handleSaveRequestAs function and updating saveRequestAs to use setTimeout, which helps avoid UI jank and freezing when saving requests. [1] [2]

Recent Endpoints Display Optimization:

Modified the computation of recent endpoints in Request.vue to first slice the history and then map to endpoints, ensuring the correct order and limiting to the 10 most recent requests.

Summary by cubic

Improved save request handling to avoid UI freezing. Optimized recent endpoints mapping so the list shows the latest 10 in the right order.

Bug Fixes
- Deferred save action with setTimeout(0) and moved logic to handleSaveRequestAs in SaveRequest.vue to prevent UI jank.
- In Request.vue, slice history before mapping endpoints to keep correct order and limit to 10.

^{Written for commit 00a7be78e7. Summary will update automatically on new commits.}

_{🔄 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/5606 **Author:** [@vyquocvu](https://github.com/vyquocvu) **Created:** 11/23/2025 **Status:** ❌ Closed **Base:** `main` ← **Head:** `main` --- ### 📝 Commits (1) - [`00a7be7`](https://github.com/hoppscotch/hoppscotch/commit/00a7be78e79b436026920786888f66d783f8503c) fix: improve save request handling and optimize history mapping ### 📊 Changes **2 files changed** (+10 additions, -2 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/src/components/collections/SaveRequest.vue` (+9 -1) 📝 `packages/hoppscotch-common/src/components/http/Request.vue` (+1 -1) </details> ### 📄 Description This pull request focuses on improving the user experience and code clarity in the request saving workflow, as well as optimizing how recent endpoints are displayed. The main changes include refactoring the save request logic to prevent UI freezing and adjusting the order of operations when displaying recent request endpoints. **Request Saving Workflow Improvements:** * Refactored the save request logic in `SaveRequest.vue` by introducing a new `handleSaveRequestAs` function and updating `saveRequestAs` to use `setTimeout`, which helps avoid UI jank and freezing when saving requests. [[1]](diffhunk://#diff-acc963c13cb775925158e0e84da309b65d76d26e48ab66e5033f389fe933064eL315-R315) [[2]](diffhunk://#diff-acc963c13cb775925158e0e84da309b65d76d26e48ab66e5033f389fe933064eR593-R600) **Recent Endpoints Display Optimization:** * Modified the computation of recent endpoints in `Request.vue` to first slice the history and then map to endpoints, ensuring the correct order and limiting to the 10 most recent requests.  --- ## Summary by cubic Improved save request handling to avoid UI freezing. Optimized recent endpoints mapping so the list shows the latest 10 in the right order. - **Bug Fixes** - Deferred save action with setTimeout(0) and moved logic to handleSaveRequestAs in SaveRequest.vue to prevent UI jank. - In Request.vue, slice history before mapping endpoints to keep correct order and limit to 10. <sup>Written for commit 00a7be78e79b436026920786888f66d783f8503c. Summary will update automatically on new commits.</sup>  --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>