[PR #1535] [CLOSED] Feature: GraphQl Environments #3383

New issue

Closed

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

kerem commented

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

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/1535
Author: @raghav0307
Created: 3/12/2021
Status: ❌ Closed

Base: main ← Head: graphql-sidebar-env-raghav

📝 Commits (10+)

0acd4de Create REQUIREMENTS.md
5496bd0 Merge branch 'main' of github.com:hoppscotch/hoppscotch
26a1e0a Merge branch 'main' of https://github.com/hoppscotch/hoppscotch into main
ee1e297 feat: add pre-requests tab alongside header
b4e6bea feat: run pre-request script to modify url
0d78e84 feat: add environment tabs in the sidebar
4d93301 feat: imported environment variables to pre-request script
d1fc903 chore: remove unused imports
54eb7a3 chore: update branch with hoppscotch main branch
e22627d chore: bug fix - collection.folders undefined error

📊 Changes

21 files changed (+851 additions, -273 deletions)

View changed files

➕ REQUIREMENTS.md (+297 -0)
📝 components/collections/Collection.vue (+5 -1)
📝 components/environments/Add.vue (+14 -2)
📝 components/environments/Edit.vue (+34 -8)
📝 components/environments/Environment.vue (+16 -3)
📝 components/environments/ImportExport.vue (+27 -7)
📝 components/environments/index.vue (+24 -5)
📝 components/http/BodyParameters.vue (+27 -25)
📝 helpers/__tests__/network-ExtDisabled.spec.js (+3 -4)
📝 helpers/__tests__/network-ExtEnabled.spec.js (+3 -4)
📝 helpers/fb.js (+19 -3)
📝 helpers/strategies/__tests__/AxiosStrategy-NoProxy.spec.js (+3 -4)
📝 helpers/strategies/__tests__/AxiosStrategy-Proxy.spec.js (+3 -4)
📝 helpers/strategies/__tests__/ExtensionStrategy-NoProxy.spec.js (+3 -5)
📝 helpers/strategies/__tests__/ExtensionStrategy-Proxy.spec.js (+3 -4)
📝 newstore/__tests__/DispatchingStore.spec.js (+37 -32)
📝 pages/graphql.vue (+200 -111)
📝 pages/index.vue (+1 -1)
📝 pages/settings.vue (+8 -1)
📝 store/mutations.js (+1 -1)

...and 1 more files

📄 Description

This pull request aims to bring the environment functionality to GraphQl.

Environment tabs allow the user to create new environments with different variable value pairs.
Created a pre-request tab alongside the header tab to define environment variables for the current query.
When the user selects an environment it updates the pre-request script with that environment's variable value pairs.

_{🔄 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/1535 **Author:** [@raghav0307](https://github.com/raghav0307) **Created:** 3/12/2021 **Status:** ❌ Closed **Base:** `main` ← **Head:** `graphql-sidebar-env-raghav` --- ### 📝 Commits (10+) - [`0acd4de`](https://github.com/hoppscotch/hoppscotch/commit/0acd4de1276a48ea3f79c6c5b5c8686c58f446b3) Create REQUIREMENTS.md - [`5496bd0`](https://github.com/hoppscotch/hoppscotch/commit/5496bd0f9d78f75e06666ca677b09c94cacc71b3) Merge branch 'main' of github.com:hoppscotch/hoppscotch - [`26a1e0a`](https://github.com/hoppscotch/hoppscotch/commit/26a1e0a962c511fed6897f0a146dbd6cab42cea4) Merge branch 'main' of https://github.com/hoppscotch/hoppscotch into main - [`ee1e297`](https://github.com/hoppscotch/hoppscotch/commit/ee1e2976cf7a3393d115c434e6042d9bc47e6fcb) feat: add pre-requests tab alongside header - [`b4e6bea`](https://github.com/hoppscotch/hoppscotch/commit/b4e6bea2cb6f420e1f4144f4a2749055b0490be3) feat: run pre-request script to modify url - [`0d78e84`](https://github.com/hoppscotch/hoppscotch/commit/0d78e84e8152e829fe0669aa368e75e4f6eb3cdc) feat: add environment tabs in the sidebar - [`4d93301`](https://github.com/hoppscotch/hoppscotch/commit/4d933014dafe044bd56dcae636ccfbd4f418ca41) feat: imported environment variables to pre-request script - [`d1fc903`](https://github.com/hoppscotch/hoppscotch/commit/d1fc903635e0461e1e736856a9d01a7378db9a71) chore: remove unused imports - [`54eb7a3`](https://github.com/hoppscotch/hoppscotch/commit/54eb7a3f15ab3f2db7e75800b60471b30dda02dc) chore: update branch with hoppscotch main branch - [`e22627d`](https://github.com/hoppscotch/hoppscotch/commit/e22627de06cc0eb3a49c64b5d9b56fb60418cdd5) chore: bug fix - collection.folders undefined error ### 📊 Changes **21 files changed** (+851 additions, -273 deletions) <details> <summary>View changed files</summary> ➕ `REQUIREMENTS.md` (+297 -0) 📝 `components/collections/Collection.vue` (+5 -1) 📝 `components/environments/Add.vue` (+14 -2) 📝 `components/environments/Edit.vue` (+34 -8) 📝 `components/environments/Environment.vue` (+16 -3) 📝 `components/environments/ImportExport.vue` (+27 -7) 📝 `components/environments/index.vue` (+24 -5) 📝 `components/http/BodyParameters.vue` (+27 -25) 📝 `helpers/__tests__/network-ExtDisabled.spec.js` (+3 -4) 📝 `helpers/__tests__/network-ExtEnabled.spec.js` (+3 -4) 📝 `helpers/fb.js` (+19 -3) 📝 `helpers/strategies/__tests__/AxiosStrategy-NoProxy.spec.js` (+3 -4) 📝 `helpers/strategies/__tests__/AxiosStrategy-Proxy.spec.js` (+3 -4) 📝 `helpers/strategies/__tests__/ExtensionStrategy-NoProxy.spec.js` (+3 -5) 📝 `helpers/strategies/__tests__/ExtensionStrategy-Proxy.spec.js` (+3 -4) 📝 `newstore/__tests__/DispatchingStore.spec.js` (+37 -32) 📝 `pages/graphql.vue` (+200 -111) 📝 `pages/index.vue` (+1 -1) 📝 `pages/settings.vue` (+8 -1) 📝 `store/mutations.js` (+1 -1) _...and 1 more files_ </details> ### 📄 Description This pull request aims to bring the environment functionality to GraphQl. - Environment tabs allow the user to create new environments with different variable value pairs. - Created a pre-request tab alongside the header tab to define environment variables for the current query. - When the user selects an environment it updates the pre-request script with that environment's variable value pairs. ![GraphQL](https://user-images.githubusercontent.com/11522201/110936983-bb23a180-8357-11eb-8d83-ec175ca38031.gif) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>