From 0b83fbb7ce3596dcd9a519179e5b5a59be81f75e Mon Sep 17 00:00:00 2001
From: Brahma Dev <me@brahma.world>
Date: Fri, 29 Sep 2023 21:38:08 +0000
Subject: [PATCH] Add a randomly generated classname to each variable so that
 CodeMirror does not merge adjacent variables into the same SPAN.

---
 packages/bruno-app/src/utils/common/codemirror.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/bruno-app/src/utils/common/codemirror.js b/packages/bruno-app/src/utils/common/codemirror.js
index 59daee837..1226e75dc 100644
--- a/packages/bruno-app/src/utils/common/codemirror.js
+++ b/packages/bruno-app/src/utils/common/codemirror.js
@@ -25,10 +25,11 @@ export const defineCodeMirrorBrunoVariablesMode = (variables, mode) => {
               stream.eat('}');
               let found = pathFoundInVariables(word, variables);
               if (found) {
-                return 'variable-valid';
+                return 'variable-valid ' + (Math.random() + 1).toString(36).substring(9);
               } else {
-                return 'variable-invalid';
+                return 'variable-invalid ' + (Math.random() + 1).toString(36).substring(9);
               }
+              // Random classname added so adjacent variables are not rendered in the same SPAN by CodeMirror.
             }
             word += ch;
           }