From b217757ce72d88efb0dd3c9887d6e9bedd365bdc Mon Sep 17 00:00:00 2001
From: Ivan Kravets <me@ikravets.com>
Date: Tue, 8 Sep 2020 17:25:56 +0300
Subject: [PATCH 01/22] Typo fix

---
 app/modules/library/containers/detail-installation-block.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/modules/library/containers/detail-installation-block.jsx b/app/modules/library/containers/detail-installation-block.jsx
index 54bee9dd..11bbe0dd 100644
--- a/app/modules/library/containers/detail-installation-block.jsx
+++ b/app/modules/library/containers/detail-installation-block.jsx
@@ -60,7 +60,7 @@ export default class LibraryDetailInstallationBlock extends React.Component {
     const ownedLib = this.props.data.ownername
       ? `${this.props.data.ownername}/${this.props.data.name}`
       : this.props.data.name;
-    let content = `; platformio.ini – project configuration file
+    let content = `# platformio.ini – project configuration file
 
 [env:my_build_env]`;
 
@@ -95,7 +95,7 @@ lib_deps =`;
   # Accept new functionality in a backwards compatible manner and patches
   ${ownedLib} @ ^${versionName}
 
-  # Acept only backwards compatible bug fixes
+  # Accept only backwards compatible bug fixes
   # (any version with the same major and minor versions, and an equal or greater patch version)
   ${ownedLib} @ ~${versionName}
 

From 8b5fd7152e08c169411953790e781d789aaf1381 Mon Sep 17 00:00:00 2001
From: Ivan Kravets <me@ikravets.com>
Date: Wed, 9 Sep 2020 19:53:37 +0300
Subject: [PATCH 02/22] Create app.yml

---
 .github/workflows/app.yml | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 .github/workflows/app.yml

diff --git a/.github/workflows/app.yml b/.github/workflows/app.yml
new file mode 100644
index 00000000..415098f8
--- /dev/null
+++ b/.github/workflows/app.yml
@@ -0,0 +1,21 @@
+name: App
+
+on:
+  push:
+    branches: [ develop ]
+  pull_request:
+    branches: [ develop ]
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v2
+      
+    - name: Install Node.js
+      uses: actions/setup-node@v1
+        
+    - run: npm lint
+    - run: npm build

From 05c9c70e77fd6edd3ed26addbf98a048f5152c10 Mon Sep 17 00:00:00 2001
From: Ivan Kravets <me@ikravets.com>
Date: Wed, 9 Sep 2020 20:22:36 +0300
Subject: [PATCH 03/22] Feature/ci (#1237)

* Fix build

* Auto close stale issues

* Fix CI

* Drop Travis
---
 .github/workflows/app.yml   | 14 ++++----------
 .github/workflows/stale.yml | 17 +++++++++++++++++
 .travis.yml                 | 16 ----------------
 3 files changed, 21 insertions(+), 26 deletions(-)
 create mode 100644 .github/workflows/stale.yml
 delete mode 100644 .travis.yml

diff --git a/.github/workflows/app.yml b/.github/workflows/app.yml
index 415098f8..bc080ac7 100644
--- a/.github/workflows/app.yml
+++ b/.github/workflows/app.yml
@@ -1,21 +1,15 @@
 name: App
 
-on:
-  push:
-    branches: [ develop ]
-  pull_request:
-    branches: [ develop ]
+on: [push, pull_request]
 
 jobs:
   build:
-
     runs-on: ubuntu-latest
 
     steps:
     - uses: actions/checkout@v2
-      
     - name: Install Node.js
       uses: actions/setup-node@v1
-        
-    - run: npm lint
-    - run: npm build
+    - run: npm install
+    - run: npm run lint
+    - run: npm run build
diff --git a/.github/workflows/stale.yml b/.github/workflows/stale.yml
new file mode 100644
index 00000000..a446e4f8
--- /dev/null
+++ b/.github/workflows/stale.yml
@@ -0,0 +1,17 @@
+name: "Close stale issues"
+
+on:
+  schedule:
+  - cron: "0 0 * * *"
+
+jobs:
+  stale:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/stale@v3
+      with:
+        repo-token: ${{ secrets.STALE_GITHUB_TOKEN }}
+        stale-issue-message: 'This issue is stale because it has been open 30 days with no activity. Please provide more details or this will be closed in 5 days'
+        days-before-stale: 30
+        days-before-close: 5
+        exempt-issue-labels: 'bug,known issue,project,feature,enhancement'
diff --git a/.travis.yml b/.travis.yml
deleted file mode 100644
index f7d61317..00000000
--- a/.travis.yml
+++ /dev/null
@@ -1,16 +0,0 @@
-language: node_js
-node_js:
-  - 10
-
-script:
-  - npm run lint
-  - npm run build
-
-notifications:
-  email: false
-
-  slack:
-    rooms:
-      secure: lbyfXNJ/qElXhOO58x9XGJno+AWOV96w1JlgMf1n6jnYvVn9sk9PAFzMEeqQzt973jZC9Ur6zu3abXvND4mxf4y/b/ocn0YmA+TwQRrj6/v+s2EUVzQXdlUzSlXScYhUDJKASDL0bA6dlX+gWDZ4J776vc5XeFnAzVxa6UltoxrpRp5xVzohcKXb+FKMBuY6gARM4VsUYnAH7r4UX4wrTyATj3Ei4+w/bnmNDGhlpqRsQUebmKW8+64vPGF3pq/zAG29xC96Z0O03KAC/4LEryoWCccmDdwJ2fzueR0qviCuf2mzHYFOzhaWQap9RN0JaofpgvXyIwxB5QiuSxDjQMO06iBbAbsSWE0Ry/q1akJVB1LdM0yeSApmT0roHEUEMd93I3Pw1YizTAC8d7EAx1wyUxycvy7t8DZCgstENhw8PhpJxJ0wMw2fJm+CThqrXzoCjpp5l9csVN1okN0v73ttazOZY6880N4MKpxi9q9zkftrZCTVO9hTQqe7XBdp+9K3Mts2k/0foELmB/jyHTLJGaMze5pbwtj8RriuwcNOzx0NHrQpOFco6JGMe5wlunUKYGdg8Hc1zGCMAjwYPRYJjmjGYRll2VwCqO+UcpCsxS921mFI2e+bFBdULCsjv+VQ6B2qJeuSaQimUtGBDL5jRp/MDMb44edZtTpJjN0=
-    on_failure: always
-    on_success: change

From b3f2f2fe39cfd1f157ce444127ff89f1eb113b73 Mon Sep 17 00:00:00 2001
From: Ivan Kravets <me@ikravets.com>
Date: Wed, 9 Sep 2020 20:25:01 +0300
Subject: [PATCH 04/22] Run Stale action every 3 mins

---
 .github/workflows/stale.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/stale.yml b/.github/workflows/stale.yml
index a446e4f8..57a12b75 100644
--- a/.github/workflows/stale.yml
+++ b/.github/workflows/stale.yml
@@ -2,7 +2,7 @@ name: "Close stale issues"
 
 on:
   schedule:
-  - cron: "0 0 * * *"
+  - cron: "*/3 0 * * *"
 
 jobs:
   stale:

From 5b08f1aac7ae629495accfa4bc46ae48496ad2e4 Mon Sep 17 00:00:00 2001
From: Ivan Kravets <me@ikravets.com>
Date: Wed, 9 Sep 2020 20:29:04 +0300
Subject: [PATCH 05/22] Run Stale action every 3 mins

---
 .github/workflows/stale.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/stale.yml b/.github/workflows/stale.yml
index 57a12b75..acb32a17 100644
--- a/.github/workflows/stale.yml
+++ b/.github/workflows/stale.yml
@@ -2,7 +2,7 @@ name: "Close stale issues"
 
 on:
   schedule:
-  - cron: "*/3 0 * * *"
+  - cron: "*/3 * * * *"
 
 jobs:
   stale:

From 3e0ca5ba03cbe41e66c17d23c7fcf6390bcf59d0 Mon Sep 17 00:00:00 2001
From: Ivan Kravets <me@ikravets.com>
Date: Wed, 9 Sep 2020 20:35:25 +0300
Subject: [PATCH 06/22] Run every minute CI/Stale issues

---
 .github/workflows/stale.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/stale.yml b/.github/workflows/stale.yml
index acb32a17..d49de697 100644
--- a/.github/workflows/stale.yml
+++ b/.github/workflows/stale.yml
@@ -2,7 +2,7 @@ name: "Close stale issues"
 
 on:
   schedule:
-  - cron: "*/3 * * * *"
+    - cron: "* * * * *"
 
 jobs:
   stale:

From 35377f86bcd5cac6b9b65771edd77d18b373ea4c Mon Sep 17 00:00:00 2001
From: Ivan Kravets <me@ikravets.com>
Date: Wed, 9 Sep 2020 20:39:45 +0300
Subject: [PATCH 07/22] Test 1

---
 .github/workflows/stale2.yml | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 .github/workflows/stale2.yml

diff --git a/.github/workflows/stale2.yml b/.github/workflows/stale2.yml
new file mode 100644
index 00000000..085f5aeb
--- /dev/null
+++ b/.github/workflows/stale2.yml
@@ -0,0 +1,17 @@
+name: "Close stale issues2"
+
+on:
+  schedule:
+    - cron: "* * * * *"
+
+jobs:
+  stale:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/stale@v3
+      with:
+        repo-token: ${{ secrets.STALE_GITHUB_TOKEN }}
+        stale-issue-message: 'This issue is stale because it has been open 30 days with no activity. Please provide more details or this will be closed in 5 days'
+        days-before-stale: 30
+        days-before-close: 5
+        exempt-issue-labels: 'bug,known issue,project,feature,enhancement'

From 9f0c3b1f8d88b8fefce733dc0b9d2dc5fe7da648 Mon Sep 17 00:00:00 2001
From: Ivan Kravets <me@ikravets.com>
Date: Wed, 9 Sep 2020 20:41:26 +0300
Subject: [PATCH 08/22] Remove duplicated workflow

---
 .github/workflows/stale2.yml | 17 -----------------
 1 file changed, 17 deletions(-)
 delete mode 100644 .github/workflows/stale2.yml

diff --git a/.github/workflows/stale2.yml b/.github/workflows/stale2.yml
deleted file mode 100644
index 085f5aeb..00000000
--- a/.github/workflows/stale2.yml
+++ /dev/null
@@ -1,17 +0,0 @@
-name: "Close stale issues2"
-
-on:
-  schedule:
-    - cron: "* * * * *"
-
-jobs:
-  stale:
-    runs-on: ubuntu-latest
-    steps:
-    - uses: actions/stale@v3
-      with:
-        repo-token: ${{ secrets.STALE_GITHUB_TOKEN }}
-        stale-issue-message: 'This issue is stale because it has been open 30 days with no activity. Please provide more details or this will be closed in 5 days'
-        days-before-stale: 30
-        days-before-close: 5
-        exempt-issue-labels: 'bug,known issue,project,feature,enhancement'

From e52f8726f10ffacb2b64774d830278b7b5e61542 Mon Sep 17 00:00:00 2001
From: Ivan Kravets <me@ikravets.com>
Date: Wed, 9 Sep 2020 20:59:29 +0300
Subject: [PATCH 09/22] Run stale bot once per day

---
 .github/workflows/stale.yml | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/stale.yml b/.github/workflows/stale.yml
index d49de697..84fef9ad 100644
--- a/.github/workflows/stale.yml
+++ b/.github/workflows/stale.yml
@@ -2,7 +2,7 @@ name: "Close stale issues"
 
 on:
   schedule:
-    - cron: "* * * * *"
+    - cron: "0 0 * * *"
 
 jobs:
   stale:
@@ -11,7 +11,7 @@ jobs:
     - uses: actions/stale@v3
       with:
         repo-token: ${{ secrets.STALE_GITHUB_TOKEN }}
-        stale-issue-message: 'This issue is stale because it has been open 30 days with no activity. Please provide more details or this will be closed in 5 days'
+        stale-issue-message: "This issue is stale because it has been open 30 days with no activity. Please provide more details or this will be closed in 5 days."
         days-before-stale: 30
         days-before-close: 5
-        exempt-issue-labels: 'bug,known issue,project,feature,enhancement'
+        exempt-issue-labels: "bug,known issue,project,feature,enhancement"

From b173d74989c9babb188067a510c71b81296ab6ee Mon Sep 17 00:00:00 2001
From: Ivan Kravets <me@ikravets.com>
Date: Wed, 9 Sep 2020 21:14:41 +0300
Subject: [PATCH 10/22] Switch to stale bot

---
 .github/stale.yml           | 20 ++++++++++++++++++++
 .github/workflows/stale.yml | 17 -----------------
 2 files changed, 20 insertions(+), 17 deletions(-)
 create mode 100644 .github/stale.yml
 delete mode 100644 .github/workflows/stale.yml

diff --git a/.github/stale.yml b/.github/stale.yml
new file mode 100644
index 00000000..7fa5a384
--- /dev/null
+++ b/.github/stale.yml
@@ -0,0 +1,20 @@
+# Number of days of inactivity before an issue becomes stale
+daysUntilStale: 60
+# Number of days of inactivity before a stale issue is closed
+daysUntilClose: 7
+# Issues with these labels will never be considered stale
+exemptLabels:
+  - bug
+  - known issue
+  - project
+  - feature
+  - enhancement
+# Label to use when marking an issue as stale
+staleLabel: wontfix
+# Comment to post when marking an issue as stale. Set to `false` to disable
+markComment: >
+  This issue has been automatically marked as stale because it has not had
+  recent activity. Pelase provide more details or it will be closed if no
+  further activity occurs. Thank you for your contributions.
+# Comment to post when closing a stale issue. Set to `false` to disable
+closeComment: false
diff --git a/.github/workflows/stale.yml b/.github/workflows/stale.yml
deleted file mode 100644
index 84fef9ad..00000000
--- a/.github/workflows/stale.yml
+++ /dev/null
@@ -1,17 +0,0 @@
-name: "Close stale issues"
-
-on:
-  schedule:
-    - cron: "0 0 * * *"
-
-jobs:
-  stale:
-    runs-on: ubuntu-latest
-    steps:
-    - uses: actions/stale@v3
-      with:
-        repo-token: ${{ secrets.STALE_GITHUB_TOKEN }}
-        stale-issue-message: "This issue is stale because it has been open 30 days with no activity. Please provide more details or this will be closed in 5 days."
-        days-before-stale: 30
-        days-before-close: 5
-        exempt-issue-labels: "bug,known issue,project,feature,enhancement"

From 3ac87afead9d229fef1609b63b0c896ddac850bf Mon Sep 17 00:00:00 2001
From: Ivan Kravets <me@ikravets.com>
Date: Wed, 9 Sep 2020 21:18:08 +0300
Subject: [PATCH 11/22] Typo fix

---
 .github/stale.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/stale.yml b/.github/stale.yml
index 7fa5a384..70b5d0d0 100644
--- a/.github/stale.yml
+++ b/.github/stale.yml
@@ -14,7 +14,7 @@ staleLabel: wontfix
 # Comment to post when marking an issue as stale. Set to `false` to disable
 markComment: >
   This issue has been automatically marked as stale because it has not had
-  recent activity. Pelase provide more details or it will be closed if no
+  recent activity. Please provide more details or it will be closed if no
   further activity occurs. Thank you for your contributions.
 # Comment to post when closing a stale issue. Set to `false` to disable
 closeComment: false

From 444e59fa4b988de40cd9ca06563f4d5f8cf36faf Mon Sep 17 00:00:00 2001
From: Ivan Kravets <me@ikravets.com>
Date: Wed, 9 Sep 2020 21:22:13 +0300
Subject: [PATCH 12/22] Use "stale" label for bot

---
 .github/stale.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/stale.yml b/.github/stale.yml
index 70b5d0d0..45faa989 100644
--- a/.github/stale.yml
+++ b/.github/stale.yml
@@ -10,7 +10,7 @@ exemptLabels:
   - feature
   - enhancement
 # Label to use when marking an issue as stale
-staleLabel: wontfix
+staleLabel: stale
 # Comment to post when marking an issue as stale. Set to `false` to disable
 markComment: >
   This issue has been automatically marked as stale because it has not had

From 9460340b7dff93255bafc9fc403637d7c5d57bd2 Mon Sep 17 00:00:00 2001
From: Ivan Kravets <me@ikravets.com>
Date: Sat, 12 Sep 2020 13:39:13 +0300
Subject: [PATCH 13/22] Set daysUntilStale to 30

---
 .github/stale.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/stale.yml b/.github/stale.yml
index 45faa989..e34d8a49 100644
--- a/.github/stale.yml
+++ b/.github/stale.yml
@@ -1,5 +1,5 @@
 # Number of days of inactivity before an issue becomes stale
-daysUntilStale: 60
+daysUntilStale: 30
 # Number of days of inactivity before a stale issue is closed
 daysUntilClose: 7
 # Issues with these labels will never be considered stale

From 929cd4c61d1032ce65fc8b39952d545f4b504e89 Mon Sep 17 00:00:00 2001
From: Valerii Koval <valeros@users.noreply.github.com>
Date: Thu, 24 Sep 2020 22:02:15 +0300
Subject: [PATCH 14/22] Fix wording

---
 app/modules/project/containers/examples-modal.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/modules/project/containers/examples-modal.jsx b/app/modules/project/containers/examples-modal.jsx
index 1b42b97b..1894e6fd 100644
--- a/app/modules/project/containers/examples-modal.jsx
+++ b/app/modules/project/containers/examples-modal.jsx
@@ -143,7 +143,7 @@ class ProjectExamplesModal extends React.Component {
               </a>
               . Please install more platforms to see the new examples.
             </p>
-            Examples already contain pre-configured build environemnts (boards, flags,
+            Examples already contain pre-configured build environments (boards, flags,
             etc.). You can edit them later in{' '}
             <a
               onClick={() =>
@@ -152,7 +152,7 @@ class ProjectExamplesModal extends React.Component {
             >
               Project Configuration File &quot;platformio.ini&quot;
             </a>{' '}
-            located in a root of project.
+            located in the root of your project.
           </div>
         )}
         <Select

From fefbfd323353c67816f2700573296458b72baea3 Mon Sep 17 00:00:00 2001
From: Ivan Kravets <me@ikravets.com>
Date: Fri, 2 Oct 2020 13:25:53 +0300
Subject: [PATCH 15/22] Update daysUntilStale to 60 days

---
 .github/stale.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/stale.yml b/.github/stale.yml
index e34d8a49..45faa989 100644
--- a/.github/stale.yml
+++ b/.github/stale.yml
@@ -1,5 +1,5 @@
 # Number of days of inactivity before an issue becomes stale
-daysUntilStale: 30
+daysUntilStale: 60
 # Number of days of inactivity before a stale issue is closed
 daysUntilClose: 7
 # Issues with these labels will never be considered stale

From 7369e04f72679cab2bc88fe146bbc25eb65e3509 Mon Sep 17 00:00:00 2001
From: Ivan Kravets <me@ikravets.com>
Date: Tue, 27 Oct 2020 19:54:23 +0200
Subject: [PATCH 16/22] Switch to webpack 5.0

---
 package.json                   | 10 +++---
 scripts/webpack.common.js      | 62 ++++++++++++++++++++++++++--------
 scripts/webpack.dev.config.js  |  2 +-
 scripts/webpack.prod.config.js |  1 -
 4 files changed, 55 insertions(+), 20 deletions(-)

diff --git a/package.json b/package.json
index 09257875..7d277a6e 100755
--- a/package.json
+++ b/package.json
@@ -8,9 +8,9 @@
   },
   "main": "''",
   "scripts": {
-    "start": "webpack-dev-server --config ./scripts/webpack.dev.config.js --progress --profile --colors",
-    "start:light": "PIOHOME_THEME=light webpack-dev-server --config ./scripts/webpack.dev.config.js --progress --profile --colors --port 9001",
-    "build": "NODE_ENV=production webpack --config ./scripts/webpack.prod.config.js --progress --profile --colors",
+    "start": "webpack serve --config ./scripts/webpack.dev.config.js --progress --profile --color",
+    "start:light": "PIOHOME_THEME=light serve --config ./scripts/webpack.dev.config.js --progress --profile --color --port 9001",
+    "build": "NODE_ENV=production webpack --config ./scripts/webpack.prod.config.js --progress --profile --color",
     "lint": "eslint --ext js --ext jsx app",
     "format": "prettier --write \"app/**/*.js*\" \"app/**/*.less\"",
     "sizeinspect": "ANALYZE=1 npm run build"
@@ -71,8 +71,10 @@
     "url-loader": "~4.1.0",
     "webpack": "~4.44.1",
     "webpack-bundle-analyzer": "~3.8.0",
+    "webpack": "~5.3.0",
+    "webpack-bundle-analyzer": "~3.9.0",
     "webpack-cleanup-plugin": "~0.5.1",
-    "webpack-cli": "~3.3.12",
+    "webpack-cli": "~4.1.0",
     "webpack-dev-server": "~3.11.0"
   },
   "themes": {
diff --git a/scripts/webpack.common.js b/scripts/webpack.common.js
index 043515ec..2967783e 100644
--- a/scripts/webpack.common.js
+++ b/scripts/webpack.common.js
@@ -52,58 +52,92 @@ module.exports = {
     {
       test: /\.jsx?$/,
       exclude: /(node_modules|bower_components|public\/)/,
-      loader: 'babel-loader',
-      options: {
-        plugins: [['import', { libraryName: 'antd', style: true }]]
-      }
+      use: [
+        {
+          loader: 'babel-loader',
+          options: {
+            plugins: [['import', { libraryName: 'antd', style: true }]]
+          }
+        }
+      ]
     },
     {
       test: /\.css$/,
-      loaders: ['style-loader', 'css-loader?importLoaders=1'],
+      use: [
+        { loader: 'style-loader' },
+        { loader: 'css-loader', options: { importLoaders: true } }
+      ],
       exclude: /node_modules/
     },
     {
       test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
       exclude: /(node_modules|bower_components)/,
-      loader: 'file-loader'
+      use: [{ loader: 'file-loader' }]
     },
     {
       test: /\.(woff|woff2)$/,
       exclude: /(node_modules|bower_components)/,
-      loader: 'url-loader?prefix=font/&limit=5000'
+      use: [{ loader: 'url-loader', options: { prefix: 'font/', limit: 5000 } }]
     },
     {
       test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
       exclude: /(node_modules|bower_components)/,
-      loader: 'url-loader?limit=10000&mimetype=application/octet-stream'
+      use: [
+        {
+          loader: 'url-loader',
+          options: { mimetype: 'application/octet-stream', limit: 10000 }
+        }
+      ]
     },
     {
       test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
       exclude: /(node_modules|bower_components)/,
-      loader: 'url-loader?limit=10000&mimetype=image/svg+xml'
+      use: [
+        {
+          loader: 'url-loader',
+          options: { mimetype: 'image/svg+xml', limit: 10000 }
+        }
+      ]
     },
     {
       test: /\.gif/,
       exclude: /(node_modules|bower_components)/,
-      loader: 'url-loader?limit=10000&mimetype=image/gif'
+      use: [
+        {
+          loader: 'url-loader',
+          options: { mimetype: 'image/gif', limit: 10000 }
+        }
+      ]
     },
     {
       test: /\.jpg/,
       exclude: /(node_modules|bower_components)/,
-      loader: 'url-loader?limit=10000&mimetype=image/jpg'
+      use: [
+        {
+          loader: 'url-loader',
+          options: { mimetype: 'image/jpg', limit: 10000 }
+        }
+      ]
     },
     {
       test: /\.png/,
       exclude: /(node_modules|bower_components)/,
-      loader: 'url-loader?limit=10000&mimetype=image/png'
+      use: [
+        {
+          loader: 'url-loader',
+          options: { mimetype: 'image/image/png', limit: 10000 }
+        }
+      ]
     }
   ],
 
   plugins: [
-    new WebpackCleanupPlugin(),
+    // new WebpackCleanupPlugin(),
     new webpack.DefinePlugin({
       APP_VERSION: JSON.stringify(packageConfig.version)
     }),
-    new CopyWebpackPlugin([{ from: path.join(mediaDir, 'fonts'), to: 'fonts' }])
+    new CopyWebpackPlugin({
+      patterns: [{ from: path.join(mediaDir, 'fonts'), to: 'fonts' }]
+    })
   ]
 };
diff --git a/scripts/webpack.dev.config.js b/scripts/webpack.dev.config.js
index 60df5365..3dd16915 100755
--- a/scripts/webpack.dev.config.js
+++ b/scripts/webpack.dev.config.js
@@ -43,7 +43,7 @@ module.exports = {
               hmr: process.env.NODE_ENV === 'development'
             }
           },
-          'css-loader',
+          { loader: 'css-loader' },
           {
             loader: 'less-loader',
             options: {
diff --git a/scripts/webpack.prod.config.js b/scripts/webpack.prod.config.js
index 576350ff..4388c597 100755
--- a/scripts/webpack.prod.config.js
+++ b/scripts/webpack.prod.config.js
@@ -26,7 +26,6 @@ const extractThemeCSS = new MiniCssExtractPlugin({
 
 const plugins = [
   ...common.plugins,
-  new webpack.optimize.OccurrenceOrderPlugin(),
   extractThemeCSS,
   new HtmlWebpackPlugin({
     template: path.join(common.appDir, 'index.html'),

From 0285e7addb858142f2d989ddc4326d4b1c0262c2 Mon Sep 17 00:00:00 2001
From: Ivan Kravets <me@ikravets.com>
Date: Tue, 27 Oct 2020 19:54:34 +0200
Subject: [PATCH 17/22] Update deps

---
 .../project/components/draggable-tabs.jsx     |  2 +-
 package.json                                  | 56 +++++++++----------
 2 files changed, 28 insertions(+), 30 deletions(-)

diff --git a/app/modules/project/components/draggable-tabs.jsx b/app/modules/project/components/draggable-tabs.jsx
index d231a3ca..7ed5116c 100644
--- a/app/modules/project/components/draggable-tabs.jsx
+++ b/app/modules/project/components/draggable-tabs.jsx
@@ -16,7 +16,7 @@
 
 import { DndProvider, DragSource, DropTarget } from 'react-dnd';
 
-import HTML5Backend from 'react-dnd-html5-backend';
+import { HTML5Backend } from 'react-dnd-html5-backend';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { Tabs } from 'antd';
diff --git a/package.json b/package.json
index 7d277a6e..c610fd42 100755
--- a/package.json
+++ b/package.json
@@ -18,59 +18,57 @@
   "homepage": "https://platformio.org",
   "license": "Apache-2.0",
   "dependencies": {
-    "antd": "~3.26.16",
+    "antd": "~3.26.20",
     "clipboard": "~2.0.6",
     "highlight.js": "~9.18.1",
     "humanize": "~0.0.9",
-    "jsonrpc-lite": "~2.0.7",
-    "marked": "~1.1.1",
+    "jsonrpc-lite": "~2.2.0",
+    "marked": "~1.2.2",
     "prop-types": "~15.7.2",
     "querystringify": "~2.2.0",
-    "rc-animate": "~2.11.1",
+    "rc-animate": "~3.1.1",
     "react": "~16.13.1",
-    "react-dnd": "~10.0.2",
-    "react-dnd-html5-backend": "~10.0.2",
+    "react-dnd": "~11.1.3",
+    "react-dnd-html5-backend": "~11.1.3",
     "react-dom": "~16.13.1",
-    "react-ga": "~2.7.0",
+    "react-ga": "~3.2.0",
     "react-redux": "~5.1.2",
     "react-router-dom": "~4.3.1",
     "redux": "~4.0.5",
     "redux-saga": "~1.1.3",
     "sha.js": "~2.4.11",
-    "superagent": "~5.2.2",
+    "superagent": "~6.1.0",
     "url-parse": "~1.4.7"
   },
   "devDependencies": {
-    "@babel/core": "~7.11.5",
-    "@babel/plugin-proposal-class-properties": "~7.10.4",
-    "@babel/plugin-proposal-function-bind": "~7.11.5",
-    "@babel/plugin-proposal-object-rest-spread": "~7.11.0",
-    "@babel/preset-react": "~7.10.4",
+    "@babel/core": "~7.12.3",
+    "@babel/plugin-proposal-class-properties": "~7.12.1",
+    "@babel/plugin-proposal-function-bind": "~7.12.1",
+    "@babel/plugin-proposal-object-rest-spread": "~7.12.1",
+    "@babel/preset-react": "~7.12.1",
     "babel-eslint": "~10.1.0",
     "babel-loader": "~8.1.0",
-    "babel-plugin-import": "~1.13.0",
+    "babel-plugin-import": "~1.13.1",
     "babel-plugin-redux-saga": "~1.1.2",
-    "copy-webpack-plugin": "~5.1.1",
-    "css-loader": "~3.5.3",
-    "eslint": "~7.8.1",
-    "eslint-config-prettier": "~6.11.0",
-    "eslint-import-resolver-webpack": "~0.12.2",
-    "eslint-plugin-import": "~2.22.0",
+    "copy-webpack-plugin": "~6.2.1",
+    "css-loader": "~5.0.0",
+    "eslint": "~7.12.1",
+    "eslint-config-prettier": "~6.15.0",
+    "eslint-import-resolver-webpack": "~0.13.0",
+    "eslint-plugin-import": "~2.22.1",
     "eslint-plugin-prettier": "~3.1.4",
-    "eslint-plugin-react": "~7.20.6",
-    "file-loader": "~6.1.0",
-    "html-webpack-plugin": "~4.4.1",
+    "eslint-plugin-react": "~7.21.5",
+    "file-loader": "~6.2.0",
+    "html-webpack-plugin": "~4.5.0",
     "less": "~3.12.2",
     "less-loader": "~6.0.0",
-    "mini-css-extract-plugin": "~0.11.0",
+    "mini-css-extract-plugin": "~1.2.1",
     "obsolete-webpack-plugin": "~0.5.6",
     "prettier": "~1.19.1",
-    "react-hot-loader": "~4.12.21",
+    "react-hot-loader": "~4.13.0",
     "redux-logger": "~3.0.6",
-    "style-loader": "~1.2.1",
-    "url-loader": "~4.1.0",
-    "webpack": "~4.44.1",
-    "webpack-bundle-analyzer": "~3.8.0",
+    "style-loader": "~2.0.0",
+    "url-loader": "~4.1.1",
     "webpack": "~5.3.0",
     "webpack-bundle-analyzer": "~3.9.0",
     "webpack-cleanup-plugin": "~0.5.1",

From 0fe786e9cfa2c0372be9fd8cbbe3a38a5361d17f Mon Sep 17 00:00:00 2001
From: Ivan Kravets <me@ikravets.com>
Date: Tue, 27 Oct 2020 20:26:20 +0200
Subject: [PATCH 18/22] Fix error layout for pio check

---
 app/media/styles/modules/inspect.less            | 3 ++-
 app/modules/inspect/containers/configuration.jsx | 4 +++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/media/styles/modules/inspect.less b/app/media/styles/modules/inspect.less
index 39745f15..9cffaa3b 100644
--- a/app/media/styles/modules/inspect.less
+++ b/app/media/styles/modules/inspect.less
@@ -8,8 +8,9 @@
   }
 }
 
-.inspect-processing-page {
+.inspect-module {
   .inspect-config-console {
+    white-space: pre-line;
     background-color: @input-bg;
     border: 1px solid @input-border-color;
     border-radius: @border-radius-base;
diff --git a/app/modules/inspect/containers/configuration.jsx b/app/modules/inspect/containers/configuration.jsx
index a4c2bcbc..8680fb1e 100644
--- a/app/modules/inspect/containers/configuration.jsx
+++ b/app/modules/inspect/containers/configuration.jsx
@@ -274,7 +274,9 @@ class InspectionFormComponent extends React.Component {
             <div className="ant-form-item-label">
               <label>Errors</label>
             </div>
-            <div className="inspect-config-console">{this.props.error}</div>
+            <div className="inspect-config-console">
+              {this.props.error.replace(/\\\\n/g, '\n')}
+            </div>
           </div>
         )}
       </div>

From dfd7067c733352a7a8f88d21cfafeb45f43b3003 Mon Sep 17 00:00:00 2001
From: Ivan Kravets <me@ikravets.com>
Date: Tue, 27 Oct 2020 20:36:00 +0200
Subject: [PATCH 19/22] Call PIO Core as subprocess for the complex operations

---
 app/modules/account/components/token-form.jsx |  2 +-
 app/modules/device/sagas.js                   |  5 ++++-
 app/modules/inspect/sagas.js                  | 10 ++++++++--
 app/modules/library/sagas.js                  | 11 ++++++-----
 app/modules/platform/sagas.js                 | 15 +++++++++++----
 5 files changed, 30 insertions(+), 13 deletions(-)

diff --git a/app/modules/account/components/token-form.jsx b/app/modules/account/components/token-form.jsx
index 90f1a5d3..df525195 100644
--- a/app/modules/account/components/token-form.jsx
+++ b/app/modules/account/components/token-form.jsx
@@ -103,7 +103,7 @@ export default class AccountTokenForm extends React.Component {
                   )
                 }
               >
-                PIO Remote™
+                Remote Development
               </a>{' '}
               operations when you can not authenticate manually.
               <div>
diff --git a/app/modules/device/sagas.js b/app/modules/device/sagas.js
index e0450c95..eff35903 100644
--- a/app/modules/device/sagas.js
+++ b/app/modules/device/sagas.js
@@ -63,7 +63,10 @@ function* watchLoadMDNSDevices() {
       try {
         items = yield call(apiFetchData, {
           query: 'core.call',
-          params: [['device', 'list', '--mdns', '--json-output']]
+          params: [
+            ['device', 'list', '--mdns', '--json-output'],
+            { force_subprocess: true }
+          ]
         });
         yield put(updateEntity('mDNSDevices', items));
       } catch (err) {
diff --git a/app/modules/inspect/sagas.js b/app/modules/inspect/sagas.js
index 022f5ae2..3686e18e 100644
--- a/app/modules/inspect/sagas.js
+++ b/app/modules/inspect/sagas.js
@@ -46,7 +46,10 @@ function* _inspectMemory({ projectDir, env }) {
   const start = Date.now();
   yield call(apiFetchData, {
     query: 'core.call',
-    params: [['run', '-d', projectDir, '-e', env, '-t', 'sizedata']]
+    params: [
+      ['run', '-d', projectDir, '-e', env, '-t', 'sizedata'],
+      { force_subprocess: true }
+    ]
   });
 
   const buildDir = yield call(apiFetchData, {
@@ -78,7 +81,10 @@ function* _inspectCode({ projectDir, env }) {
   try {
     codeCheckResults = yield call(apiFetchData, {
       query: 'core.call',
-      params: [['check', '-d', projectDir, '-e', env, '--json-output']]
+      params: [
+        ['check', '-d', projectDir, '-e', env, '--json-output'],
+        { force_subprocess: true }
+      ]
     });
     yield _updateMetric('code', projectDir, env, Date.now() - start);
 
diff --git a/app/modules/library/sagas.js b/app/modules/library/sagas.js
index eab03c96..a89559b8 100644
--- a/app/modules/library/sagas.js
+++ b/app/modules/library/sagas.js
@@ -156,7 +156,7 @@ function* watchLoadBuiltinLibs() {
     try {
       items = yield call(apiFetchData, {
         query: 'core.call',
-        params: [['lib', 'builtin', '--json-output']]
+        params: [['lib', 'builtin', '--json-output'], { force_subprocess: true }]
       });
       yield put(updateEntity('builtinLibs', items));
     } catch (err) {
@@ -185,7 +185,7 @@ function* watchLoadInstalledLibs() {
           args = args.concat(['list', '--json-output']);
           const items = yield call(apiFetchData, {
             query: 'core.call',
-            params: [args]
+            params: [args, { force_subprocess: true }]
           });
           yield put(updateEntity(`installedLibs${storage.initialPath}`, items));
         } catch (err) {
@@ -219,7 +219,7 @@ function* fetchStorageUpdates(storage) {
   args = args.concat(['update', '--only-check', '--json-output']);
   return yield call(apiFetchData, {
     query: 'core.call',
-    params: [args]
+    params: [args, { force_subprocess: true }]
   });
 }
 
@@ -301,7 +301,7 @@ function* watchInstallLibrary() {
       args = args.concat(['install', lib]);
       result = yield call(apiFetchData, {
         query: 'core.call',
-        params: [args]
+        params: [args, { force_subprocess: true }]
       });
       yield put(notifySuccess('Congrats!', cleanupPackageManagerOutput(result)));
     } catch (err_) {
@@ -344,7 +344,8 @@ function* watchUninstallOrUpdateLibrary() {
                 storage.path,
                 action.type === actions.UNINSTALL_LIBRARY ? 'uninstall' : 'update',
                 pkg.__pkg_dir
-              ]
+              ],
+          { force_subprocess: true }
         ]
       });
 
diff --git a/app/modules/platform/sagas.js b/app/modules/platform/sagas.js
index 9c13eab1..b6129807 100644
--- a/app/modules/platform/sagas.js
+++ b/app/modules/platform/sagas.js
@@ -225,7 +225,10 @@ function* watchLoadPlatformUpdates() {
       try {
         const items = yield call(apiFetchData, {
           query: 'core.call',
-          params: [['platform', 'update', '--only-check', '--json-output']]
+          params: [
+            ['platform', 'update', '--only-check', '--json-output'],
+            { force_subprocess: true }
+          ]
         });
         yield put(updateEntity('platformUpdates', items));
       } catch (err) {
@@ -256,7 +259,10 @@ function* watchAutoCheckPlatformUpdates() {
   try {
     const result = yield call(apiFetchData, {
       query: 'core.call',
-      params: [['platform', 'update', '--only-check', '--json-output']]
+      params: [
+        ['platform', 'update', '--only-check', '--json-output'],
+        { force_subprocess: true }
+      ]
     });
     yield put(updateRouteBadge('/platforms/updates', result.length));
   } catch (err) {
@@ -273,7 +279,7 @@ function* watchInstallPlatform() {
 
       result = yield call(apiFetchData, {
         query: 'core.call',
-        params: [['platform', 'install', platform]]
+        params: [['platform', 'install', platform], { force_subprocess: true }]
       });
 
       ReactGA.timing({
@@ -311,7 +317,8 @@ function* watchUninstallOrUpdatePlatform() {
             'platform',
             action.type === actions.UNINSTALL_PLATFORM ? 'uninstall' : 'update',
             pkgDir
-          ]
+          ],
+          { force_subprocess: true }
         ]
       });
 

From 5515cec9572a08deb22031d46367a0f86bfbd7a8 Mon Sep 17 00:00:00 2001
From: Ivan Kravets <me@ikravets.com>
Date: Tue, 27 Oct 2020 20:41:39 +0200
Subject: [PATCH 20/22] Use disk name on Unix in file explorer

---
 app/modules/core/containers/file-explorer.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/modules/core/containers/file-explorer.jsx b/app/modules/core/containers/file-explorer.jsx
index 3d820ce2..ffe47da4 100644
--- a/app/modules/core/containers/file-explorer.jsx
+++ b/app/modules/core/containers/file-explorer.jsx
@@ -30,6 +30,7 @@ import {
   Tooltip
 } from 'antd';
 
+import { IS_WINDOWS } from '../../../config';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { connect } from 'react-redux';
@@ -347,7 +348,7 @@ class FileExplorer extends React.Component {
             <li key={item.path}>
               <Icon type="hdd" />
               <a onClick={() => this.onDidChangeRoot(item.path)} title={item.name}>
-                {item.path}
+                {!IS_WINDOWS && item.name ? item.name : item.path}
               </a>
             </li>
           ))}

From 952e44929192ba526987e5a6a9af7eddc9fb0c30 Mon Sep 17 00:00:00 2001
From: Ivan Kravets <me@ikravets.com>
Date: Tue, 27 Oct 2020 20:48:45 +0200
Subject: [PATCH 21/22] Fix an issue when update button is disabled for global
 libraries

---
 app/modules/library/components/storage-item.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/modules/library/components/storage-item.jsx b/app/modules/library/components/storage-item.jsx
index 92490984..580e40ce 100644
--- a/app/modules/library/components/storage-item.jsx
+++ b/app/modules/library/components/storage-item.jsx
@@ -175,12 +175,14 @@ export default class LibraryStorageItem extends React.Component {
                   loading={this.state.actionInProgress}
                   disabled={
                     this.state.actionInProgress ||
-                    this.props.item.versionWanted !== this.props.item.versionLatest
+                    (this.props.item.versionWanted &&
+                      this.props.item.versionWanted !== this.props.item.versionLatest)
                   }
                   onClick={e => this.onDidUninstallOrUpdateItem(e, 'update')}
                 >
                   {this.props.item.versionWanted
                     ? `Update to ${this.props.item.versionLatest}${
+                        this.props.item.versionWanted &&
                         this.props.item.versionWanted !== this.props.item.versionLatest
                           ? ' (incompatible)'
                           : ''

From bc488ae7f3d732ddc92c314cdc68dd6390331a0d Mon Sep 17 00:00:00 2001
From: Ivan Kravets <me@ikravets.com>
Date: Tue, 27 Oct 2020 20:50:30 +0200
Subject: [PATCH 22/22] Bump version to 3.3.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index c610fd42..d81a7125 100755
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "platformio-home",
-  "version": "3.3.0",
+  "version": "3.3.1",
   "description": "PlatformIO Home",
   "repository": {
     "type": "git",