From 6188a65b131dd96f6c7a66559d3dd4b548e0d0fb Mon Sep 17 00:00:00 2001
From: Siddharth Gelera <ahoy@barelyhuman.dev>
Date: Thu, 25 Sep 2025 14:14:40 +0530
Subject: [PATCH] chore: reset formatting

---
 .../EnvironmentListContent/index.js           |  4 +-
 .../EnvironmentSelector/StyledWrapper.js      | 48 +++++++++----------
 .../Environments/EnvironmentSelector/index.js | 26 +++++-----
 .../bruno-app/src/components/Modal/index.js   |  2 +-
 .../src/components/MultiLineEditor/index.js   |  6 +--
 .../src/utils/common/masked-editor.js         | 22 +++++----
 .../bruno-electron/electron-builder-config.js |  4 +-
 7 files changed, 58 insertions(+), 54 deletions(-)

diff --git a/packages/bruno-app/src/components/Environments/EnvironmentSelector/EnvironmentListContent/index.js b/packages/bruno-app/src/components/Environments/EnvironmentSelector/EnvironmentListContent/index.js
index ec4637f3b..2bf486e35 100644
--- a/packages/bruno-app/src/components/Environments/EnvironmentSelector/EnvironmentListContent/index.js
+++ b/packages/bruno-app/src/components/Environments/EnvironmentSelector/EnvironmentListContent/index.js
@@ -8,7 +8,7 @@ const EnvironmentListContent = ({
   onEnvironmentSelect,
   onSettingsClick,
   onCreateClick,
-  onImportClick,
+  onImportClick
 }) => {
   return (
     <div>
@@ -19,7 +19,7 @@ const EnvironmentListContent = ({
               <span>No Environment</span>
             </div>
             <div>
-              {environments.map(env => (
+              {environments.map((env) => (
                 <div
                   key={env.uid}
                   className={`dropdown-item ${env.uid === activeEnvironmentUid ? 'active' : ''}`}
diff --git a/packages/bruno-app/src/components/Environments/EnvironmentSelector/StyledWrapper.js b/packages/bruno-app/src/components/Environments/EnvironmentSelector/StyledWrapper.js
index 55668adae..75743c605 100644
--- a/packages/bruno-app/src/components/Environments/EnvironmentSelector/StyledWrapper.js
+++ b/packages/bruno-app/src/components/Environments/EnvironmentSelector/StyledWrapper.js
@@ -6,7 +6,7 @@ const Wrapper = styled.div`
     padding: 0.25rem 0.5rem 0.25rem 0.75rem;
     user-select: none;
     background-color: transparent;
-    border: 1px solid ${props => props.theme.dropdown.selectedColor};
+    border: 1px solid ${(props) => props.theme.dropdown.selectedColor};
     line-height: 1rem;
 
     .caret {
@@ -17,11 +17,11 @@ const Wrapper = styled.div`
 
     .env-icon {
       margin-right: 0.25rem;
-      color: ${props => props.theme.dropdown.selectedColor};
+      color: ${(props) => props.theme.dropdown.selectedColor};
     }
 
     .env-text {
-      color: ${props => props.theme.dropdown.selectedColor};
+      color: ${(props) => props.theme.dropdown.selectedColor};
       font-size: 0.875rem;
     }
 
@@ -32,15 +32,15 @@ const Wrapper = styled.div`
     }
 
     .env-text-inactive {
-      color: ${props => props.theme.dropdown.color};
+      color: ${(props) => props.theme.dropdown.color};
       font-size: 0.875rem;
       opacity: 0.7;
     }
 
     &.no-environments {
-      background-color: ${props => props.theme.sidebar.badge.bg};
+      background-color: ${(props) => props.theme.sidebar.badge.bg};
       border: 1px solid transparent;
-      color: ${props => props.theme.dropdown.secondaryText};
+      color: ${(props) => props.theme.dropdown.secondaryText};
     }
   }
 
@@ -65,19 +65,19 @@ const Wrapper = styled.div`
       padding: 0.35rem 0.6rem;
       cursor: pointer;
       font-size: 0.8125rem;
-      color: ${props => props.theme.dropdown.primaryText};
+      color: ${(props) => props.theme.dropdown.primaryText};
 
       &:hover:not(:disabled) {
-        background-color: ${props => props.theme.dropdown.hoverBg};
+        background-color: ${(props) => props.theme.dropdown.hoverBg};
       }
 
       &.active {
-        background-color: ${props => props.theme.dropdown.selectedBg};
-        color: ${props => props.theme.dropdown.selectedColor};
+        background-color: ${(props) => props.theme.dropdown.selectedBg};
+        color: ${(props) => props.theme.dropdown.selectedColor};
       }
 
       &.no-environment {
-        color: ${props => props.theme.dropdown.mutedText};
+        color: ${(props) => props.theme.dropdown.mutedText};
       }
     }
   }
@@ -87,17 +87,17 @@ const Wrapper = styled.div`
     bottom: 0;
     left: 0;
     right: 0;
-    background-color: ${props => props.theme.dropdown.bg};
-    border-top: 0.0625rem solid ${props => props.theme.dropdown.separator};
+    background-color: ${(props) => props.theme.dropdown.bg};
+    border-top: 0.0625rem solid ${(props) => props.theme.dropdown.separator};
     z-index: 10;
     margin: 0;
     
     &:hover {
-      background-color: ${props => props.theme.dropdown.bg + ' !important'};
+      background-color: ${(props) => props.theme.dropdown.bg + ' !important'};
     }
 
     button {
-      color: ${props => props.theme.dropdown.primaryText};
+      color: ${(props) => props.theme.dropdown.primaryText};
       display: flex;
       align-items: center;
       justify-content: center;
@@ -118,8 +118,8 @@ const Wrapper = styled.div`
     }
 
     &.active {
-      color: ${props => props.theme.tabs.active.color};
-      border-bottom-color: ${props => props.theme.tabs.active.border};
+      color: ${(props) => props.theme.tabs.active.color};
+      border-bottom-color: ${(props) => props.theme.tabs.active.border};
     }
 
     &.inactive {
@@ -158,7 +158,7 @@ const Wrapper = styled.div`
     min-height: 12.5rem;
 
     h3 {
-      color: ${props => props.theme.dropdown.primaryText};
+      color: ${(props) => props.theme.dropdown.primaryText};
       font-size: 1rem;
       font-weight: 600;
       margin-bottom: 0.5rem;
@@ -166,7 +166,7 @@ const Wrapper = styled.div`
     }
 
     p {
-      color: ${props => props.theme.dropdown.primaryText};
+      color: ${(props) => props.theme.dropdown.primaryText};
       opacity: 0.75;
       font-size: 0.6875rem;
       line-height: 1.5;
@@ -182,9 +182,9 @@ const Wrapper = styled.div`
     }
 
     .space-y-2 > button {
-      border: 0.0625rem solid ${props => props.theme.dropdown.primaryText};
+      border: 0.0625rem solid ${(props) => props.theme.dropdown.primaryText};
       background: transparent;
-      color: ${props => props.theme.dropdown.primaryText};
+      color: ${(props) => props.theme.dropdown.primaryText};
       padding: 0.5rem 1rem;
       border-radius: 0.375rem;
       width: 100%;
@@ -197,7 +197,7 @@ const Wrapper = styled.div`
       gap: 0.5rem;
 
       &:hover {
-        background-color: ${props => props.theme.dropdown.hoverBg};
+        background-color: ${(props) => props.theme.dropdown.hoverBg};
       }
 
       &:last-child {
@@ -212,7 +212,7 @@ const Wrapper = styled.div`
     align-items: center;
     justify-content: center;
     padding: 2rem 1rem;
-    color: ${props => props.theme.dropdown.primaryText};
+    color: ${(props) => props.theme.dropdown.primaryText};
     font-size: 0.8125rem;
     line-height: 1.5;
     text-align: center;
@@ -220,7 +220,7 @@ const Wrapper = styled.div`
 
     svg {
       margin: 0 auto 1rem auto;
-      color: ${props => props.theme.dropdown.primaryText};
+      color: ${(props) => props.theme.dropdown.primaryText};
       opacity: 0.5;
     }
   }
diff --git a/packages/bruno-app/src/components/Environments/EnvironmentSelector/index.js b/packages/bruno-app/src/components/Environments/EnvironmentSelector/index.js
index 5d44d1104..e88406597 100644
--- a/packages/bruno-app/src/components/Environments/EnvironmentSelector/index.js
+++ b/packages/bruno-app/src/components/Environments/EnvironmentSelector/index.js
@@ -27,37 +27,37 @@ const EnvironmentSelector = ({ collection }) => {
   const [showCreateCollectionModal, setShowCreateCollectionModal] = useState(false);
   const [showImportCollectionModal, setShowImportCollectionModal] = useState(false);
 
-  const globalEnvironments = useSelector(state => state.globalEnvironments.globalEnvironments);
-  const activeGlobalEnvironmentUid = useSelector(state => state.globalEnvironments.activeGlobalEnvironmentUid);
+  const globalEnvironments = useSelector((state) => state.globalEnvironments.globalEnvironments);
+  const activeGlobalEnvironmentUid = useSelector((state) => state.globalEnvironments.activeGlobalEnvironmentUid);
   const activeGlobalEnvironment = activeGlobalEnvironmentUid
-    ? find(globalEnvironments, e => e.uid === activeGlobalEnvironmentUid)
+    ? find(globalEnvironments, (e) => e.uid === activeGlobalEnvironmentUid)
     : null;
 
   const environments = collection?.environments || [];
   const activeEnvironmentUid = collection?.activeEnvironmentUid;
   const activeCollectionEnvironment = activeEnvironmentUid
-    ? find(environments, e => e.uid === activeEnvironmentUid)
+    ? find(environments, (e) => e.uid === activeEnvironmentUid)
     : null;
 
   const tabs = [
     { id: 'collection', label: 'Collection', icon: <IconDatabase size={16} strokeWidth={1.5} /> },
-    { id: 'global', label: 'Global', icon: <IconWorld size={16} strokeWidth={1.5} /> },
+    { id: 'global', label: 'Global', icon: <IconWorld size={16} strokeWidth={1.5} /> }
   ];
 
-  const onDropdownCreate = ref => {
+  const onDropdownCreate = (ref) => {
     dropdownTippyRef.current = ref;
   };
 
   // Get description based on active tab
-  const description
-    = activeTab === 'collection'
+  const description =
+    activeTab === 'collection'
       ? 'Create your first environment to begin working with your collection.'
       : 'Create your first global environment to begin working across collections.';
 
   // Environment selection handler
-  const handleEnvironmentSelect = environment => {
-    const action
-      = activeTab === 'collection'
+  const handleEnvironmentSelect = (environment) => {
+    const action =
+      activeTab === 'collection'
         ? selectEnvironment(environment ? environment.uid : null, collection.uid)
         : selectGlobalEnvironment({ environmentUid: environment ? environment.uid : null });
 
@@ -70,7 +70,7 @@ const EnvironmentSelector = ({ collection }) => {
         }
         dropdownTippyRef.current.hide();
       })
-      .catch(err => {
+      .catch((err) => {
         toast.error('An error occurred while selecting the environment');
       });
   };
@@ -159,7 +159,7 @@ const EnvironmentSelector = ({ collection }) => {
         <Dropdown onCreate={onDropdownCreate} icon={<Icon />} placement="bottom-end">
           {/* Tab Headers */}
           <div className="tab-header flex justify-center p-[0.75rem]">
-            {tabs.map(tab => (
+            {tabs.map((tab) => (
               <button
                 key={tab.id}
                 className={`tab-button whitespace-nowrap pb-[0.375rem] border-b-[0.125rem] bg-transparent flex align-center cursor-pointer transition-all duration-200 mr-[1.25rem] ${
diff --git a/packages/bruno-app/src/components/Modal/index.js b/packages/bruno-app/src/components/Modal/index.js
index b6b484e24..8fb6717c5 100644
--- a/packages/bruno-app/src/components/Modal/index.js
+++ b/packages/bruno-app/src/components/Modal/index.js
@@ -72,7 +72,7 @@ const Modal = ({
   disableEscapeKey,
   onClick,
   closeModalFadeTimeout = 500,
-  dataTestId,
+  dataTestId
 }) => {
   const modalRef = useRef(null);
   const [isClosing, setIsClosing] = useState(false);
diff --git a/packages/bruno-app/src/components/MultiLineEditor/index.js b/packages/bruno-app/src/components/MultiLineEditor/index.js
index 9847ee711..3665d08d9 100644
--- a/packages/bruno-app/src/components/MultiLineEditor/index.js
+++ b/packages/bruno-app/src/components/MultiLineEditor/index.js
@@ -20,7 +20,7 @@ class MultiLineEditor extends Component {
     this.variables = {};
 
     this.state = {
-      maskInput: props.isSecret || false, // Always mask the input by default (if it's a secret)
+      maskInput: props.isSecret || false // Always mask the input by default (if it's a secret)
     };
   }
   componentDidMount() {
@@ -100,7 +100,7 @@ class MultiLineEditor extends Component {
   };
 
   /** Enable or disable masking the rendered content of the editor */
-  _enableMaskedEditor = enabled => {
+  _enableMaskedEditor = (enabled) => {
     if (typeof enabled !== 'boolean') return;
 
     if (enabled == true) {
@@ -169,7 +169,7 @@ class MultiLineEditor extends Component {
    * @brief Eye icon to show/hide the secret value
    * @returns ReactComponent The eye icon
    */
-  secretEye = isSecret => {
+  secretEye = (isSecret) => {
     return isSecret === true ? (
       <button className="mx-2" onClick={() => this.toggleVisibleSecret()}>
         {this.state.maskInput === true ? (
diff --git a/packages/bruno-app/src/utils/common/masked-editor.js b/packages/bruno-app/src/utils/common/masked-editor.js
index ca603fa22..c88402119 100644
--- a/packages/bruno-app/src/utils/common/masked-editor.js
+++ b/packages/bruno-app/src/utils/common/masked-editor.js
@@ -102,6 +102,7 @@ export class MaskedEditor {
 
       // Restore cursor state
       this.restoreCursorState();
+
     } finally {
       this.isProcessing = false;
     }
@@ -134,6 +135,7 @@ export class MaskedEditor {
 
       // Restore cursor state
       this.restoreCursorState();
+
     } finally {
       this.isProcessing = false;
     }
@@ -303,7 +305,7 @@ export class MaskedEditor {
             const mark = this.editor.markText(fromPos, toPos, {
               replacedWith: maskedNode,
               handleMouseEvents: true,
-              className: 'masked-character',
+              className: 'masked-character'
             });
 
             // Store mark for cleanup
@@ -329,13 +331,15 @@ export class MaskedEditor {
           const maskedNode = document.createTextNode(this.maskChar.repeat(lineLength));
 
           // Create mark with proper bounds checking
-          const mark = this.editor.markText({ line, ch: 0 },
+          const mark = this.editor.markText(
+            { line, ch: 0 },
             { line, ch: lineLength },
             {
               replacedWith: maskedNode,
               handleMouseEvents: false,
-              className: 'masked-line',
-            });
+              className: 'masked-line'
+            }
+          );
 
           // Store mark for cleanup
           this.marks.add(mark);
@@ -433,8 +437,8 @@ export function createMaskedEditor(editor, maskChar = '*') {
  * Utility function to check if an editor supports masking
  */
 export function supportsMasking(editor) {
-  return editor
-    && typeof editor.getValue === 'function'
-    && typeof editor.markText === 'function'
-    && typeof editor.operation === 'function';
-}
+  return editor &&
+         typeof editor.getValue === 'function' &&
+         typeof editor.markText === 'function' &&
+         typeof editor.operation === 'function';
+}
\ No newline at end of file
diff --git a/packages/bruno-electron/electron-builder-config.js b/packages/bruno-electron/electron-builder-config.js
index 349adda10..083f53c94 100644
--- a/packages/bruno-electron/electron-builder-config.js
+++ b/packages/bruno-electron/electron-builder-config.js
@@ -11,8 +11,8 @@ const config = {
   extraResources: [
     {
       from: 'resources/data/sample-collection.json',
-      to: 'data/sample-collection.json',
-    },
+      to: 'data/sample-collection.json'
+    }
   ],
   files: ['**/*'],
   afterSign: 'notarize.js',