From 8f6426c16a008f05b3c99bd7eb9ee6dea13ef349 Mon Sep 17 00:00:00 2001 From: Lachlan Campbell Date: Mon, 15 Jan 2024 21:42:49 -0500 Subject: [PATCH] chore: Upgrade Next.js Pages example to v14 (#2474) --- examples/next/package.json | 4 +- packages/e2e/integration/docs-navigation.ts | 2 +- pnpm-lock.yaml | 148 ++++++++++---------- 3 files changed, 78 insertions(+), 76 deletions(-) diff --git a/examples/next/package.json b/examples/next/package.json index de33a0531..9656968fa 100644 --- a/examples/next/package.json +++ b/examples/next/package.json @@ -15,9 +15,9 @@ "@emotion/react": "^11.11.1", "@mdx-js/loader": "^2.3.0", "@mdx-js/react": "^2.3.0", - "@next/mdx": "^13.4.5", + "@next/mdx": "^14.0.4", "@theme-ui/css": "workspace:^", - "next": "^13.5.0", + "next": "^14.0.4", "react": "^18.1.0", "react-dom": "^18", "theme-ui": "workspace:^" diff --git a/packages/e2e/integration/docs-navigation.ts b/packages/e2e/integration/docs-navigation.ts index e073f8d1c..50676b13a 100644 --- a/packages/e2e/integration/docs-navigation.ts +++ b/packages/e2e/integration/docs-navigation.ts @@ -39,7 +39,7 @@ describe('docs navigation', () => { (link) => link.textContent === 'Packages' )! - packagesLink.click() + packagesLink.click({ force: true }) }) for (const packageName of [ diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index a5d9713ee..803f4ed57 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -219,7 +219,7 @@ importers: version: 5.10.0(babel-eslint@10.1.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.1.3) gatsby-plugin-mdx: specifier: ^5 - version: 5.0.0(@mdx-js/react@2.3.0)(gatsby-source-filesystem@5.12.1)(gatsby@5.10.0)(react-dom@18.2.0)(react@18.2.0) + version: 5.0.0(@mdx-js/react@2.3.0)(gatsby-source-filesystem@5.13.0)(gatsby@5.10.0)(react-dom@18.2.0)(react@18.2.0) gatsby-plugin-theme-ui: specifier: workspace:^ version: link:../../packages/gatsby-plugin-theme-ui @@ -255,14 +255,14 @@ importers: specifier: ^2.3.0 version: 2.3.0(react@18.2.0) '@next/mdx': - specifier: ^13.4.5 - version: 13.4.5(@mdx-js/loader@2.3.0)(@mdx-js/react@2.3.0) + specifier: ^14.0.4 + version: 14.0.4(@mdx-js/loader@2.3.0)(@mdx-js/react@2.3.0) '@theme-ui/css': specifier: workspace:^ version: link:../../packages/css next: - specifier: ^13.5.0 - version: 13.5.0(@babel/core@7.22.5)(react-dom@18.2.0)(react@18.2.0) + specifier: ^14.0.4 + version: 14.0.4(@babel/core@7.22.5)(react-dom@18.2.0)(react@18.2.0) react: specifier: ^18.1.0 version: 18.2.0 @@ -1162,7 +1162,7 @@ importers: version: 5.1.1 tailwindcss: specifier: ^3.0.15 - version: 3.1.8(postcss@8.4.24) + version: 3.1.8(postcss@8.4.31) packages/test-utils: dependencies: @@ -4238,12 +4238,12 @@ packages: requiresBuild: true optional: true - /@next/env@13.5.0: - resolution: {integrity: sha512-mxhf/BskjPURT+qEjNP7wBvqre2q6OXEIbydF8BrH+duSSJQnB4/vzzuJDoahYwTXiUaXpouAnMWHZdG0HU62g==} + /@next/env@14.0.4: + resolution: {integrity: sha512-irQnbMLbUNQpP1wcE5NstJtbuA/69kRfzBrpAD7Gsn8zm/CY6YQYc3HQBz8QPxwISG26tIm5afvvVbu508oBeQ==} dev: false - /@next/mdx@13.4.5(@mdx-js/loader@2.3.0)(@mdx-js/react@2.3.0): - resolution: {integrity: sha512-b8V7Jcv8+Px3vDDvbMomrHzLFDUABDMluX+ydgB7qCJjkM5/x/+oAdyKojAT/a50dWpIgQI0pXveRnaHvrQXQw==} + /@next/mdx@14.0.4(@mdx-js/loader@2.3.0)(@mdx-js/react@2.3.0): + resolution: {integrity: sha512-w0b+A2LRdlqqTIzmaeqPOaafid2cYYYjETA+G+3ZFwkNbBQjvZp57P1waOexF3MGHzcCEoXEnhYpAc+FO6S0Rg==} peerDependencies: '@mdx-js/loader': '>=0.15.0' '@mdx-js/react': '>=0.15.0' @@ -4258,8 +4258,8 @@ packages: source-map: 0.7.4 dev: false - /@next/swc-darwin-arm64@13.5.0: - resolution: {integrity: sha512-DavPD8oRjSoCRJana5DCAWdRZ4nbS7/pPw13DlnukFfMPJUk5hCAC3+NbqEyekS/X1IBFdZWSV2lJIdzTn4s6w==} + /@next/swc-darwin-arm64@14.0.4: + resolution: {integrity: sha512-mF05E/5uPthWzyYDyptcwHptucf/jj09i2SXBPwNzbgBNc+XnwzrL0U6BmPjQeOL+FiB+iG1gwBeq7mlDjSRPg==} engines: {node: '>= 10'} cpu: [arm64] os: [darwin] @@ -4267,8 +4267,8 @@ packages: dev: false optional: true - /@next/swc-darwin-x64@13.5.0: - resolution: {integrity: sha512-s5QSKKB0CTKFWp3CNMC5GH1YOipH1Jjr5P3w+RQTC4Aybo6xPqeWp/UyDW0fxmLRq0e1zgnOMgDQRdxAkoThrw==} + /@next/swc-darwin-x64@14.0.4: + resolution: {integrity: sha512-IZQ3C7Bx0k2rYtrZZxKKiusMTM9WWcK5ajyhOZkYYTCc8xytmwSzR1skU7qLgVT/EY9xtXDG0WhY6fyujnI3rw==} engines: {node: '>= 10'} cpu: [x64] os: [darwin] @@ -4276,8 +4276,8 @@ packages: dev: false optional: true - /@next/swc-linux-arm64-gnu@13.5.0: - resolution: {integrity: sha512-E0fCKA8F2vfgZWwcv4iq642No75EiACSNUBNGvc5lx/ylqAUdNwE/9+x2SHv+LPUXFhZ6hZLR0Qox/oKgZqFlg==} + /@next/swc-linux-arm64-gnu@14.0.4: + resolution: {integrity: sha512-VwwZKrBQo/MGb1VOrxJ6LrKvbpo7UbROuyMRvQKTFKhNaXjUmKTu7wxVkIuCARAfiI8JpaWAnKR+D6tzpCcM4w==} engines: {node: '>= 10'} cpu: [arm64] os: [linux] @@ -4285,8 +4285,8 @@ packages: dev: false optional: true - /@next/swc-linux-arm64-musl@13.5.0: - resolution: {integrity: sha512-jG/blDDLndFRUcafCQO4TOI3VuoIZh3jQriZ7JaVCgAEZe0D1EUrxKdbBarZ74isutHZ6DpNGRDi/0OHFZpJAA==} + /@next/swc-linux-arm64-musl@14.0.4: + resolution: {integrity: sha512-8QftwPEW37XxXoAwsn+nXlodKWHfpMaSvt81W43Wh8dv0gkheD+30ezWMcFGHLI71KiWmHK5PSQbTQGUiidvLQ==} engines: {node: '>= 10'} cpu: [arm64] os: [linux] @@ -4294,8 +4294,8 @@ packages: dev: false optional: true - /@next/swc-linux-x64-gnu@13.5.0: - resolution: {integrity: sha512-6JWR7U41uNL6HGwNbGg3Oedt+FN4YuA126sHWKTq3ic5kkhEusIIdVo7+WcswVJl8nTMB1yT3gEPwygQbVYVUA==} + /@next/swc-linux-x64-gnu@14.0.4: + resolution: {integrity: sha512-/s/Pme3VKfZAfISlYVq2hzFS8AcAIOTnoKupc/j4WlvF6GQ0VouS2Q2KEgPuO1eMBwakWPB1aYFIA4VNVh667A==} engines: {node: '>= 10'} cpu: [x64] os: [linux] @@ -4303,8 +4303,8 @@ packages: dev: false optional: true - /@next/swc-linux-x64-musl@13.5.0: - resolution: {integrity: sha512-uY+wrYfD5QUossqznwidOpJYmmcBwojToZx55shihtbTl6afVYzOxsUbRXLdWmZAa36ckxXpqkvuFNS8icQuug==} + /@next/swc-linux-x64-musl@14.0.4: + resolution: {integrity: sha512-m8z/6Fyal4L9Bnlxde5g2Mfa1Z7dasMQyhEhskDATpqr+Y0mjOBZcXQ7G5U+vgL22cI4T7MfvgtrM2jdopqWaw==} engines: {node: '>= 10'} cpu: [x64] os: [linux] @@ -4312,8 +4312,8 @@ packages: dev: false optional: true - /@next/swc-win32-arm64-msvc@13.5.0: - resolution: {integrity: sha512-lWZ5vJTULxTOdLcRmrllNgAdDRSDwk8oqJMyDxpqS691NG5uhle9ZwRj3g1F1/vHNkDa+B7PmWhQgG0nmlbKZg==} + /@next/swc-win32-arm64-msvc@14.0.4: + resolution: {integrity: sha512-7Wv4PRiWIAWbm5XrGz3D8HUkCVDMMz9igffZG4NB1p4u1KoItwx9qjATHz88kwCEal/HXmbShucaslXCQXUM5w==} engines: {node: '>= 10'} cpu: [arm64] os: [win32] @@ -4321,8 +4321,8 @@ packages: dev: false optional: true - /@next/swc-win32-ia32-msvc@13.5.0: - resolution: {integrity: sha512-jirQXnVCU9hi3cHzgd33d4qSBXn1/0gUT/KtXqy9Ux9OTcIcjJT3TcAzoLJLTdhRg7op3MZoSnuFeWl8kmGGNw==} + /@next/swc-win32-ia32-msvc@14.0.4: + resolution: {integrity: sha512-zLeNEAPULsl0phfGb4kdzF/cAVIfaC7hY+kt0/d+y9mzcZHsMS3hAS829WbJ31DkSlVKQeHEjZHIdhN+Pg7Gyg==} engines: {node: '>= 10'} cpu: [ia32] os: [win32] @@ -4330,8 +4330,8 @@ packages: dev: false optional: true - /@next/swc-win32-x64-msvc@13.5.0: - resolution: {integrity: sha512-Q8QYLyWcMMUp3DohI04VyJbLNCfFMNTxYNhujvJD2lowuqnqApUBP2DxI/jCZRMFWgKi76n5u8UboLVeYXn6jA==} + /@next/swc-win32-x64-msvc@14.0.4: + resolution: {integrity: sha512-yEh2+R8qDlDCjxVpzOTEpBLQTEFAcP2A8fUFLaWNap9GitYKkKv1//y2S6XY6zsR4rCOPRpU7plYDR+az2n30A==} engines: {node: '>= 10'} cpu: [x64] os: [win32] @@ -8231,6 +8231,7 @@ packages: loose-envify: 1.4.0 object-assign: 4.1.1 dev: false + bundledDependencies: false /create-require@1.1.1: resolution: {integrity: sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==} @@ -11050,8 +11051,8 @@ packages: tmp: 0.2.1 xdg-basedir: 4.0.0 - /gatsby-core-utils@4.12.1: - resolution: {integrity: sha512-YW7eCK2M6yGQerT5LkdOHLZTNYMsDvcgeDMRy0q66FWKj7twPZX428I6NaLCMeF5dYoj1HOOO0u96iNlW5jcKQ==} + /gatsby-core-utils@4.13.0: + resolution: {integrity: sha512-+oJJsADfcEnzpQpof+L5qtP4iSeMaEPn1QSjXENlg/go9Pi/4eqb+Nn3y3q8bC/zy4hMWFWrPdMJmdW581uNvA==} engines: {node: '>=18.0.0'} dependencies: '@babel/runtime': 7.22.5 @@ -11269,7 +11270,7 @@ packages: - supports-color dev: false - /gatsby-plugin-mdx@5.0.0(@mdx-js/react@2.3.0)(gatsby-source-filesystem@5.12.1)(gatsby@5.10.0)(react-dom@18.2.0)(react@18.2.0): + /gatsby-plugin-mdx@5.0.0(@mdx-js/react@2.3.0)(gatsby-source-filesystem@5.13.0)(gatsby@5.10.0)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-4OkotIxp5rpQ1CNFoWrF2XtvwjK0wkvoJrLaHcO+ykQHAa0aU72MJl91RjpIA4iiSQJEMG8HBrSvqIQoKmo51w==} peerDependencies: '@mdx-js/react': ^2.0.0 @@ -11289,7 +11290,7 @@ packages: gatsby: 5.10.0(babel-eslint@10.1.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.1.3) gatsby-core-utils: 4.10.0 gatsby-plugin-utils: 4.10.0(gatsby@5.10.0) - gatsby-source-filesystem: 5.12.1(gatsby@5.10.0) + gatsby-source-filesystem: 5.13.0(gatsby@5.10.0) gray-matter: 4.0.3 mdast-util-mdx: 2.0.1 mdast-util-to-hast: 10.2.0 @@ -11505,8 +11506,8 @@ packages: xstate: 4.37.2 dev: false - /gatsby-source-filesystem@5.12.1(gatsby@5.10.0): - resolution: {integrity: sha512-JV6lttId7cBDasVaweFbKuDQP9VH8fFgI1Mg0sM/tfydfKTLXiEbBadKgEHbvbwAZsYjK+/KvT7A58dzrzDdXw==} + /gatsby-source-filesystem@5.13.0(gatsby@5.10.0): + resolution: {integrity: sha512-yn4axQhIPHLQDMgrhEmerXyoawiTVB1haUz36BTlQers0HfMmODyjbnIK01Dt1IKAbYVfS0A2suBjBjIbNLwAg==} engines: {node: '>=18.0.0'} peerDependencies: gatsby: ^5.0.0-next || ^4 || ^5 @@ -11516,7 +11517,7 @@ packages: file-type: 16.5.4 fs-extra: 11.1.1 gatsby: 5.10.0(babel-eslint@10.1.0)(react-dom@18.2.0)(react@18.2.0)(typescript@5.1.3) - gatsby-core-utils: 4.12.1 + gatsby-core-utils: 4.13.0 mime: 3.0.0 pretty-bytes: 5.6.0 valid-url: 1.0.9 @@ -15609,9 +15610,9 @@ packages: /next-tick@1.1.0: resolution: {integrity: sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==} - /next@13.5.0(@babel/core@7.22.5)(react-dom@18.2.0)(react@18.2.0): - resolution: {integrity: sha512-mhguN5JPZXhhrD/nNcezXgKoxN8GT8xZvvGhUQV2ETiaNm+KHRWT1rCbrF5FlbG2XCcLRKOmOe3D5YQgXmJrDQ==} - engines: {node: '>=16.14.0'} + /next@14.0.4(@babel/core@7.22.5)(react-dom@18.2.0)(react@18.2.0): + resolution: {integrity: sha512-qbwypnM7327SadwFtxXnQdGiKpkuhaRLE2uq62/nRul9cj9KhQ5LhHmlziTNqUidZotw/Q1I9OjirBROdUJNgA==} + engines: {node: '>=18.17.0'} hasBin: true peerDependencies: '@opentelemetry/api': ^1.1.0 @@ -15624,26 +15625,26 @@ packages: sass: optional: true dependencies: - '@next/env': 13.5.0 + '@next/env': 14.0.4 '@swc/helpers': 0.5.2 busboy: 1.6.0 caniuse-lite: 1.0.30001565 - postcss: 8.4.14 + graceful-fs: 4.2.11 + postcss: 8.4.31 react: 18.2.0 react-dom: 18.2.0(react@18.2.0) styled-jsx: 5.1.1(@babel/core@7.22.5)(react@18.2.0) watchpack: 2.4.0 - zod: 3.21.4 optionalDependencies: - '@next/swc-darwin-arm64': 13.5.0 - '@next/swc-darwin-x64': 13.5.0 - '@next/swc-linux-arm64-gnu': 13.5.0 - '@next/swc-linux-arm64-musl': 13.5.0 - '@next/swc-linux-x64-gnu': 13.5.0 - '@next/swc-linux-x64-musl': 13.5.0 - '@next/swc-win32-arm64-msvc': 13.5.0 - '@next/swc-win32-ia32-msvc': 13.5.0 - '@next/swc-win32-x64-msvc': 13.5.0 + '@next/swc-darwin-arm64': 14.0.4 + '@next/swc-darwin-x64': 14.0.4 + '@next/swc-linux-arm64-gnu': 14.0.4 + '@next/swc-linux-arm64-musl': 14.0.4 + '@next/swc-linux-x64-gnu': 14.0.4 + '@next/swc-linux-x64-musl': 14.0.4 + '@next/swc-win32-arm64-msvc': 14.0.4 + '@next/swc-win32-ia32-msvc': 14.0.4 + '@next/swc-win32-x64-msvc': 14.0.4 transitivePeerDependencies: - '@babel/core' - babel-plugin-macros @@ -16658,13 +16659,13 @@ packages: resolve: 1.22.2 dev: false - /postcss-import@14.1.0(postcss@8.4.24): + /postcss-import@14.1.0(postcss@8.4.31): resolution: {integrity: sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==} engines: {node: '>=10.0.0'} peerDependencies: postcss: ^8.0.0 dependencies: - postcss: 8.4.24 + postcss: 8.4.31 postcss-value-parser: 4.2.0 read-cache: 1.0.0 resolve: 1.22.2 @@ -16678,17 +16679,17 @@ packages: postcss: 8.4.16 dev: true - /postcss-js@4.0.0(postcss@8.4.24): + /postcss-js@4.0.0(postcss@8.4.31): resolution: {integrity: sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==} engines: {node: ^12 || ^14 || >= 16} peerDependencies: postcss: ^8.3.3 dependencies: camelcase-css: 2.0.1 - postcss: 8.4.24 + postcss: 8.4.31 dev: true - /postcss-load-config@3.1.4(postcss@8.4.24): + /postcss-load-config@3.1.4(postcss@8.4.31): resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==} engines: {node: '>= 10'} peerDependencies: @@ -16701,7 +16702,7 @@ packages: optional: true dependencies: lilconfig: 2.1.0 - postcss: 8.4.24 + postcss: 8.4.31 yaml: 1.10.2 dev: true @@ -16878,13 +16879,13 @@ packages: icss-utils: 5.1.0(postcss@8.4.24) postcss: 8.4.24 - /postcss-nested@5.0.6(postcss@8.4.24): + /postcss-nested@5.0.6(postcss@8.4.31): resolution: {integrity: sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==} engines: {node: '>=12.0'} peerDependencies: postcss: ^8.2.14 dependencies: - postcss: 8.4.24 + postcss: 8.4.31 postcss-selector-parser: 6.0.13 dev: true @@ -17171,15 +17172,6 @@ packages: source-map: 0.6.1 dev: false - /postcss@8.4.14: - resolution: {integrity: sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==} - engines: {node: ^10 || ^12 || >=14} - dependencies: - nanoid: 3.3.6 - picocolors: 1.0.0 - source-map-js: 1.0.2 - dev: false - /postcss@8.4.16: resolution: {integrity: sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==} engines: {node: ^10 || ^12 || >=14} @@ -17197,6 +17189,14 @@ packages: picocolors: 1.0.0 source-map-js: 1.0.2 + /postcss@8.4.31: + resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==} + engines: {node: ^10 || ^12 || >=14} + dependencies: + nanoid: 3.3.6 + picocolors: 1.0.0 + source-map-js: 1.0.2 + /postinstall-postinstall@2.1.0: resolution: {integrity: sha512-7hQX6ZlZXIoRiWNrbMQaLzUUfH+sSx39u8EJ9HYuDc1kLo9IXKWjM5RSquZN1ad5GnH8CGFM78fsAAQi3OKEEQ==} requiresBuild: true @@ -17548,6 +17548,7 @@ packages: prop-types: 15.8.1 react: 15.7.0 dev: false + bundledDependencies: false /react-dom@18.2.0(react@18.2.0): resolution: {integrity: sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==} @@ -17674,6 +17675,7 @@ packages: object-assign: 4.1.1 prop-types: 15.8.1 dev: false + bundledDependencies: false /react@18.2.0: resolution: {integrity: sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==} @@ -19212,7 +19214,7 @@ packages: tachyons-build-css: 1.8.1 dev: false - /tailwindcss@3.1.8(postcss@8.4.24): + /tailwindcss@3.1.8(postcss@8.4.31): resolution: {integrity: sha512-YSneUCZSFDYMwk+TGq8qYFdCA3yfBRdBlS7txSq0LUmzyeqRe3a8fBQzbz9M3WS/iFT4BNf/nmw9mEzrnSaC0g==} engines: {node: '>=12.13.0'} hasBin: true @@ -19232,11 +19234,11 @@ packages: normalize-path: 3.0.0 object-hash: 3.0.0 picocolors: 1.0.0 - postcss: 8.4.24 - postcss-import: 14.1.0(postcss@8.4.24) - postcss-js: 4.0.0(postcss@8.4.24) - postcss-load-config: 3.1.4(postcss@8.4.24) - postcss-nested: 5.0.6(postcss@8.4.24) + postcss: 8.4.31 + postcss-import: 14.1.0(postcss@8.4.31) + postcss-js: 4.0.0(postcss@8.4.31) + postcss-load-config: 3.1.4(postcss@8.4.31) + postcss-nested: 5.0.6(postcss@8.4.31) postcss-selector-parser: 6.0.10 postcss-value-parser: 4.2.0 quick-lru: 5.1.1