[PR #3486] [MERGED] feat: shared request #4401

New issue

Closed

opened 2026-03-17 01:56:33 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 01:56:33 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/3486
Author: @nivedin
Created: 11/1/2023
Status: ✅ Merged
Merged: 12/4/2023
Merged by: @AndrewBastin

Base: release/2023.12.0 ← Head: feat/share-request

📝 Commits (10+)

636ee3f feat: share request UI
71ccd97 feat: customize shared request flow
1c2c028 chore: new flow for share request
95614cf refactor: minor code refactoring
87da8f8 chore: remove unnecessary code
0e4ef42 chore: minor code refactor
8d1fd4b chore: minor code refactor
8e0bfad refactor: use emit to open new request
5788ad5 refactor: remove copy link shortcut and spotlight
bfbf30f refactor: remove shortcode components

📊 Changes

35 files changed (+1525 additions, -517 deletions)

View changed files

📝 packages/hoppscotch-common/locales/en.json (+33 -11)
📝 packages/hoppscotch-common/src/components.d.ts (+10 -0)
📝 packages/hoppscotch-common/src/components/collections/MyCollections.vue (+12 -0)
📝 packages/hoppscotch-common/src/components/collections/Request.vue (+16 -0)
📝 packages/hoppscotch-common/src/components/collections/TeamCollections.vue (+12 -0)
📝 packages/hoppscotch-common/src/components/collections/index.vue (+14 -1)
📝 packages/hoppscotch-common/src/components/environments/Add.vue (+1 -1)
📝 packages/hoppscotch-common/src/components/http/Request.vue (+16 -69)
📝 packages/hoppscotch-common/src/components/http/Sidebar.vue (+8 -0)
➖ packages/hoppscotch-common/src/components/profile/Shortcode.vue (+0 -122)
➖ packages/hoppscotch-common/src/components/profile/Shortcodes.vue (+0 -168)
📝 packages/hoppscotch-common/src/components/profile/UserDelete.vue (+1 -6)
➕ packages/hoppscotch-common/src/components/share/CreateModal.vue (+140 -0)
➕ packages/hoppscotch-common/src/components/share/CustomizeModal.vue (+418 -0)
➕ packages/hoppscotch-common/src/components/share/Modal.vue (+123 -0)
➕ packages/hoppscotch-common/src/components/share/Request.vue (+155 -0)
➕ packages/hoppscotch-common/src/components/share/index.vue (+308 -0)
➕ packages/hoppscotch-common/src/components/share/templates/Button.vue (+19 -0)
➕ packages/hoppscotch-common/src/components/share/templates/Embeds.vue (+101 -0)
➕ packages/hoppscotch-common/src/components/share/templates/Link.vue (+29 -0)

...and 15 more files

📄 Description

Closes HFE-256

Description

This PR introduces a new way of sharing request. Previously the user created a shortcode that contains a link of the request now a new flow is introduced.

Users can now share requests from:

The dropdown menu on the save button
The more options menu for each request in the collection panel

Upon clicking the "Share Request" option, a modal window opens, offering different ways to share the request:

Embed (WIP - HFE-250)
Button
Link

After clicking the "Create" button, a shared request is generated, and the user can modify the selected option or change the widget style in the next section.

Subsequently, the user can copy the widget style in HTML, Markdown, or simply copy the link.

Users can now access all the shared requests in the newly introduced "Shared Request" section in the sidebar.

The user has the option to open the request in a new tab, delete, or customize the created shared request from this section.

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
Updates required to documentation are tracked in HP-184.

Additional Information

This PR removes the shortcode and it's related components.
The shared request is defined as shortcode in the BE so the related adapter and BE queries is named shortcode and the FE releated components as SharedRequest.

_{🔄 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/3486 **Author:** [@nivedin](https://github.com/nivedin) **Created:** 11/1/2023 **Status:** ✅ Merged **Merged:** 12/4/2023 **Merged by:** [@AndrewBastin](https://github.com/AndrewBastin) **Base:** `release/2023.12.0` ← **Head:** `feat/share-request` --- ### 📝 Commits (10+) - [`636ee3f`](https://github.com/hoppscotch/hoppscotch/commit/636ee3f52e394b791938d6067b49153e6635f4ca) feat: share request UI - [`71ccd97`](https://github.com/hoppscotch/hoppscotch/commit/71ccd9770552fa9797353df9d3eb62578c291b89) feat: customize shared request flow - [`1c2c028`](https://github.com/hoppscotch/hoppscotch/commit/1c2c0282d9400392d5cd46511cc05b23c409772c) chore: new flow for share request - [`95614cf`](https://github.com/hoppscotch/hoppscotch/commit/95614cf40037dd6be42c3f810e23647f524c1c41) refactor: minor code refactoring - [`87da8f8`](https://github.com/hoppscotch/hoppscotch/commit/87da8f8b38e2f0a3b00b5d02a7d0b3b314f74018) chore: remove unnecessary code - [`0e4ef42`](https://github.com/hoppscotch/hoppscotch/commit/0e4ef42dc4c226b40ab2b4720e26356346f1dd9a) chore: minor code refactor - [`8d1fd4b`](https://github.com/hoppscotch/hoppscotch/commit/8d1fd4b8ae3ad0e13149fefcc280a99324108095) chore: minor code refactor - [`8e0bfad`](https://github.com/hoppscotch/hoppscotch/commit/8e0bfad962395f6b20240443c3e1a86a939dd478) refactor: use emit to open new request - [`5788ad5`](https://github.com/hoppscotch/hoppscotch/commit/5788ad5a877458a48a80bb7df5877591c5334df3) refactor: remove copy link shortcut and spotlight - [`bfbf30f`](https://github.com/hoppscotch/hoppscotch/commit/bfbf30fbc14cc184dff861367d6bed941ee1a34a) refactor: remove shortcode components ### 📊 Changes **35 files changed** (+1525 additions, -517 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/locales/en.json` (+33 -11) 📝 `packages/hoppscotch-common/src/components.d.ts` (+10 -0) 📝 `packages/hoppscotch-common/src/components/collections/MyCollections.vue` (+12 -0) 📝 `packages/hoppscotch-common/src/components/collections/Request.vue` (+16 -0) 📝 `packages/hoppscotch-common/src/components/collections/TeamCollections.vue` (+12 -0) 📝 `packages/hoppscotch-common/src/components/collections/index.vue` (+14 -1) 📝 `packages/hoppscotch-common/src/components/environments/Add.vue` (+1 -1) 📝 `packages/hoppscotch-common/src/components/http/Request.vue` (+16 -69) 📝 `packages/hoppscotch-common/src/components/http/Sidebar.vue` (+8 -0) ➖ `packages/hoppscotch-common/src/components/profile/Shortcode.vue` (+0 -122) ➖ `packages/hoppscotch-common/src/components/profile/Shortcodes.vue` (+0 -168) 📝 `packages/hoppscotch-common/src/components/profile/UserDelete.vue` (+1 -6) ➕ `packages/hoppscotch-common/src/components/share/CreateModal.vue` (+140 -0) ➕ `packages/hoppscotch-common/src/components/share/CustomizeModal.vue` (+418 -0) ➕ `packages/hoppscotch-common/src/components/share/Modal.vue` (+123 -0) ➕ `packages/hoppscotch-common/src/components/share/Request.vue` (+155 -0) ➕ `packages/hoppscotch-common/src/components/share/index.vue` (+308 -0) ➕ `packages/hoppscotch-common/src/components/share/templates/Button.vue` (+19 -0) ➕ `packages/hoppscotch-common/src/components/share/templates/Embeds.vue` (+101 -0) ➕ `packages/hoppscotch-common/src/components/share/templates/Link.vue` (+29 -0) _...and 15 more files_ </details> ### 📄 Description Closes HFE-256 ### Description This PR introduces a new way of sharing request. Previously the user created a shortcode that contains a link of the request now a new flow is introduced. Users can now share requests from: - The dropdown menu on the save button - The more options menu for each request in the collection panel Upon clicking the "Share Request" option, a modal window opens, offering different ways to share the request: - Embed (WIP - HFE-250) - Button - Link <img width="437" alt="image" src="https://github.com/hoppscotch/hoppscotch/assets/53208152/9e9adff8-3b0b-491c-933a-62ba63284e1d"> After clicking the "Create" button, a shared request is generated, and the user can modify the selected option or change the widget style in the next section. <img width="480" alt="image" src="https://github.com/hoppscotch/hoppscotch/assets/53208152/f1067a54-4dda-4002-a7f5-1d4f050dfe0e"> Subsequently, the user can copy the widget style in HTML, Markdown, or simply copy the link. Users can now access all the shared requests in the newly introduced "Shared Request" section in the sidebar. <img width="437" alt="image" src="https://github.com/hoppscotch/hoppscotch/assets/53208152/44471f84-681b-4bac-aace-564eba2f714d"> The user has the option to open the request in a new tab, delete, or customize the created shared request from this section. ### 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 - [x] Updates required to documentation are tracked in [HP-184](https://linear.app/hopp/issue/HP-184/documentation). ### Additional Information - This PR removes the shortcode and it's related components. - The shared request is defined as shortcode in the BE so the related adapter and BE queries is named shortcode and the FE releated components as SharedRequest. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>