starred/hoppscotch
1
0
Fork 0
mirror of https://github.com/hoppscotch/hoppscotch.git synced 2026-04-26 01:06:00 +03:00
Code Issues 711 Projects Releases 5 Packages Wiki Activity

[PR #5435] [MERGED] feat(common): add erase response functionality with keybindings #5204

New issue
Closed
opened 2026-03-17 02:40:23 +03:00 by kerem · 0 comments
kerem commented 2026-03-17 02:40:23 +03:00
Owner
Copy link

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/5435
Author: @12fahed
Created: 10/3/2025
Status: ✅ Merged
Merged: 11/26/2025
Merged by: @jamesgeorge007

Base: next ← Head: feat/clear-response

📝 Commits (10+)

  • 842a139 feat: clear response button for html & json renderer
  • 6cd3980 chore: disable clear response for examples
  • 3ad9021 refactor: relocate clear response (erase) action button to more menu for JSON Renderer
  • fd527b1 feat: add "clear response" option in "more option" inside tippy menu for RAW renderer
  • bee549f refactor: move "clear response" button to tippy more option for HTML renderer
  • cdfb4d6 feat: add "clear response" option in "more option" inside tippy menu for XML renderer
  • 43687f4 chore: add clear response for image lense
  • 07a2e00 chore: disable clear response for saved example
  • 2806233 chore: add clear response for Audio lense
  • 6bbad10 chore: add clear response for PDF lense

📊 Changes

11 files changed (+326 additions, -28 deletions)

View changed files

📝 packages/hoppscotch-common/locales/en.json (+1 -0)
📝 packages/hoppscotch-common/src/components/lenses/renderers/AudioLensRenderer.vue (+45 -3)
📝 packages/hoppscotch-common/src/components/lenses/renderers/HTMLLensRenderer.vue (+43 -6)
📝 packages/hoppscotch-common/src/components/lenses/renderers/ImageLensRenderer.vue (+43 -2)
📝 packages/hoppscotch-common/src/components/lenses/renderers/JSONLensRenderer.vue (+14 -1)
📝 packages/hoppscotch-common/src/components/lenses/renderers/PDFLensRenderer.vue (+44 -3)
📝 packages/hoppscotch-common/src/components/lenses/renderers/RawLensRenderer.vue (+37 -4)
📝 packages/hoppscotch-common/src/components/lenses/renderers/VideoLensRenderer.vue (+45 -3)
📝 packages/hoppscotch-common/src/components/lenses/renderers/XMLLensRenderer.vue (+45 -5)
📝 packages/hoppscotch-common/src/helpers/actions.ts (+1 -0)
📝 packages/hoppscotch-common/src/helpers/keybindings.ts (+8 -1)

📄 Description

Closes #5431

This PR adds the ability to clear/erase API responses in the HTML lens renderer with both button click and keyboard shortcut support. Users can now quickly clear response data when needed without having to make a new request.

What's changed

  • Added erase button to HTML lens renderer toolbar with eraser icon
  • Implemented eraseResponse() function that emits update:response with null to clear response
  • Added keyboard shortcut support for Ctrl+Delete (Cmd+Delete on Mac)
  • Extended keyboard shortcut system to support "delete" key
  • Updated Key type definition to include "delete" key
  • Enhanced getPressedKey() function to handle delete key detection
  • Added global keybinding mapping for "ctrl-delete" -> "response.erase" action
  • Added action handler registration for "response.erase" action
  • Updated emit signature to support null values for response clearing
  • Added tooltip with proper keyboard shortcut display using getSpecialKey()

Notes to reviewers

  • The implementation follows the existing v-model pattern used by other lens renderers
  • The erase button only appears when there's a response body to clear (v-if="response.body")
  • The keyboard shortcut system was extended to support the delete key, which wasn't previously available
  • All TypeScript checks pass and the feature integrates seamlessly with the existing codebase
  • The feature is consistent with other response actions (copy, download, save) in terms of UI placement and behavior
  • Uses existing translation key action.clear for consistency with the rest of the application

Before Changes

No option to clear the response Body

Image

After Changes

Recording2025-10-03180746-ezgif com-video-to-gif-converter

🔄 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/5435 **Author:** [@12fahed](https://github.com/12fahed) **Created:** 10/3/2025 **Status:** ✅ Merged **Merged:** 11/26/2025 **Merged by:** [@jamesgeorge007](https://github.com/jamesgeorge007) **Base:** `next` ← **Head:** `feat/clear-response` --- ### 📝 Commits (10+) - [`842a139`](https://github.com/hoppscotch/hoppscotch/commit/842a1392aa3aaa0c182344009b93953d3acc4b28) feat: clear response button for html & json renderer - [`6cd3980`](https://github.com/hoppscotch/hoppscotch/commit/6cd3980dc2c626f4a0ea806ed5c9233b515530a8) chore: disable clear response for examples - [`3ad9021`](https://github.com/hoppscotch/hoppscotch/commit/3ad9021d412ab98c4f5a681c4de791ee301ca064) refactor: relocate clear response (erase) action button to more menu for JSON Renderer - [`fd527b1`](https://github.com/hoppscotch/hoppscotch/commit/fd527b19e2196f25dd9bb9ec152755eab472b66e) feat: add "clear response" option in "more option" inside tippy menu for RAW renderer - [`bee549f`](https://github.com/hoppscotch/hoppscotch/commit/bee549fc352782ab444c6cdf279a4477f9be2b09) refactor: move "clear response" button to tippy more option for HTML renderer - [`cdfb4d6`](https://github.com/hoppscotch/hoppscotch/commit/cdfb4d68e4cd2f5be36a419b15653b969e8a6ac7) feat: add "clear response" option in "more option" inside tippy menu for XML renderer - [`43687f4`](https://github.com/hoppscotch/hoppscotch/commit/43687f4c9f0ba6c423d1c4ec7bf22ca8a9093443) chore: add clear response for image lense - [`07a2e00`](https://github.com/hoppscotch/hoppscotch/commit/07a2e0056143622720d25d6d44acec9cf78d75dd) chore: disable clear response for saved example - [`2806233`](https://github.com/hoppscotch/hoppscotch/commit/28062338941830ff92924f63cff194a7fcab9c13) chore: add clear response for Audio lense - [`6bbad10`](https://github.com/hoppscotch/hoppscotch/commit/6bbad103fe7116c9f83e0a011339ab741a58d4e7) chore: add clear response for PDF lense ### 📊 Changes **11 files changed** (+326 additions, -28 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/locales/en.json` (+1 -0) 📝 `packages/hoppscotch-common/src/components/lenses/renderers/AudioLensRenderer.vue` (+45 -3) 📝 `packages/hoppscotch-common/src/components/lenses/renderers/HTMLLensRenderer.vue` (+43 -6) 📝 `packages/hoppscotch-common/src/components/lenses/renderers/ImageLensRenderer.vue` (+43 -2) 📝 `packages/hoppscotch-common/src/components/lenses/renderers/JSONLensRenderer.vue` (+14 -1) 📝 `packages/hoppscotch-common/src/components/lenses/renderers/PDFLensRenderer.vue` (+44 -3) 📝 `packages/hoppscotch-common/src/components/lenses/renderers/RawLensRenderer.vue` (+37 -4) 📝 `packages/hoppscotch-common/src/components/lenses/renderers/VideoLensRenderer.vue` (+45 -3) 📝 `packages/hoppscotch-common/src/components/lenses/renderers/XMLLensRenderer.vue` (+45 -5) 📝 `packages/hoppscotch-common/src/helpers/actions.ts` (+1 -0) 📝 `packages/hoppscotch-common/src/helpers/keybindings.ts` (+8 -1) </details> ### 📄 Description <!-- Thanks for creating this pull request 🤗 Please make sure that the pull request is limited to one type (docs, feature, etc.) and keep it as small as possible. You can open multiple prs instead of opening a huge one. --> <!-- If this pull request closes an issue, please mention the issue number below --> Closes #5431 <!-- Add an introduction into what this PR tries to solve in a couple of sentences --> This PR adds the ability to clear/erase API responses in the HTML lens renderer with both button click and keyboard shortcut support. Users can now quickly clear response data when needed without having to make a new request. ### What's changed <!-- Describe point by point the different things you have changed in this PR --> - [x] Added erase button to HTML lens renderer toolbar with eraser icon - [x] Implemented `eraseResponse()` function that emits `update:response` with null to clear response - [x] Added keyboard shortcut support for Ctrl+Delete (Cmd+Delete on Mac) - [x] Extended keyboard shortcut system to support "delete" key - [x] Updated `Key` type definition to include "delete" key - [x] Enhanced `getPressedKey()` function to handle delete key detection - [x] Added global keybinding mapping for "ctrl-delete" -> "response.erase" action - [x] Added action handler registration for "response.erase" action - [x] Updated emit signature to support null values for response clearing - [x] Added tooltip with proper keyboard shortcut display using `getSpecialKey()` ### Notes to reviewers <!-- Any information you feel the reviewer should know about when reviewing your PR --> - The implementation follows the existing v-model pattern used by other lens renderers - The erase button only appears when there's a response body to clear (`v-if="response.body"`) - The keyboard shortcut system was extended to support the delete key, which wasn't previously available - All TypeScript checks pass and the feature integrates seamlessly with the existing codebase - The feature is consistent with other response actions (copy, download, save) in terms of UI placement and behavior - Uses existing translation key `action.clear` for consistency with the rest of the application ### Before Changes No option to clear the response Body <img width="1370" height="200" alt="Image" src="https://github.com/user-attachments/assets/dfe6db12-a1d3-4762-9db1-78e1c1b35e55" /> ### After Changes ![Recording2025-10-03180746-ezgif com-video-to-gif-converter](https://github.com/user-attachments/assets/b5d2af81-e3ab-4d67-b1be-7af73f804d13) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
kerem 2026-03-17 02:40:23 +03:00
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
chore/security-fix-2026-4-0
next
fix/mockserver-env-set-url-priority
feat/rest-gql-merge
refactor/workspaces
fix/onboarding-mass-assignment
desktop-settings-phase-0-schema-bridge-shell
patch
test-webhook
pr/johnan319/5745
tembo/optimize-performance-db-queries
add-claude-github-actions-1772782423108
fix/code-scanning-103
fix/mock-server-example-endpoint-match-v2
fix/rate-limit-on-health-route
hotfix/api-doc-collection-deletetion
cd-test
fix/mock-server-backend-followup
chore/code-scanning-52
chore/verion-addition-check
nested-migrations
scripting-system-updates-worker-setup
scripting-system-updates
pr/shipko/4367
ci-test
feat/user-delete-condition
feat/user-workspace-stats-api
chore/collection-export-addition
fix/import-file-size-limit-flow
feat/dashboard-common
feat/sort-environment-alphabetically
feat/infra-config-encryption
refactor/team
feat/collection-duplicationn
feat/secure-cookies-toggle
pr/pavog/4195
pr/pavog/4196
test/patch-demo
feat/native-interceptor-updates
pr/AndrewBastin/4111
feat/user-last-active-on
fix/codemirror-large-text-scroll-bug
fix/precision-lost-beautify
fix/env-diff-test-schema-error
fix/email-case-sensitive
release/2024.3.3
refactor/workspace-login-conversion
feat/node-apline-version-upgrade
feat/seed
release/2024.3.2
fix/sh-email-handlebar-issue
feat/app-experiment-animation
release/2024.3.1
release/2024.3.0
pr/jamesgeorge007/3937
experiment/deploychan
feat/github-enterprise-auth
refactor/collection-search-query
hotfix/infra-config-reset-bug
fix/secret-var-bug
hotfix/full-text-search
hotfix/request-variable-version-syncing
feat/request-variable
feat/server-config-additional-properties
pr/JoelJacobStephen/3845
release/2023.12.6
fix/safari-codemirror-perf-bug
release/2023.12.5
release/2023.12.4
fix/secret-env-bugs-tooltip
release/2023.12.3
fix/shared-request-bug
fix/disable-context-menu-option
release/2023.12.2
release/2023.12.1
fix/shared-request-bugs
release/2023.12.0
fix/gql-history-schema
fix/actions-not-working-without-sidebar
pr/jamesgeorge007/3665
chore/desktop-app-corrections
fix/auth-headers-in-coll
fix/embed-url
improve/placeholder
add-realtime-logos
feat/shared-request-embeds
feat/collection-headers
revamp/header
release/2023.8.4
refactor/interceptor-error-display
feat/subpath-based-access
release/2023.8.3
feat/shared-requests
feat/desktop
fix/nodemailer-templates-issue
feature/upgrade-graphql-ws
fix/graphql-crashing
fix/set-environments-when-no-env-selected
refactor/pre-prisma-bump-setup
release/2023.8.2
pr/danitherex/3216
perf/raw-db-query
release/2023.8.1
revert-3348-perf/reduce-backend-calls
fix/incorrect-tab-count-close-all-tab
fix/duplicate-tab-bug
release/2023.8.0
hotfix/fetch-shortcode
fix/tab-right-click-rename-bug
chore/docker-fixes
pr/JoelJacobStephen/3178
feat/fe-accessible-auth-provider-env
feat-cherry-pick/conditional-auth-select
feat/conditional-auth-select
release/2023.4.8
fix/generate-sitemap-issue
test/backend-test-case
refactor/team-invitation
pr/AndrewBastin/3171
release/2023.4.7
fix/duplicate-team-invite
fix/unified-bg-color-coll-tree
fix/shortcode-screen-stuck
release/2023.4.6
revert-3117-patch-3
fix/env-selector-bg
fix/db-url
release/2023.4.4
fix/sync-popup-bug
fix/team-env-set-test
chore/wss-to-ws-on-env
fix/prettify-xml-response
feat/db-volume-addition
feat/env-selector-tabs-ui
bug/broken-env
release/2023.4.2
fix/switch-workspace-env-bug
fix/magic-link
fix/cookie-handler
HPS-OSS-1
staging
revert/auth-issue
feat/export-env
refactor/commons
reference/path-variables
orphan-pr/2243
feat/realtime-search
fix/save-override
refactor/strategies
feat/embeds
bug/withDefaults
feat/show-keys
refactor/toast
2026.3.1
2026.3.0
2026.2.1
2026.2.0
2026.1.1
2026.1.0
2025.12.1
2025.12.0
2025.11.2
2025.11.1
2025.11.0
2025.10.1
2025.10.0
2025.9.2
2025.9.1
2025.9.0
2025.8.1
2025.8.0
2025.7.1
2025.7.0
2025.6.1
2025.6.0
2025.5.4
2025.5.3
2025.5.2
2025.5.1
2025.5.0
2025.4.2
2025.4.1
2025.4.0
2025.3.2
2025.3.1
2025.3.0
2025.2.3
2025.2.2
2025.2.1
2025.2.0
2025.1.1
2025.1.0
2024.12.2
2024.12.1
2024.12.0
2024.11.0
2024.10.2
2024.10.1
2024.10.0
2024.9.3
2024.9.2
2024.9.1
2024.9.0
2024.8.3
2024.8.2
2024.8.1
2024.8.0
2024.7.2
2024.7.1
2024.7.0
2024.6.1
2024.6.0
2024.3.4
2024.3.3
2024.3.2
2024.3.1
2024.3.0
2023.12.6
2023.12.5
2023.12.4
2023.12.3
2023.12.2
2023.12.1
2023.12.0
2023.8.4
2023.8.3
2023.8.2
2023.8.1
2023.8.0
2023.4.8
2023.4.7
2023.4.6
2023.4.5
2023.4.4
2023.4.3
2023.4.2
2023.4.1
2023.4.0
v3.0.1
v3.0.0
v2.2.1
v2.2.0
v2.1.0
v2.0.0
v1.12.0
v1.10.0
v1.9.9
v1.9.7
v1.9.5
v1.9.0
v1.8.0
v1.5.0
v1.0.0
v0.1.0
Labels
Clear labels   
CodeDay

   
a11y

   
browser limited

   
bug

   
bug fix

   
cli

   
core

   
critical

   
design

   
desktop

   
discussion

   
docker

   
documentation

   
duplicate

   
enterprise

   
feature

   
feature

   
fosshack

   
future

   
good first issue

   
hacktoberfest

   
help wanted

   
i18n

   
invalid

   
major

   
minor

   
need information

   
need testing

   
not applicable to hoppscotch

   
not reproducible

   
pull-request

Mirrored from GitHub Pull Request

  
question

   
refactor

   
resolved

   
sandbox

   
self-host

   
spam

   
stale

   
testmu

   
wip

   
wont fix
No labels
CodeDay
a11y
browser limited
bug
bug fix
cli
core
critical
design
desktop
discussion
docker
documentation
duplicate
enterprise
feature
feature
fosshack
future
good first issue
hacktoberfest
help wanted
i18n
invalid
major
minor
need information
need testing
not applicable to hoppscotch
not reproducible
pull-request
question
refactor
resolved
sandbox
self-host
spam
stale
testmu
wip
wont fix
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/hoppscotch#5204
No description provided.