next-intl 3.0.0-beta.1 → 3.0.0-beta.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Jan Amann
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,47 +1,54 @@
 <h1 align="center">
 	<br>
 	<br>
-	<img width="400" src="media/logo.svg" alt="next-intl">
+    <a href="https://next-intl-docs.vercel.app/">
+      <img width="400" src="media/logo.svg" alt="next-intl">
+    </a>
 	<br>
 	<br>
 	<br>
 </h1>
 
-> A minimal, but complete solution for internationalization in Next.js apps.
+> Internationalization (i18n) for Next.js that gets out of your way.
 
 ![Gzipped size](https://badgen.net/bundlephobia/minzip/next-intl) ![Tree shaking supported](https://badgen.net/bundlephobia/tree-shaking/next-intl) [<img src="https://img.shields.io/npm/dw/next-intl.svg" />](https://www.npmjs.com/package/next-intl)
 
 <hr />
 
-**🚀 New ✨**: `next-intl` is adding support for **Next.js 13** and the `app` directory. A preview version with support for React Server Components is [now available](https://next-intl-docs.vercel.app/docs/next-13) for early adopters.
+📣 [Support for Next.js 13 and the App Router has arrived →](https://next-intl-docs.vercel.app/docs/next-13)
 
 <hr />
 
 ## Features
 
-This library complements the [internationalized routing](https://nextjs.org/docs/advanced-features/i18n-routing) capabilities of Next.js by managing translations and providing them to components.
+Internationalization is an essential part of the user experience. next-intl gives you everything you need to get language subtleties right and has always got your back whenever you need to fine-tune a translation.
 
-- 🌟 **Proven ICU syntax**: This covers interpolation, plurals, ordinal pluralization, label selection based on enums and rich text. I18n is an essential part of the user experience, therefore this library doesn't compromise on flexibility and never leaves you behind when you need to fine tune a translation.
-- 📅 **Built-in date, time and number formatting**: You can use global formats for a consistent look & feel of your app and integrate them with translations.
-- 💡 **Hooks-only API**: This ensures that you can use the same API for `children` as well as for attributes which expect strings.
-- ✅ **Type-safe**: If you're using TypeScript, you'll benefit from autocompletion for available message keys and compile-time errors for typos.
-- ⚔️ **Battle-tested building blocks**: This library is a minimal wrapper around built-in browser APIs and supplemental lower-level APIs from Format.JS.
-- 🚀 **Fast**: By integrating with both static as well as server side rendering you always get the best possible performance from your app.
+- 🌟 **ICU message syntax**: Localize your messages with interpolation, plurals, ordinal pluralization, enum-based label selection, and rich text.
+- 📅 **Dates, times & numbers**: Apply appropriate formatting without worrying about server/client differences like time zones.
+- ✅ **Type-safe**: Speed up development with autocompletion for message keys and catch typos early with compile-time checks.
+- 💡 **Hooks-only API**: Learn a single API that can be used across your code base to turn translations into plain strings or rich text.
+- 🚀 **Fast**: Get the best performance from your app by supporting internationalization on both static and dynamic pages.
+- ⚔️ **Standards-based**: Use the best parts of built-in JavaScript APIs and supplemental lower-level APIs from Format.JS.
 
 ## What does it look like?
 
 This library is based on the premise that messages can be grouped by namespaces (typically a component name).
 
 ```jsx
-// LatestFollower.js
-function LatestFollower({user}) {
-  const t = useTranslations('LatestFollower');
-
+// UserDetails.tsx
+import {useTranslations, useFormatter} from 'next-intl';
+ 
+function UserDetails({user}) {
+  const t = useTranslations('UserDetails');
+  const format = useFormatter();
+ 
   return (
-    <>
-      <Text>{t('latestFollower', {username: user.name})}</Text>
-      <IconButton aria-label={t('followBack')} icon={<FollowIcon />} />
-    </>
+    <section>
+      <h2>{t('title')}</h2>
+      <p>{t('followers', {count: user.followers.length})}</p>
+      <p>{t('lastSeen', {time: format.relativeTime(user.lastSeen)})</p>
+      <Image alt={t('portrait', {username: user.name})} src={user.portrait} />
+    </section>
   );
 }
 ```
@@ -49,11 +56,24 @@ function LatestFollower({user}) {
 ```js
 // en.json
 {
-  "LatestFollower": {
-    "latestFollower": "{username} started following you",
-    "followBack": "Follow back"
+  "UserDetails": {
+    "title": "User details",
+    "followers": "{count, plural, ↵
+                    =0 {No followers yet} ↵
+                    =1 {One follower} ↵
+                    other {# followers} ↵
+                  }",
+    "lastSeen": "Last seen {time}",
+    "portrait": "Portrait of {username}"
   }
 }
 ```
 
 ### [→ Read the docs](https://next-intl-docs.vercel.app/)
+
+<div align="center">
+  <a href="https://next-intl-docs.vercel.app/redirect?href=https://crowdin.com" target="_blank">
+    <img width="350" src="media/partner.svg" alt="Crowdin logo">
+  </a>
+  <br>
+</div>

package/dist/_virtual/next-intl.esm.js

@@ -1,33 +1,27 @@
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
 

package/dist/_virtual/next-intl.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"next-intl.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"next-intl.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/client/NextIntlClientProvider.d.ts

@@ -0,0 +1,4 @@
+import { ComponentProps } from 'react';
+import NextIntlClientProvider_ from '../shared/NextIntlClientProvider';
+/** @deprecated Should be imported from `next-intl`, not `next-intl/client`. */
+export default function NextIntlClientProvider(props: ComponentProps<typeof NextIntlClientProvider_>): JSX.Element;

package/dist/client/index.d.ts

@@ -1,7 +1,6 @@
 /**
- * Client-only APIs.
+ * Client-only APIs available via `next-intl/client`.
  */
-import NextIntlClientProvider_ from '../shared/NextIntlClientProvider';
 import usePathname from './usePathname';
 import useRouter from './useRouter';
 export { default as useRouter } from './useRouter';
@@ -10,5 +9,4 @@ export { default as usePathname } from './usePathname';
 export declare const useUnlocalizedPathname: typeof usePathname;
 /** @deprecated Is called `useRouter` now. */
 export declare const useLocalizedRouter: typeof useRouter;
-/** @deprecated Should be imported from `next-intl`, not `next-intl/client`. */
-export declare const NextIntlClientProvider: typeof NextIntlClientProvider_;
+export { default as NextIntlClientProvider } from './NextIntlClientProvider';

package/dist/client/next-intl.esm.js

@@ -1,33 +1,45 @@
 import { extends as _extends } from '../_virtual/next-intl.esm.js';
-import localizePathname from '../shared/next-intl.esm3.js';
-import getCookieLocale from './next-intl.esm4.js';
-import hasPathnamePrefixed from './next-intl.esm3.js';
+import { useRouter as useRouter$1 } from 'next/navigation';
+import { useMemo } from 'react';
+import { localizeHref } from '../shared/next-intl.esm2.js';
+import useClientLocale from './next-intl.esm2.js';
 
-function localizeHref(href, locale) {
-  var cookieLocale = getCookieLocale();
-  if (!locale) locale = cookieLocale;
-  var pathname = window.location.pathname;
-  var isSwitchingLocale = locale !== cookieLocale;
-  var isPathnamePrefixed = hasPathnamePrefixed(locale, pathname);
-
-  if (isPathnamePrefixed || isSwitchingLocale) {
-    var prefixedHref;
-
-    if (typeof href === 'string') {
-      prefixedHref = localizePathname(locale, href);
-    } else {
-      prefixedHref = _extends({}, href);
-
-      if (href.pathname) {
-        prefixedHref.pathname = localizePathname(locale, href.pathname);
-      }
+/**
+ * Returns a wrapped instance of `useRouter` from `next/navigation` that
+ * will automatically localize the `href` parameters it receives.
+ *
+ * @example
+ * ```tsx
+ * 'use client';
+ *
+ * import {useRouter} from 'next-intl/client';
+ *
+ * const router = useRouter();
+ *
+ * // When the user is on `/en`, the router will navigate to `/en/about`
+ * router.push('/about');
+ * ```
+ */
+function useRouter() {
+  var router = useRouter$1();
+  var locale = useClientLocale();
+  return useMemo(function () {
+    function localize(href) {
+      return localizeHref(href, locale, locale, window.location.pathname);
     }
-
-    return prefixedHref;
-  } else {
-    return href;
-  }
+    return _extends({}, router, {
+      push: function push(href) {
+        return router.push(localize(href));
+      },
+      replace: function replace(href) {
+        return router.replace(localize(href));
+      },
+      prefetch: function prefetch(href) {
+        return router.prefetch(localize(href));
+      }
+    });
+  }, [locale, router]);
 }
 
-export { localizeHref as default };
+export { useRouter as default };
 //# sourceMappingURL=next-intl.esm.js.map

package/dist/client/next-intl.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"next-intl.esm.js","sources":["../../src/client/localizeHref.tsx"],"sourcesContent":["import {UrlObject} from 'url';\nimport localizePathname from '../shared/localizePathname';\nimport getCookieLocale from './getCookieLocale';\nimport hasPathnamePrefixed from './hasPathnamePrefixed';\n\nexport default function localizeHref(href: string, locale?: string): string;\nexport default function localizeHref(\n  href: UrlObject | string,\n  locale?: string\n): UrlObject | string;\nexport default function localizeHref(\n  href: UrlObject | string,\n  locale?: string\n) {\n  const cookieLocale = getCookieLocale();\n  if (!locale) locale = cookieLocale;\n\n  const {pathname} = window.location;\n  const isSwitchingLocale = locale !== cookieLocale;\n  const isPathnamePrefixed = hasPathnamePrefixed(locale, pathname);\n\n  if (isPathnamePrefixed || isSwitchingLocale) {\n    let prefixedHref;\n    if (typeof href === 'string') {\n      prefixedHref = localizePathname(locale, href);\n    } else {\n      prefixedHref = {...href};\n      if (href.pathname) {\n        prefixedHref.pathname = localizePathname(locale, href.pathname);\n      }\n    }\n\n    return prefixedHref;\n  } else {\n    return href;\n  }\n}\n"],"names":["localizeHref","href","locale","cookieLocale","getCookieLocale","pathname","window","location","isSwitchingLocale","isPathnamePrefixed","hasPathnamePrefixed","prefixedHref","localizePathname"],"mappings":";;;;;AAUc,SAAUA,YAAV,CACZC,IADY,EAEZC,MAFY,EAEG;AAEf,EAAMC,IAAAA,YAAY,GAAGC,eAAe,EAApC,CAAA;AACA,EAAA,IAAI,CAACF,MAAL,EAAaA,MAAM,GAAGC,YAAT,CAAA;AAEb,EAAA,IAAOE,QAAP,GAAmBC,MAAM,CAACC,QAA1B,CAAOF,QAAP,CAAA;AACA,EAAA,IAAMG,iBAAiB,GAAGN,MAAM,KAAKC,YAArC,CAAA;AACA,EAAA,IAAMM,kBAAkB,GAAGC,mBAAmB,CAACR,MAAD,EAASG,QAAT,CAA9C,CAAA;;AAEA,EAAII,IAAAA,kBAAkB,IAAID,iBAA1B,EAA6C;AAC3C,IAAA,IAAIG,YAAJ,CAAA;;AACA,IAAA,IAAI,OAAOV,IAAP,KAAgB,QAApB,EAA8B;AAC5BU,MAAAA,YAAY,GAAGC,gBAAgB,CAACV,MAAD,EAASD,IAAT,CAA/B,CAAA;AACD,KAFD,MAEO;AACLU,MAAAA,YAAY,GAAOV,QAAAA,CAAAA,EAAAA,EAAAA,IAAP,CAAZ,CAAA;;AACA,MAAIA,IAAAA,IAAI,CAACI,QAAT,EAAmB;AACjBM,QAAAA,YAAY,CAACN,QAAb,GAAwBO,gBAAgB,CAACV,MAAD,EAASD,IAAI,CAACI,QAAd,CAAxC,CAAA;AACD,OAAA;AACF,KAAA;;AAED,IAAA,OAAOM,YAAP,CAAA;AACD,GAZD,MAYO;AACL,IAAA,OAAOV,IAAP,CAAA;AACD,GAAA;AACF;;;;"}
+{"version":3,"file":"next-intl.esm.js","sources":["../../src/client/useRouter.tsx"],"sourcesContent":["import {useRouter as useNextRouter} from 'next/navigation';\nimport {useMemo} from 'react';\nimport {localizeHref} from '../shared/utils';\nimport useClientLocale from './useClientLocale';\n\n/**\n * Returns a wrapped instance of `useRouter` from `next/navigation` that\n * will automatically localize the `href` parameters it receives.\n *\n * @example\n * ```tsx\n * 'use client';\n *\n * import {useRouter} from 'next-intl/client';\n *\n * const router = useRouter();\n *\n * // When the user is on `/en`, the router will navigate to `/en/about`\n * router.push('/about');\n * ```\n */\nexport default function useRouter() {\n  const router = useNextRouter();\n  const locale = useClientLocale();\n\n  return useMemo(() => {\n    function localize(href: string) {\n      return localizeHref(href, locale, locale, window.location.pathname);\n    }\n\n    return {\n      ...router,\n      push(href: string) {\n        return router.push(localize(href));\n      },\n      replace(href: string) {\n        return router.replace(localize(href));\n      },\n      prefetch(href: string) {\n        return router.prefetch(localize(href));\n      }\n    };\n  }, [locale, router]);\n}\n"],"names":["useRouter","router","useNextRouter","locale","useClientLocale","useMemo","localize","href","localizeHref","window","location","pathname","_extends","push","replace","prefetch"],"mappings":";;;;;;AAKA;;;;;;;;;;;;;;;AAeG;AACW,SAAUA,SAASA,GAAA;AAC/B,EAAA,IAAMC,MAAM,GAAGC,WAAa,EAAE,CAAA;AAC9B,EAAA,IAAMC,MAAM,GAAGC,eAAe,EAAE,CAAA;EAEhC,OAAOC,OAAO,CAAC,YAAK;IAClB,SAASC,QAAQA,CAACC,IAAY,EAAA;AAC5B,MAAA,OAAOC,YAAY,CAACD,IAAI,EAAEJ,MAAM,EAAEA,MAAM,EAAEM,MAAM,CAACC,QAAQ,CAACC,QAAQ,CAAC,CAAA;AACrE,KAAA;IAEA,OAAAC,QAAA,KACKX,MAAM,EAAA;MACTY,IAAI,EAAA,SAAAA,IAACN,CAAAA,IAAY,EAAA;QACf,OAAON,MAAM,CAACY,IAAI,CAACP,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAA;OACnC;MACDO,OAAO,EAAA,SAAAA,OAACP,CAAAA,IAAY,EAAA;QAClB,OAAON,MAAM,CAACa,OAAO,CAACR,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAA;OACtC;MACDQ,QAAQ,EAAA,SAAAA,QAACR,CAAAA,IAAY,EAAA;QACnB,OAAON,MAAM,CAACc,QAAQ,CAACT,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAA;AACxC,OAAA;AAAC,KAAA,CAAA,CAAA;AAEL,GAAC,EAAE,CAACJ,MAAM,EAAEF,MAAM,CAAC,CAAC,CAAA;AACtB;;;;"}

package/dist/client/next-intl.esm2.js

@@ -1,24 +1,18 @@
-import { extends as _extends } from '../_virtual/next-intl.esm.js';
-import { useRouter as useRouter$1 } from 'next/navigation';
-import { useMemo } from 'react';
-import localizeHref from './next-intl.esm.js';
+import { useParams } from 'next/navigation';
+import { useLocale } from 'use-intl';
+import { LOCALE_SEGMENT_NAME } from '../shared/next-intl.esm4.js';
 
-function useRouter() {
-  var router = useRouter$1();
-  return useMemo(function () {
-    return _extends({}, router, {
-      push: function push(href) {
-        return router.push(localizeHref(href));
-      },
-      replace: function replace(href) {
-        return router.replace(localizeHref(href));
-      },
-      prefetch: function prefetch(href) {
-        return router.prefetch(localizeHref(href));
-      }
-    });
-  }, [router]);
+function useClientLocale() {
+  var locale;
+  var params = useParams();
+  if (params[LOCALE_SEGMENT_NAME]) {
+    locale = params[LOCALE_SEGMENT_NAME];
+  } else {
+    // eslint-disable-next-line react-hooks/rules-of-hooks -- Reading from context conditionally is fine
+    locale = useLocale();
+  }
+  return locale;
 }
 
-export { useRouter as default };
+export { useClientLocale as default };
 //# sourceMappingURL=next-intl.esm2.js.map

package/dist/client/next-intl.esm2.js.map

@@ -1 +1 @@
-{"version":3,"file":"next-intl.esm2.js","sources":["../../src/client/useRouter.tsx"],"sourcesContent":["import {useRouter as useNextRouter} from 'next/navigation';\nimport {useMemo} from 'react';\nimport localizeHref from './localizeHref';\n\nexport default function useRouter() {\n  const router = useNextRouter();\n\n  return useMemo(\n    () => ({\n      ...router,\n      push(href: string) {\n        return router.push(localizeHref(href));\n      },\n      replace(href: string) {\n        return router.replace(localizeHref(href));\n      },\n      prefetch(href: string) {\n        return router.prefetch(localizeHref(href));\n      }\n    }),\n    [router]\n  );\n}\n"],"names":["useRouter","router","useNextRouter","useMemo","push","href","localizeHref","replace","prefetch"],"mappings":";;;;;AAIc,SAAUA,SAAV,GAAmB;AAC/B,EAAMC,IAAAA,MAAM,GAAGC,WAAa,EAA5B,CAAA;AAEA,EAAA,OAAOC,OAAO,CACZ,YAAA;AAAA,IAAA,OAAA,QAAA,CAAA,EAAA,EACKF,MADL,EAAA;AAEEG,MAAAA,IAFF,EAEOC,SAAAA,IAAAA,CAAAA,IAFP,EAEmB;AACf,QAAOJ,OAAAA,MAAM,CAACG,IAAP,CAAYE,YAAY,CAACD,IAAD,CAAxB,CAAP,CAAA;AACD,OAJH;AAKEE,MAAAA,OALF,EAKUF,SAAAA,OAAAA,CAAAA,IALV,EAKsB;AAClB,QAAOJ,OAAAA,MAAM,CAACM,OAAP,CAAeD,YAAY,CAACD,IAAD,CAA3B,CAAP,CAAA;AACD,OAPH;AAQEG,MAAAA,QARF,EAQWH,SAAAA,QAAAA,CAAAA,IARX,EAQuB;AACnB,QAAOJ,OAAAA,MAAM,CAACO,QAAP,CAAgBF,YAAY,CAACD,IAAD,CAA5B,CAAP,CAAA;AACD,OAAA;AAVH,KAAA,CAAA,CAAA;AAAA,GADY,EAaZ,CAACJ,MAAD,CAbY,CAAd,CAAA;AAeD;;;;"}
+{"version":3,"file":"next-intl.esm2.js","sources":["../../src/client/useClientLocale.tsx"],"sourcesContent":["import {useParams} from 'next/navigation';\nimport {useLocale} from 'use-intl';\nimport {LOCALE_SEGMENT_NAME} from '../shared/constants';\n\nexport default function useClientLocale(): string {\n  let locale;\n\n  const params = useParams();\n  if (params[LOCALE_SEGMENT_NAME]) {\n    locale = params[LOCALE_SEGMENT_NAME];\n  } else {\n    // eslint-disable-next-line react-hooks/rules-of-hooks -- Reading from context conditionally is fine\n    locale = useLocale();\n  }\n\n  return locale;\n}\n"],"names":["useClientLocale","locale","params","useParams","LOCALE_SEGMENT_NAME","useLocale"],"mappings":";;;;AAIc,SAAUA,eAAeA,GAAA;AACrC,EAAA,IAAIC,MAAM,CAAA;AAEV,EAAA,IAAMC,MAAM,GAAGC,SAAS,EAAE,CAAA;AAC1B,EAAA,IAAID,MAAM,CAACE,mBAAmB,CAAC,EAAE;AAC/BH,IAAAA,MAAM,GAAGC,MAAM,CAACE,mBAAmB,CAAC,CAAA;AACrC,GAAA,MAAM;AACL;IACAH,MAAM,GAAGI,SAAS,EAAE,CAAA;AACrB,GAAA;AAED,EAAA,OAAOJ,MAAM,CAAA;AACf;;;;"}

package/dist/client/useClientLocale.d.ts

@@ -0,0 +1 @@
+export default function useClientLocale(): string;

package/dist/client/usePathname.d.ts

@@ -1,11 +1,14 @@
-export declare function unlocalizePathname(pathname: string): string;
 /**
  * Returns the pathname without a potential locale prefix.
  *
- * Note that on the server side `null` is returned, only on
- * the client side the correct pathname will be returned.
+ * @example
+ * ```tsx
+ * 'use client';
  *
- * This can be helpful e.g. to implement navigation links,
- * where the active link is highlighted.
+ * import {usePathname} from 'next-intl/client';
+ *
+ * // When the user is on `/en`, this will be `/`
+ * const pathname = usePathname();
+ * ```
  */
-export default function usePathname(): string | null;
+export default function usePathname(): string;

package/dist/client/useRouter.d.ts

@@ -1,3 +1,19 @@
+/**
+ * Returns a wrapped instance of `useRouter` from `next/navigation` that
+ * will automatically localize the `href` parameters it receives.
+ *
+ * @example
+ * ```tsx
+ * 'use client';
+ *
+ * import {useRouter} from 'next-intl/client';
+ *
+ * const router = useRouter();
+ *
+ * // When the user is on `/en`, the router will navigate to `/en/about`
+ * router.push('/about');
+ * ```
+ */
 export default function useRouter(): {
     push(href: string): void;
     replace(href: string): void;

package/dist/index.d.ts

@@ -1,45 +1,8 @@
 /**
- * This is the main entry file when non-'react-server' environments import
- * from 'next-intl'. Make sure this mirrors the API from 'react-server'.
+ * This is the default entry file when consumers import from
+ * 'next-intl'. We use the client APIs in this case.
+ *
+ * Note that the `react-server` environment (i.e. RSC) imports
+ * from `./react-server` instead.
  */
-/// <reference types="react" />
-/// <reference types="node" />
-import NextIntlClientProvider from './shared/NextIntlClientProvider';
-export * from 'use-intl';
-export { default as useLocalizedRouter } from './react-client/useLocalizedRouter';
-export { default as Link } from './shared/Link';
-export { default as NextIntlClientProvider } from './shared/NextIntlClientProvider';
-/** @deprecated Is called `NextIntlClientProvider` now. */
-export declare const NextIntlProvider: typeof NextIntlClientProvider;
-/** @deprecated Is called `Link` now. */
-export declare const LocalizedLink: import("react").ForwardRefExoticComponent<Pick<Omit<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, keyof {
-    href: string | import("url").UrlObject;
-    as?: (string | import("url").UrlObject) | undefined;
-    replace?: boolean | undefined;
-    scroll?: boolean | undefined;
-    shallow?: boolean | undefined;
-    passHref?: boolean | undefined;
-    prefetch?: boolean | undefined;
-    locale?: string | false | undefined;
-    legacyBehavior?: boolean | undefined;
-    onMouseEnter?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-    onTouchStart?: import("react").TouchEventHandler<HTMLAnchorElement> | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-}> & {
-    href: string | import("url").UrlObject;
-    as?: (string | import("url").UrlObject) | undefined;
-    replace?: boolean | undefined;
-    scroll?: boolean | undefined;
-    shallow?: boolean | undefined;
-    passHref?: boolean | undefined;
-    prefetch?: boolean | undefined;
-    locale?: string | false | undefined;
-    legacyBehavior?: boolean | undefined;
-    onMouseEnter?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-    onTouchStart?: import("react").TouchEventHandler<HTMLAnchorElement> | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & import("react").RefAttributes<HTMLAnchorElement>, "locale"> & {
-    locale?: string | undefined;
-}, "href" | "as" | "replace" | "scroll" | "shallow" | "passHref" | "prefetch" | "locale" | "legacyBehavior" | "onMouseEnter" | "onTouchStart" | "onClick" | "download" | "hrefLang" | "media" | "ping" | "rel" | "target" | "type" | "referrerPolicy" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & import("react").RefAttributes<HTMLAnchorElement>>;
+export * from './react-client';

package/dist/link/Link.d.ts

@@ -0,0 +1,27 @@
+import React, { ComponentProps } from 'react';
+import BaseLink from '../shared/BaseLink';
+type Props = Omit<ComponentProps<typeof BaseLink>, 'locale'> & {
+    locale?: string;
+};
+/**
+ * Wraps `next/link` and prefixes the `href` with the current locale if
+ * necessary.
+ *
+ * @example
+ * ```tsx
+ * import {Link} from 'next-intl';
+ *
+ * // When the user is on `/en`, the link will point to `/en/about`
+ * <Link href="/about">About</Link>
+ *
+ * // You can override the `locale` to switch to another language
+ * <Link href="/" locale="de">Switch to German</Link>
+ * ```
+ *
+ * Note that when a `locale` prop is passed to switch the locale, the `prefetch`
+ * prop is not supported. This is because Next.js would prefetch the page and
+ * the `set-cookie` response header would cause the locale cookie on the current
+ * page to be overwritten before the user even decides to change the locale.
+ */
+declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export default _default;

package/dist/link/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Link';

package/dist/link/next-intl.esm.js

@@ -0,0 +1,39 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../_virtual/next-intl.esm.js';
+import React, { forwardRef } from 'react';
+import useClientLocale from '../client/next-intl.esm2.js';
+import BaseLink from '../shared/next-intl.esm3.js';
+
+var _excluded = ["locale"];
+function Link(_ref, ref) {
+  var locale = _ref.locale,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var defaultLocale = useClientLocale();
+  return React.createElement(BaseLink, _extends({
+    ref: ref,
+    locale: locale || defaultLocale
+  }, rest));
+}
+/**
+ * Wraps `next/link` and prefixes the `href` with the current locale if
+ * necessary.
+ *
+ * @example
+ * ```tsx
+ * import {Link} from 'next-intl';
+ *
+ * // When the user is on `/en`, the link will point to `/en/about`
+ * <Link href="/about">About</Link>
+ *
+ * // You can override the `locale` to switch to another language
+ * <Link href="/" locale="de">Switch to German</Link>
+ * ```
+ *
+ * Note that when a `locale` prop is passed to switch the locale, the `prefetch`
+ * prop is not supported. This is because Next.js would prefetch the page and
+ * the `set-cookie` response header would cause the locale cookie on the current
+ * page to be overwritten before the user even decides to change the locale.
+ */
+var Link$1 = /*#__PURE__*/forwardRef(Link);
+
+export { Link$1 as default };
+//# sourceMappingURL=next-intl.esm.js.map

package/dist/link/next-intl.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"next-intl.esm.js","sources":["../../src/link/Link.tsx"],"sourcesContent":["import React, {ComponentProps, forwardRef} from 'react';\nimport useClientLocale from '../client/useClientLocale';\nimport BaseLink from '../shared/BaseLink';\n\ntype Props = Omit<ComponentProps<typeof BaseLink>, 'locale'> & {\n  locale?: string;\n};\n\nfunction Link({locale, ...rest}: Props, ref: Props['ref']) {\n  const defaultLocale = useClientLocale();\n  return <BaseLink ref={ref} locale={locale || defaultLocale} {...rest} />;\n}\n\n/**\n * Wraps `next/link` and prefixes the `href` with the current locale if\n * necessary.\n *\n * @example\n * ```tsx\n * import {Link} from 'next-intl';\n *\n * // When the user is on `/en`, the link will point to `/en/about`\n * <Link href=\"/about\">About</Link>\n *\n * // You can override the `locale` to switch to another language\n * <Link href=\"/\" locale=\"de\">Switch to German</Link>\n * ```\n *\n * Note that when a `locale` prop is passed to switch the locale, the `prefetch`\n * prop is not supported. This is because Next.js would prefetch the page and\n * the `set-cookie` response header would cause the locale cookie on the current\n * page to be overwritten before the user even decides to change the locale.\n */\nexport default forwardRef(Link);\n"],"names":["Link","_ref","ref","locale","rest","_objectWithoutPropertiesLoose","_excluded","defaultLocale","useClientLocale","React","createElement","BaseLink","_extends","forwardRef"],"mappings":";;;;;;AAQA,SAASA,IAAIA,CAAAC,IAAA,EAA2BC,GAAiB,EAAA;AAAA,EAAA,IAA1CC,MAAM,GAAAF,IAAA,CAANE,MAAM;AAAKC,IAAAA,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAC5B,EAAA,IAAMC,aAAa,GAAGC,eAAe,EAAE,CAAA;AACvC,EAAA,OAAOC,KAAC,CAAAC,aAAA,CAAAC,QAAQ,EAAAC,QAAA,CAAA;AAACV,IAAAA,GAAG,EAAEA,GAAG;IAAEC,MAAM,EAAEA,MAAM,IAAII,aAAAA;GAAmBH,EAAAA,IAAI,EAAI,CAAA;AAC1E,CAAA;AAEA;;;;;;;;;;;;;;;;;;;AAmBG;AACH,aAAeS,aAAAA,UAAU,CAACb,IAAI,CAAC;;;;"}

package/dist/link/react-server/Link.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from 'react';
+import BaseLink from '../../shared/BaseLink';
+type Props = Omit<ComponentProps<typeof BaseLink>, 'locale'> & {
+    locale?: string;
+};
+export default function Link({ locale, ...rest }: Props): JSX.Element;
+export {};

package/dist/link/react-server/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Link';

package/dist/middleware/NextIntlMiddlewareConfig.d.ts

@@ -0,0 +1,46 @@
+type RoutingConfigPrefix = {
+    type: 'prefix';
+    /** The default locale can be used without a prefix (e.g. `/about`). If you prefer to have a prefix for the default locale as well (e.g. `/en/about`), you can switch this option to `always`.
+     */
+    prefix?: 'as-needed' | 'always';
+};
+type RoutingConfigDomain = {
+    type: 'domain';
+    /** Provide a list of mappings between domains and locales. Note that the `x-forwarded-host` or alternatively the `host` header will be used to determine the requested domain. */
+    domains: Array<{
+        domain: string;
+        locale: string;
+    }>;
+};
+type LocalePrefix = 'as-needed' | 'always';
+type RoutingBaseConfig = {
+    /** A list of all locales that are supported. */
+    locales: Array<string>;
+    defaultLocale: string;
+    /** The default locale can be used without a prefix (e.g. `/about`). If you prefer to have a prefix for the default locale as well (e.g. `/en/about`), you can switch this option to `always`.
+     */
+    localePrefix?: LocalePrefix;
+};
+export type DomainConfig = Omit<RoutingBaseConfig, 'locales' | 'localePrefix'> & {
+    /** The domain name (e.g. "example.com", "www.example.com" or "fr.example.com"). Note that the `x-forwarded-host` or alternatively the `host` header will be used to determine the requested domain. */
+    domain: string;
+    locales?: RoutingBaseConfig['locales'];
+    /** @deprecated Use `defaultLocale` instead. */
+    locale?: string;
+};
+type MiddlewareConfig = RoutingBaseConfig & {
+    /** Can be used to change the locale handling per domain. */
+    domains?: Array<DomainConfig>;
+    /** By setting this to `false`, the `accept-language` header will no longer be used for locale detection. */
+    localeDetection?: boolean;
+    /** Sets the `Link` response header to notify search engines about content in other languages (defaults to `true`). See https://developers.google.com/search/docs/specialty/international/localized-versions#http */
+    alternateLinks?: boolean;
+    /** @deprecated Deprecated in favor of `localePrefix` and `domains`. */
+    routing?: RoutingConfigPrefix | RoutingConfigDomain;
+};
+export type MiddlewareConfigWithDefaults = MiddlewareConfig & {
+    alternateLinks: boolean;
+    localePrefix: LocalePrefix;
+    localeDetection: boolean;
+};
+export default MiddlewareConfig;

package/dist/middleware/getAlternateLinksHeaderValue.d.ts

@@ -0,0 +1,6 @@
+import { NextRequest } from 'next/server';
+import { MiddlewareConfigWithDefaults } from './NextIntlMiddlewareConfig';
+/**
+ * See https://developers.google.com/search/docs/specialty/international/localized-versions
+ */
+export default function getAlternateLinksHeaderValue(config: MiddlewareConfigWithDefaults, request: NextRequest): string;

package/dist/middleware/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * The middleware, available as `next-intl/middleware`.
+ */
+export { default } from './middleware';

package/dist/middleware/middleware.d.ts

@@ -0,0 +1,3 @@
+import { NextRequest, NextResponse } from 'next/server';
+import MiddlewareConfig from './NextIntlMiddlewareConfig';
+export default function createMiddleware(config: MiddlewareConfig): (request: NextRequest) => NextResponse<unknown>;

package/dist/middleware/resolveLocale.d.ts

@@ -0,0 +1,6 @@
+import { RequestCookies } from 'next/dist/server/web/spec-extension/cookies';
+import { DomainConfig, MiddlewareConfigWithDefaults } from './NextIntlMiddlewareConfig';
+export default function resolveLocale(config: MiddlewareConfigWithDefaults, requestHeaders: Headers, requestCookies: RequestCookies, pathname: string): {
+    locale: string;
+    domain?: DomainConfig;
+};

package/dist/middleware/utils.d.ts

@@ -0,0 +1,5 @@
+import { DomainConfig } from './NextIntlMiddlewareConfig';
+export declare function getLocaleFromPathname(pathname: string): string;
+export declare function getHost(requestHeaders: Headers): string | undefined;
+export declare function isLocaleSupportedOnDomain(locale: string, domain: DomainConfig): boolean;
+export declare function getBestMatchingDomain(curHostDomain: DomainConfig | undefined, locale: string, domainConfigs: Array<DomainConfig>): DomainConfig | undefined;