[PR #3367] [MERGED] feat: tab service added #4360

New issue

Closed

opened 2026-03-17 01:54:06 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 01:54:06 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/3367
Author: @anwarulislam
Created: 9/18/2023
Status: ✅ Merged
Merged: 10/11/2023
Merged by: @AndrewBastin

Base: release/2023.8.2 ← Head: feat/tab-service

📝 Commits (10+)

144ac18 feat: tab service added
015aba2 feat: tab abstract class
9df2307 feat: rest tab service added
e35fa0b feat: response from document
8b92c5b feat: use tab service to components
22bfd96 feat: use tab service to graphql
bff4f47 feat: use tab service to gql components
de02df1 feat: add test cases for tab service
998686f feat: unmounting tabs component
f160b06 feat: tab state persistence

📊 Changes

60 files changed (+1112 additions, -841 deletions)

View changed files

📝 packages/hoppscotch-common/src/components/collections/AddRequest.vue (+4 -2)
📝 packages/hoppscotch-common/src/components/collections/MyCollections.vue (+4 -2)
📝 packages/hoppscotch-common/src/components/collections/SaveRequest.vue (+22 -16)
📝 packages/hoppscotch-common/src/components/collections/TeamCollections.vue (+4 -2)
📝 packages/hoppscotch-common/src/components/collections/graphql/AddRequest.vue (+5 -2)
📝 packages/hoppscotch-common/src/components/collections/graphql/Collection.vue (+5 -2)
📝 packages/hoppscotch-common/src/components/collections/graphql/Folder.vue (+5 -2)
📝 packages/hoppscotch-common/src/components/collections/graphql/Request.vue (+9 -11)
📝 packages/hoppscotch-common/src/components/collections/graphql/index.vue (+6 -3)
📝 packages/hoppscotch-common/src/components/collections/index.vue (+17 -21)
📝 packages/hoppscotch-common/src/components/environments/Add.vue (+6 -3)
📝 packages/hoppscotch-common/src/components/graphql/Request.vue (+6 -5)
📝 packages/hoppscotch-common/src/components/graphql/RequestOptions.vue (+24 -12)
📝 packages/hoppscotch-common/src/components/graphql/RequestTab.vue (+7 -5)
📝 packages/hoppscotch-common/src/components/graphql/TabHead.vue (+3 -2)
📝 packages/hoppscotch-common/src/components/history/graphql/Card.vue (+4 -2)
📝 packages/hoppscotch-common/src/components/history/index.vue (+4 -2)
📝 packages/hoppscotch-common/src/components/http/Body.vue (+6 -4)
📝 packages/hoppscotch-common/src/components/http/CodegenModal.vue (+5 -3)
📝 packages/hoppscotch-common/src/components/http/Headers.vue (+6 -3)

...and 40 more files

📄 Description

Closes HFE-207 HFE-208

Description

Refactored Tab system with new service architecture. Replaced previous tab.ts with tab service
The selected tab in a REST/GQL page RequestOptions component can be stored in the tab info so that they can be updated.

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/3367 **Author:** [@anwarulislam](https://github.com/anwarulislam) **Created:** 9/18/2023 **Status:** ✅ Merged **Merged:** 10/11/2023 **Merged by:** [@AndrewBastin](https://github.com/AndrewBastin) **Base:** `release/2023.8.2` ← **Head:** `feat/tab-service` --- ### 📝 Commits (10+) - [`144ac18`](https://github.com/hoppscotch/hoppscotch/commit/144ac186842933ade5b532c0ab9d0c4d6da1072f) feat: tab service added - [`015aba2`](https://github.com/hoppscotch/hoppscotch/commit/015aba22d48d6d14e37184e7e36eedf5f71862e5) feat: tab abstract class - [`9df2307`](https://github.com/hoppscotch/hoppscotch/commit/9df2307fed407c310a2f863aa389577ebfde2b7a) feat: rest tab service added - [`e35fa0b`](https://github.com/hoppscotch/hoppscotch/commit/e35fa0b2cf11dd75e8df802041e7f59469c0651d) feat: response from document - [`8b92c5b`](https://github.com/hoppscotch/hoppscotch/commit/8b92c5b12a825b1e12f5a5d62f0b6d1544762e55) feat: use tab service to components - [`22bfd96`](https://github.com/hoppscotch/hoppscotch/commit/22bfd9606c2a6655259ef5ea9fa45212f012bcb2) feat: use tab service to graphql - [`bff4f47`](https://github.com/hoppscotch/hoppscotch/commit/bff4f47321374ac0a57666b40163ee6b8a3d41ed) feat: use tab service to gql components - [`de02df1`](https://github.com/hoppscotch/hoppscotch/commit/de02df1856dedd79a7382c7c30e384652faceea6) feat: add test cases for tab service - [`998686f`](https://github.com/hoppscotch/hoppscotch/commit/998686f433fe3e96d32e4073159a1083d5fcf89d) feat: unmounting tabs component - [`f160b06`](https://github.com/hoppscotch/hoppscotch/commit/f160b06a95224aa5c22d3136a1b691aac79bd410) feat: tab state persistence ### 📊 Changes **60 files changed** (+1112 additions, -841 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/src/components/collections/AddRequest.vue` (+4 -2) 📝 `packages/hoppscotch-common/src/components/collections/MyCollections.vue` (+4 -2) 📝 `packages/hoppscotch-common/src/components/collections/SaveRequest.vue` (+22 -16) 📝 `packages/hoppscotch-common/src/components/collections/TeamCollections.vue` (+4 -2) 📝 `packages/hoppscotch-common/src/components/collections/graphql/AddRequest.vue` (+5 -2) 📝 `packages/hoppscotch-common/src/components/collections/graphql/Collection.vue` (+5 -2) 📝 `packages/hoppscotch-common/src/components/collections/graphql/Folder.vue` (+5 -2) 📝 `packages/hoppscotch-common/src/components/collections/graphql/Request.vue` (+9 -11) 📝 `packages/hoppscotch-common/src/components/collections/graphql/index.vue` (+6 -3) 📝 `packages/hoppscotch-common/src/components/collections/index.vue` (+17 -21) 📝 `packages/hoppscotch-common/src/components/environments/Add.vue` (+6 -3) 📝 `packages/hoppscotch-common/src/components/graphql/Request.vue` (+6 -5) 📝 `packages/hoppscotch-common/src/components/graphql/RequestOptions.vue` (+24 -12) 📝 `packages/hoppscotch-common/src/components/graphql/RequestTab.vue` (+7 -5) 📝 `packages/hoppscotch-common/src/components/graphql/TabHead.vue` (+3 -2) 📝 `packages/hoppscotch-common/src/components/history/graphql/Card.vue` (+4 -2) 📝 `packages/hoppscotch-common/src/components/history/index.vue` (+4 -2) 📝 `packages/hoppscotch-common/src/components/http/Body.vue` (+6 -4) 📝 `packages/hoppscotch-common/src/components/http/CodegenModal.vue` (+5 -3) 📝 `packages/hoppscotch-common/src/components/http/Headers.vue` (+6 -3) _...and 40 more files_ </details> ### 📄 Description Closes HFE-207 HFE-208 ### Description - Refactored Tab system with new service architecture. Replaced previous `tab.ts` with tab service - The selected tab in a REST/GQL page RequestOptions component can be stored in the tab info so that they can be updated.  ### 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>