chore: Update packages version and ready for pnpm (#1333)

* Update eslint version and configuration for pnpm usage

* Add missing @babel/plugin-proposal-private-property-in-object

* Updated packages (update|move|add) with lint and format

---------

Co-authored-by: Priyankar Pal <88102392+priyankarpal@users.noreply.github.com>

Author: Angra974

.eslintrc.js

@@ -22,6 +22,10 @@ module.exports = {
   ignorePatterns: ['**/plays/index.js'],
 
   rules: {
+      // Note: you must disable the base rule as it can report incorrect errors
+    "no-unused-vars": "off",
+    "@typescript-eslint/no-unused-vars": "warn",
+
     'import/extensions': 0,
 
     'import/no-named-as-default-member': 0,

.gitignore

@@ -33,6 +33,14 @@ yarn.lock
 
 # play index
 src/plays/index.js
+plays/index.js
+src/plays/index.json
+plays/index.json
+
+
+# play test
+cypress/e2e/play.cy.ts
+
 
 # vscode setting
-.vscode
+.vscode

package.json

@@ -3,88 +3,84 @@
   "version": "1.0.0",
   "private": true,
   "dependencies": {
-    "@emotion/react": "^11.11.0",
+    "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
-    "@faker-js/faker": "^8.0.2",
-    "@giscus/react": "^2.0.3",
-    "@mui/icons-material": "^5.11.9",
-    "@mui/joy": "^5.0.0-alpha.79",
-    "@mui/material": "^5.9.1",
-    "@mui/styles": "^5.9.3",
-    "@nhost/react": "^0.9.0",
-    "@reduxjs/toolkit": "^1.9.2",
-    "@tensorflow-models/coco-ssd": "^2.2.2",
-    "@tensorflow/tfjs": "^4.2.0",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
-    "@types/lodash": "^4.14.182",
-    "@types/react": "^18.0.6",
-    "@types/react-dom": "^18.0.2",
+    "@faker-js/faker": "^8.1.0",
+    "@giscus/react": "^2.3.0",
+    "@mui/icons-material": "^5.14.13",
+    "@mui/joy": "5.0.0-beta.10",
+    "@mui/material": "^5.14.13",
+    "@mui/styles": "^5.14.13",
+    "@nhost/react": "^0.9.2",
+    "@reduxjs/toolkit": "^1.9.7",
+    "@tensorflow-models/coco-ssd": "^2.2.3",
+    "@tensorflow/tfjs": "^4.11.0",
     "add": "^2.0.6",
-    "axios": "^1.3.3",
-    "browser-image-compression": "^2.0.0",
+    "axios": "^1.5.1",
+    "browser-image-compression": "^2.0.2",
     "classnames": "^2.3.2",
-    "codemirror": "^5.65.7",
-    "date-fns": "^2.28.0",
+    "codemirror": "^5.65.15",
+    "date-fns": "^2.30.0",
     "dom-to-image": "^2.6.0",
-    "dompurify": "^3.0.3",
+    "dompurify": "^3.0.6",
     "downloadjs": "^1.4.7",
     "file-saver": "^2.0.5",
     "firebase": "9.9.0",
     "git-repo-api": "^0.0.17",
-    "graphql": "^16.5.0",
-    "highlight.js": "^11.7.0",
-    "html-to-image": "^1.9.0",
+    "graphql": "^16.8.1",
+    "highlight.js": "^11.9.0",
+    "html-to-image": "^1.11.11",
     "html2canvas": "^1.4.1",
-    "json-graphql-parser": "^0.1.8",
+    "json-graphql-parser": "^0.1.9",
     "jspdf": "^2.5.1",
-    "leaflet": "^1.9.3",
+    "leaflet": "^1.9.4",
     "lodash": "^4.17.21",
-    "mathjs": "^11.5.1",
+    "lodash.memoize": "^4.1.2",
+    "mathjs": "^11.11.2",
     "node-sass": "^8.0.0",
-    "p5": "^1.5.0",
-    "react": "^18.0.0",
-    "react-codemirror2": "^7.2.1",
+    "p5": "^1.7.0",
+    "react": "^18.2.0",
+    "react-codemirror2": "^7.3.0",
     "react-color": "^2.19.3",
     "react-confetti": "^6.1.0",
     "react-countdown": "^2.3.5",
-    "react-dom": "^18.0.0",
+    "react-dom": "^18.2.0",
     "react-dropzone": "^14.2.3",
     "react-error-boundary": "^3.1.4",
     "react-helmet": "^6.1.0",
-    "react-hot-toast": "^2.3.0",
-    "react-icons": "^4.3.1",
+    "react-hot-toast": "^2.4.1",
+    "react-icons": "^4.8.0",
     "react-infinite-scroll-component": "^6.1.0",
     "react-infinite-scroll-hook": "^4.1.1",
     "react-infinite-scroller": "^1.2.6",
-    "react-leaflet": "^4.2.0",
+    "react-leaflet": "^4.2.1",
     "react-loader-spinner": "~5.1.5",
-    "react-organizational-chart": "^2.1.1",
-    "react-p5": "^1.3.33",
-    "react-qr-code": "^2.0.7",
-    "react-redux": "^8.0.1",
-    "react-router-dom": "^6.4.0",
+    "react-organizational-chart": "^2.2.1",
+    "react-p5": "^1.4.1",
+    "react-qr-code": "^2.0.12",
+    "react-redux": "^8.1.3",
+    "react-router-dom": "^6.16.0",
     "react-scripts": "5.0.0",
     "react-shimmer-effect": "^1.0.9",
     "react-simple-maps": "^2.3.0",
-    "react-toastify": "^9.0.8",
+    "react-toastify": "^9.1.3",
     "react-twitter-widgets": "^1.11.0",
-    "react-webcam": "^7.0.1",
-    "redux": "^4.2.0",
+    "react-webcam": "^7.1.1",
+    "redux": "^4.2.1",
     "redux-persist": "^6.0.0",
     "remarkable": "^2.0.1",
-    "reselect": "^4.1.5",
-    "styled-components": "^6.0.8",
-    "swiper": "^9.3.2",
-    "url": "^0.11.0",
-    "web-vitals": "^2.1.0",
+    "reselect": "^4.1.8",
+    "styled-components": "^6.1.0",
+    "swiper": "^9.4.1",
+    "url": "^0.11.3",
+    "web-vitals": "^2.1.4",
     "workbox-cacheable-response": "^6.5.4",
-    "workbox-core": "^6.5.4",
-    "workbox-expiration": "^6.5.4",
-    "workbox-precaching": "^6.5.4",
-    "workbox-routing": "^6.5.4",
-    "workbox-strategies": "^6.5.4",
-    "workbox-window": "^6.5.4"
+    "workbox-core": "^7.0.0",
+    "workbox-expiration": "^7.0.0",
+    "workbox-precaching": "^7.0.0",
+    "workbox-routing": "^7.0.0",
+    "workbox-strategies": "^7.0.0",
+    "workbox-window": "^7.0.0"
   },
   "scripts": {
     "start:nolint": "npx --yes create-react-play@latest -p && react-scripts start",
@@ -126,30 +122,39 @@
     ]
   },
   "devDependencies": {
-    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@types/dompurify": "^3.0.2",
-    "@typescript-eslint/eslint-plugin": "^5.0.0",
-    "@typescript-eslint/parser": "^5.41.0",
-    "autoprefixer": "^10.4.7",
-    "cypress": "^10.6.0",
-    "eslint": "^8.0.1",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-config-standard-with-typescript": "^23.0.0",
-    "eslint-import-resolver-typescript": "^3.5.2",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-n": "^15.0.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-promise": "^6.0.0",
-    "eslint-plugin-react": "^7.31.10",
+    "@babel/plugin-transform-private-property-in-object": "^7.22.11",
+    "@tailwindcss/nesting": "0.0.0-insiders.565cd3e",
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^13.4.0",
+    "@types/dompurify": "^3.0.3",
+    "@types/lodash": "^4.14.199",
+    "@types/node": "^20.8.6",
+    "@types/p5": "^1.7.0",
+    "@types/react": "^18.2.28",
+    "@types/react-dom": "^18.2.13",
+    "@typescript-eslint/eslint-plugin": "6.4.0",
+    "@typescript-eslint/parser": "^6.7.5",
+    "autoprefixer": "^10.4.16",
+    "cypress": "^10.11.0",
+    "eslint": "^8.51.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-config-standard-with-typescript": "^39.1.1",
+    "eslint-import-resolver-typescript": "^3.6.1",
+    "eslint-plugin-import": "^2.28.1",
+    "eslint-plugin-n": "^16.2.0",
+    "eslint-plugin-prettier": "^5.0.1",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "husky": "^8.0.3",
-    "lint-staged": "^13.2.2",
-    "postcss": "^8.4.13",
-    "prettier": "^2.7.1",
-    "puppeteer": "^13.7.0",
+    "lint-staged": "^13.3.0",
+    "postcss": "^8.4.31",
+    "postcss-import": "^15.1.0",
+    "prettier": "^3.0.3",
+    "puppeteer": "^21.3.8",
     "react-snap": "^1.23.0",
     "tailwind-scrollbar": "^2.1.0",
-    "tailwindcss": "^3.0.24",
-    "typescript": "*"
+    "tailwindcss": "^3.3.3",
+    "typescript": "^5.2.2"
   }
 }