usebruno/bruno

Make variable values more "accessible"

Open

#4 926 ouverte le 17 juin 2025

Voir sur GitHub
 (1 commentaire) (3 réactions) (0 assignés)JavaScript (43 787 stars) (2 403 forks)batch import
enhancementgood first issuehas-pr

Description

I have checked the following:

  • I've searched existing issues and found nothing related to my issue.

This feature

  • blocks me from using Bruno
  • would improve my quality of life in Bruno
  • is something I've never seen an API client do before

Describe the feature you want to add, and how it would change your usage of Bruno

The variable overview page (top right eye icon) displays the environment and run-time variables, which is great for an overview.

Lots of times the variable values could be used elsewhere, make it easier to obtain the values:

  • remove the double quote character around them - we will remove it anyway and if type (string, number, etc) makes a difference, maybe show it with an icon or different colors
  • add "copy to clipboard" button for each of them - even if you leave the double quotes for strings, this button would copy the literal value, no quotes

Mockups or Images of the feature

Image

Guide contributeur

Stack technique
javascriptreact
Domaine
frontend
Type d'issue
feature
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 hours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
fresh
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
Basic React knowledgeFamiliarity with clipboard API
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
85
Direction de recherche
Locate the variable overview component (likely in the codebase under a path like `packages/bruno app/src/components/VariableOverview`). The component currently displays variable values with double quotes around strings; modify the rendering to remove the quotes and differentiate types visually (e.g., icon or color). Add a 'copy to clipboard' button for each value using the `navigator.clipboard.writeText()` method. Check the existing icon library for a copy icon. Test the changes locally.