chore: Update packages version and ready for pnpm (reactplay#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 <[email protected]>

.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"
  }
 }