release: 2024.05.03 (#428)

## Summary by CodeRabbit

- **New Features**
  - Added new partner images and links for Hollister and LUSH on the About page.

- **Improvements**
  - Updated links in the "about" section of the digital campaign for better accessibility and direct navigation.
  - Adjusted image widths for better layout consistency on the About page.

- **Dependency Updates**
  - Updated various dependencies including `@storybook`, `@vercel/analytics`, and `react-i18next` to their latest versions for improved performance and security.

- **Internationalization**
  - Enhanced Spanish translations with updated links and new key for supporting funders.



PR-URL: #428
Co-authored-by: Joe Karow <58997957+JoeKarow@users.noreply.github.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

.github/workflows/chromatic.yml

@@ -32,7 +32,7 @@ jobs:
       - name: Install dependencies
         run: pnpm install
       - name: Publish to Chromatic
-        uses: chromaui/action@a7f65ed179bcbe19fd793367d699f43e0f0540a7 # v11
+        uses: chromaui/action@57a72947e9d7a6d213906cd506276c707e0c580f # v11
         with:
           projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
           onlyChanged: true

.github/workflows/codeql.yml

@@ -21,6 +21,6 @@ jobs:
       - name: ⤵️ Check out code from GitHub
         uses: actions/checkout@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
       - name: 🏗 Initialize CodeQL
-        uses: github/codeql-action/init@b7cec7526559c32f1616476ff32d17ba4c59b2d6 # v3
+        uses: github/codeql-action/init@9fdb3e49720b44c48891d036bb502feb25684276 # v3
       - name: 🚀 Perform CodeQL Analysis
-        uses: github/codeql-action/analyze@b7cec7526559c32f1616476ff32d17ba4c59b2d6 # v3
+        uses: github/codeql-action/analyze@9fdb3e49720b44c48891d036bb502feb25684276 # v3

next-i18next.config.js

@@ -3,6 +3,25 @@
 // @ts-check
 /* eslint-disable import/no-unused-modules */
 const path = require('path')
+
+const isBrowser = typeof window !== 'undefined'
+const plugins = () => {
+	/** @type {any[]} */
+	const pluginsToUse = []
+	if (process.env.NODE_ENV === 'development') {
+		if (isBrowser) {
+			import('i18next-hmr/plugin').then(({ HMRPlugin }) =>
+				pluginsToUse.push(new HMRPlugin({ webpack: { client: true } }))
+			)
+		} else {
+			import('i18next-hmr/plugin').then(({ HMRPlugin }) =>
+				pluginsToUse.push(new HMRPlugin({ webpack: { server: true } }))
+			)
+		}
+	}
+	return pluginsToUse
+}
+
 /**
  * @template {import('next-i18next').UserConfig} T
  * @type {import('next-i18next').UserConfig}
@@ -23,6 +42,7 @@ const config = {
 	react: { useSuspense: false },
 	joinArrays: '',
 	serializeConfig: false,
+	use: plugins(),
 	interpolation: {
 		skipOnVariables: false,
 		alwaysFormat: true,

next.config.mjs

@@ -2,8 +2,12 @@
 // @ts-check
 import bundleAnalyze from '@next/bundle-analyzer'
 import { RelativeCiAgentWebpackPlugin } from '@relative-ci/agent'
+import { I18NextHMRPlugin } from 'i18next-hmr/webpack'
 import nextRoutes from 'nextjs-routes/config'
 
+import path from 'path'
+import { fileURLToPath } from 'url'
+
 import i18nConfig from './next-i18next.config.js'
 /**
  * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially useful for
@@ -12,13 +16,15 @@ import i18nConfig from './next-i18next.config.js'
 
 !process.env.SKIP_ENV_VALIDATION && (await import('./src/env/server.mjs'))
 
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
 const withRoutes = nextRoutes({ outDir: 'src/types' })
 const withBundleAnalyzer = bundleAnalyze({
 	enabled: process.env.ANALYZE === 'true',
 })
 
 /** @type {import('next').NextConfig} */
-const config = {
+const nextConfig = {
 	i18n: i18nConfig.i18n,
 	reactStrictMode: true,
 	swcMinify: true,
@@ -41,17 +47,24 @@ const config = {
 		if (!dev && !isServer) {
 			config.plugins.push(new RelativeCiAgentWebpackPlugin())
 		}
+		if (dev && !isServer) {
+			config.plugins.push(
+				new I18NextHMRPlugin({
+					localesDir: path.resolve(__dirname, './public/locales'),
+				})
+			)
+		}
 		return config
 	},
 }
 /**
  * Wraps NextJS config with the Bundle Analyzer config.
  *
- * @param {typeof config} config
- * @returns {typeof config}
+ * @param {typeof nextConfig} config
+ * @returns {typeof nextConfig}
  */
 function defineNextConfig(config) {
 	return withBundleAnalyzer(withRoutes(config))
 }
 
-export default defineNextConfig(config)
+export default defineNextConfig(nextConfig)

package.json

@@ -43,15 +43,15 @@
 		"@next/bundle-analyzer": "14.2.3",
 		"@prisma/adapter-neon": "5.14.0",
 		"@prisma/client": "5.14.0",
-		"@storybook/test": "8.1.2",
+		"@storybook/test": "8.1.3",
 		"@tabler/icons-react": "2.47.0",
 		"@tanstack/react-query": "4.36.1",
 		"@tanstack/react-query-devtools": "4.36.1",
 		"@trpc/client": "10.45.2",
 		"@trpc/next": "10.45.2",
 		"@trpc/react-query": "10.45.2",
 		"@trpc/server": "10.45.2",
-		"@vercel/analytics": "1.2.2",
+		"@vercel/analytics": "1.3.0",
 		"@vercel/speed-insights": "1.0.10",
 		"embla-carousel-auto-height": "7.1.0",
 		"embla-carousel-react": "7.1.0",
@@ -65,7 +65,7 @@
 		"nextjs-routes": "2.1.0",
 		"react": "18.3.1",
 		"react-dom": "18.3.1",
-		"react-i18next": "14.1.1",
+		"react-i18next": "14.1.2",
 		"slugify": "1.6.6",
 		"superjson": "2.2.1",
 		"ws": "8.17.0",
@@ -75,14 +75,14 @@
 		"@faker-js/faker": "7.6.0",
 		"@paralleldrive/cuid2": "2.2.2",
 		"@relative-ci/agent": "4.2.7",
-		"@storybook/addon-a11y": "8.1.2",
-		"@storybook/addon-essentials": "8.1.2",
-		"@storybook/addon-interactions": "8.1.2",
-		"@storybook/addon-links": "8.1.2",
-		"@storybook/addon-viewport": "8.1.2",
-		"@storybook/blocks": "8.1.2",
-		"@storybook/nextjs": "8.1.2",
-		"@storybook/react": "8.1.2",
+		"@storybook/addon-a11y": "8.1.3",
+		"@storybook/addon-essentials": "8.1.3",
+		"@storybook/addon-interactions": "8.1.3",
+		"@storybook/addon-links": "8.1.3",
+		"@storybook/addon-viewport": "8.1.3",
+		"@storybook/blocks": "8.1.3",
+		"@storybook/nextjs": "8.1.3",
+		"@storybook/react": "8.1.3",
 		"@tomfreudenberg/next-auth-mock": "0.5.6",
 		"@types/luxon": "3.4.2",
 		"@types/node": "20.12.12",
@@ -109,8 +109,9 @@
 		"eslint-plugin-storybook": "0.8.0",
 		"eslint-plugin-turbo": "1.13.3",
 		"husky": "9.0.11",
+		"i18next-hmr": "3.1.2",
 		"knip": "5.16.0",
-		"lint-staged": "15.2.2",
+		"lint-staged": "15.2.4",
 		"listr2": "8.2.1",
 		"luxon": "3.4.4",
 		"merge-anything": "5.1.7",
@@ -120,8 +121,8 @@
 		"prettier-plugin-prisma": "5.0.0",
 		"prisma": "5.14.0",
 		"react-docgen-typescript": "2.2.2",
-		"storybook": "8.1.2",
-		"tsx": "4.10.5",
+		"storybook": "8.1.3",
+		"tsx": "4.11.0",
 		"turbo": "1.13.3",
 		"type-fest": "4.18.2",
 		"typescript": "5.4.5"