Upgrade dependencies (#1566)

react-cosmos · Dec 2, 2023 · 0d38d4a · 0d38d4a
1 parent 1d2b9f6
commit 0d38d4a
Show file tree

Hide file tree

Showing 17 changed files with 3,146 additions and 2,379 deletions.
diff --git a/docs/package.json b/docs/package.json
@@ -11,12 +11,12 @@
     "serve": "http-server -p 3001 ./out"
   },
   "dependencies": {
-    "@svgr/webpack": "^8.0.1",
-    "autoprefixer": "^10.4.16",
-    "next": "^13.5.4",
-    "nextra": "^2.13.2",
-    "nextra-theme-docs": "^2.13.2",
-    "postcss": "^8.4.31",
-    "tailwindcss": "^3.3.3"
+    "@svgr/webpack": "8.1.0",
+    "autoprefixer": "10.4.16",
+    "next": "14.0.3",
+    "nextra": "2.13.2",
+    "nextra-theme-docs": "2.13.2",
+    "postcss": "8.4.32",
+    "tailwindcss": "3.3.5"
   }
 }
diff --git a/docs/pages/docs/dev/tech-debt.md b/docs/pages/docs/dev/tech-debt.md
@@ -5,4 +5,12 @@
 In general we keep dependencies up to date. The following packages, however, need to be pinned to a specific version:
 
 - `react-error-overlay@6.0.9` because of [this](https://github.com/facebook/create-react-app/issues/11773) and [this](https://github.com/react-cosmos/react-cosmos/issues/1359).
-- `open@4.x` because 5.x no longer works in Jest (until ESM is fully supported by Jest).
+- `styled-components@5.x` because [6.x added a breaking change](https://github.com/styled-components/styled-components/releases/tag/v6.0.0) where all component props that don't start with `$` ("transient props") are passed down to the underlying components, which in most cases are DOM elements that shouldn't receive random attributes. We can upgrade to 6.x safely after prefixing styled props with `$`.
+- `cypress@12.x` because installing 13.x fails with [this error](https://github.com/cypress-io/cypress/issues/27370). This could probably be fixed using dependency package resolutions (`string-width` or some other transient dependency). Not a priority because a) this problem might fix itself in time as Cypress and the conflicting dependencies evolve, and b) we might look at migrating Cypress tests to Playwright anyway.
+
+### Pure ESM in Node.js
+
+Some Node packages are pinned to their last CommonJS version until [ESM is fully supported in Jest](https://jestjs.io/docs/ecmascript-modules) or until we [migrate to Vitest](https://github.com/react-cosmos/react-cosmos/pull/1574) or another ESM compatible test runner:
+
+- `open@4.x`.
+- `pkg-up@4.x`.
diff --git a/examples/todo/package.json b/examples/todo/package.json
@@ -12,14 +12,14 @@
     "native": "cosmos-native"
   },
   "dependencies": {
-    "@vitejs/plugin-react": "^4.0.0",
+    "@vitejs/plugin-react": "4.2.0",
     "examples-shared": "6.0.0-beta.7",
-    "react": "^18.2.0",
+    "react": "18.2.0",
     "react-cosmos": "6.0.0-beta.7",
     "react-cosmos-plugin-boolean-input": "6.0.0-beta.7",
     "react-cosmos-plugin-open-fixture": "6.0.0-beta.7",
     "react-cosmos-plugin-vite": "6.0.0-beta.7",
-    "react-dom": "^18.2.0",
-    "vite": "^4.3.4"
+    "react-dom": "18.2.0",
+    "vite": "5.0.4"
   }
 }
diff --git a/examples/vite/package.json b/examples/vite/package.json
@@ -12,15 +12,15 @@
     "native": "cosmos-native"
   },
   "dependencies": {
-    "@mdx-js/rollup": "^2.3.0",
-    "@vitejs/plugin-react": "^4.0.0",
+    "@mdx-js/rollup": "3.0.0",
+    "@vitejs/plugin-react": "4.2.0",
     "examples-shared": "6.0.0-beta.7",
-    "react": "^18.2.0",
+    "react": "18.2.0",
     "react-cosmos": "6.0.0-beta.7",
     "react-cosmos-plugin-boolean-input": "6.0.0-beta.7",
     "react-cosmos-plugin-open-fixture": "6.0.0-beta.7",
     "react-cosmos-plugin-vite": "6.0.0-beta.7",
-    "react-dom": "^18.2.0",
-    "vite": "^4.3.4"
+    "react-dom": "18.2.0",
+    "vite": "5.0.4"
   }
 }
diff --git a/examples/webpack/package.json b/examples/webpack/package.json
@@ -12,18 +12,18 @@
     "native": "cosmos-native"
   },
   "dependencies": {
-    "@babel/core": "^7.21.8",
-    "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.21.5",
-    "@mdx-js/loader": "^2.3.0",
-    "babel-loader": "^9.1.2",
+    "@babel/core": "7.23.5",
+    "@babel/preset-react": "7.23.3",
+    "@babel/preset-typescript": "7.23.3",
+    "@mdx-js/loader": "3.0.0",
+    "babel-loader": "9.1.3",
     "examples-shared": "6.0.0-beta.7",
-    "react": "^18.2.0",
+    "react": "18.2.0",
     "react-cosmos": "6.0.0-beta.7",
     "react-cosmos-plugin-boolean-input": "6.0.0-beta.7",
     "react-cosmos-plugin-open-fixture": "6.0.0-beta.7",
     "react-cosmos-plugin-webpack": "6.0.0-beta.7",
-    "react-dom": "^18.2.0",
-    "webpack": "^5.82.0"
+    "react-dom": "18.2.0",
+    "webpack": "5.89.0"
   }
 }
diff --git a/package.json b/package.json
@@ -32,62 +32,62 @@
     "release:next": "yarn release:check && yarn lerna publish --dist-tag=next --exact -m \"[skip ci] %s\""
   },
   "devDependencies": {
-    "@skidding/async-retry": "^4.0.0",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^14.0.0",
-    "@types/express": "^4.17.17",
-    "@types/fuzzaldrin-plus": "^0.6.2",
-    "@types/isomorphic-fetch": "^0.0.36",
-    "@types/jest": "^29.5.1",
-    "@types/lodash-es": "^4.17.7",
-    "@types/micromatch": "^4.0.2",
-    "@types/node": "^18.16.3",
-    "@types/pem": "^1.9.6",
-    "@types/react": "^18.2.37",
-    "@types/react-dom": "^18.2.15",
-    "@types/react-is": "^18.2.4",
-    "@types/react-native": "^0.72.6",
-    "@types/react-test-renderer": "^18.0.6",
-    "@types/styled-components": "^5.1.26",
-    "@types/webpack-hot-middleware": "^2.25.6",
-    "@types/ws": "^8.5.4",
-    "@typescript-eslint/eslint-plugin": "^5.59.2",
-    "@typescript-eslint/parser": "^5.59.2",
-    "async-until": "^4.0.1",
-    "chalk": "5.2.0",
-    "create-react-class": "^15.7.0",
-    "css-loader": "^6.7.3",
-    "cypress": "12.11.0",
-    "eslint": "^8.39.0",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-react": "^7.32.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "glob": "^10.2.2",
-    "html-webpack-plugin": "^5.5.1",
-    "http-server": "^14.1.1",
-    "isomorphic-fetch": "^3.0.0",
-    "jest": "^29.5.0",
-    "jest-environment-jsdom": "^29.5.0",
-    "jest-styled-components": "^7.1.1",
-    "lerna": "^7.4.2",
-    "localforage": "^1.10.0",
+    "@skidding/async-retry": "4.0.0",
+    "@testing-library/jest-dom": "6.1.5",
+    "@testing-library/react": "14.1.2",
+    "@types/express": "4.17.21",
+    "@types/fuzzaldrin-plus": "0.6.5",
+    "@types/isomorphic-fetch": "0.0.39",
+    "@types/jest": "29.5.10",
+    "@types/lodash-es": "4.17.12",
+    "@types/micromatch": "4.0.6",
+    "@types/node": "20.10.2",
+    "@types/pem": "1.14.4",
+    "@types/react": "18.2.40",
+    "@types/react-dom": "18.2.17",
+    "@types/react-is": "18.2.4",
+    "@types/react-native": "0.72.7",
+    "@types/react-test-renderer": "18.0.7",
+    "@types/styled-components": "5.1.32",
+    "@types/webpack-hot-middleware": "2.25.9",
+    "@types/ws": "8.5.10",
+    "@typescript-eslint/eslint-plugin": "6.13.1",
+    "@typescript-eslint/parser": "6.13.1",
+    "async-until": "4.0.1",
+    "chalk": "5.3.0",
+    "create-react-class": "15.7.0",
+    "css-loader": "6.8.1",
+    "cypress": "12.17.4",
+    "eslint": "8.55.0",
+    "eslint-plugin-import": "2.29.0",
+    "eslint-plugin-react": "7.33.2",
+    "eslint-plugin-react-hooks": "4.6.0",
+    "glob": "10.3.10",
+    "html-webpack-plugin": "5.5.3",
+    "http-server": "14.1.1",
+    "isomorphic-fetch": "3.0.0",
+    "jest": "29.7.0",
+    "jest-environment-jsdom": "29.7.0",
+    "jest-styled-components": "7.2.0",
+    "lerna": "7.4.2",
+    "localforage": "1.10.0",
     "prettier": "3.1.0",
-    "prettier-plugin-organize-imports": "^3.2.4",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-is": "^18.2.0",
+    "prettier-plugin-organize-imports": "3.2.4",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-is": "18.2.0",
     "react-test-renderer": "18.2.0",
-    "source-map-loader": "^4.0.1",
-    "style-loader": "^3.3.2",
-    "styled-components": "^5.3.10",
-    "ts-jest": "^29.1.0",
-    "ts-jest-resolver": "^2.0.1",
-    "ts-loader": "^9.4.2",
-    "ts-node": "^10.9.1",
-    "typescript": "5.2.2",
-    "vite": "^4.3.4",
-    "webpack": "^5.82.0",
-    "webpack-cli": "^5.0.2",
-    "yargs": "^17.7.2"
+    "source-map-loader": "4.0.1",
+    "style-loader": "3.3.3",
+    "styled-components": "5.3.11",
+    "ts-jest": "29.1.1",
+    "ts-jest-resolver": "2.0.1",
+    "ts-loader": "9.5.1",
+    "ts-node": "10.9.1",
+    "typescript": "5.3.2",
+    "vite": "5.0.4",
+    "webpack": "5.89.0",
+    "webpack-cli": "5.1.4",
+    "yargs": "17.7.2"
   }
 }
diff --git a/packages/react-cosmos-core/package.json b/packages/react-cosmos-core/package.json
@@ -8,8 +8,8 @@
   "sideEffects": false,
   "main": "./dist/index.js",
   "dependencies": {
-    "js-base64": "^3.7.5",
-    "lodash-es": "^4.17.21",
-    "react-is": "^18.2.0"
+    "js-base64": "3.7.5",
+    "lodash-es": "4.17.21",
+    "react-is": "18.2.0"
   }
 }
diff --git a/packages/react-cosmos-dom/package.json b/packages/react-cosmos-dom/package.json
@@ -7,7 +7,7 @@
   "type": "module",
   "main": "./dist/index.js",
   "dependencies": {
-    "lodash-es": "^4.17.21",
+    "lodash-es": "4.17.21",
     "react-cosmos-core": "6.0.0-beta.7",
     "react-cosmos-renderer": "6.0.0-beta.7"
   }

diff --git a/packages/react-cosmos-next/package.json b/packages/react-cosmos-next/package.json
@@ -7,10 +7,10 @@
   "type": "module",
   "main": "./dist/index.js",
   "dependencies": {
-    "lodash-es": "^4.17.21",
+    "lodash-es": "4.17.21",
     "react-cosmos-core": "6.0.0-beta.7",
     "react-cosmos-dom": "6.0.0-beta.7",
     "react-cosmos-renderer": "6.0.0-beta.7",
-    "react-is": "^18.2.0"
+    "react-is": "18.2.0"
   }
 }
diff --git a/packages/react-cosmos-plugin-boolean-input/package.json b/packages/react-cosmos-plugin-boolean-input/package.json
@@ -8,6 +8,6 @@
   "main": "cosmos.plugin.json",
   "devDependencies": {
     "react-cosmos-ui": "6.0.0-beta.7",
-    "react-plugin": "^3.0.0-alpha.4"
+    "react-plugin": "3.0.0-alpha.4"
   }
 }
diff --git a/packages/react-cosmos-plugin-open-fixture/package.json b/packages/react-cosmos-plugin-open-fixture/package.json
@@ -8,6 +8,6 @@
   "main": "cosmos.plugin.json",
   "devDependencies": {
     "react-cosmos-ui": "6.0.0-beta.7",
-    "react-plugin": "^3.0.0-alpha.4"
+    "react-plugin": "3.0.0-alpha.4"
   }
 }
diff --git a/packages/react-cosmos-plugin-webpack/package.json b/packages/react-cosmos-plugin-webpack/package.json
@@ -7,16 +7,16 @@
   "type": "module",
   "main": "cosmos.plugin.json",
   "dependencies": {
-    "lodash-es": "^4.17.21",
+    "lodash-es": "4.17.21",
     "react-cosmos-core": "6.0.0-beta.7",
     "react-cosmos-dom": "6.0.0-beta.7",
     "react-error-overlay": "6.0.9",
-    "webpack-dev-middleware": "^6.1.0",
-    "webpack-hot-middleware": "^2.25.3"
+    "webpack-dev-middleware": "6.1.1",
+    "webpack-hot-middleware": "2.25.4"
   },
   "devDependencies": {
     "react-cosmos-ui": "6.0.0-beta.7",
-    "react-plugin": "^3.0.0-alpha.4"
+    "react-plugin": "3.0.0-alpha.4"
   },
   "peerDependencies": {
     "webpack": "*"

diff --git a/packages/react-cosmos-renderer/package.json b/packages/react-cosmos-renderer/package.json
@@ -11,8 +11,8 @@
     "./client": "./client.js"
   },
   "dependencies": {
-    "lodash-es": "^4.17.21",
+    "lodash-es": "4.17.21",
     "react-cosmos-core": "6.0.0-beta.7",
-    "react-is": "^18.2.0"
+    "react-is": "18.2.0"
   }
 }
diff --git a/packages/react-cosmos-ui/package.json b/packages/react-cosmos-ui/package.json
@@ -14,13 +14,13 @@
     "playground": "cosmos"
   },
   "dependencies": {
-    "lodash-es": "^4.17.21",
+    "lodash-es": "4.17.21",
     "react-cosmos-core": "6.0.0-beta.7"
   },
   "devDependencies": {
-    "fuzzaldrin-plus": "^0.6.0",
-    "localforage": "^1.10.0",
-    "react-plugin": "^3.0.0-alpha.4",
-    "styled-components": "^5.3.10"
+    "fuzzaldrin-plus": "0.6.0",
+    "localforage": "1.10.0",
+    "react-plugin": "3.0.0-alpha.4",
+    "styled-components": "5.3.11"
   }
 }
diff --git a/packages/react-cosmos/package.json b/packages/react-cosmos/package.json
@@ -7,21 +7,21 @@
   "type": "module",
   "main": "./index.js",
   "dependencies": {
-    "@skidding/launch-editor": "^2.2.3",
-    "chokidar": "^3.5.3",
-    "express": "^4.18.2",
-    "glob": "^10.2.2",
-    "http-proxy-middleware": "^2.0.6",
-    "lodash-es": "^4.17.21",
-    "micromatch": "^4.0.5",
-    "open": "^8.4.2",
-    "pem": "^1.14.7",
-    "pkg-up": "^4.0.0",
+    "@skidding/launch-editor": "2.2.3",
+    "chokidar": "3.5.3",
+    "express": "4.18.2",
+    "glob": "10.3.10",
+    "http-proxy-middleware": "2.0.6",
+    "lodash-es": "4.17.21",
+    "micromatch": "4.0.5",
+    "open": "8.4.2",
+    "pem": "1.14.8",
+    "pkg-up": "4.0.0",
     "react-cosmos-core": "6.0.0-beta.7",
     "react-cosmos-renderer": "6.0.0-beta.7",
     "react-cosmos-ui": "6.0.0-beta.7",
-    "ws": "^8.13.0",
-    "yargs": "^17.7.2"
+    "ws": "8.14.2",
+    "yargs": "17.7.2"
   },
   "bin": {
     "cosmos": "./bin/cosmos.js",

diff --git a/website/package.json b/website/package.json
@@ -10,9 +10,9 @@
     "export": "cosmos-export"
   },
   "dependencies": {
-    "isomorphic-fetch": "^3.0.0",
-    "react": "^18.2.0",
+    "isomorphic-fetch": "3.0.0",
+    "react": "18.2.0",
     "react-cosmos": "6.0.0-beta.7",
-    "react-dom": "^18.2.0"
+    "react-dom": "18.2.0"
   }
 }