[PR #3119] [MERGED] feat: environment quick peek #4238

New issue

Closed

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

kerem commented

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

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/3119
Author: @liyasthomas
Created: 6/7/2023
Status: ✅ Merged
Merged: 8/15/2023
Merged by: @AndrewBastin

Base: release/2023.8.0 ← Head: feat/env-quick-peek

📝 Commits (2)

1918bcb chore: init environment quick peek
1f82274 chore: proper spacing in header

📊 Changes

9 files changed (+328 additions, -381 deletions)

View changed files

📝 packages/hoppscotch-common/locales/en.json (+5 -0)
📝 packages/hoppscotch-common/src/components.d.ts (+1 -36)
📝 packages/hoppscotch-common/src/components/app/Header.vue (+2 -2)
📝 packages/hoppscotch-common/src/components/environments/Selector.vue (+311 -334)
📝 packages/hoppscotch-common/src/components/environments/index.vue (+3 -3)
📝 packages/hoppscotch-common/src/components/environments/my/index.vue (+1 -1)
📝 packages/hoppscotch-common/src/components/environments/teams/index.vue (+1 -1)
📝 packages/hoppscotch-common/src/helpers/actions.ts (+2 -2)
📝 packages/hoppscotch-ui/src/components/smart/Windows.vue (+2 -2)

📄 Description

`🤖 Generated by Copilot at 06304ce`

Summary

🌎👁️📐

This pull request adds a new feature to the hoppscotch web app that lets users view the environment variables in a popover by clicking a quick peek button. It also enhances the responsiveness and layout of the Windows.vue component and updates the en.json file with new localization keys and values.

Quick peek button shows
Environment variables
Autumn leaves of code

Walkthrough

Add quick peek feature for environment variables (link, link, link, link, link, link, link)

Add new localization keys and values for quick peek in en.json (link)
Add quick peek button next to environment selector in Selector.vue (link, link, link)
Add tippy component for quick peek popover with dummy data in Selector.vue (link, link)
Adjust window width for actions slot and range input in Windows.vue (link, link)

Fix and improve environment selector in Selector.vue (link, link)
- Fix typo in empty state condition for my environments tab (link)
- Reorder tabs and disable team environments tab when no team workspace is selected (link)

_{🔄 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/3119 **Author:** [@liyasthomas](https://github.com/liyasthomas) **Created:** 6/7/2023 **Status:** ✅ Merged **Merged:** 8/15/2023 **Merged by:** [@AndrewBastin](https://github.com/AndrewBastin) **Base:** `release/2023.8.0` ← **Head:** `feat/env-quick-peek` --- ### 📝 Commits (2) - [`1918bcb`](https://github.com/hoppscotch/hoppscotch/commit/1918bcbf3c698116343125afd290fc4dee0a22ed) chore: init environment quick peek - [`1f82274`](https://github.com/hoppscotch/hoppscotch/commit/1f822745b7057776a9bc3cd282b68f42498ea47a) chore: proper spacing in header ### 📊 Changes **9 files changed** (+328 additions, -381 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/locales/en.json` (+5 -0) 📝 `packages/hoppscotch-common/src/components.d.ts` (+1 -36) 📝 `packages/hoppscotch-common/src/components/app/Header.vue` (+2 -2) 📝 `packages/hoppscotch-common/src/components/environments/Selector.vue` (+311 -334) 📝 `packages/hoppscotch-common/src/components/environments/index.vue` (+3 -3) 📝 `packages/hoppscotch-common/src/components/environments/my/index.vue` (+1 -1) 📝 `packages/hoppscotch-common/src/components/environments/teams/index.vue` (+1 -1) 📝 `packages/hoppscotch-common/src/helpers/actions.ts` (+2 -2) 📝 `packages/hoppscotch-ui/src/components/smart/Windows.vue` (+2 -2) </details> ### 📄 Description  ### <samp>🤖 Generated by Copilot at 06304ce</samp> ### Summary 🌎👁️📐  This pull request adds a new feature to the `hoppscotch` web app that lets users view the environment variables in a popover by clicking a quick peek button. It also enhances the responsiveness and layout of the `Windows.vue` component and updates the `en.json` file with new localization keys and values. > _`Quick peek` button shows_ > _Environment variables_ > _Autumn leaves of code_ ### Walkthrough * Add quick peek feature for environment variables ([link](https://github.com/hoppscotch/hoppscotch/pull/3119/files?diff=unified&w=0#diff-31b7742ac6fc2a6ebf4cc2f4dce1ef9a78727cea803993fc23813728efe1920eL196-R211), [link](https://github.com/hoppscotch/hoppscotch/pull/3119/files?diff=unified&w=0#diff-584d8291b417c80e6df02186ce776cf6bf6bb10c3a9627c2512fbb0ac34fa664L2-R71), [link](https://github.com/hoppscotch/hoppscotch/pull/3119/files?diff=unified&w=0#diff-584d8291b417c80e6df02186ce776cf6bf6bb10c3a9627c2512fbb0ac34fa664R259), [link](https://github.com/hoppscotch/hoppscotch/pull/3119/files?diff=unified&w=0#diff-584d8291b417c80e6df02186ce776cf6bf6bb10c3a9627c2512fbb0ac34fa664L245-R351), [link](https://github.com/hoppscotch/hoppscotch/pull/3119/files?diff=unified&w=0#diff-584d8291b417c80e6df02186ce776cf6bf6bb10c3a9627c2512fbb0ac34fa664R365-R386), [link](https://github.com/hoppscotch/hoppscotch/pull/3119/files?diff=unified&w=0#diff-052acc17f6ece720f660d3841f7e49f0a3a1d6ad68dc973819e3d758e45141d5L103-R103), [link](https://github.com/hoppscotch/hoppscotch/pull/3119/files?diff=unified&w=0#diff-052acc17f6ece720f660d3841f7e49f0a3a1d6ad68dc973819e3d758e45141d5L118-R118)) - Add new localization keys and values for quick peek in `en.json` ([link](https://github.com/hoppscotch/hoppscotch/pull/3119/files?diff=unified&w=0#diff-31b7742ac6fc2a6ebf4cc2f4dce1ef9a78727cea803993fc23813728efe1920eL196-R211)) - Add quick peek button next to environment selector in `Selector.vue` ([link](https://github.com/hoppscotch/hoppscotch/pull/3119/files?diff=unified&w=0#diff-584d8291b417c80e6df02186ce776cf6bf6bb10c3a9627c2512fbb0ac34fa664L2-R71), [link](https://github.com/hoppscotch/hoppscotch/pull/3119/files?diff=unified&w=0#diff-584d8291b417c80e6df02186ce776cf6bf6bb10c3a9627c2512fbb0ac34fa664R259), [link](https://github.com/hoppscotch/hoppscotch/pull/3119/files?diff=unified&w=0#diff-584d8291b417c80e6df02186ce776cf6bf6bb10c3a9627c2512fbb0ac34fa664L245-R351)) - Add tippy component for quick peek popover with dummy data in `Selector.vue` ([link](https://github.com/hoppscotch/hoppscotch/pull/3119/files?diff=unified&w=0#diff-584d8291b417c80e6df02186ce776cf6bf6bb10c3a9627c2512fbb0ac34fa664L2-R71), [link](https://github.com/hoppscotch/hoppscotch/pull/3119/files?diff=unified&w=0#diff-584d8291b417c80e6df02186ce776cf6bf6bb10c3a9627c2512fbb0ac34fa664R365-R386)) - Adjust window width for actions slot and range input in `Windows.vue` ([link](https://github.com/hoppscotch/hoppscotch/pull/3119/files?diff=unified&w=0#diff-052acc17f6ece720f660d3841f7e49f0a3a1d6ad68dc973819e3d758e45141d5L103-R103), [link](https://github.com/hoppscotch/hoppscotch/pull/3119/files?diff=unified&w=0#diff-052acc17f6ece720f660d3841f7e49f0a3a1d6ad68dc973819e3d758e45141d5L118-R118)) * Fix and improve environment selector in `Selector.vue` ([link](https://github.com/hoppscotch/hoppscotch/pull/3119/files?diff=unified&w=0#diff-584d8291b417c80e6df02186ce776cf6bf6bb10c3a9627c2512fbb0ac34fa664L123-R78), [link](https://github.com/hoppscotch/hoppscotch/pull/3119/files?diff=unified&w=0#diff-584d8291b417c80e6df02186ce776cf6bf6bb10c3a9627c2512fbb0ac34fa664L136-R252)) - Fix typo in empty state condition for my environments tab ([link](https://github.com/hoppscotch/hoppscotch/pull/3119/files?diff=unified&w=0#diff-584d8291b417c80e6df02186ce776cf6bf6bb10c3a9627c2512fbb0ac34fa664L123-R78)) - Reorder tabs and disable team environments tab when no team workspace is selected ([link](https://github.com/hoppscotch/hoppscotch/pull/3119/files?diff=unified&w=0#diff-584d8291b417c80e6df02186ce776cf6bf6bb10c3a9627c2512fbb0ac34fa664L136-R252)) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>