[PR #3180] [MERGED] feat: context menu #4273

New issue

Closed

opened 2026-03-17 01:49:28 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 01:49:28 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/3180
Author: @nivedin
Created: 7/11/2023
Status: ✅ Merged
Merged: 8/2/2023
Merged by: @AndrewBastin

Base: release/2023.8.0 ← Head: feat/context-menu

📝 Commits (10+)

ab73d3e feat: contextmenu service arch
5b220ae feat: context menu and add env UI
edb6bc3 feat: add environment modal functions
327d7a4 chore: clean up the code and add proper naming
b8d2a83 chore: add test for context menu service
a513424 chore: remove replace with variable option
dcb2fff chore: update contextmenu for customcomponent text
076b714 chore: add i18n for texts
be412b2 fix: shortcuts no result text in placeholder
1853333 chore: use env selector component to choose scope

📊 Changes

22 files changed (+1446 additions, -76 deletions)

View changed files

📝 packages/hoppscotch-common/locales/en.json (+12 -0)
📝 packages/hoppscotch-common/package.json (+1 -1)
📝 packages/hoppscotch-common/src/components.d.ts (+2 -4)
➕ packages/hoppscotch-common/src/components/app/ContextMenu.vue (+76 -0)
📝 packages/hoppscotch-common/src/components/app/Shortcuts.vue (+4 -1)
➕ packages/hoppscotch-common/src/components/environments/Add.vue (+208 -0)
📝 packages/hoppscotch-common/src/components/environments/Selector.vue (+224 -60)
📝 packages/hoppscotch-common/src/components/environments/index.vue (+21 -0)
📝 packages/hoppscotch-common/src/components/smart/EnvInput.vue (+46 -2)
📝 packages/hoppscotch-common/src/composables/codemirror.ts (+37 -0)
📝 packages/hoppscotch-common/src/helpers/actions.ts (+15 -0)
📝 packages/hoppscotch-common/src/pages/index.vue (+41 -0)
➕ packages/hoppscotch-common/src/services/context-menu/__tests__/index.spec.ts (+114 -0)
➕ packages/hoppscotch-common/src/services/context-menu/index.ts (+109 -0)
➕ packages/hoppscotch-common/src/services/context-menu/menu/__tests__/environment.menu.spec.ts (+70 -0)
➕ packages/hoppscotch-common/src/services/context-menu/menu/__tests__/parameter.menu.spec.ts (+94 -0)
➕ packages/hoppscotch-common/src/services/context-menu/menu/__tests__/url.menu.spec.ts (+86 -0)
➕ packages/hoppscotch-common/src/services/context-menu/menu/environment.menu.ts (+56 -0)
➕ packages/hoppscotch-common/src/services/context-menu/menu/parameter.menu.ts (+133 -0)
➕ packages/hoppscotch-common/src/services/context-menu/menu/url.menu.ts (+89 -0)

...and 2 more files

📄 Description

Closes HP-16

Description

This PR adds the context menu feature where a user can select any text which popups up a menu where the user will be provided with options respectively where the text is selected.

selection done in codemirror input field and response section

environments setting
parameters altering in the URL input
URL links opening in new hoppscotch tab

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

_{🔄 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/3180 **Author:** [@nivedin](https://github.com/nivedin) **Created:** 7/11/2023 **Status:** ✅ Merged **Merged:** 8/2/2023 **Merged by:** [@AndrewBastin](https://github.com/AndrewBastin) **Base:** `release/2023.8.0` ← **Head:** `feat/context-menu` --- ### 📝 Commits (10+) - [`ab73d3e`](https://github.com/hoppscotch/hoppscotch/commit/ab73d3e9c1e986fe80ac31b8d9f0ad6fa0e07681) feat: contextmenu service arch - [`5b220ae`](https://github.com/hoppscotch/hoppscotch/commit/5b220ae35ac4adb927c4b00ddfcf09643770bdbe) feat: context menu and add env UI - [`edb6bc3`](https://github.com/hoppscotch/hoppscotch/commit/edb6bc359bc8e685949c828065ff4bba5f09ee06) feat: add environment modal functions - [`327d7a4`](https://github.com/hoppscotch/hoppscotch/commit/327d7a4dd78ba0985555cc37c9a007f6165927e1) chore: clean up the code and add proper naming - [`b8d2a83`](https://github.com/hoppscotch/hoppscotch/commit/b8d2a83c510fe14c0d0406f588a54690e7e5037b) chore: add test for context menu service - [`a513424`](https://github.com/hoppscotch/hoppscotch/commit/a5134246f5e3b051895e206dac79791e25a83bc2) chore: remove replace with variable option - [`dcb2fff`](https://github.com/hoppscotch/hoppscotch/commit/dcb2fff6edfae4b4fb037065fe1430c9382f3c7a) chore: update contextmenu for customcomponent text - [`076b714`](https://github.com/hoppscotch/hoppscotch/commit/076b71485d14177898a006d981c060edb6d82f0a) chore: add i18n for texts - [`be412b2`](https://github.com/hoppscotch/hoppscotch/commit/be412b28e67e4598ec395a2cfd4255632f521081) fix: shortcuts no result text in placeholder - [`1853333`](https://github.com/hoppscotch/hoppscotch/commit/18533332e1f44ec2a092ba376d2f81d3b9caab1d) chore: use env selector component to choose scope ### 📊 Changes **22 files changed** (+1446 additions, -76 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/locales/en.json` (+12 -0) 📝 `packages/hoppscotch-common/package.json` (+1 -1) 📝 `packages/hoppscotch-common/src/components.d.ts` (+2 -4) ➕ `packages/hoppscotch-common/src/components/app/ContextMenu.vue` (+76 -0) 📝 `packages/hoppscotch-common/src/components/app/Shortcuts.vue` (+4 -1) ➕ `packages/hoppscotch-common/src/components/environments/Add.vue` (+208 -0) 📝 `packages/hoppscotch-common/src/components/environments/Selector.vue` (+224 -60) 📝 `packages/hoppscotch-common/src/components/environments/index.vue` (+21 -0) 📝 `packages/hoppscotch-common/src/components/smart/EnvInput.vue` (+46 -2) 📝 `packages/hoppscotch-common/src/composables/codemirror.ts` (+37 -0) 📝 `packages/hoppscotch-common/src/helpers/actions.ts` (+15 -0) 📝 `packages/hoppscotch-common/src/pages/index.vue` (+41 -0) ➕ `packages/hoppscotch-common/src/services/context-menu/__tests__/index.spec.ts` (+114 -0) ➕ `packages/hoppscotch-common/src/services/context-menu/index.ts` (+109 -0) ➕ `packages/hoppscotch-common/src/services/context-menu/menu/__tests__/environment.menu.spec.ts` (+70 -0) ➕ `packages/hoppscotch-common/src/services/context-menu/menu/__tests__/parameter.menu.spec.ts` (+94 -0) ➕ `packages/hoppscotch-common/src/services/context-menu/menu/__tests__/url.menu.spec.ts` (+86 -0) ➕ `packages/hoppscotch-common/src/services/context-menu/menu/environment.menu.ts` (+56 -0) ➕ `packages/hoppscotch-common/src/services/context-menu/menu/parameter.menu.ts` (+133 -0) ➕ `packages/hoppscotch-common/src/services/context-menu/menu/url.menu.ts` (+89 -0) _...and 2 more files_ </details> ### 📄 Description Closes HP-16 ### Description This PR adds the context menu feature where a user can select any text which popups up a menu where the user will be provided with options respectively where the text is selected. selection done in codemirror input field and response section - environments setting - parameters altering in the URL input - URL links opening in new hoppscotch tab ### 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 --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>