Upgrade React Router to v8 (#153)

* Upgrade React Router to v8

Bumps react-router, @react-router/dev, @react-router/node, and
@react-router/serve to 8.2.0, and remix-i18next to 8.0.0 (required,
since it only supports React Router v8 starting at its own v8).

- Migrate i18next.server.ts to remix-i18next's v8 middleware API
  (createI18nextMiddleware), replacing the removed RemixI18Next class
  and its /server, /client, /react subpath exports.
- Register the i18next middleware in root.tsx so getLocale/getInstance
  work from route context; replace useChangeLanguage with a
  useTranslation + useEffect sync.
- Fix explicit ns handling in the client and server i18next config:
  defaultNS and ns are independent i18next options, so dropping the
  namespace helpers without setting ns explicitly would have made the
  app preload the wrong ("translation") namespace instead of "common".
- Rename unstable_pattern/unstable_url to pattern/url across loader and
  action test helpers (now stable, unprefixed fields in v8).
- Update meta() functions in cmsui, contents, and publicui routes to
  read match.loaderData instead of the removed match.data.
- Remove the now-default v8_middleware future flag.
- Bump apps/aurora engines to Node >=22.22.0.

* Fix incidental prettier version bump in lockfile

Running pnpm install for the React Router upgrade had re-resolved
prettier's unpinned devDependency range (packages/tooling: ^3.5.2)
from 3.6.2 to 3.9.5, an unrelated side effect that would have caused
prettier to reformat unrelated files across the repo. Restored the
3.6.2 resolution (matching main) without adding an override, so this
PR stays scoped to the React Router upgrade.

* Revert prettier pin; @react-router/dev v8 requires prettier ^3.8.3

The previous commit treated the prettier 3.6.2 -> 3.9.5 resolution
bump as an unrelated side effect and pinned it back down. That was
wrong: @react-router/dev@8.2.0 has a hard dependency on
`prettier: ^3.8.3`, which packages/tooling's existing ^3.5.2 range
(previously satisfied by 3.6.2) can no longer share a single resolved
version with. pnpm's natural resolution of 3.9.5 (satisfying both
ranges) is correct and necessary for this upgrade, not incidental
drift to suppress.

* Bump prettier to latest, deal with format changes...

* Changelog

Author: sneridagh

apps/aurora/app/config/server/content-migrations.server.ts

@@ -16,8 +16,7 @@ const createSomersaultValue = (content: Content): SomersaultValue => {
 
   return orderedBlockIds.flatMap((blockId) => {
     const block = content.blocks?.[blockId] as
-      | Record<string, unknown>
-      | undefined;
+      Record<string, unknown> | undefined;
     if (!block) return [];
 
     return somersaultBlockMigrations.flatMap(

apps/aurora/app/config/server/migrations.server.ts

@@ -22,8 +22,7 @@ const isRegisteredNativeBlock = (block: Record<string, unknown>) => {
   if (typeof blockType !== 'string') return false;
 
   const blocksConfig = config.blocks?.blocksConfig as
-    | Record<string, unknown>
-    | undefined;
+    Record<string, unknown> | undefined;
 
   return Boolean(blocksConfig?.[blockType]);
 };
@@ -38,8 +37,7 @@ const getMigratedPloneBlockWidth = (block: Record<string, unknown>) => {
   }
 
   const blocksConfig = config.blocks?.blocksConfig as
-    | Record<string, BlockConfigBase>
-    | undefined;
+    Record<string, BlockConfigBase> | undefined;
   const blockConfig = blocksConfig?.[blockType];
   const styleFields = getStyleFieldsFromBlockSchema(
     blockConfig,

apps/aurora/app/entry.client.tsx

@@ -6,7 +6,6 @@ import i18next from 'i18next';
 import { I18nextProvider, initReactI18next } from 'react-i18next';
 import LanguageDetector from 'i18next-browser-languagedetector';
 import Backend from 'i18next-http-backend';
-import { getInitialNamespaces } from 'remix-i18next/client';
 import install from './config';
 
 install();
@@ -18,8 +17,7 @@ async function hydrate() {
     .use(Backend) // Setup your backend
     .init({
       ...i18n, // spread the configuration
-      // This function detects the namespaces your routes rendered while SSR use
-      ns: getInitialNamespaces(),
+      ns: i18n.defaultNS,
       backend: { loadPath: '/locales/{{lng}}/{{ns}}.json' },
       detection: {
         // Here only enable htmlTag detection, we'll detect the language only

apps/aurora/app/entry.server.tsx

@@ -10,12 +10,8 @@ import { ServerRouter } from 'react-router';
 import { isbot } from 'isbot';
 import type { RenderToPipeableStreamOptions } from 'react-dom/server';
 import { renderToPipeableStream } from 'react-dom/server';
-import { createInstance } from 'i18next';
-import i18next from './i18next.server';
-import { I18nextProvider, initReactI18next } from 'react-i18next';
-import Backend from 'i18next-fs-backend/cjs';
-import i18n from './i18n'; // your i18n configuration file
-import { resolve } from 'node:path';
+import { getInstance } from './i18next.server';
+import { I18nextProvider } from 'react-i18next';
 
 export const streamTimeout = 5_000;
 
@@ -36,19 +32,7 @@ export default async function handleRequest(
       ? 'onAllReady'
       : 'onShellReady';
 
-  const instance = createInstance();
-  const lng = await i18next.getLocale(request);
-  const ns = i18next.getRouteNamespaces(routerContext);
-
-  await instance
-    .use(initReactI18next) // Tell our instance to use react-i18next
-    .use(Backend) // Setup our backend
-    .init({
-      ...i18n, // spread the configuration
-      lng, // The locale we detected above
-      ns, // The namespaces the routes about to render wants to use
-      backend: { loadPath: resolve('./public/locales/{{lng}}/{{ns}}.json') },
-    });
+  const instance = getInstance(loadContext);
 
   return new Promise((resolve, reject) => {
     let shellRendered = false;

apps/aurora/app/i18next.server.ts

@@ -1,26 +1,26 @@
 import Backend from 'i18next-fs-backend/cjs';
 import { resolve } from 'node:path';
-import { RemixI18Next } from 'remix-i18next/server';
+import { initReactI18next } from 'react-i18next';
+import { createI18nextMiddleware } from 'remix-i18next';
 import i18n from './i18n'; // your i18n configuration file
 
-const i18next = new RemixI18Next({
-  detection: {
-    supportedLanguages: i18n.supportedLngs,
-    fallbackLanguage: i18n.fallbackLng as string,
-  },
-  // This is the configuration for i18next used
-  // when translating messages server-side only
-  i18next: {
-    ...i18n,
-    fallbackLng: i18n.fallbackLng as string,
-    backend: {
-      loadPath: resolve('../locales/{{lng}}/{{ns}}.json'),
+export const [i18nextMiddleware, getLocale, getInstance] =
+  createI18nextMiddleware({
+    detection: {
+      supportedLanguages: i18n.supportedLngs,
+      fallbackLanguage: i18n.fallbackLng as string,
     },
-  },
-  // The i18next plugins you want RemixI18next to use for `i18n.getFixedT` inside loaders and actions.
-  // E.g. The Backend plugin for loading translations from the file system
-  // Tip: You could pass `resources` to the `i18next` configuration and avoid a backend here
-  plugins: [Backend],
-});
-
-export default i18next;
+    // This is the configuration for i18next used
+    // when translating messages server-side only
+    i18next: {
+      ...i18n,
+      fallbackLng: i18n.fallbackLng as string,
+      ns: i18n.defaultNS,
+      backend: {
+        loadPath: resolve('../locales/{{lng}}/{{ns}}.json'),
+      },
+    },
+    // The i18next plugins the middleware's instance uses.
+    // Tip: You could pass `resources` to the `i18next` configuration and avoid a backend here
+    plugins: [Backend, initReactI18next],
+  });