From 1affe0056b1729c9c9d7eb2dd3c7c23a2c1df224 Mon Sep 17 00:00:00 2001
From: Sebastien Dionne <survivant00@gmail.com>
Date: Mon, 9 Oct 2023 08:32:02 -0400
Subject: [PATCH 01/12] Add build support for different OS

---
 package.json                         |  5 +-
 packages/bruno-electron/package.json |  3 +
 scripts/build-electron.js            | 98 ++++++++++++++++++++++++++++
 3 files changed, 104 insertions(+), 2 deletions(-)
 create mode 100644 scripts/build-electron.js

diff --git a/package.json b/package.json
index 9aaaf23f2..bba854916 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,8 @@
     "jest": "^29.2.0",
     "pretty-quick": "^3.1.3",
     "randomstring": "^1.2.2",
-    "ts-jest": "^29.0.5"
+    "ts-jest": "^29.0.5",
+    "fs-extra": "^11.1.1"
   },
   "scripts": {
     "dev:web": "npm run dev --workspace=packages/bruno-app",
@@ -31,7 +32,7 @@
     "dev:electron": "npm run dev --workspace=packages/bruno-electron",
     "build:bruno-query": "npm run build --workspace=packages/bruno-query",
     "build:graphql-docs": "npm run build --workspace=packages/bruno-graphql-docs",
-    "build:electron": "./scripts/build-electron.sh",
+    "build:electron": "node ./scripts/build-electron.js",
     "test:e2e": "npx playwright test",
     "test:report": "npx playwright show-report",
     "prepare": "husky install"
diff --git a/packages/bruno-electron/package.json b/packages/bruno-electron/package.json
index fdbd339c9..e26e518d1 100644
--- a/packages/bruno-electron/package.json
+++ b/packages/bruno-electron/package.json
@@ -10,6 +10,9 @@
     "clean": "rimraf dist",
     "dev": "electron .",
     "dist": "electron-builder --mac --config electron-builder-config.js",
+    "dist-mac": "electron-builder --mac --config electron-builder-config.js",
+    "dist-win": "electron-builder --win --config electron-builder-config.js",
+    "dist-linux": "electron-builder --linux --config electron-builder-config.js",
     "pack": "electron-builder --dir",
     "test": "jest"
   },
diff --git a/scripts/build-electron.js b/scripts/build-electron.js
new file mode 100644
index 000000000..363fdf4d2
--- /dev/null
+++ b/scripts/build-electron.js
@@ -0,0 +1,98 @@
+const os = require('os');
+const fs = require('fs-extra');
+const util = require('util');
+const exec = util.promisify(require('child_process').exec);
+
+
+async function deleteFileIfExists(filePath) {
+  try {
+    const exists = await fs.pathExists(filePath);
+    if (exists) {
+      await fs.remove(filePath);
+      console.log(`${filePath} has been successfully deleted.`);
+    } else {
+      console.log(`${filePath} does not exist.`);
+    }
+  } catch (err) {
+    console.error(`Error while checking the existence of ${filePath}: ${err}`);
+  }
+}
+
+async function copyFolderIfExists(srcPath, destPath) {
+  try {
+    const exists = await fs.pathExists(srcPath);
+    if (exists) {
+      await fs.copy(srcPath, destPath);
+      console.log(`${srcPath} has been successfully copied.`);
+    } else {
+      console.log(`${srcPath} was not copied as it does not exist.`);
+    }
+  } catch (err) {
+    console.error(`Error while checking the existence of ${srcPath}: ${err}`);
+  }
+}
+
+async function removeSourceMapFiles(directory) {
+  try {
+    const files = await fs.readdir(directory);
+    for (const file of files) {
+      if (file.endsWith('.map')) {
+        const filePath = path.join(directory, file);
+        await fs.remove(filePath);
+        console.log(`${filePath} has been successfully deleted.`);
+      }
+    }
+  } catch (error) {
+    console.error(`Error while deleting .map files: ${error}`);
+  }
+}
+
+async function main() {
+  try {
+    // Remove out directory
+    await deleteFileIfExists('packages/bruno-electron/out');
+
+    // Remove web directory
+    await deleteFileIfExists('packages/bruno-electron/web');
+
+    // Create a new web directory
+    await fs.ensureDir('packages/bruno-electron/web');
+    console.log('The directory has been created successfully!');
+
+    // Copy build
+    await copyFolderIfExists('packages/bruno-app/out', 'packages/bruno-electron/web');
+
+    // Change paths in next
+    const files = await fs.readdir('packages/bruno-electron/web');
+    for (const file of files) {
+      if (file.endsWith('.html')) {
+        let content = await fs.readFile(`packages/bruno-electron/web/${file}`, 'utf8');
+        content = content.replace(/\/_next\//g, '/_next/');
+        await fs.writeFile(`packages/bruno-electron/web/${file}`, content);
+      }
+    }
+
+    // Remove sourcemaps
+    await removeSourceMapFiles('packages/bruno-electron/web')
+
+    // Run npm dist command
+    console.log('Building the Electron distribution');
+
+    // Determine the OS and set the appropriate argument
+    let osArg;
+    if (os.platform() === 'win32') {
+      osArg = 'win';
+    } else if (os.platform() === 'darwin') {
+      osArg = 'mac';
+    } else {
+      osArg = 'linux';
+    }
+
+    await exec(`npm run dist-${osArg} --workspace=packages/bruno-electron`);
+
+  } catch (error) {
+    console.error('An error occurred:', error);
+  }
+}
+
+main();

From 0466cd62336ca8c666f6f1176e9fc536d0d1aea9 Mon Sep 17 00:00:00 2001
From: Nikhil569 <agarwalnikhil569@gmail.com>
Date: Thu, 12 Oct 2023 00:49:49 +0530
Subject: [PATCH 02/12] Shorten method name in sidebar

---
 .../Collection/CollectionItem/RequestMethod/index.js          | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/index.js b/packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/index.js
index 87315dfea..342216592 100644
--- a/packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/index.js
+++ b/packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/index.js
@@ -23,7 +23,9 @@ const RequestMethod = ({ item }) => {
   return (
     <StyledWrapper>
       <div className={getClassname(item.request.method)}>
-        <span className="uppercase">{item.request.method}</span>
+        <span className="uppercase">
+          {item.request.method.length > 4 ? item.request.method.substring(0, 3) : item.request.method}
+        </span>
       </div>
     </StyledWrapper>
   );

From 60d3d07459ce32bcd458251aba6a85d9cde73575 Mon Sep 17 00:00:00 2001
From: Nikhil569 <48991799+Nikhil569@users.noreply.github.com>
Date: Fri, 13 Oct 2023 19:00:26 +0530
Subject: [PATCH 03/12] Update index.js

---
 .../Collection/CollectionItem/RequestMethod/index.js            | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/index.js b/packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/index.js
index 342216592..f055e97e1 100644
--- a/packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/index.js
+++ b/packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/index.js
@@ -24,7 +24,7 @@ const RequestMethod = ({ item }) => {
     <StyledWrapper>
       <div className={getClassname(item.request.method)}>
         <span className="uppercase">
-          {item.request.method.length > 4 ? item.request.method.substring(0, 3) : item.request.method}
+          {item.request.method}
         </span>
       </div>
     </StyledWrapper>

From ce5917075273e5bd586e5cf4c690b3004817579b Mon Sep 17 00:00:00 2001
From: Nikhil569 <48991799+Nikhil569@users.noreply.github.com>
Date: Fri, 13 Oct 2023 19:00:57 +0530
Subject: [PATCH 04/12] Update StyledWrapper.js

---
 .../Collection/CollectionItem/RequestMethod/StyledWrapper.js     | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/StyledWrapper.js b/packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/StyledWrapper.js
index d9dfe622f..bdb62e843 100644
--- a/packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/StyledWrapper.js
+++ b/packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/StyledWrapper.js
@@ -6,6 +6,7 @@ const Wrapper = styled.div`
   align-self: stretch;
   align-items: center;
   min-width: 34px;
+  flex-shrink: 0;
 
   span {
     position: relative;

From 79072785e2b2c25cb573379ce58c8a7d17ac795b Mon Sep 17 00:00:00 2001
From: Nikhil569 <48991799+Nikhil569@users.noreply.github.com>
Date: Fri, 13 Oct 2023 19:05:13 +0530
Subject: [PATCH 05/12] Update index.js

---
 .../Collection/CollectionItem/RequestMethod/index.js          | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/index.js b/packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/index.js
index f055e97e1..87315dfea 100644
--- a/packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/index.js
+++ b/packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/index.js
@@ -23,9 +23,7 @@ const RequestMethod = ({ item }) => {
   return (
     <StyledWrapper>
       <div className={getClassname(item.request.method)}>
-        <span className="uppercase">
-          {item.request.method}
-        </span>
+        <span className="uppercase">{item.request.method}</span>
       </div>
     </StyledWrapper>
   );

From b11113b5297a7675f6a601b37afddede54b7ef4a Mon Sep 17 00:00:00 2001
From: therealrinku <rinkunited2032@gmail.com>
Date: Fri, 13 Oct 2023 21:05:13 +0545
Subject: [PATCH 06/12] assert operator dropdown bgcolor fix

---
 .../RequestPane/Assertions/AssertionOperator/index.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/bruno-app/src/components/RequestPane/Assertions/AssertionOperator/index.js b/packages/bruno-app/src/components/RequestPane/Assertions/AssertionOperator/index.js
index ae0579fc7..068747846 100644
--- a/packages/bruno-app/src/components/RequestPane/Assertions/AssertionOperator/index.js
+++ b/packages/bruno-app/src/components/RequestPane/Assertions/AssertionOperator/index.js
@@ -1,4 +1,7 @@
 import React from 'react';
+import { useTheme } from 'providers/Theme/index';
+import darkTheme from 'themes/dark';
+import lightTheme from 'themes/light';
 
 /**
  * Assertion operators
@@ -76,10 +79,16 @@ const AssertionOperator = ({ operator, onChange }) => {
     }
   };
 
+  const { storedTheme } = useTheme();
+
   return (
     <select value={operator} onChange={handleChange} className="mousetrap">
       {operators.map((operator) => (
-        <option key={operator} value={operator}>
+        <option
+          style={{ backgroundColor: storedTheme === 'dark' ? darkTheme.bg : lightTheme.bg }}
+          key={operator}
+          value={operator}
+        >
           {getLabel(operator)}
         </option>
       ))}

From e90fc466b4cda251e9e5235ca047b5626e8823eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Linhart=20Luk=C3=A1=C5=A1?= <Lukas.Linhart@tescosw.cz>
Date: Fri, 13 Oct 2023 17:27:17 +0200
Subject: [PATCH 07/12] Dont reset timer when switch tabs

---
 .../bruno-app/src/components/ResponsePane/Overlay/index.js  | 2 +-
 packages/bruno-app/src/components/StopWatch/index.js        | 6 +++++-
 packages/bruno-electron/src/ipc/network/index.js            | 3 ++-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/bruno-app/src/components/ResponsePane/Overlay/index.js b/packages/bruno-app/src/components/ResponsePane/Overlay/index.js
index e5f659862..247c341ed 100644
--- a/packages/bruno-app/src/components/ResponsePane/Overlay/index.js
+++ b/packages/bruno-app/src/components/ResponsePane/Overlay/index.js
@@ -17,7 +17,7 @@ const ResponseLoadingOverlay = ({ item, collection }) => {
       <div className="overlay">
         <div style={{ marginBottom: 15, fontSize: 26 }}>
           <div style={{ display: 'inline-block', fontSize: 20, marginLeft: 5, marginRight: 5 }}>
-            <StopWatch />
+            <StopWatch requestTimestamp={item?.requestSent?.timestamp} />
           </div>
         </div>
         <IconRefresh size={24} className="loading-icon" />
diff --git a/packages/bruno-app/src/components/StopWatch/index.js b/packages/bruno-app/src/components/StopWatch/index.js
index 49bd8c175..e2b069532 100644
--- a/packages/bruno-app/src/components/StopWatch/index.js
+++ b/packages/bruno-app/src/components/StopWatch/index.js
@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 
-const StopWatch = () => {
+const StopWatch = ({ requestTimestamp }) => {
   const [milliseconds, setMilliseconds] = useState(0);
 
   const tickInterval = 200;
@@ -15,6 +15,10 @@ const StopWatch = () => {
     };
   });
 
+  useEffect(() => {
+    setMilliseconds(Date.now() - requestTimestamp);
+  }, [requestTimestamp]);
+
   if (milliseconds < 1000) {
     return 'Loading...';
   }
diff --git a/packages/bruno-electron/src/ipc/network/index.js b/packages/bruno-electron/src/ipc/network/index.js
index 1def8d964..8e8cb6247 100644
--- a/packages/bruno-electron/src/ipc/network/index.js
+++ b/packages/bruno-electron/src/ipc/network/index.js
@@ -195,7 +195,8 @@ const registerNetworkIpc = (mainWindow) => {
           url: request.url,
           method: request.method,
           headers: request.headers,
-          data: safeParseJSON(safeStringifyJSON(request.data))
+          data: safeParseJSON(safeStringifyJSON(request.data)),
+          timestamp: Date.now()
         },
         collectionUid,
         itemUid: item.uid,

From 97871c25cf31fb1af6ae42015169981c688f661d Mon Sep 17 00:00:00 2001
From: dw-0 <th33xitus@gmail.com>
Date: Fri, 13 Oct 2023 17:31:21 +0200
Subject: [PATCH 08/12] feat: add button to clear collection search

Signed-off-by: Dominik Willner <th33xitus@gmail.com>
---
 .../src/components/Sidebar/Collections/index.js   | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/packages/bruno-app/src/components/Sidebar/Collections/index.js b/packages/bruno-app/src/components/Sidebar/Collections/index.js
index af54350e4..289663ddf 100644
--- a/packages/bruno-app/src/components/Sidebar/Collections/index.js
+++ b/packages/bruno-app/src/components/Sidebar/Collections/index.js
@@ -5,7 +5,8 @@ import {
   IconFolders,
   IconArrowsSort,
   IconSortAscendingLetters,
-  IconSortDescendingLetters
+  IconSortDescendingLetters,
+  IconX
 } from '@tabler/icons';
 import Collection from '../Collections/Collection';
 import CreateCollection from '../CreateCollection';
@@ -97,8 +98,20 @@ const Collections = () => {
           spellCheck="false"
           className="block w-full pl-7 py-1 sm:text-sm"
           placeholder="search"
+          value={searchText}
           onChange={(e) => setSearchText(e.target.value.toLowerCase())}
         />
+        {searchText !== '' && (
+          <div className="absolute inset-y-0 right-0 pr-4 flex items-center">
+            <span
+              onClick={() => {
+                setSearchText('');
+              }}
+            >
+              <IconX size={16} strokeWidth={1.5} />
+            </span>
+          </div>
+        )}
       </div>
 
       <div className="mt-4 flex flex-col overflow-y-auto absolute top-32 bottom-10 left-0 right-0">

From 442e68283df296ca097684be04049f6d660e54ef Mon Sep 17 00:00:00 2001
From: Anoop M D <anoop.md1421@gmail.com>
Date: Fri, 13 Oct 2023 23:59:30 +0530
Subject: [PATCH 09/12] chore: distrowise build scripts

---
 package.json                         |  5 +++++
 packages/bruno-electron/package.json |  6 +++++-
 scripts/build-electron.sh            | 15 +++++++++++++++
 3 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 9778c1167..33a339ed5 100644
--- a/package.json
+++ b/package.json
@@ -31,6 +31,11 @@
     "dev:electron": "npm run dev --workspace=packages/bruno-electron",
     "build:bruno-query": "npm run build --workspace=packages/bruno-query",
     "build:graphql-docs": "npm run build --workspace=packages/bruno-graphql-docs",
+    "build:electron:mac": "./scripts/build-electron.sh mac",
+    "build:electron:win": "./scripts/build-electron.sh win",
+    "build:electron:linux": "./scripts/build-electron.sh linux",
+    "build:electron:deb": "./scripts/build-electron.sh deb",
+    "build:electron:rpm": "./scripts/build-electron.sh rpm",
     "build:electron:snap": "./scripts/build-electron.sh snap",
     "test:e2e": "npx playwright test",
     "test:report": "npx playwright show-report",
diff --git a/packages/bruno-electron/package.json b/packages/bruno-electron/package.json
index 4df399914..ffe266f3e 100644
--- a/packages/bruno-electron/package.json
+++ b/packages/bruno-electron/package.json
@@ -9,7 +9,11 @@
   "scripts": {
     "clean": "rimraf dist",
     "dev": "electron .",
-    "dist": "electron-builder --mac --config electron-builder-config.js",
+    "dist:mac": "electron-builder --mac --config electron-builder-config.js",
+    "dist:win": "electron-builder --win --config electron-builder-config.js",
+    "dist:linux": "electron-builder --linux AppImage --config electron-builder-config.js",
+    "dist:deb": "electron-builder --linux deb --config electron-builder-config.js",
+    "dist:rpm": "electron-builder --linux rpm --config electron-builder-config.js",
     "dist:snap": "electron-builder --linux snap --config electron-builder-config.js",
     "pack": "electron-builder --dir",
     "test": "jest"
diff --git a/scripts/build-electron.sh b/scripts/build-electron.sh
index a56b3bcc4..7afb3c545 100755
--- a/scripts/build-electron.sh
+++ b/scripts/build-electron.sh
@@ -22,6 +22,21 @@ find packages/bruno-electron/web -name '*.map' -type f -delete
 if [ "$1" == "snap" ]; then
   echo "Building snap distribution"
   npm run dist:snap --workspace=packages/bruno-electron 
+elif [ "$1" == "mac" ]; then
+  echo "Building mac distribution"
+  npm run dist:mac --workspace=packages/bruno-electron
+elif [ "$1" == "win" ]; then
+  echo "Building windows distribution"
+  npm run dist:win --workspace=packages/bruno-electron
+elif [ "$1" == "deb" ]; then
+  echo "Building debian distribution"
+  npm run dist:deb --workspace=packages/bruno-electron
+elif [ "$1" == "rpm" ]; then
+  echo "Building rpm distribution"
+  npm run dist:rpm --workspace=packages/bruno-electron
+elif [ "$1" == "linux" ]; then
+  echo "Building linux distribution"
+  npm run dist:linux --workspace=packages/bruno-electron
 else
   echo "Please pass a build distribution type"
 fi
\ No newline at end of file

From d71e69ac3c9b7043670c8a8c5a1af323c50e9ee5 Mon Sep 17 00:00:00 2001
From: Anoop M D <anoop.md1421@gmail.com>
Date: Sat, 14 Oct 2023 00:10:16 +0530
Subject: [PATCH 10/12] chore: muted color for collection search close icon

---
 .../src/components/Sidebar/Collections/StyledWrapper.js       | 4 ++++
 .../bruno-app/src/components/Sidebar/Collections/index.js     | 3 ++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/bruno-app/src/components/Sidebar/Collections/StyledWrapper.js b/packages/bruno-app/src/components/Sidebar/Collections/StyledWrapper.js
index c38bfc4ed..18058e6aa 100644
--- a/packages/bruno-app/src/components/Sidebar/Collections/StyledWrapper.js
+++ b/packages/bruno-app/src/components/Sidebar/Collections/StyledWrapper.js
@@ -12,6 +12,10 @@ const Wrapper = styled.div`
       fill: rgb(140, 140, 140);
     }
   }
+
+  span.close-icon {
+    color: ${(props) => props.theme.colors.text.muted};
+  }
 `;
 
 export default Wrapper;
diff --git a/packages/bruno-app/src/components/Sidebar/Collections/index.js b/packages/bruno-app/src/components/Sidebar/Collections/index.js
index 289663ddf..e5a657ef9 100644
--- a/packages/bruno-app/src/components/Sidebar/Collections/index.js
+++ b/packages/bruno-app/src/components/Sidebar/Collections/index.js
@@ -104,11 +104,12 @@ const Collections = () => {
         {searchText !== '' && (
           <div className="absolute inset-y-0 right-0 pr-4 flex items-center">
             <span
+              className="close-icon"
               onClick={() => {
                 setSearchText('');
               }}
             >
-              <IconX size={16} strokeWidth={1.5} />
+              <IconX size={16} strokeWidth={1.5} className="cursor-pointer" />
             </span>
           </div>
         )}

From 19498363e17ec082633b69498a57162b9ae62d93 Mon Sep 17 00:00:00 2001
From: Anoop M D <anoop.md1421@gmail.com>
Date: Sat, 14 Oct 2023 01:01:11 +0530
Subject: [PATCH 11/12] feat(#583): collection level docs

---
 .../CollectionSettings/Docs/StyledWrapper.js  | 18 ++++++
 .../CollectionSettings/Docs/index.js          | 55 +++++++++++++++++++
 .../components/CollectionSettings/index.js    |  9 ++-
 .../ReduxStore/slices/collections/index.js    |  9 ++-
 packages/bruno-electron/src/bru/index.js      |  6 +-
 5 files changed, 93 insertions(+), 4 deletions(-)
 create mode 100644 packages/bruno-app/src/components/CollectionSettings/Docs/StyledWrapper.js
 create mode 100644 packages/bruno-app/src/components/CollectionSettings/Docs/index.js

diff --git a/packages/bruno-app/src/components/CollectionSettings/Docs/StyledWrapper.js b/packages/bruno-app/src/components/CollectionSettings/Docs/StyledWrapper.js
new file mode 100644
index 000000000..f0ffee808
--- /dev/null
+++ b/packages/bruno-app/src/components/CollectionSettings/Docs/StyledWrapper.js
@@ -0,0 +1,18 @@
+import styled from 'styled-components';
+
+const StyledWrapper = styled.div`
+  div.CodeMirror {
+    /* todo: find a better way */
+    height: calc(100vh - 240px);
+
+    .CodeMirror-scroll {
+      padding-bottom: 0px;
+    }
+  }
+  .editing-mode {
+    cursor: pointer;
+    color: ${(props) => props.theme.colors.text.yellow};
+  }
+`;
+
+export default StyledWrapper;
diff --git a/packages/bruno-app/src/components/CollectionSettings/Docs/index.js b/packages/bruno-app/src/components/CollectionSettings/Docs/index.js
new file mode 100644
index 000000000..ca15cb3a5
--- /dev/null
+++ b/packages/bruno-app/src/components/CollectionSettings/Docs/index.js
@@ -0,0 +1,55 @@
+import 'github-markdown-css/github-markdown.css';
+import get from 'lodash/get';
+import { updateCollectionDocs } from 'providers/ReduxStore/slices/collections';
+import { useTheme } from 'providers/Theme/index';
+import { useState } from 'react';
+import { useDispatch } from 'react-redux';
+import { saveCollectionRoot } from 'providers/ReduxStore/slices/collections/actions';
+import Markdown from 'components/MarkDown';
+import CodeEditor from 'components/CodeEditor';
+import StyledWrapper from './StyledWrapper';
+
+const Docs = ({ collection }) => {
+  const dispatch = useDispatch();
+  const { storedTheme } = useTheme();
+  const [isEditing, setIsEditing] = useState(false);
+  const docs = get(collection, 'root.docs', '');
+
+  const toggleViewMode = () => {
+    setIsEditing((prev) => !prev);
+  };
+
+  const onEdit = (value) => {
+    dispatch(
+      updateCollectionDocs({
+        collectionUid: collection.uid,
+        docs: value
+      })
+    );
+  };
+
+  const onSave = () => dispatch(saveCollectionRoot(collection.uid));
+
+  return (
+    <StyledWrapper className="mt-1 h-full w-full relative">
+      <div className="editing-mode mb-2" role="tab" onClick={toggleViewMode}>
+        {isEditing ? 'Preview' : 'Edit'}
+      </div>
+
+      {isEditing ? (
+        <CodeEditor
+          collection={collection}
+          theme={storedTheme}
+          value={docs || ''}
+          onEdit={onEdit}
+          onSave={onSave}
+          mode="application/text"
+        />
+      ) : (
+        <Markdown onDoubleClick={toggleViewMode} content={docs} />
+      )}
+    </StyledWrapper>
+  );
+};
+
+export default Docs;
diff --git a/packages/bruno-app/src/components/CollectionSettings/index.js b/packages/bruno-app/src/components/CollectionSettings/index.js
index eaf44e758..b3a1ece81 100644
--- a/packages/bruno-app/src/components/CollectionSettings/index.js
+++ b/packages/bruno-app/src/components/CollectionSettings/index.js
@@ -11,6 +11,7 @@ import Headers from './Headers';
 import Auth from './Auth';
 import Script from './Script';
 import Test from './Tests';
+import Docs from './Docs';
 import StyledWrapper from './StyledWrapper';
 
 const CollectionSettings = ({ collection }) => {
@@ -54,6 +55,9 @@ const CollectionSettings = ({ collection }) => {
       case 'proxy': {
         return <ProxySettings proxyConfig={proxyConfig} onUpdate={onProxySettingsUpdate} />;
       }
+      case 'docs': {
+        return <Docs collection={collection} />;
+      }
     }
   };
 
@@ -81,8 +85,11 @@ const CollectionSettings = ({ collection }) => {
         <div className={getTabClassname('proxy')} role="tab" onClick={() => setTab('proxy')}>
           Proxy
         </div>
+        <div className={getTabClassname('docs')} role="tab" onClick={() => setTab('docs')}>
+          Docs
+        </div>
       </div>
-      <section className={`flex ${['auth', 'script'].includes(tab) ? '' : 'mt-4'}`}>{getTabPanel(tab)}</section>
+      <section className={`flex ${['auth', 'script', 'docs'].includes(tab) ? '' : 'mt-4'}`}>{getTabPanel(tab)}</section>
     </StyledWrapper>
   );
 };
diff --git a/packages/bruno-app/src/providers/ReduxStore/slices/collections/index.js b/packages/bruno-app/src/providers/ReduxStore/slices/collections/index.js
index 5d6baa9d3..c5cb71f83 100644
--- a/packages/bruno-app/src/providers/ReduxStore/slices/collections/index.js
+++ b/packages/bruno-app/src/providers/ReduxStore/slices/collections/index.js
@@ -996,7 +996,6 @@ export const collectionsSlice = createSlice({
         set(collection, 'root.request.script.res', action.payload.script);
       }
     },
-
     updateCollectionTests: (state, action) => {
       const collection = findCollectionByUid(state.collections, action.payload.collectionUid);
 
@@ -1004,6 +1003,13 @@ export const collectionsSlice = createSlice({
         set(collection, 'root.request.tests', action.payload.tests);
       }
     },
+    updateCollectionDocs: (state, action) => {
+      const collection = findCollectionByUid(state.collections, action.payload.collectionUid);
+
+      if (collection) {
+        set(collection, 'root.docs', action.payload.docs);
+      }
+    },
     addCollectionHeader: (state, action) => {
       const collection = findCollectionByUid(state.collections, action.payload.collectionUid);
 
@@ -1417,6 +1423,7 @@ export const {
   updateCollectionRequestScript,
   updateCollectionResponseScript,
   updateCollectionTests,
+  updateCollectionDocs,
   collectionAddFileEvent,
   collectionAddDirectoryEvent,
   collectionChangeFileEvent,
diff --git a/packages/bruno-electron/src/bru/index.js b/packages/bruno-electron/src/bru/index.js
index 342e1b494..de1080ac0 100644
--- a/packages/bruno-electron/src/bru/index.js
+++ b/packages/bruno-electron/src/bru/index.js
@@ -20,7 +20,8 @@ const collectionBruToJson = (bru) => {
         script: _.get(json, 'script', {}),
         vars: _.get(json, 'vars', {}),
         tests: _.get(json, 'tests', '')
-      }
+      },
+      docs: _.get(json, 'docs', '')
     };
 
     return transformedJson;
@@ -43,7 +44,8 @@ const jsonToCollectionBru = (json) => {
         req: _.get(json, 'request.vars.req', []),
         res: _.get(json, 'request.vars.req', [])
       },
-      tests: _.get(json, 'request.tests', '')
+      tests: _.get(json, 'request.tests', ''),
+      docs: _.get(json, 'docs', '')
     };
 
     return _jsonToCollectionBru(collectionBruJson);

From e0266f0a69fb40f07eba7aa0f79d56ffb5314adf Mon Sep 17 00:00:00 2001
From: Sebastien Dionne <survivant00@gmail.com>
Date: Fri, 13 Oct 2023 16:25:52 -0400
Subject: [PATCH 12/12] Push package-lock.json

---
 package-lock.json | 428 +++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 401 insertions(+), 27 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 3da1e822e..e8f35901b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -21,6 +21,7 @@
         "@faker-js/faker": "^7.6.0",
         "@jest/globals": "^29.2.0",
         "@playwright/test": "^1.27.1",
+        "fs-extra": "^11.1.1",
         "husky": "^8.0.3",
         "jest": "^29.2.0",
         "pretty-quick": "^3.1.3",
@@ -5238,6 +5239,20 @@
       "dev": true,
       "license": "Python-2.0"
     },
+    "node_modules/app-builder-lib/node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/app-builder-lib/node_modules/js-yaml": {
       "version": "4.1.0",
       "dev": true,
@@ -5519,6 +5534,75 @@
         "node": ">=10.12.0"
       }
     },
+    "node_modules/autoprefixer": {
+      "version": "10.4.16",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.16.tgz",
+      "integrity": "sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "peer": true,
+      "dependencies": {
+        "browserslist": "^4.21.10",
+        "caniuse-lite": "^1.0.30001538",
+        "fraction.js": "^4.3.6",
+        "normalize-range": "^0.1.2",
+        "picocolors": "^1.0.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/autoprefixer/node_modules/browserslist": {
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz",
+      "integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "peer": true,
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001541",
+        "electron-to-chromium": "^1.4.535",
+        "node-releases": "^2.0.13",
+        "update-browserslist-db": "^1.0.13"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
     "node_modules/aws-sign2": {
       "version": "0.7.0",
       "dev": true,
@@ -5914,7 +5998,6 @@
     },
     "node_modules/browserslist": {
       "version": "4.21.4",
-      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -6075,6 +6158,20 @@
       "dev": true,
       "license": "Python-2.0"
     },
+    "node_modules/builder-util/node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/builder-util/node_modules/js-yaml": {
       "version": "4.1.0",
       "dev": true,
@@ -6235,7 +6332,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001445",
+      "version": "1.0.30001547",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001547.tgz",
+      "integrity": "sha512-W7CrtIModMAxobGhz8iXmDfuJiiKg1WADMO/9x7/CLNin5cpSbuBjooyoIUVB5eyCc36QuTVlkVa1iB2S5+/eA==",
       "funding": [
         {
           "type": "opencollective",
@@ -6244,9 +6343,12 @@
         {
           "type": "tidelift",
           "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
         }
-      ],
-      "license": "CC-BY-4.0"
+      ]
     },
     "node_modules/caseless": {
       "version": "0.12.0",
@@ -7416,6 +7518,20 @@
       "dev": true,
       "license": "Python-2.0"
     },
+    "node_modules/dmg-builder/node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/dmg-builder/node_modules/iconv-lite": {
       "version": "0.6.3",
       "dev": true,
@@ -7640,6 +7756,20 @@
         "node": ">=14.0.0"
       }
     },
+    "node_modules/electron-builder/node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/electron-icon-maker": {
       "version": "0.0.5",
       "dev": true,
@@ -7751,6 +7881,20 @@
         "mime": "^2.5.2"
       }
     },
+    "node_modules/electron-publish/node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/electron-store": {
       "version": "8.1.0",
       "license": "MIT",
@@ -7773,9 +7917,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.284",
-      "dev": true,
-      "license": "ISC"
+      "version": "1.4.554",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.554.tgz",
+      "integrity": "sha512-Q0umzPJjfBrrj8unkONTgbKQXzXRrH7sVV7D9ea2yBV3Oaogz991yhbpfvo2LMNkJItmruXTEzVpP9cp7vaIiQ=="
     },
     "node_modules/electron-util": {
       "version": "0.17.2",
@@ -8520,6 +8664,19 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/fraction.js": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
+      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
+      "peer": true,
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "patreon",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
     "node_modules/fresh": {
       "version": "0.5.2",
       "license": "MIT",
@@ -8532,15 +8689,17 @@
       "license": "MIT"
     },
     "node_modules/fs-extra": {
-      "version": "10.1.0",
-      "license": "MIT",
+      "version": "11.1.1",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
+      "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
+      "dev": true,
       "dependencies": {
         "graceful-fs": "^4.2.0",
         "jsonfile": "^6.0.1",
         "universalify": "^2.0.0"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=14.14"
       }
     },
     "node_modules/fs.realpath": {
@@ -11695,9 +11854,9 @@
       "license": "MIT"
     },
     "node_modules/node-releases": {
-      "version": "2.0.8",
-      "dev": true,
-      "license": "MIT"
+      "version": "2.0.13",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
+      "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ=="
     },
     "node_modules/normalize-package-data": {
       "version": "2.5.0",
@@ -11730,6 +11889,15 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/normalize-range": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/normalize-url": {
       "version": "6.1.0",
       "dev": true,
@@ -15109,6 +15277,19 @@
         "postcss": "^8.0.9"
       }
     },
+    "node_modules/tailwindcss/node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/tailwindcss/node_modules/glob-parent": {
       "version": "6.0.2",
       "license": "ISC",
@@ -15136,6 +15317,20 @@
         "fs-extra": "^10.0.0"
       }
     },
+    "node_modules/temp-file/node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/terser": {
       "version": "5.16.1",
       "dev": true,
@@ -15645,8 +15840,9 @@
       }
     },
     "node_modules/update-browserslist-db": {
-      "version": "1.0.10",
-      "dev": true,
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
+      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
       "funding": [
         {
           "type": "opencollective",
@@ -15655,15 +15851,18 @@
         {
           "type": "tidelift",
           "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
         }
       ],
-      "license": "MIT",
       "dependencies": {
         "escalade": "^3.1.1",
         "picocolors": "^1.0.0"
       },
       "bin": {
-        "browserslist-lint": "cli.js"
+        "update-browserslist-db": "cli.js"
       },
       "peerDependencies": {
         "browserslist": ">= 4.21.0"
@@ -16481,6 +16680,19 @@
         "node": ">=8"
       }
     },
+    "packages/bruno-cli/node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "packages/bruno-cli/node_modules/http-proxy-agent": {
       "version": "7.0.0",
       "license": "MIT",
@@ -16505,7 +16717,7 @@
     },
     "packages/bruno-electron": {
       "name": "bruno",
-      "version": "v0.23.0",
+      "version": "v0.24.0",
       "dependencies": {
         "@aws-sdk/credential-providers": "^3.425.0",
         "@usebruno/js": "0.8.0",
@@ -16631,6 +16843,19 @@
         "@types/yauzl": "^2.9.1"
       }
     },
+    "packages/bruno-electron/node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "packages/bruno-electron/node_modules/get-stream": {
       "version": "5.2.0",
       "dev": true,
@@ -20475,6 +20700,16 @@
             "supports-color": "^7.1.0"
           }
         },
+        "fs-extra": {
+          "version": "10.1.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+          "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+          "requires": {
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^6.0.1",
+            "universalify": "^2.0.0"
+          }
+        },
         "http-proxy-agent": {
           "version": "7.0.0",
           "requires": {
@@ -20892,6 +21127,17 @@
           "version": "2.0.1",
           "dev": true
         },
+        "fs-extra": {
+          "version": "10.1.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+          "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^6.0.1",
+            "universalify": "^2.0.0"
+          }
+        },
         "js-yaml": {
           "version": "4.1.0",
           "dev": true,
@@ -21061,6 +21307,34 @@
     "atomically": {
       "version": "1.7.0"
     },
+    "autoprefixer": {
+      "version": "10.4.16",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.16.tgz",
+      "integrity": "sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==",
+      "peer": true,
+      "requires": {
+        "browserslist": "^4.21.10",
+        "caniuse-lite": "^1.0.30001538",
+        "fraction.js": "^4.3.6",
+        "normalize-range": "^0.1.2",
+        "picocolors": "^1.0.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "dependencies": {
+        "browserslist": {
+          "version": "4.22.1",
+          "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz",
+          "integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==",
+          "peer": true,
+          "requires": {
+            "caniuse-lite": "^1.0.30001541",
+            "electron-to-chromium": "^1.4.535",
+            "node-releases": "^2.0.13",
+            "update-browserslist-db": "^1.0.13"
+          }
+        }
+      }
+    },
     "aws-sign2": {
       "version": "0.7.0",
       "dev": true
@@ -21322,7 +21596,6 @@
     },
     "browserslist": {
       "version": "4.21.4",
-      "dev": true,
       "requires": {
         "caniuse-lite": "^1.0.30001400",
         "electron-to-chromium": "^1.4.251",
@@ -21420,6 +21693,16 @@
             "yauzl": "^2.10.0"
           }
         },
+        "fs-extra": {
+          "version": "10.1.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+          "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+          "requires": {
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^6.0.1",
+            "universalify": "^2.0.0"
+          }
+        },
         "get-stream": {
           "version": "5.2.0",
           "dev": true,
@@ -21525,6 +21808,17 @@
           "version": "2.0.1",
           "dev": true
         },
+        "fs-extra": {
+          "version": "10.1.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+          "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^6.0.1",
+            "universalify": "^2.0.0"
+          }
+        },
         "js-yaml": {
           "version": "4.1.0",
           "dev": true,
@@ -21638,7 +21932,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001445"
+      "version": "1.0.30001547",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001547.tgz",
+      "integrity": "sha512-W7CrtIModMAxobGhz8iXmDfuJiiKg1WADMO/9x7/CLNin5cpSbuBjooyoIUVB5eyCc36QuTVlkVa1iB2S5+/eA=="
     },
     "caseless": {
       "version": "0.12.0",
@@ -22365,6 +22661,17 @@
           "version": "2.0.1",
           "dev": true
         },
+        "fs-extra": {
+          "version": "10.1.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+          "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^6.0.1",
+            "universalify": "^2.0.0"
+          }
+        },
         "iconv-lite": {
           "version": "0.6.3",
           "dev": true,
@@ -22515,6 +22822,19 @@
         "read-config-file": "6.2.0",
         "update-notifier": "^5.1.0",
         "yargs": "^17.0.1"
+      },
+      "dependencies": {
+        "fs-extra": {
+          "version": "10.1.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+          "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^6.0.1",
+            "universalify": "^2.0.0"
+          }
+        }
       }
     },
     "electron-icon-maker": {
@@ -22598,6 +22918,19 @@
         "fs-extra": "^10.0.0",
         "lazy-val": "^1.0.5",
         "mime": "^2.5.2"
+      },
+      "dependencies": {
+        "fs-extra": {
+          "version": "10.1.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+          "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^6.0.1",
+            "universalify": "^2.0.0"
+          }
+        }
       }
     },
     "electron-store": {
@@ -22613,8 +22946,9 @@
       }
     },
     "electron-to-chromium": {
-      "version": "1.4.284",
-      "dev": true
+      "version": "1.4.554",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.554.tgz",
+      "integrity": "sha512-Q0umzPJjfBrrj8unkONTgbKQXzXRrH7sVV7D9ea2yBV3Oaogz991yhbpfvo2LMNkJItmruXTEzVpP9cp7vaIiQ=="
     },
     "electron-util": {
       "version": "0.17.2",
@@ -23095,6 +23429,12 @@
     "forwarded": {
       "version": "0.2.0"
     },
+    "fraction.js": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
+      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
+      "peer": true
+    },
     "fresh": {
       "version": "0.5.2"
     },
@@ -23102,7 +23442,10 @@
       "version": "0.1.7"
     },
     "fs-extra": {
-      "version": "10.1.0",
+      "version": "11.1.1",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
+      "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
+      "dev": true,
       "requires": {
         "graceful-fs": "^4.2.0",
         "jsonfile": "^6.0.1",
@@ -25098,8 +25441,9 @@
       "version": "1.1.12"
     },
     "node-releases": {
-      "version": "2.0.8",
-      "dev": true
+      "version": "2.0.13",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
+      "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ=="
     },
     "normalize-package-data": {
       "version": "2.5.0",
@@ -25124,6 +25468,12 @@
     "normalize-path": {
       "version": "3.0.0"
     },
+    "normalize-range": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+      "peer": true
+    },
     "normalize-url": {
       "version": "6.1.0",
       "dev": true
@@ -27224,6 +27574,16 @@
         "tmp": "^0.2.1"
       },
       "dependencies": {
+        "fs-extra": {
+          "version": "10.1.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+          "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+          "requires": {
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^6.0.1",
+            "universalify": "^2.0.0"
+          }
+        },
         "glob-parent": {
           "version": "6.0.2",
           "requires": {
@@ -27242,6 +27602,19 @@
       "requires": {
         "async-exit-hook": "^2.0.1",
         "fs-extra": "^10.0.0"
+      },
+      "dependencies": {
+        "fs-extra": {
+          "version": "10.1.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+          "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^6.0.1",
+            "universalify": "^2.0.0"
+          }
+        }
       }
     },
     "terser": {
@@ -27544,8 +27917,9 @@
       "version": "1.0.0"
     },
     "update-browserslist-db": {
-      "version": "1.0.10",
-      "dev": true,
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
+      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
       "requires": {
         "escalade": "^3.1.1",
         "picocolors": "^1.0.0"