Upgrade to Next.js 14 and latest i18next (#6234)

* upgrade app-content-pages to latest Next version * upgrade app-project to latest Next version * upgrade app-root to latest Next version * alias hexoid in next.config * bump translations packages in react libraries
zooniverse · Aug 28, 2024 · bfa560a · bfa560a
1 parent 4d17172
commit bfa560a
Show file tree

Hide file tree

Showing 12 changed files with 131 additions and 123 deletions.
diff --git a/packages/app-content-pages/package.json b/packages/app-content-pages/package.json
@@ -26,16 +26,16 @@
     "express": "^4.17.1",
     "grommet": "~2.35.0",
     "grommet-icons": "~4.12.0",
-    "i18next": "~23.11.1",
+    "i18next": "~23.14.0",
     "lodash": "~4.17.11",
     "morgan": "^1.10.0",
-    "next": "~13.5.5",
-    "next-i18next": "~15.2.0",
+    "next": "~14.2.6",
+    "next-i18next": "~15.3.1",
     "panoptes-client": "~5.6.0",
     "path-match": "~1.2.4",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "react-i18next": "~14.1.0",
+    "react-i18next": "~15.0.1",
     "snazzy": "^9.0.0",
     "styled-components": "~5.3.3",
     "superagent": "~8.1.0",

diff --git a/packages/app-content-pages/src/api/team/processTeamData.mock.json b/packages/app-content-pages/src/api/team/processTeamData.mock.json
@@ -64,7 +64,7 @@
           "fields": {
             "title": "headshot",
             "file": {
-              "url": "https://placekitten.com/300/300",
+              "url": "https://static.zooniverse.org/www.zooniverse.org/assets/simple-avatar.png",
               "details": {
                 "size": 21159,
                 "image": {
@@ -174,7 +174,7 @@
           "fields": {
             "title": "headshot",
             "file": {
-              "url": "https://placekitten.com/300/300",
+              "url": "https://static.zooniverse.org/www.zooniverse.org/assets/simple-avatar.png",
               "details": {
                 "size": 36144,
                 "image": {
@@ -284,7 +284,7 @@
           "fields": {
             "title": "headshot",
             "file": {
-              "url": "https://placekitten.com/300/300",
+              "url": "https://static.zooniverse.org/www.zooniverse.org/assets/simple-avatar.png",
               "details": {
                 "size": 11888,
                 "image": {

diff --git a/packages/app-content-pages/src/api/team/processTeamData.result.json b/packages/app-content-pages/src/api/team/processTeamData.result.json
@@ -7,7 +7,7 @@
         "bio": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
         "jobTitle": "Project Assistant",
         "name": "Mock Person One",
-        "avatarSrc": "https://placekitten.com/300/300?w=160&h=160"
+        "avatarSrc": "https://static.zooniverse.org/www.zooniverse.org/assets/simple-avatar.png?w=160&h=160"
       }
     ]
   },
@@ -19,7 +19,7 @@
         "bio": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
         "jobTitle": "Web Developer",
         "name": "Mock Person Three",
-        "avatarSrc": "https://placekitten.com/300/300?w=160&h=160",
+        "avatarSrc": "https://static.zooniverse.org/www.zooniverse.org/assets/simple-avatar.png?w=160&h=160",
         "twitterID": "twitterid"
       }
     ]
@@ -32,7 +32,7 @@
         "bio": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
         "jobTitle": "Community Manager",
         "name": "Mock Person Two",
-        "avatarSrc": "https://placekitten.com/300/300?w=160&h=160"
+        "avatarSrc": "https://static.zooniverse.org/www.zooniverse.org/assets/simple-avatar.png?w=160&h=160"
       }
     ]
   }

diff --git a/packages/app-content-pages/src/screens/Publications/Publications.spec.js b/packages/app-content-pages/src/screens/Publications/Publications.spec.js
@@ -36,11 +36,6 @@ describe('Component > Publications Page', function () {
     )
   })
 
-  it('should have sidebar nav label', function () {
-    const sideBar = screen.getByText('Publications.sidebarLabel')
-    expect(sideBar).to.be.ok()
-  })
-
   it('should render all publications in data', function () {
     const publications = screen.getAllByTestId('publication-test-element')
     expect(publications.length).to.equal(20) // number of publications in mock.json

diff --git a/packages/app-content-pages/src/screens/Teams/Teams.spec.js b/packages/app-content-pages/src/screens/Teams/Teams.spec.js
@@ -33,11 +33,6 @@ describe('Component > Teams Page', function () {
     )
   })
 
-  it('should have a nav with label', function () {
-    const sideBar = screen.getByText('Teams.sidebarLabel')
-    expect(sideBar).to.be.ok()
-  })
-
   it('should render all people in data', function () {
     const people = screen.getAllByTestId('person-test-element')
     const numMockPeople = mockData.reduce((count, team) => {

diff --git a/packages/app-project/package.json b/packages/app-project/package.json
@@ -38,7 +38,7 @@
     "graphql-request": "~6.1.0",
     "grommet": "~2.35.0",
     "grommet-icons": "~4.12.0",
-    "i18next": "~23.11.1",
+    "i18next": "~23.14.0",
     "lodash": "~4.17.11",
     "million": "~3.1.11",
     "mobx": "~6.12.0",
@@ -47,14 +47,14 @@
     "mobx-state-tree": "~5.4.0",
     "morgan": "^1.10.0",
     "newrelic": "~11.14.0",
-    "next": "~13.5.6",
-    "next-i18next": "~15.2.0",
+    "next": "~14.2.6",
+    "next-i18next": "~15.3.1",
     "panoptes-client": "~5.6.0",
     "path-match": "~1.2.4",
     "polished": "~4.3.1",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "react-i18next": "~14.1.0",
+    "react-i18next": "~15.0.1",
     "react-resize-detector": "~9.1.0",
     "styled-components": "~5.3.3",
     "swr": "~2.2.0",

diff --git a/packages/app-root/next.config.mjs b/packages/app-root/next.config.mjs
@@ -1,7 +1,7 @@
 import withBundleAnalyzer from '@next/bundle-analyzer'
 
 const bundleAnalyzer = withBundleAnalyzer({
-	enabled: process.env.ANALYZE === 'true',
+  enabled: process.env.ANALYZE === 'true'
 })
 
 const nextConfig = {
@@ -11,11 +11,15 @@ const nextConfig = {
       '@zooniverse/user',
       'grommet',
       'grommet-icons'
-    ],
+    ]
   },
   webpack: (config, options) => {
     config.resolve = {
       ...config.resolve,
+      alias: {
+        ...config.resolve.alias,
+        hexoid: 'hexoid/dist/index.js'
+      },
       fallback: {
         ...config.resolve.fallback,
         fs: false

diff --git a/packages/app-root/package.json b/packages/app-root/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@zooniverse/fe-root",
-  "description": "",
+  "description": "Zooniverse front end app handling projects, classification, and content pages.",
   "license": "Apache-2.0",
   "author": "Zooniverse <[email protected]> (https://www.zooniverse.org/)",
   "version": "0.1.0",
@@ -26,7 +26,7 @@
     "grommet-icons": "~4.12.0",
     "lodash": "~4.17.21",
     "newrelic": "~11.14.0",
-    "next": "~13.5.5",
+    "next": "~14.2.6",
     "panoptes-client": "~5.6.0",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",

diff --git a/packages/app-root/server/server.js b/packages/app-root/server/server.js
@@ -8,7 +8,6 @@ const APP_ENV = process.env.APP_ENV || 'development'
 
 const hostnames = {
   development: 'local.zooniverse.org',
-  branch: 'fe-project-branch.preview.zooniverse.org',
   staging: 'frontend.preview.zooniverse.org',
   production : 'www.zooniverse.org'
 }

diff --git a/packages/lib-content/package.json b/packages/lib-content/package.json
@@ -33,10 +33,10 @@
     "@zooniverse/async-states": "~0.0.1",
     "@zooniverse/react-components": "~1.13.0",
     "dayjs": "~1.11.11",
-    "i18next": "~23.11.1",
+    "i18next": "~23.14.0",
     "panoptes-client": "~5.6.0",
     "prop-types": "~15.8.1",
-    "react-i18next": "~14.1.0"
+    "react-i18next": "~15.0.1"
   },
   "peerDependencies": {
     "@zooniverse/grommet-theme": "3.x.x",

diff --git a/packages/lib-react-components/package.json b/packages/lib-react-components/package.json
@@ -44,13 +44,13 @@
     "@zooniverse/panoptes-js": "~0.5.0",
     "cuid": "~3.0.0",
     "formik": "~2.4.0",
-    "i18next": "~23.11.1",
+    "i18next": "~23.14.0",
     "markdownz": "~9.1.3",
     "mime": "~3.0.0",
     "panoptes-client": "~5.6.0",
     "polished": "~4.3.1",
     "prop-types": "~15.8.1",
-    "react-i18next": "~14.1.0",
+    "react-i18next": "~15.0.1",
     "react-resize-detector": "~9.1.0",
     "react-rnd": "10.4.10",
     "swr": "~2.2.4"