Merge pull request #1285 from PADAS/ERA-11293

ERA-11293: Evaluate client-side memory consumption

Author: luixlive

.eslintrc

@@ -8,6 +8,12 @@
     "plugin:react/recommended"
   ],
   "parserOptions": {
+    "babelOptions": {
+      "presets": [
+        ["babel-preset-react-app", false],
+        "babel-preset-react-app/prod"
+      ]
+    },
     "ecmaVersion": 2018
   },
   "rules": {

.githooks/pre-commit

@@ -0,0 +1 @@
+module.exports = {};

__mocks__/css.js

@@ -0,0 +1,11 @@
+module.exports = new Proxy(
+  {},
+  {
+    get: (_target, key) => {
+      if (key === '__esModule') {
+        return true;
+      }
+      return key;
+    },
+  }
+);

__mocks__/scss.js

@@ -0,0 +1,5 @@
+const svgURL = 'SvgrURL';
+
+export default svgURL;
+
+export const ReactComponent = 'div';

__mocks__/svg.js

@@ -5,126 +5,176 @@
   "buildbranch": "generated_by_build",
   "buildnum": "also_generated_by_build",
   "dependencies": {
+    "@babel/core": "^7.16.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
     "@rjsf/bootstrap-4": "^5.24.8",
     "@rjsf/core": "^5.24.8",
     "@rjsf/utils": "^5.24.8",
     "@rjsf/validator-ajv6": "^5.24.8",
+    "@svgr/webpack": "^8.1.0",
     "@turf/turf": "^7.1.0",
     "ajv": "^8.17.1",
     "ajv-draft-04": "^1.0.0",
     "ajv-formats": "^3.0.1",
     "axios": "1.8.4",
     "axios-progress-bar": "^1.2.0",
-    "bootstrap": "5.3.3",
+    "babel-jest": "^29.7.0",
+    "babel-loader": "^10.0.0",
+    "babel-plugin-named-asset-import": "^0.3.8",
+    "babel-preset-react-app": "^10.0.1",
+    "bfj": "^9.1.2",
+    "bootstrap": "5.3.5",
+    "browserslist": "^4.18.1",
     "buffer": "^6.0.3",
+    "case-sensitive-paths-webpack-plugin": "^2.4.0",
+    "css-loader": "^7.1.2",
+    "css-minimizer-webpack-plugin": "^7.0.2",
     "date-fns": "^4.1.0",
+    "dotenv": "^16.4.7",
+    "dotenv-expand": "^12.0.1",
+    "eslint": "^8.10.0",
+    "eslint-config-react-app": "^7.0.1",
+    "eslint-webpack-plugin": "^5.0.1",
+    "file-loader": "^6.2.0",
+    "fs-extra": "^11.3.0",
     "geodesy": "^2.4.0",
+    "html-webpack-plugin": "^5.5.0",
     "humanize-duration": "^3.32.1",
-    "i18next": "^24.0.2",
+    "i18next": "^25.0.0",
     "i18next-browser-languagedetector": "^8.0.0",
     "i18next-chained-backend": "^4.6.2",
     "i18next-http-backend": "^3.0.1",
     "i18next-localstorage-backend": "^4.2.0",
+    "jest": "^29.7.0",
+    "jest-resolve": "^29.7.0",
+    "jest-watch-typeahead": "^2.2.2",
     "legacy-socket.io-client": "npm:socket.io-client@2.2.0",
     "localforage": "^1.10.0",
     "lodash-es": "^4.17.21",
     "mapbox-gl": "^3.8.0",
+    "mini-css-extract-plugin": "^2.4.5",
     "pluralize": "^8.0.0",
-    "prop-types": "^15.8.1",
-    "react": "^18.3.1",
+    "postcss": "^8.4.4",
+    "postcss-flexbugs-fixes": "^5.0.2",
+    "postcss-loader": "^8.1.1",
+    "postcss-normalize": "^13.0.1",
+    "postcss-preset-env": "^10.1.5",
+    "prompts": "^2.4.2",
+    "react": "^19.1.0",
     "react-bootstrap": "2.10.9",
     "react-collapsible": "^2.10.0",
-    "react-datepicker": "^7.5.0",
+    "react-datepicker": "^8.3.0",
     "react-debounce-render": "^8.0.2",
-    "react-dom": "^18.3.1",
-    "react-error-boundary": "^4.1.2",
+    "react-dev-utils": "^12.0.1",
+    "react-dom": "^19.1.0",
+    "react-error-boundary": "^5.0.0",
     "react-fast-compare": "^3.2.2",
     "react-flip-toolkit": "^7.2.4",
     "react-ga4": "^2.1.0",
     "react-i18next": "^15.1.2",
     "react-infinite-scroller": "^1.2.6",
     "react-js-pagination": "^3.0.3",
-    "react-pin-field": "^3.1.5",
+    "react-pin-field": "^4.0.2",
     "react-redux": "^9.1.2",
+    "react-refresh": "^0.17.0",
     "react-router-dom": "^7.0.1",
-    "react-scripts": "5.0.1",
     "react-select": "^5.8.3",
-    "react-spinners": "^0.15.0",
-    "react-to-print": "^3.0.2",
-    "react-toastify": "^10.0.6",
+    "react-spinners": "^0.16.1",
+    "react-to-print": "^3.0.6",
+    "react-toastify": "^11.0.5",
     "react-window": "^1.8.10",
     "redux": "^5.0.1",
     "redux-persist": "^5.10.0",
     "redux-promise": "^0.6.0",
     "redux-thunk": "^3.1.0",
     "reselect": "^5.1.1",
+    "resolve": "^1.20.0",
+    "resolve-url-loader": "^5.0.0",
+    "sass-loader": "^16.0.5",
+    "semver": "^7.3.5",
     "socket.io-client": "^4.8.1",
+    "source-map-loader": "^5.0.0",
+    "style-loader": "^4.0.0",
     "suncalc": "^1.9.0",
+    "tailwindcss": "^4.1.4",
+    "terser-webpack-plugin": "^5.2.5",
     "use-sound": "^5.0.0",
-    "uuid": "^11.0.3"
+    "uuid": "^11.0.3",
+    "webpack": "^5.98.0",
+    "webpack-dev-server": "^5.2.1",
+    "webpack-manifest-plugin": "^5.0.1",
+    "workbox-webpack-plugin": "^7.3.0"
   },
   "scripts": {
-    "start": "react-scripts start",
+    "start": "node react-scripts/start.js",
     "build-sw": "node ./src/sw-build.js",
     "clean-cra-sw": "rm -f build/precache-manifest.*.js && rm -f build/service-worker.js",
-    "build": "GENERATE_SOURCEMAP=false react-scripts build && npm run build-sw && npm run clean-cra-sw",
-    "test": "react-scripts test --transformIgnorePatterns \"node_modules/(?!geodesy)/\"",
-    "eject": "react-scripts eject",
+    "build": "GENERATE_SOURCEMAP=false node react-scripts/build.js && yarn build-sw && yarn clean-cra-sw",
+    "test": "node react-scripts/test.js",
     "lint": "CI=true eslint src",
     "stylelint": "node ./node_modules/stylelint/bin/stylelint.js ./src/**/*.scss",
-    "test-ci": "CI=true react-scripts test --silent --detectOpenHandles --forceExit --transformIgnorePatterns \"node_modules/(?!geodesy)/\"",
-    "test-cov": "yarn test-ci --coverage",
-    "posttest-cov": "jest-coverage-thresholds-bumper --margin=1",
+    "test-ci": "CI=true node react-scripts/test.js --silent --detectOpenHandles --forceExit",
     "postinstall": "sh setUpLocalGitConfig.sh"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.27.0",
     "@babel/runtime": "^7.27.0",
-    "@testing-library/dom": "^8.1.0",
-    "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^12.0.0",
-    "@testing-library/react-hooks": "^8.0.1",
-    "@testing-library/user-event": "^13.0.16",
-    "eslint": "^8.10.0",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-plugin-react": "^7.12.4",
     "eslint-plugin-react-hooks": "^5.2.0",
-    "jest-coverage-thresholds-bumper": "^1.0.1",
-    "jest-webgl-canvas-mock": "^0.2.3",
-    "madge": "^8.0.0",
-    "msw": "^2.7.3",
+    "jest-environment-jsdom": "^29.7.0",
+    "jest-fixed-jsdom": "^0.0.9",
+    "jest-webgl-canvas-mock": "^2.5.3",
+    "msw": "^2.7.4",
     "redux-mock-store": "^1.5.3",
     "sass": "^1.86.0",
     "socket.io-mock": "^1.3.2",
     "stylelint": "^16.17.0",
     "stylelint-config-css-modules": "^4.4.0",
-    "stylelint-config-standard": "^37.0.0",
-    "stylelint-scss": "^6.11.1",
-    "undici": "5.0.0"
+    "stylelint-config-standard": "^38.0.0",
+    "stylelint-scss": "^6.11.1"
   },
   "jest": {
-    "coverageThreshold": {
-      "global": {
-        "branches": 45.52,
-        "functions": 49.78,
-        "lines": 59.28,
-        "statements": 58.03
-      }
+    "moduleNameMapper": {
+      "\\.css": "<rootDir>/__mocks__/css.js",
+      ".+\\.module\\.scss": "<rootDir>/__mocks__/scss.js",
+      "\\.svg": "<rootDir>/__mocks__/svg.js"
     },
-    "coverageReporters": [
-      "html",
-      "json-summary"
+    "resetMocks": true,
+    "setupFilesAfterEnv": [
+      "<rootDir>/src/setupTests.js"
+    ],
+    "testEnvironment": "jest-fixed-jsdom",
+    "testMatch": [
+      "<rootDir>/src/**/*.test.{js,jsx}"
+    ],
+    "transform": {
+      "^.+\\.(js|jsx|mjs|cjs|ts|tsx)$": "<rootDir>/react-app-config/jest/babelTransform.js",
+      "^(?!.*\\.(js|jsx|mjs|cjs|ts|tsx|json)$)": "<rootDir>/react-app-config/jest/fileTransform.js"
+    },
+    "transformIgnorePatterns": [
+      "/node_modules/(?!(geodesy|lodash-es|nanoid|react-debounce-render|uuid)/)"
+    ],
+    "watchPlugins": [
+      "jest-watch-typeahead/filename",
+      "jest-watch-typeahead/testname"
     ]
   },
   "browserslist": [
     "last 1 chrome version",
     "last 1 firefox version",
     "last 1 safari version"
   ],
-  "resolutions": {
-    "resolve-url-loader": "5.0.0"
+  "babel": {
+    "presets": [
+      "react-app"
+    ]
   }
 }