feat!: Make package ESM-only, target modern browsers, use modern JSX transform

examples/example-app-router-mixed-routing/package.json

@@ -2,7 +2,7 @@
   "name": "example-app-router-mixed-routing",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev --turbo",
     "lint": "eslint src && tsc && prettier src --check",
     "test": "playwright test",
     "build": "next build",

examples/example-app-router-single-locale/next.config.mjs

@@ -0,0 +1,8 @@
+import createNextIntlPlugin from 'next-intl/plugin';
+
+const withNextIntl = createNextIntlPlugin();
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {};
+
+export default withNextIntl(nextConfig);

examples/example-app-router-single-locale/package.json

@@ -2,7 +2,7 @@
   "name": "example-app-router-single-locale",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev --turbo",
     "lint": "eslint src && tsc && prettier src --check",
     "test": "playwright test",
     "build": "next build",

examples/example-app-router-without-i18n-routing/next.config.mjs

@@ -0,0 +1,8 @@
+import createNextIntlPlugin from 'next-intl/plugin';
+
+const withNextIntl = createNextIntlPlugin();
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {};
+
+export default withNextIntl(nextConfig);

examples/example-app-router-without-i18n-routing/package.json

@@ -2,7 +2,7 @@
   "name": "example-app-router-without-i18n-routing",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev --turbo",
     "lint": "eslint src && tsc && prettier src --check",
     "test": "playwright test",
     "build": "next build",

examples/example-app-router/next.config.mjs

@@ -0,0 +1,10 @@
+// @ts-check
+
+import createNextIntlPlugin from 'next-intl/plugin';
+
+const withNextIntl = createNextIntlPlugin();
+
+/** @type {import('next').NextConfig} */
+const config = {};
+
+export default withNextIntl(config);

examples/example-app-router/package.json

@@ -2,7 +2,7 @@
   "name": "example-app-router",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev --turbo",
     "lint": "eslint src && tsc && prettier src --check",
     "test": "pnpm run test:playwright && pnpm run test:jest",
     "test:playwright": "playwright test",

examples/example-app-router/src/i18n/request.ts

@@ -12,11 +12,6 @@ export default getRequestConfig(async ({requestLocale}) => {
 
   return {
     locale,
-    messages: (
-      await (locale === 'en'
-        ? // When using Turbopack, this will enable HMR for `en`
-          import('../../messages/en.json')
-        : import(`../../messages/${locale}.json`))
-    ).default
+    messages: (await import(`../../messages/${locale}.json`)).default
   };
 });

examples/example-pages-router-advanced/jest.config.js

@@ -0,0 +1,9 @@
+/* eslint-env node */
+const nextJest = require('next/jest');
+
+const createJestConfig = nextJest({dir: './'});
+
+module.exports = createJestConfig({
+  testEnvironment: 'jsdom',
+  rootDir: 'src'
+});

examples/example-pages-router-advanced/package.json

@@ -4,7 +4,7 @@
   "scripts": {
     "dev": "next dev",
     "lint": "eslint src && tsc && prettier src --check",
-    "test": "jest --config config/jest.json",
+    "test": "jest",
     "build": "next build",
     "start": "next start"
   },

examples/example-use-intl/vite.config.ts

@@ -1,11 +1,6 @@
-import {defineConfig} from 'vite';
 import react from '@vitejs/plugin-react';
+import {defineConfig} from 'vite';
 
 export default defineConfig({
-  plugins: [react()],
-
-  // TODO: Remove after use-intl has full ESM support
-  // https://vitejs.dev/guide/dep-pre-bundling#monorepos-and-linked-dependencies
-  optimizeDeps: {include: ['use-intl']},
-  build: {commonjsOptions: {include: [/use-intl/, /node_modules/]}}
+  plugins: [react()]
 });

package.json

@@ -6,20 +6,9 @@
     "publish": "lerna publish"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.7",
-    "@babel/preset-env": "^7.24.7",
-    "@babel/preset-react": "^7.24.7",
-    "@babel/preset-typescript": "^7.24.7",
     "@lerna-lite/cli": "^3.9.0",
     "@lerna-lite/publish": "^3.9.0",
-    "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-commonjs": "^26.0.1",
-    "@rollup/plugin-node-resolve": "^15.2.1",
-    "@rollup/plugin-replace": "^5.0.7",
-    "@rollup/plugin-terser": "^0.4.3",
     "conventional-changelog-conventionalcommits": "^7.0.0",
-    "execa": "^9.2.0",
-    "rollup": "^4.18.0",
     "turbo": "^2.2.3"
   },
   "pnpm": {

packages/next-intl/.size-limit.ts

@@ -2,82 +2,52 @@ import type {SizeLimitConfig} from 'size-limit';
 
 const config: SizeLimitConfig = [
   {
-    name: "import * from 'next-intl' (react-client)",
-    path: 'dist/production/index.react-client.js',
-    limit: '14.125 KB'
+    name: "import * from 'next-intl' (react-client, production)",
+    path: 'dist/esm/production/index.react-client.js',
+    limit: '13.205 KB'
   },
   {
-    name: "import * from 'next-intl' (react-server)",
-    path: 'dist/production/index.react-server.js',
-    limit: '14.845 KB'
-  },
-  {
-    name: "import {createSharedPathnamesNavigation} from 'next-intl/navigation' (react-client)",
-    path: 'dist/production/navigation.react-client.js',
-    import: '{createSharedPathnamesNavigation}',
-    limit: '4.045 KB'
+    name: "import {NextIntlClientProvider} from 'next-intl' (react-client, production)",
+    import: '{NextIntlClientProvider}',
+    path: 'dist/esm/production/index.react-client.js',
+    limit: '1.035 KB'
   },
   {
-    name: "import {createLocalizedPathnamesNavigation} from 'next-intl/navigation' (react-client)",
-    path: 'dist/production/navigation.react-client.js',
-    import: '{createLocalizedPathnamesNavigation}',
-    limit: '4.045 KB'
+    name: "import * from 'next-intl' (react-server, production)",
+    path: 'dist/esm/production/index.react-server.js',
+    limit: '14.165 KB'
   },
   {
-    name: "import {createNavigation} from 'next-intl/navigation' (react-client)",
-    path: 'dist/production/navigation.react-client.js',
+    name: "import {createNavigation} from 'next-intl/navigation' (react-client, production)",
+    path: 'dist/esm/production/navigation.react-client.js',
     import: '{createNavigation}',
-    limit: '4.055 KB'
-  },
-  {
-    name: "import {createSharedPathnamesNavigation} from 'next-intl/navigation' (react-server)",
-    path: 'dist/production/navigation.react-server.js',
-    import: '{createSharedPathnamesNavigation}',
-    limit: '16.795 KB'
-  },
-  {
-    name: "import {createLocalizedPathnamesNavigation} from 'next-intl/navigation' (react-server)",
-    path: 'dist/production/navigation.react-server.js',
-    import: '{createLocalizedPathnamesNavigation}',
-    limit: '16.785 KB'
+    limit: '2.525 KB'
   },
   {
-    name: "import {createNavigation} from 'next-intl/navigation' (react-server)",
-    path: 'dist/production/navigation.react-server.js',
+    name: "import {createNavigation} from 'next-intl/navigation' (react-server, production)",
+    path: 'dist/esm/production/navigation.react-server.js',
     import: '{createNavigation}',
-    limit: '16.8 KB'
+    limit: '3.425 KB'
   },
   {
-    name: "import * from 'next-intl/server' (react-client)",
-    path: 'dist/production/server.react-client.js',
+    name: "import * from 'next-intl/server' (react-client, production)",
+    path: 'dist/esm/production/server.react-client.js',
     limit: '1 KB'
   },
   {
-    name: "import * from 'next-intl/server' (react-server)",
-    path: 'dist/production/server.react-server.js',
-    limit: '14.035 KB'
+    name: "import * from 'next-intl/server' (react-server, production)",
+    path: 'dist/esm/production/server.react-server.js',
+    limit: '13.385 KB'
   },
   {
-    name: "import createMiddleware from 'next-intl/middleware'",
-    path: 'dist/production/middleware.js',
-    limit: '9.725 KB'
+    name: "import * from 'next-intl/middleware' (production)",
+    path: 'dist/esm/production/middleware.js',
+    limit: '9.295 KB'
   },
   {
-    name: "import * from 'next-intl/routing'",
-    path: 'dist/production/routing.js',
+    name: "import * from 'next-intl/routing' (production)",
+    path: 'dist/esm/production/routing.js',
     limit: '1 KB'
-  },
-  {
-    name: "import * from 'next-intl' (react-client, ESM)",
-    path: 'dist/esm/index.react-client.js',
-    import: '*',
-    limit: '14.295 kB'
-  },
-  {
-    name: "import {NextIntlProvider} from 'next-intl' (react-client, ESM)",
-    path: 'dist/esm/index.react-client.js',
-    import: '{NextIntlClientProvider}',
-    limit: '1.55 kB'
   }
 ];
 

packages/next-intl/config.d.ts

@@ -1,3 +1,4 @@
-import config from './dist/types/src/config';
+// Needed for projects with `moduleResolution: 'node'`
+import config from './dist/types/config';
 
 export = config;

packages/next-intl/middleware.d.ts

@@ -1,3 +1,4 @@
-import createMiddleware from './dist/types/src/middleware';
+// Needed for projects with `moduleResolution: 'node'`
+import createMiddleware from './dist/types/middleware';
 
 export = createMiddleware;

packages/next-intl/navigation.d.ts

@@ -1 +1,2 @@
-export * from './dist/types/src/navigation.react-client';
+// Needed for projects with `moduleResolution: 'node'`
+export * from './dist/types/navigation.react-client';