first pass of auto upgrades

.README.template.md

@@ -14,6 +14,29 @@ $ yarn add @kay/komponents
 
 ## usage
 
-### storybook
+### demo
+
+the latest "automatic" (me copying over sftp manually) storybook is always on [juke.fr/komponents/](https://juke.fr/komponents/)
+
+### test suite
+
+playwright is used for testing
+
+```bash
+$ yarn test:setup # only needed once to download the browsers
+
+$ yarn test
+```
+
+playwright is cool because it gives you traces with screenshots you can go through step by step so yeah
+
+### tested upgrade
+
+the test suite can be used with npm-check-updates to mass upgrade the node modules and make sure stuff still (at least somewhat) works
+
+```bash
+$ yarn tested-upgrade
+```
+
+it will upgrade all the packages then run the test and do them one by one incrementally if that fails and not do any of the ones that makes the tests fail
 
-a storybook is availble on [komponents.comfy.center](https://komponents.comfy.center)

README.md

@@ -17,9 +17,32 @@ $ yarn add @kay/komponents
 
 ## usage
 
-### storybook
+### demo
+
+the latest "automatic" (me copying over sftp manually) storybook is always on [juke.fr/komponents/](https://juke.fr/komponents/)
+
+### test suite
+
+playwright is used for testing
+
+```bash
+$ yarn test:setup # only needed once to download the browsers
+
+$ yarn test
+```
+
+playwright is cool because it gives you traces with screenshots you can go through step by step so yeah
+
+### tested upgrade
+
+the test suite can be used with npm-check-updates to mass upgrade the node modules and make sure stuff still (at least somewhat) works
+
+```bash
+$ yarn tested-upgrade
+```
+
+it will upgrade all the packages then run the test and do them one by one incrementally if that fails and not do any of the ones that makes the tests fail
 
-a storybook is availble on [komponents.comfy.center](https://komponents.comfy.center)
 
 
 ## License

package.json

@@ -17,71 +17,75 @@
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
     "test-storybook": "test-storybook -s --verbose",
-    "test": "npx playwright install && yarn build && yarn build-storybook && concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"start-storybook --ci -p 6006\" \"wait-port 6006 && test-storybook -s --verbose\""
+    "test": "npx playwright install && yarn build && yarn build-storybook && concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"start-storybook --ci -p 6006\" \"wait-port 6006 && test-storybook -s --verbose\"",
+    "tested-upgrade": "ncu -du --doctorTest 'yarn test'"
   },
   "dependencies": {
-    "@chakra-ui/icons": "^2.0.2",
+    "@chakra-ui/icons": "^2.0.17",
     "@chakra-ui/react": "^2.2.1",
-    "@emotion/react": "^11.9.3",
-    "@emotion/styled": "^11.9.3",
+    "@emotion/react": "^11.10.5",
+    "@emotion/styled": "^11.10.5",
     "@react-three/a11y": "^3.0.0",
-    "@react-three/fiber": "^8.0.27",
-    "@reduxjs/toolkit": "^1.8.2",
-    "@semantic-release/changelog": "^6.0.1",
+    "@react-three/fiber": "^8.10.1",
+    "@reduxjs/toolkit": "^1.9.2",
+    "@semantic-release/changelog": "^6.0.2",
     "@semantic-release/git": "^10.0.1",
-    "@semantic-release/gitlab": "^9.3.2",
-    "@semantic-release/npm": "^9.0.1",
-    "framer-motion": "^6.3.15",
-    "next": "^12.1.6",
+    "@semantic-release/gitlab": "^10.0.2",
+    "@semantic-release/npm": "^9.0.2",
+    "framer-motion": "^8.5.4",
+    "next": "^13.1.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-spring": "^9.4.5",
-    "semantic-release": "^19.0.3",
-    "three": "^0.141.0"
+    "react-spring": "^9.6.1",
+    "semantic-release": "^20.1.0",
+    "three": "^0.149.0"
   },
   "devDependencies": {
-    "@a110/storybook-expand-all": "^1.0.9",
-    "@babel/core": "^7.18.6",
-    "@chakra-ui/storybook-addon": "^4.0.1",
+    "@a110/storybook-expand-all": "^1.1.1",
+    "@babel/core": "^7.20.12",
+    "@babel/plugin-proposal-decorators": "^7.20.13",
+    "@babel/plugin-proposal-export-default-from": "^7.18.10",
+    "@chakra-ui/storybook-addon": "^4.0.16",
     "@chakra-ui/utils": "^2.0.2",
-    "@next/bundle-analyzer": "^12.1.6",
-    "@next/eslint-plugin-next": "^12.1.6",
-    "@playwright/test": "^1.22.2",
-    "@storybook/addon-a11y": "^6.5.9",
-    "@storybook/addon-actions": "^6.5.9",
-    "@storybook/addon-essentials": "^6.5.9",
-    "@storybook/addon-interactions": "^6.5.9",
-    "@storybook/addon-jest": "^6.5.9",
-    "@storybook/addon-links": "^6.5.9",
-    "@storybook/addon-storyshots": "^6.5.9",
-    "@storybook/addon-storysource": "^6.5.9",
-    "@storybook/builder-webpack5": "^6.5.9",
+    "@next/bundle-analyzer": "^13.1.6",
+    "@next/eslint-plugin-next": "^13.1.6",
+    "@playwright/test": "^1.30.0",
+    "@storybook/addon-a11y": "^6.5.16",
+    "@storybook/addon-actions": "^6.5.16",
+    "@storybook/addon-essentials": "^6.5.16",
+    "@storybook/addon-interactions": "^6.5.16",
+    "@storybook/addon-jest": "^6.5.16",
+    "@storybook/addon-links": "^6.5.16",
+    "@storybook/addon-storyshots": "^6.5.16",
+    "@storybook/addon-storysource": "^6.5.16",
+    "@storybook/builder-webpack5": "^6.5.16",
     "@storybook/jest": "^0.0.10",
-    "@storybook/manager-webpack5": "^6.5.9",
-    "@storybook/mdx2-csf": "^0.0.3",
+    "@storybook/manager-webpack5": "^6.5.16",
+    "@storybook/mdx2-csf": "^0.0.4",
     "@storybook/react": "^6.5.9",
-    "@storybook/test-runner": "^0.3.0",
+    "@storybook/test-runner": "^0.9.3",
     "@storybook/testing-library": "^0.0.13",
-    "@types/node": "^18.0.0",
+    "@types/node": "^18.11.18",
     "@types/prismjs": "^1.26.0",
-    "@types/react": "^18.0.14",
-    "@types/react-dom": "^18.0.5",
+    "@types/react": "^18.0.27",
+    "@types/react-dom": "^18.0.10",
     "@types/react-lazy-load-image-component": "^1.5.2",
-    "@types/three": "^0.141.0",
-    "@typescript-eslint/eslint-plugin": "^5.29.0",
-    "@typescript-eslint/parser": "^5.29.0",
-    "axe-playwright": "^1.1.11",
-    "babel-jest": "^28.1.1",
-    "babel-loader": "^8.2.5",
+    "@types/three": "^0.148.1",
+    "@typescript-eslint/eslint-plugin": "^5.49.0",
+    "@typescript-eslint/parser": "^5.49.0",
+    "axe-playwright": "^1.1.12",
+    "babel-jest": "^29.4.1",
+    "babel-loader": "^9.1.2",
     "concurrently": "^7.6.0",
-    "eslint": "^8.18.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.30.1",
-    "eslint-plugin-storybook": "^0.5.13",
-    "jest": "27",
-    "prettier": "^2.7.1",
-    "typescript": "^4.7.4",
+    "eslint": "^8.33.0",
+    "eslint-config-prettier": "^8.6.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.32.1",
+    "eslint-plugin-storybook": "^0.6.10",
+    "jest": "29",
+    "npm-check-updates": "^16.6.3",
+    "prettier": "^2.8.3",
+    "typescript": "^4.9.4",
     "wait-port": "^1.0.4"
   }
 }