Vitest

CHANGELOG.md

@@ -3,6 +3,21 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.1.2](https://github.com/lingui/js-lingui/compare/v5.1.1...v5.1.2) (2024-12-16)
+
+**Note:** Version bump only for package js-lingui-workspaces
+
+## [5.1.1](https://github.com/lingui/js-lingui/compare/v5.1.0...v5.1.1) (2024-12-16)
+
+**Note:** Version bump only for package js-lingui-workspaces
+
+# [5.1.0](https://github.com/lingui/js-lingui/compare/v5.0.0...v5.1.0) (2024-12-06)
+
+### Features
+
+- **react:** add support for React 19 ([#2111](https://github.com/lingui/js-lingui/issues/2111)) ([e93b73d](https://github.com/lingui/js-lingui/commit/e93b73d075165d91fa598fa0c579a8ceb5c86845))
+- **vite-plugin:** add support for vite@6 ([#2108](https://github.com/lingui/js-lingui/issues/2108)) ([38a0c6f](https://github.com/lingui/js-lingui/commit/38a0c6f8b7f4d961f1580228310f4ebe959eb5a5))
+
 ## [5.0.0](https://github.com/lingui/js-lingui/compare/v4.14.1...v5.0.0) (2024-11-28)
 
 We are pleased to announce the release of Lingui 5.0! This release is a **major milestone** for the project and includes a number of new features, improvements and bug fixes.

eslint.config.mjs

@@ -0,0 +1,62 @@
+import pluginJs from "@eslint/js"
+import tseslint from "typescript-eslint"
+import pluginReact from "eslint-plugin-react"
+import { config } from "typescript-eslint"
+import importPlugin from "eslint-plugin-import"
+
+export default config(
+  { files: ["./packages/**/*.{ts,tsx,js,jsx}"] },
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  {
+    plugins: {
+      import: importPlugin,
+    },
+  },
+  importPlugin.flatConfigs.typescript,
+  {
+    ignores: [
+      "**/dist/*",
+      "**/fixtures/*",
+      "**/locale/*",
+      "**/test/**/expected/*",
+      "**/test/**/actual/*",
+    ],
+  },
+  {
+    rules: {
+      "@typescript-eslint/no-unused-expressions": [
+        "error",
+        {
+          allowShortCircuit: true,
+          allowTernary: true,
+        },
+      ],
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/no-require-imports": "off",
+      "@typescript-eslint/no-unused-vars": "off",
+      "import/no-extraneous-dependencies": [
+        "error",
+        {
+          devDependencies: [
+            "**/test/**",
+            "**/*.test.{ts,tsx}",
+            "**/*.test-d.{ts,tsx}",
+            "**/vite.config.ts",
+          ],
+        },
+      ],
+      "no-undef": "off",
+    },
+  },
+  {
+    files: ["**/*.test-d.{ts,tsx}", "**/*.test.{ts,tsx}", "eslint.config.mjs"],
+    rules: {
+      "import/no-extraneous-dependencies": "off",
+    },
+  },
+  {
+    files: ["./packages/react/*.{ts,tsx,js,jsx}"],
+    ...pluginReact.configs.flat.recommended,
+  }
+)

examples/nextjs-swc/next.config.ts

@@ -0,0 +1,17 @@
+import type { NextConfig } from 'next'
+
+const nextConfig: NextConfig = {
+  experimental: {
+    swcPlugins: [['@lingui/swc-plugin', {}]],
+    turbo: {
+      rules: {
+        '*.po': {
+          loaders: ['@lingui/loader'],
+          as: '*.js'
+        }
+      }
+    }
+  }
+}
+
+export default nextConfig

examples/nextjs-swc/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev --turbopack",
     "debug": "NODE_OPTIONS='--inspect' next dev",
     "build": "yarn lingui:extract && next build",
     "start": "next start",
@@ -12,22 +12,22 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "@lingui/core": "^5.0.0-next.3",
-    "@lingui/react": "^5.0.0-next.3",
+    "@lingui/core": "^5.1.2",
+    "@lingui/react": "^5.1.2",
     "negotiator": "^0.6.3",
-    "next": "^14.2.15",
+    "next": "15.0.1",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
   "devDependencies": {
-    "@lingui/cli": "^5.0.0-next.3",
-    "@lingui/loader": "^5.0.0-next.3",
-    "@lingui/swc-plugin": "^5.0.0-next.2",
+    "@lingui/cli": "^5.1.2",
+    "@lingui/loader": "^5.1.2",
+    "@lingui/swc-plugin": "^5.0.1",
     "@types/negotiator": "^0.6.3",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "eslint": "^8.57.0",
-    "eslint-config-next": "^14.2.3",
+    "eslint-config-next": "15.0.1",
     "typescript": "^5.4.5"
   }
 }

examples/nextjs-swc/src/app/[lang]/app-router-demo/page.tsx

@@ -1,4 +1,8 @@
 import { HomePage } from '../../../components/HomePage'
-import { withLinguiPage } from '../../../withLingui'
+import { initLingui } from '../../../initLingui'
 
-export default withLinguiPage(HomePage)
+export default async function Page(props) {
+  const lang = (await props.params).lang
+  initLingui(lang)
+  return <HomePage />
+}

examples/nextjs-swc/src/app/[lang]/layout.tsx

@@ -1,26 +1,27 @@
 import linguiConfig from '../../../lingui.config'
 import { allMessages, getI18nInstance } from '../../appRouterI18n'
 import { LinguiClientProvider } from '../../components/LinguiClientProvider'
-import { PageLangParam, withLinguiLayout } from '../../withLingui'
+import { initLingui, PageLangParam } from '../../initLingui'
 import React from 'react'
 import { t } from '@lingui/macro'
+import { setI18n } from '@lingui/react/server'
 
 export async function generateStaticParams() {
   return linguiConfig.locales.map((lang) => ({ lang }))
 }
 
-export function generateMetadata({ params }: PageLangParam) {
-  const i18n = getI18nInstance(params.lang)
+export async function generateMetadata(props: PageLangParam) {
+  const i18n = getI18nInstance((await props.params).lang)
 
   return {
     title: t(i18n)`Translation Demo`
   }
 }
 
-export default withLinguiLayout(function RootLayout({
-  children,
-  params: { lang }
-}) {
+export default async function RootLayout({ children, params }) {
+  const lang = (await params).lang
+  initLingui(lang)
+
   return (
     <html lang={lang}>
       <body className="bg-background text-foreground">
@@ -35,4 +36,4 @@ export default withLinguiLayout(function RootLayout({
       </body>
     </html>
   )
-})
+}

examples/nextjs-swc/src/initLingui.tsx

@@ -0,0 +1,12 @@
+import { getI18nInstance } from './appRouterI18n'
+import { setI18n } from '@lingui/react/server'
+
+export type PageLangParam = {
+  params: Promise<{ lang: string }>
+}
+
+export function initLingui(lang: string) {
+  const i18n = getI18nInstance(lang)
+  setI18n(i18n)
+  return i18n
+}

examples/nextjs-swc/src/pagesRouterI18n.ts

@@ -3,7 +3,7 @@ import { useEffect } from 'react'
 import { usePathname } from 'next/navigation'
 
 export async function loadCatalog(locale: string) {
-  const catalog = await import(`@lingui/loader!./locales/${locale}.po`)
+  const catalog = await import(`./locales/${locale}.po`)
   return catalog.messages
 }