[PR #2347] [MERGED] feat: UI of shortcode actions #3750

New issue

Closed

opened 2026-03-17 01:20:09 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 01:20:09 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/2347
Author: @nivedin
Created: 5/19/2022
Status: ✅ Merged
Merged: 5/24/2022
Merged by: @liyasthomas

Base: main ← Head: feat/shortcode-UI

📝 Commits (10+)

bd19b52 feat: added deletion and listing shortcodes mthods in graphQl
ebf9fae feat: added shortcodes create and delete subscription listeners
9eaf8b4 feat: implemented shortcodes apdapter
a1ff537 feat: implemented shortcodes table UI
33c7384 feat: added view all shortcodes cta link
0d6a401 fix: minor UI updation
80db027 chore: update table column width
fb15cbc fix: used pipe instead of flow for pcopy icon type, change methodLabel to readonly const
5409a91 refactor: fix variable name and made if condition more readable
1c2f1a7 refactor: used readOnlystream for fetching shortcodes

📊 Changes

12 files changed (+631 additions, -118 deletions)

View changed files

📝 packages/hoppscotch-app/components/http/Request.vue (+37 -25)
➕ packages/hoppscotch-app/components/profile/Shortcode.vue (+135 -0)
➕ packages/hoppscotch-app/helpers/backend/gql/mutations/DeleteShortcode.graphql (+3 -0)
➕ packages/hoppscotch-app/helpers/backend/gql/queries/GetMyShortcodes.graphql (+7 -0)
➕ packages/hoppscotch-app/helpers/backend/gql/subscriptions/ShortcodeCreated.graphql (+7 -0)
➕ packages/hoppscotch-app/helpers/backend/gql/subscriptions/ShortcodeDeleted.graphql (+5 -0)
📝 packages/hoppscotch-app/helpers/backend/helpers.ts (+1 -1)
📝 packages/hoppscotch-app/helpers/backend/mutations/Shortcode.ts (+14 -0)
➕ packages/hoppscotch-app/helpers/shortcodes/Shortcode.ts (+8 -0)
➕ packages/hoppscotch-app/helpers/shortcodes/ShortcodeListAdapter.ts (+149 -0)
📝 packages/hoppscotch-app/locales/en.json (+15 -1)
📝 packages/hoppscotch-app/pages/profile.vue (+250 -91)

📄 Description

Description

This PR introduces a feature in which authenticated user can view their created shortcodes and can delete, copy shortcode link or open the request from their profile page.

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/2347 **Author:** [@nivedin](https://github.com/nivedin) **Created:** 5/19/2022 **Status:** ✅ Merged **Merged:** 5/24/2022 **Merged by:** [@liyasthomas](https://github.com/liyasthomas) **Base:** `main` ← **Head:** `feat/shortcode-UI` --- ### 📝 Commits (10+) - [`bd19b52`](https://github.com/hoppscotch/hoppscotch/commit/bd19b52685d96ef23bd8e3b12e5cc06b62cece83) feat: added deletion and listing shortcodes mthods in graphQl - [`ebf9fae`](https://github.com/hoppscotch/hoppscotch/commit/ebf9fae75647b0f4ca8bad9c2fce0e053f258c68) feat: added shortcodes create and delete subscription listeners - [`9eaf8b4`](https://github.com/hoppscotch/hoppscotch/commit/9eaf8b4eb8141beaebbd6772fefb475c1cbf71f2) feat: implemented shortcodes apdapter - [`a1ff537`](https://github.com/hoppscotch/hoppscotch/commit/a1ff5374c11299934af4319c39a9fafed045614b) feat: implemented shortcodes table UI - [`33c7384`](https://github.com/hoppscotch/hoppscotch/commit/33c73845532ed2159884ab1c9b14919f7ffb20c4) feat: added view all shortcodes cta link - [`0d6a401`](https://github.com/hoppscotch/hoppscotch/commit/0d6a401d43c6affeb8cdf27078cbdad290590a0d) fix: minor UI updation - [`80db027`](https://github.com/hoppscotch/hoppscotch/commit/80db0275e5477713c8833197bd685ca9dfd736dc) chore: update table column width - [`fb15cbc`](https://github.com/hoppscotch/hoppscotch/commit/fb15cbc6fddf9d01a7f8b359cf31b844df136a9b) fix: used pipe instead of flow for pcopy icon type, change methodLabel to readonly const - [`5409a91`](https://github.com/hoppscotch/hoppscotch/commit/5409a911a2a4c9fc56ccf0917348fd320b7d69b5) refactor: fix variable name and made if condition more readable - [`1c2f1a7`](https://github.com/hoppscotch/hoppscotch/commit/1c2f1a74980d33ccd948e0a947f4e1aa1ec6ae13) refactor: used readOnlystream for fetching shortcodes ### 📊 Changes **12 files changed** (+631 additions, -118 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-app/components/http/Request.vue` (+37 -25) ➕ `packages/hoppscotch-app/components/profile/Shortcode.vue` (+135 -0) ➕ `packages/hoppscotch-app/helpers/backend/gql/mutations/DeleteShortcode.graphql` (+3 -0) ➕ `packages/hoppscotch-app/helpers/backend/gql/queries/GetMyShortcodes.graphql` (+7 -0) ➕ `packages/hoppscotch-app/helpers/backend/gql/subscriptions/ShortcodeCreated.graphql` (+7 -0) ➕ `packages/hoppscotch-app/helpers/backend/gql/subscriptions/ShortcodeDeleted.graphql` (+5 -0) 📝 `packages/hoppscotch-app/helpers/backend/helpers.ts` (+1 -1) 📝 `packages/hoppscotch-app/helpers/backend/mutations/Shortcode.ts` (+14 -0) ➕ `packages/hoppscotch-app/helpers/shortcodes/Shortcode.ts` (+8 -0) ➕ `packages/hoppscotch-app/helpers/shortcodes/ShortcodeListAdapter.ts` (+149 -0) 📝 `packages/hoppscotch-app/locales/en.json` (+15 -1) 📝 `packages/hoppscotch-app/pages/profile.vue` (+250 -91) </details> ### 📄 Description ### Description This PR introduces a feature in which authenticated user can view their created shortcodes and can delete, copy shortcode link or open the request from their profile page. ### Checks - [x] 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 - [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>