Upgraded everything

.babelrc

@@ -5,8 +5,6 @@
   ],
   "plugins": [
       "@babel/plugin-transform-runtime",
-      "@babel/plugin-proposal-class-properties",
-      "@babel/plugin-proposal-object-rest-spread",
       "@babel/plugin-syntax-dynamic-import"
   ]
 }

.github/workflows/publish.yml

@@ -0,0 +1,41 @@
+name: Deploy Explorer
+
+on:
+    workflow_dispatch:
+
+permissions:
+    contents: read
+    pages: write
+    id-token: write
+
+concurrency:
+    group: "pages"
+    cancel-in-progress: false
+
+jobs:
+    build-explorer:
+        runs-on: ubuntu-latest
+        steps:
+            - uses: actions/checkout@v4
+            - uses: actions/setup-node@v4
+              with:
+                node-version: 24.x
+                cache: yarn
+            - run: |
+                yarn install
+                gulp buildOfficialProd
+                rm -rf dist/report.html
+                cp ./dist/index.html ./dist/404.html
+            - uses: actions/upload-pages-artifact@v3
+              with:
+                  path: ./dist
+    deploy:
+        environment:
+            name: github-pages
+            url: ${{ steps.deployment.outputs.page_url }}
+        runs-on: ubuntu-latest
+        needs: build-explorer
+        steps:
+            - name: Deploy to GitHub Pages
+              id: deployment
+              uses: actions/deploy-pages@v4

.yarnrc.yml

@@ -0,0 +1,3 @@
+nodeLinker: node-modules
+
+yarnPath: .yarn/releases/yarn-4.9.2.cjs

gulpfile.js

@@ -15,7 +15,7 @@ config.package.data = JSON.parse(fs.readFileSync(config.package.source));
 
 function buildApp(vars, env, done) {
 
-    const cmd = `yarn run build:${env} ${Object.entries(vars).map(([k, v]) => `--env.${k}=${v}`).join(' ')}`;
+    const cmd = `yarn run build:${env} ${Object.entries(vars).map(([k, v]) => `--env ${k}=${v}`).join(' ')}`;
 
     exec(cmd, function (err, stdout, stderr) {
         console.log(stdout);
@@ -24,11 +24,8 @@ function buildApp(vars, env, done) {
     })
 }
 
-function clean() {
-    return del([
-        config.releaseDirectory + '/*',
-        config.releaseDirectory
-    ]);
+function clean(done) {
+    return del.deleteAsync(["dist"]);
 }
 
 function buildOfficialProd(done) {

manifest.json

@@ -1,13 +1,6 @@
 {
   "short_name": "Waves Explorer",
   "name": "Waves blockchain explorer",
-  "icons": [
-    {
-      "src": "favicon.png",
-      "sizes": "16x16",
-      "type": "image/png"
-    }
-  ],
   "start_url": "./index.html",
   "display": "standalone",
   "theme_color": "#000000",

package.json

@@ -9,7 +9,7 @@
     },
     "license": "Apache-2.0",
     "scripts": {
-        "start": "webpack-dev-server --hot --open --mode development --history-api-fallback --env.network=mainnet",
+        "start": "webpack serve --hot --open --mode development --history-api-fallback --env network=mainnet",
         "app:dev": "webpack --mode development --config=webpack.config.js",
         "app:prod": "webpack --mode production --config=webpack.config.js",
         "test": "jest",
@@ -18,73 +18,69 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.3.4",
-        "@sentry/browser": "^4.6.4",
+        "@sentry/browser": "^10.5.0",
         "@waves/node-api-js": "1.3.11-beta.1",
-        "@waves/ride-js": "2.2.9",
+        "@waves/ride-js": "^2.2.9",
         "@waves/signature-generator": "^5.0.0",
-        "amplitude-js": "^4.6.0-beta.2",
-        "axios": "0.21.4",
-        "decimal.js": "10.0.1",
-        "detect-browser": "^4.8.0",
-        "dexie": "^2.0.4",
-        "formik": "^1.5.8",
-        "json-bigint": "^0.3.0",
+        "amplitude-js": "^8.21.9",
+        "axios": "^1.11.0",
+        "decimal.js": "10.6.0",
+        "detect-browser": "^5.3.0",
+        "dexie": "^4.2.0",
+        "formik": "^2.4.6",
+        "json-bigint": "^1.0.0",
         "lodash": "^4.17.20",
-        "prop-types": "15.6.2",
-        "react": "16.14.0",
-        "react-copy-to-clipboard": "5.0.4",
-        "react-dom": "16.14.0",
-        "react-ga": "2.7.0",
-        "react-google-recaptcha": "^1.1.0",
-        "react-hot-loader": "4.13.0",
-        "react-infinite-scroller": "1.2.4",
-        "react-modal": "3.14.3",
-        "react-router": "5.2.1",
-        "react-router-dom": "5.3.0",
-        "react-scroll-up": "^1.3.7",
-        "react-tooltip": "^3.11.1",
-        "retry-axios": "^0.3.2",
-        "semver": "^6.3.0",
+        "prop-types": "15.8.1",
+        "react": "19.1.1",
+        "react-copy-to-clipboard-ts": "^1.3.0",
+        "react-dom": "19.1.1",
+        "react-ga4": "^2.1.0",
+        "react-google-recaptcha": "^3.1.0",
+        "react-infinite-scroller": "^1.2.6",
+        "react-modal": "3.16.3",
+        "react-router": "7.8.1",
+        "react-router-dom": "7.8.1",
+        "react-scroll-up": "^1.4.0",
+        "react-tooltip": "^5.29.1",
+        "retry-axios": "^3.1.3",
+        "semver": "^7.7.2",
         "valid-url": "^1.0.9"
     },
     "devDependencies": {
         "@babel/core": "^7.3.4",
-        "@babel/plugin-proposal-object-rest-spread": "^7.3.4",
-        "@babel/plugin-proposal-class-properties": "^7.3.4",
         "@babel/plugin-syntax-dynamic-import": "^7.2.0",
         "@babel/plugin-transform-runtime": "^7.3.4",
         "@babel/preset-env": "^7.3.4",
         "@babel/preset-react": "^7.0.0",
-        "babel-jest": "^24.8.0",
-        "babel-loader": "^8",
-        "copy-webpack-plugin": "4.5.2",
-        "css-loader": "1.0.0",
-        "enzyme": "^3.9.0",
-        "enzyme-adapter-react-16": "^1.11.2",
+        "@types/react": "^19.1.10",
+        "@types/react-dom": "^19.1.7",
+        "@waves/ts-lib-crypto": "^1.4.4-beta.1",
+        "babel-jest": "^30.0.5",
+        "babel-loader": "^10.0.0",
+        "copy-webpack-plugin": "13.0.1",
+        "crypto-browserify": "^3.12.1",
+        "css-loader": "^7.1.2",
+        "del": "^8.0.0",
+        "enzyme": "^3.11.0",
         "enzyme-to-json": "^3.3.5",
-        "file-loader": "1.1.11",
-        "gulp": "4.0.2",
-        "html-loader": "0.5.5",
-        "html-webpack-plugin": "3.2.0",
+        "file-loader": "6.2.0",
+        "gulp": "^5.0.1",
+        "html-loader": "^5.1.0",
+        "html-webpack-plugin": "5.6.4",
         "identity-obj-proxy": "^3.0.0",
-        "jest": "^24.9.0",
+        "jest": "^30.0.5",
         "lodash-webpack-plugin": "^0.11.5",
-        "node-sass": "^6.0.1",
-        "react-test-renderer": "^16.8.4",
-        "sass-loader": "7.0.3",
-        "sass-resources-loader": "1.3.3",
-        "style-loader": "0.21.0",
-        "webpack": "^4.26.0",
-        "webpack-bundle-analyzer": "3.3.2",
-        "webpack-cli": "3.1.2",
-        "webpack-dev-server": "^3.11.0"
+        "react-test-renderer": "^19.1.1",
+        "sass": "^1.90.0",
+        "sass-loader": "^16.0.5",
+        "sass-resources-loader": "2.2.5",
+        "stream-browserify": "^3.0.0",
+        "style-loader": "^4.0.0",
+        "vm-browserify": "^1.1.2",
+        "webpack": "^5.101.3",
+        "webpack-bundle-analyzer": "^4.10.2",
+        "webpack-cli": "^6.0.1",
+        "webpack-dev-server": "^5.2.2"
     },
-    "resolutions": {
-        "fstream": "1.0.12",
-        "istanbul-reports": "2.2.6",
-        "lodash": "4.17.15",
-        "lodash.mergewith": "4.6.2",
-        "minimatch": "3.0.4",
-        "mixin-deep": "1.3.2"
-    }
+    "packageManager": "yarn@4.9.2"
 }

src/index.html

@@ -1,14 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <!-- Google Tag Manager -->
-    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-    })(window,document,'script','dataLayer','GTM-52M7GHL');</script>
-    <!-- End Google Tag Manager -->
-
+    <base href="<%= htmlWebpackPlugin.options.base %>">
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="description" content="">
@@ -22,8 +15,8 @@
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
     -->
     <link href="/manifest.json" rel="manifest"/>
-    <link href="/favicon.png" type="image/png" rel="icon"/>
-    <link href="/favicon.png" type="image/png" rel="shortcut icon"/>
+<!--    <link href="/favicon.png" type="image/png" rel="icon"/>-->
+<!--    <link href="/favicon.png" type="image/png" rel="shortcut icon"/>-->
     <!-- <script type="text/javascript" src="config.js"></script> -->
     <title>Waves Explorer</title>
 </head>