next-intl 2.10.0 → 2.11.0-alpha.1

package/CHANGELOG.md

@@ -0,0 +1,499 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## 2.10.1 (2022-12-09)
+
+**Note:** Version bump only for package next-intl
+
+
+
+
+
+# 2.10.0 (2022-12-09)
+
+
+### Features
+
+* Add support for using `next-intl` in the `app` folder with Next.js 13 (see https://next-intl-docs.vercel.app/docs/next-13, [#144](https://github.com/amannn/next-intl/issues/144)) ([18c94d6](https://github.com/amannn/next-intl/commit/18c94d623a05afa7710fea83360f12f9811fb38d))
+
+
+
+
+
+## 2.9.2 (2022-12-08)
+
+**Note:** Version bump only for package next-intl
+
+
+
+
+
+## 2.9.1 (2022-11-03)
+
+**Note:** Version bump only for package next-intl
+
+
+
+
+
+# 2.9.0 (2022-10-27)
+
+
+### Features
+
+* Next.js 13 compatibility ([#140](https://github.com/amannn/next-intl/issues/140)) ([65326a0](https://github.com/amannn/next-intl/commit/65326a0b47980f260df466a283a6e7a0aa5e1cd0)), closes [#139](https://github.com/amannn/next-intl/issues/139)
+
+
+
+
+
+# 2.8.0 (2022-10-18)
+
+
+### Features
+
+* Provide `createTranslator` and `createIntl` by extracting a React-agnostic core library. Thanks to David Brands from Marvia for sponsoring the work on this feature, participating in discussion and providing feedback! ([#137](https://github.com/amannn/next-intl/issues/137)) ([91f7489](https://github.com/amannn/next-intl/commit/91f748972008b8587553b48aa36c95d7348b4b0c))
+
+
+
+
+
+## 2.7.6 (2022-09-22)
+
+**Note:** Version bump only for package next-intl
+
+
+
+
+
+## 2.7.5 (2022-08-30)
+
+**Note:** Version bump only for package next-intl
+
+
+
+
+
+## 2.7.4 (2022-05-30)
+
+
+### Bug Fixes
+
+* Adapt TypeScript validation to work with messages files that only have a single top-level namespace ([#115](https://github.com/amannn/next-intl/issues/115)) ([cf0b83e](https://github.com/amannn/next-intl/commit/cf0b83e3a591cfe87e17537c3ca0c7000cc70b1e))
+
+
+
+
+
+## 2.7.3 (2022-05-20)
+
+
+### Bug Fixes
+
+* Add back the ability to render the provider without messages ([#113](https://github.com/amannn/next-intl/issues/113)) ([8395822](https://github.com/amannn/next-intl/commit/8395822fa17cd0a04b88f8edce3b20e5e613fc78))
+
+
+
+
+
+## 2.7.2 (2022-05-10)
+
+
+### Bug Fixes
+
+* Enable tree-shaking ([#108](https://github.com/amannn/next-intl/issues/108)) ([157b0e2](https://github.com/amannn/next-intl/commit/157b0e28376055e7e34e86007c51d008c8e214aa))
+
+
+
+
+
+## 2.7.1 (2022-04-28)
+
+
+### Bug Fixes
+
+* Allow null message values ([#110](https://github.com/amannn/next-intl/issues/110)) ([14ae8ff](https://github.com/amannn/next-intl/commit/14ae8ffdf1b295873f14081e2c3709d0f9bd2b9e))
+
+
+
+
+
+# 2.7.0 (2022-04-28)
+
+
+### Features
+
+* Warn for invalid namespace keys ([#106](https://github.com/amannn/next-intl/issues/106)) ([e86ab28](https://github.com/amannn/next-intl/commit/e86ab28b9180b866ce1a0a9173355d4b686b7d07))
+
+
+
+
+
+# 2.6.0 (2022-04-08)
+
+
+### Features
+
+* Support React 18 ([#98](https://github.com/amannn/next-intl/issues/98)) ([38614eb](https://github.com/amannn/next-intl/commit/38614eb9c6d6fb96704424d7f3ff8a67a24b789e))
+
+
+
+
+
+# 2.5.0 (2022-04-01)
+
+
+### Features
+
+* Type safe messages ([#93](https://github.com/amannn/next-intl/issues/93)) ([13b49b1](https://github.com/amannn/next-intl/commit/13b49b138bc0ec3adbe661af6a70dfabfe7e86b0))
+
+
+
+
+
+
+
+## 2.4.1 (2022-03-24)
+
+
+### Bug Fixes
+
+* Overwrite prerelease ([6caf5c4](https://github.com/amannn/next-intl/commit/6caf5c48a35179f802503bc6580469187765c837))
+
+
+
+
+
+# [2.4.0](https://github.com/amannn/next-intl/compare/v2.3.5...v2.4.0) (2022-02-08)
+
+**Note:** Version bump only for package next-intl
+
+
+
+
+
+## 2.3.5 (2022-01-19)
+
+
+### Bug Fixes
+
+* Support identical wrappers with identical text content in rich text ([#80](https://github.com/amannn/next-intl/issues/80)) ([b35bb9f](https://github.com/amannn/next-intl/commit/b35bb9ffc5fa56c6260b6b424be3cd875f199aef))
+
+
+
+
+
+## 2.3.4 (2022-01-04)
+
+
+### Bug Fixes
+
+* Allow usage outside of Next.js (e.g. Jest and Storybook) ([#76](https://github.com/amannn/next-intl/issues/76)) ([7c6925b](https://github.com/amannn/next-intl/commit/7c6925b39338be95c1c940c67a1ae2f5e3f85cdd))
+
+
+
+
+
+## 2.3.3 (2021-12-23)
+
+**Note:** Version bump only for package next-intl
+
+
+
+
+
+## 2.3.2 (2021-12-23)
+
+**Note:** Version bump only for package next-intl
+
+
+
+
+
+## 2.3.1 (2021-12-23)
+
+**Note:** Version bump only for package next-intl
+
+
+
+
+
+# 2.3.0 (2021-11-24)
+
+
+### Features
+
+* Add `useLocale` and `useTimeZone` ([#67](https://github.com/amannn/next-intl/issues/67)) ([7833f4a](https://github.com/amannn/next-intl/commit/7833f4adc1aadc937cbaa550a968ef6f7b4f5ee1))
+
+
+
+
+
+## 2.2.1 (2021-11-23)
+
+
+### Bug Fixes
+
+* Clearer error message when no messages are provided ([#66](https://github.com/amannn/next-intl/issues/66)) ([742729a](https://github.com/amannn/next-intl/commit/742729aaddd63367efc2b79ef0cdf93545abdfb0))
+
+
+
+
+
+# 2.2.0 (2021-11-02)
+
+
+### Features
+
+* TypeScript improvements: Use enum type for `style` of `NumberFormatOptions`, only allow passing React children to messages rendered with `t.rich` and update `tslib` ([#63](https://github.com/amannn/next-intl/issues/63)) ([d73e935](https://github.com/amannn/next-intl/commit/d73e9358bf13c87c0a653bd9fbed35e41548ff1d))
+
+
+
+
+
+## 2.1.1 (2021-10-28)
+
+**Note:** Version bump only for package next-intl
+
+
+
+
+
+# 2.1.0 (2021-10-27)
+
+
+### Features
+
+* Support Next.js 12 ([#61](https://github.com/amannn/next-intl/issues/61)) ([0391cc8](https://github.com/amannn/next-intl/commit/0391cc85d3401bca9df29080a569957f6be93c85))
+
+
+
+
+
+## 2.0.5 (2021-09-28)
+
+**Note:** Version bump only for package next-intl
+
+
+
+
+
+## 2.0.4 (2021-09-28)
+
+**Note:** Version bump only for package next-intl
+
+
+
+
+
+## 2.0.3 (2021-09-17)
+
+**Note:** Version bump only for package next-intl
+
+
+
+
+
+## 2.0.2 (2021-09-17)
+
+
+### Bug Fixes
+
+* Render correct messages when the namespace changes in `useTranslations` ([#58](https://github.com/amannn/next-intl/issues/58)) ([b8f7dab](https://github.com/amannn/next-intl/commit/b8f7dab0e3a213a91bdcd7929547cd01ba0b5f54))
+
+
+
+
+
+## 2.0.1 (2021-09-04)
+
+**Note:** Version bump only for package next-intl
+
+
+
+
+
+# 2.0.0 (2021-08-26)
+
+
+* feat!: Use a separate API for rich text formatting to avoid type casting in TypeScript #54 ([4c13a64](https://github.com/amannn/next-intl/commit/4c13a644ce99992d9e57887afe35a09b8e3d6572)), closes [#54](https://github.com/amannn/next-intl/issues/54)
+
+
+### BREAKING CHANGES
+
+* Instead of using the `t` function for formatting both regular messages and rich text, this function will only work for regular messages now. For rich text you can use `t.rich` instead now.
+
+
+
+
+
+## 1.5.1 (2021-08-13)
+
+
+### Bug Fixes
+
+* Improve API for rendering raw messages and add docs ([#51](https://github.com/amannn/next-intl/issues/51)) ([19f4a7e](https://github.com/amannn/next-intl/commit/19f4a7e4e81e1cff78dc7e3f337dce69800be280))
+
+
+
+
+
+# 1.5.0 (2021-08-10)
+
+
+### Features
+
+* Add flag to return raw messages ([#48](https://github.com/amannn/next-intl/issues/48)) ([b34e19f](https://github.com/amannn/next-intl/commit/b34e19ff618308b7d0c01e7969975215d96ff608))
+
+
+
+
+
+## 1.4.7 (2021-08-02)
+
+
+### Bug Fixes
+
+* Adjust default for `onError` of the provider to log errors correctly ([#46](https://github.com/amannn/next-intl/issues/46)) ([d0a1986](https://github.com/amannn/next-intl/commit/d0a1986905e30acac40630e9ea6d099caad617fb))
+
+
+
+
+
+## 1.4.6 (2021-08-02)
+
+
+### Bug Fixes
+
+* Use `timeZone` in translation function from `useTranslations` ([#45](https://github.com/amannn/next-intl/issues/45)) ([ebf75f2](https://github.com/amannn/next-intl/commit/ebf75f2add0ddc46f89768e9481bb16c56f94720))
+
+
+
+
+
+## 1.4.5 (2021-07-26)
+
+**Note:** Version bump only for package next-intl
+
+
+
+
+
+## 1.4.4 (2021-07-08)
+
+**Note:** Version bump only for package next-intl
+
+
+
+
+
+## 1.4.3 (2021-07-08)
+
+**Note:** Version bump only for package next-intl
+
+
+
+
+
+## [1.4.2](https://github.com/amannn/next-intl/compare/v1.4.1...v1.4.2) (2021-06-16)
+
+
+### Bug Fixes
+
+* Don't require `react-dom` as a peer dependency ([#39](https://github.com/amannn/next-intl/issues/39)) ([39edfcd](https://github.com/amannn/next-intl/commit/39edfcd9091e09570fc2152cda6a1e9ae5e7c210))
+
+
+
+
+
+## [1.4.1](https://github.com/amannn/next-intl/compare/v1.4.0...v1.4.1) (2021-06-16)
+
+
+### Bug Fixes
+
+* Use correct version range for use-intl ([02c33d3](https://github.com/amannn/next-intl/commit/02c33d341794bdcf6ba30ca8325a6a843a684635))
+
+
+
+
+
+# [1.4.0](https://github.com/amannn/next-intl/compare/v1.3.11...v1.4.0) (2021-06-16)
+
+
+### Features
+
+* Support Next.js 11 ([#36](https://github.com/amannn/next-intl/issues/36)) ([fc59871](https://github.com/amannn/next-intl/commit/fc5987156c2a74a9703e39f2b7ee19b84165fd77))
+
+
+
+
+
+## 1.3.11 (2021-05-07)
+
+**Note:** Version bump only for package next-intl
+
+
+
+
+
+## 1.3.10 (2021-05-02)
+
+**Note:** Version bump only for package next-intl
+
+
+
+
+
+## 1.3.9 (2021-05-02)
+
+**Note:** Version bump only for package next-intl
+
+
+
+
+
+## 1.3.8 (2021-03-26)
+
+**Note:** Version bump only for package next-intl
+
+
+
+
+
+## 1.3.7 (2021-02-12)
+
+**Note:** Version bump only for package next-intl
+
+
+
+
+
+## 1.3.6 (2021-02-09)
+
+**Note:** Version bump only for package next-intl
+
+
+
+
+
+## 1.3.5 (2021-02-09)
+
+**Note:** Version bump only for package next-intl
+
+
+
+
+
+## 1.3.4 (2021-02-09)
+
+**Note:** Version bump only for package next-intl
+
+
+
+
+
+## [1.3.3](https://github.com/amannn/next-intl/compare/v1.3.2...v1.3.3) (2021-02-09)
+
+**Note:** Version bump only for package next-intl

package/README.md

@@ -13,7 +13,7 @@
 
 <hr />
 
-**🚀 New ✨**: `next-intl` is adding support for **Next.js 13** and the [`app` directory](https://beta.nextjs.org/docs/routing/fundamentals). A preview version with support for React Server Components is [now available](https://next-intl-git-docs-next-13-amann.vercel.app/docs/next-13) for early adopters.
+**🚀 New ✨**: `next-intl` is adding support for **Next.js 13** and the [`app` directory](https://beta.nextjs.org/docs/routing/fundamentals). A preview version with support for React Server Components is [now available](https://next-intl-docs.vercel.app/docs/next-13) for early adopters.
 
 <hr />
 

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

@@ -1,8 +1,6 @@
+export { default as useLocale } from './useLocale';
+export { default as useTranslations } from './useTranslations';
+export { default as useIntl } from './useIntl';
+export { default as useNow } from './useNow';
+export { default as useTimeZone } from './useTimeZone';
 export * from 'use-intl/dist/src/core';
-declare function notSupported(): void;
-export declare const IntlProvider: typeof notSupported;
-export declare const useTranslations: typeof notSupported;
-export declare const useIntl: typeof notSupported;
-export declare const useLocale: typeof notSupported;
-export declare const useNow: typeof notSupported;
-export declare const useTimeZone: typeof notSupported;

package/dist/react-server/useIntl.d.ts

@@ -0,0 +1,5 @@
+export default function useIntl(): {
+    formatDateTime: (value: number | Date, formatOrOptions?: string | import("use-intl/dist/src/core/DateTimeFormatOptions").default | undefined) => string;
+    formatNumber: (value: number, formatOrOptions?: string | import("use-intl").NumberFormatOptions | undefined) => string;
+    formatRelativeTime: (date: number | Date, now?: number | Date | undefined) => string;
+};

package/dist/react-server/useLocale.d.ts

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

package/dist/react-server/useNow.d.ts

@@ -0,0 +1 @@
+export default function useNow(): Date | undefined;

package/dist/react-server/useTimeZone.d.ts

@@ -0,0 +1 @@
+export default function useTimeZone(): string | undefined;

package/dist/react-server/useTranslations.d.ts

@@ -0,0 +1 @@
+export default function useTranslations(namespace?: string): (key: string, ...rest: any) => string;

package/dist/server/NextIntlRequestStorage.d.ts

@@ -0,0 +1,25 @@
+import 'server-only';
+import IntlContextValue from 'use-intl/dist/src/react/IntlContextValue';
+declare class NextIntlRequestStorage {
+    private key;
+    private storage;
+    constructor();
+    initRequest(opts: IntlContextValue): void;
+    isInitialized(): boolean;
+    getLocale(): string;
+    getTranslator(): {
+        <TargetKey extends never>(key: TargetKey, values?: import("use-intl/dist/src/core/TranslationValues").default | undefined, formats?: Partial<import("use-intl/dist/src/core/Formats").default> | undefined): string;
+        rich<TargetKey_1 extends never>(key: TargetKey_1, values?: import("use-intl/dist/src/core/createTranslatorImpl").CoreRichTranslationValues | undefined, formats?: Partial<import("use-intl/dist/src/core/Formats").default> | undefined): string;
+        raw<TargetKey_2 extends never>(key: TargetKey_2): any;
+    };
+    getIntl(): {
+        formatDateTime: (value: number | Date, formatOrOptions?: string | import("use-intl/dist/src/core/DateTimeFormatOptions").default | undefined) => string;
+        formatNumber: (value: number, formatOrOptions?: string | import("@formatjs/ecma402-abstract/types/number").NumberFormatOptions | undefined) => string;
+        formatRelativeTime: (date: number | Date, now?: number | Date | undefined) => string;
+    };
+    getNow(): Date | undefined;
+    getTimeZone(): string | undefined;
+    private getInitializedStorage;
+}
+declare const instance: NextIntlRequestStorage;
+export default instance;

package/dist/server/NextIntlServerProvider.d.ts

@@ -0,0 +1,2 @@
+import IntlProviderProps from 'use-intl/dist/src/react/IntlProviderProps';
+export default function NextIntlServerProvider(props: IntlProviderProps): JSX.Element;

package/dist/server/NextRequestStorage.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Returns the request-level storage of Next.js where typically headers
+ * and cookies are stored. This is recreated for every request.
+ *
+ * This uses internal APIs of Next.js and may break in
+ * the future, so we should really move away from this.
+ */
+export default class NextRequestStorage<Data> {
+    private key;
+    constructor(key: string);
+    set(value: Data): void;
+    get(): Data | undefined;
+    private getStorage;
+}

package/dist/server/index.d.ts

@@ -1 +1,2 @@
 export { default as createIntlMiddleware } from './createIntlMiddleware';
+export { default as NextIntlServerProvider } from './NextIntlServerProvider';

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

@@ -1,8 +1,6 @@
+export { default as useLocale } from './useLocale';
+export { default as useTranslations } from './useTranslations';
+export { default as useIntl } from './useIntl';
+export { default as useNow } from './useNow';
+export { default as useTimeZone } from './useTimeZone';
 export * from 'use-intl/dist/src/core';
-declare function notSupported(): void;
-export declare const IntlProvider: typeof notSupported;
-export declare const useTranslations: typeof notSupported;
-export declare const useIntl: typeof notSupported;
-export declare const useLocale: typeof notSupported;
-export declare const useNow: typeof notSupported;
-export declare const useTimeZone: typeof notSupported;

package/dist/src/react-server/index.js

@@ -1,12 +1,11 @@
-// Everything from core, React APIs stubbed-out for now (since they don't work without context)
+// This is the main entry file when the 'react-server' environment imports
+// from 'next-intl'. Make sure this mirrors the API from the main entry.
+// Replaced exports from the `react` package
+export { default as useLocale } from './useLocale';
+export { default as useTranslations } from './useTranslations';
+export { default as useIntl } from './useIntl';
+export { default as useNow } from './useNow';
+export { default as useTimeZone } from './useTimeZone';
+// Everything from `core`
 export * from 'use-intl/dist/src/core';
-function notSupported() {
-    throw new Error('The React APIs of next-intl are currently not available in Server Components (see https://next-intl-docs.vercel.app/docs/next-13). As a stopgap solution, you can use the core library for these use cases (see https://next-intl-docs.vercel.app/docs/usage/core-library).');
-}
-export const IntlProvider = notSupported;
-export const useTranslations = notSupported;
-export const useIntl = notSupported;
-export const useLocale = notSupported;
-export const useNow = notSupported;
-export const useTimeZone = notSupported;
 //# sourceMappingURL=index.js.map

package/dist/src/react-server/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react-server/index.tsx"],"names":[],"mappings":"AAAA,+FAA+F;AAC/F,cAAc,wBAAwB,CAAC;AAEvC,SAAS,YAAY;IACnB,MAAM,IAAI,KAAK,CACb,6QAA6Q,CAC9Q,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,YAAY,CAAC;AACzC,MAAM,CAAC,MAAM,eAAe,GAAG,YAAY,CAAC;AAC5C,MAAM,CAAC,MAAM,OAAO,GAAG,YAAY,CAAC;AACpC,MAAM,CAAC,MAAM,SAAS,GAAG,YAAY,CAAC;AACtC,MAAM,CAAC,MAAM,MAAM,GAAG,YAAY,CAAC;AACnC,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react-server/index.tsx"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,wEAAwE;AAExE,4CAA4C;AAC5C,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,aAAa,CAAC;AACjD,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAC,OAAO,IAAI,OAAO,EAAC,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,eAAe,CAAC;AAErD,yBAAyB;AACzB,cAAc,wBAAwB,CAAC"}

package/dist/src/react-server/useIntl.d.ts

@@ -0,0 +1,5 @@
+export default function useIntl(): {
+    formatDateTime: (value: number | Date, formatOrOptions?: string | import("use-intl/dist/src/core/DateTimeFormatOptions").default | undefined) => string;
+    formatNumber: (value: number, formatOrOptions?: string | import("use-intl").NumberFormatOptions | undefined) => string;
+    formatRelativeTime: (date: number | Date, now?: number | Date | undefined) => string;
+};

package/dist/src/react-server/useIntl.js

@@ -0,0 +1,5 @@
+import NextIntlRequestStorage from '../server/NextIntlRequestStorage';
+export default function useIntl() {
+    return NextIntlRequestStorage.getIntl();
+}
+//# sourceMappingURL=useIntl.js.map

package/dist/src/react-server/useIntl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIntl.js","sourceRoot":"","sources":["../../../src/react-server/useIntl.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,MAAM,kCAAkC,CAAC;AAEtE,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,sBAAsB,CAAC,OAAO,EAAE,CAAC;AAC1C,CAAC"}

package/dist/src/react-server/useLocale.d.ts

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

package/dist/src/react-server/useLocale.js

@@ -0,0 +1,5 @@
+import NextIntlRequestStorage from '../server/NextIntlRequestStorage';
+export default function useLocale() {
+    return NextIntlRequestStorage.getLocale();
+}
+//# sourceMappingURL=useLocale.js.map

package/dist/src/react-server/useLocale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocale.js","sourceRoot":"","sources":["../../../src/react-server/useLocale.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,MAAM,kCAAkC,CAAC;AAEtE,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,OAAO,sBAAsB,CAAC,SAAS,EAAE,CAAC;AAC5C,CAAC"}

package/dist/src/react-server/useNow.d.ts

@@ -0,0 +1 @@
+export default function useNow(): Date | undefined;

package/dist/src/react-server/useNow.js

@@ -0,0 +1,5 @@
+import NextIntlRequestStorage from '../server/NextIntlRequestStorage';
+export default function useNow() {
+    return NextIntlRequestStorage.getNow();
+}
+//# sourceMappingURL=useNow.js.map

package/dist/src/react-server/useNow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNow.js","sourceRoot":"","sources":["../../../src/react-server/useNow.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,MAAM,kCAAkC,CAAC;AAEtE,MAAM,CAAC,OAAO,UAAU,MAAM;IAC5B,OAAO,sBAAsB,CAAC,MAAM,EAAE,CAAC;AACzC,CAAC"}

package/dist/src/react-server/useTimeZone.d.ts

@@ -0,0 +1 @@
+export default function useTimeZone(): string | undefined;

package/dist/src/react-server/useTimeZone.js

@@ -0,0 +1,5 @@
+import NextIntlRequestStorage from '../server/NextIntlRequestStorage';
+export default function useTimeZone() {
+    return NextIntlRequestStorage.getTimeZone();
+}
+//# sourceMappingURL=useTimeZone.js.map

package/dist/src/react-server/useTimeZone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimeZone.js","sourceRoot":"","sources":["../../../src/react-server/useTimeZone.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,MAAM,kCAAkC,CAAC;AAEtE,MAAM,CAAC,OAAO,UAAU,WAAW;IACjC,OAAO,sBAAsB,CAAC,WAAW,EAAE,CAAC;AAC9C,CAAC"}

package/dist/src/react-server/useTranslations.d.ts

@@ -0,0 +1 @@
+export default function useTranslations(namespace?: string): (key: string, ...rest: any) => string;

package/dist/src/react-server/useTranslations.js

@@ -0,0 +1,10 @@
+import NextIntlRequestStorage from '../server/NextIntlRequestStorage';
+export default function useTranslations(namespace) {
+    const translator = NextIntlRequestStorage.getTranslator();
+    return function translate(key, ...rest) {
+        const path = [namespace, key].filter((part) => part != null).join('.');
+        // @ts-expect-error We're using the types from the real `useTranslations` anyway
+        return translator(path, ...rest);
+    };
+}
+//# sourceMappingURL=useTranslations.js.map

package/dist/src/react-server/useTranslations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTranslations.js","sourceRoot":"","sources":["../../../src/react-server/useTranslations.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,MAAM,kCAAkC,CAAC;AAEtE,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,SAAkB;IACxD,MAAM,UAAU,GAAG,sBAAsB,CAAC,aAAa,EAAE,CAAC;IAE1D,OAAO,SAAS,SAAS,CAAC,GAAW,EAAE,GAAG,IAAS;QACjD,MAAM,IAAI,GAAG,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAEvE,gFAAgF;QAChF,OAAO,UAAU,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC;IACnC,CAAC,CAAC;AACJ,CAAC"}

package/dist/src/server/NextIntlRequestStorage.d.ts

@@ -0,0 +1,25 @@
+import 'server-only';
+import IntlContextValue from 'use-intl/dist/src/react/IntlContextValue';
+declare class NextIntlRequestStorage {
+    private key;
+    private storage;
+    constructor();
+    initRequest(opts: IntlContextValue): void;
+    isInitialized(): boolean;
+    getLocale(): string;
+    getTranslator(): {
+        <TargetKey extends never>(key: TargetKey, values?: import("use-intl/dist/src/core/TranslationValues").default | undefined, formats?: Partial<import("use-intl/dist/src/core/Formats").default> | undefined): string;
+        rich<TargetKey_1 extends never>(key: TargetKey_1, values?: import("use-intl/dist/src/core/createTranslatorImpl").CoreRichTranslationValues | undefined, formats?: Partial<import("use-intl/dist/src/core/Formats").default> | undefined): string;
+        raw<TargetKey_2 extends never>(key: TargetKey_2): any;
+    };
+    getIntl(): {
+        formatDateTime: (value: number | Date, formatOrOptions?: string | import("use-intl/dist/src/core/DateTimeFormatOptions").default | undefined) => string;
+        formatNumber: (value: number, formatOrOptions?: string | import("@formatjs/ecma402-abstract/types/number").NumberFormatOptions | undefined) => string;
+        formatRelativeTime: (date: number | Date, now?: number | Date | undefined) => string;
+    };
+    getNow(): Date | undefined;
+    getTimeZone(): string | undefined;
+    private getInitializedStorage;
+}
+declare const instance: NextIntlRequestStorage;
+export default instance;

package/dist/src/server/NextIntlRequestStorage.js

@@ -0,0 +1,46 @@
+import 'server-only';
+import { createTranslator, createIntl } from 'use-intl/dist/src/core';
+import NextRequestStorage from './NextRequestStorage';
+class NextIntlRequestStorage {
+    constructor() {
+        this.key = '__next-intl';
+        this.storage = new NextRequestStorage(this.key);
+    }
+    initRequest(opts) {
+        const translator = createTranslator({
+            ...opts,
+            messages: opts.messages
+        });
+        const intl = createIntl(opts);
+        const now = opts.now || new Date();
+        this.storage.set({ ...opts, translator, intl, now });
+    }
+    isInitialized() {
+        return this.storage.get() != null;
+    }
+    getLocale() {
+        return this.getInitializedStorage().locale;
+    }
+    getTranslator() {
+        return this.getInitializedStorage().translator;
+    }
+    getIntl() {
+        return this.getInitializedStorage().intl;
+    }
+    getNow() {
+        return this.getInitializedStorage().now;
+    }
+    getTimeZone() {
+        return this.getInitializedStorage().timeZone;
+    }
+    getInitializedStorage() {
+        if (!this.isInitialized()) {
+            throw new Error('`NextIntlServerProvider` was not initialized.');
+        }
+        return this.storage.get();
+    }
+}
+// Provide a singleton-instance of the storage.
+const instance = new NextIntlRequestStorage();
+export default instance;
+//# sourceMappingURL=NextIntlRequestStorage.js.map

package/dist/src/server/NextIntlRequestStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextIntlRequestStorage.js","sourceRoot":"","sources":["../../../src/server/NextIntlRequestStorage.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AACrB,OAAO,EAAC,gBAAgB,EAAE,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAGpE,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAEtD,MAAM,sBAAsB;IAU1B;QATQ,QAAG,GAAG,aAAa,CAAC;QAU1B,IAAI,CAAC,OAAO,GAAG,IAAI,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAClD,CAAC;IAEM,WAAW,CAAC,IAAsB;QACvC,MAAM,UAAU,GAAG,gBAAgB,CAAC;YAClC,GAAG,IAAI;YACP,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC,CAAC;QACH,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QAC9B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,IAAI,IAAI,EAAE,CAAC;QAEnC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAC,GAAG,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAC,CAAC,CAAC;IACrD,CAAC;IAEM,aAAa;QAClB,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC;IACpC,CAAC;IAEM,SAAS;QACd,OAAO,IAAI,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;IAC7C,CAAC;IAEM,aAAa;QAClB,OAAO,IAAI,CAAC,qBAAqB,EAAE,CAAC,UAAU,CAAC;IACjD,CAAC;IAEM,OAAO;QACZ,OAAO,IAAI,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC;IAC3C,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC;IAC1C,CAAC;IAEM,WAAW;QAChB,OAAO,IAAI,CAAC,qBAAqB,EAAE,CAAC,QAAQ,CAAC;IAC/C,CAAC;IAEO,qBAAqB;QAC3B,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE;YACzB,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;SAClE;QAED,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,EAAG,CAAC;IAC7B,CAAC;CACF;AAED,+CAA+C;AAC/C,MAAM,QAAQ,GAAG,IAAI,sBAAsB,EAAE,CAAC;AAE9C,eAAe,QAAQ,CAAC"}

package/dist/src/server/NextIntlServerProvider.d.ts

@@ -0,0 +1,2 @@
+import IntlProviderProps from 'use-intl/dist/src/react/IntlProviderProps';
+export default function NextIntlServerProvider(props: IntlProviderProps): JSX.Element;

package/dist/src/server/NextIntlServerProvider.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import getIntlContextValue from 'use-intl/dist/src/react/getIntlContextValue';
+import NextIntlRequestStorage from './NextIntlRequestStorage';
+export default function NextIntlServerProvider(props) {
+    // Typically this component renders only once in `layout`. It can however be
+    // the case that when next-intl features are necessary in the `<head>`, this
+    // provider will be used twice.
+    //
+    // Maybe we're doing us a disfavour by using an API that looks like it's
+    // scoped to a part of the tree. The big advantage is that the API is the
+    // same for both server and client.
+    NextIntlRequestStorage.initRequest(getIntlContextValue(props));
+    return React.createElement(React.Fragment, null, props.children);
+}
+//# sourceMappingURL=NextIntlServerProvider.js.map

package/dist/src/server/NextIntlServerProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextIntlServerProvider.js","sourceRoot":"","sources":["../../../src/server/NextIntlServerProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,mBAAmB,MAAM,6CAA6C,CAAC;AAC9E,OAAO,sBAAsB,MAAM,0BAA0B,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,KAAwB;IACrE,4EAA4E;IAC5E,4EAA4E;IAC5E,+BAA+B;IAC/B,EAAE;IACF,wEAAwE;IACxE,yEAAyE;IACzE,mCAAmC;IACnC,sBAAsB,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC;IAE/D,OAAO,0CAAG,KAAK,CAAC,QAAQ,CAAI,CAAC;AAC/B,CAAC"}

package/dist/src/server/NextRequestStorage.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Returns the request-level storage of Next.js where typically headers
+ * and cookies are stored. This is recreated for every request.
+ *
+ * This uses internal APIs of Next.js and may break in
+ * the future, so we should really move away from this.
+ */
+export default class NextRequestStorage<Data> {
+    private key;
+    constructor(key: string);
+    set(value: Data): void;
+    get(): Data | undefined;
+    private getStorage;
+}

package/dist/src/server/NextRequestStorage.js

@@ -0,0 +1,28 @@
+import { requestAsyncStorage } from 'next/dist/client/components/request-async-storage';
+/**
+ * Returns the request-level storage of Next.js where typically headers
+ * and cookies are stored. This is recreated for every request.
+ *
+ * This uses internal APIs of Next.js and may break in
+ * the future, so we should really move away from this.
+ */
+export default class NextRequestStorage {
+    constructor(key) {
+        this.key = key;
+    }
+    set(value) {
+        const storage = this.getStorage();
+        storage[this.key] = value;
+    }
+    get() {
+        const storage = this.getStorage();
+        return storage[this.key];
+    }
+    getStorage() {
+        const requestStore = requestAsyncStorage && 'getStore' in requestAsyncStorage
+            ? requestAsyncStorage.getStore()
+            : requestAsyncStorage;
+        return requestStore;
+    }
+}
+//# sourceMappingURL=NextRequestStorage.js.map

package/dist/src/server/NextRequestStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextRequestStorage.js","sourceRoot":"","sources":["../../../src/server/NextRequestStorage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,mDAAmD,CAAC;AAEtF;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAkB;IAGrC,YAAY,GAAW;QACrB,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;IACjB,CAAC;IAEM,GAAG,CAAC,KAAW;QACpB,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QACjC,OAAe,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;IACrC,CAAC;IAEM,GAAG;QACR,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAClC,OAAQ,OAAe,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACpC,CAAC;IAEO,UAAU;QAChB,MAAM,YAAY,GAChB,mBAAmB,IAAI,UAAU,IAAI,mBAAmB;YACtD,CAAC,CAAC,mBAAmB,CAAC,QAAQ,EAAE;YAChC,CAAC,CAAC,mBAAmB,CAAC;QAE1B,OAAO,YAAY,CAAC;IACtB,CAAC;CACF"}

package/dist/src/server/index.d.ts

@@ -1 +1,2 @@
 export { default as createIntlMiddleware } from './createIntlMiddleware';
+export { default as NextIntlServerProvider } from './NextIntlServerProvider';

package/dist/src/server/index.js

@@ -1,2 +1,3 @@
 export { default as createIntlMiddleware } from './createIntlMiddleware';
+export { default as NextIntlServerProvider } from './NextIntlServerProvider';
 //# sourceMappingURL=index.js.map

package/dist/src/server/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/server/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,oBAAoB,EAAC,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/server/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAC,OAAO,IAAI,sBAAsB,EAAC,MAAM,0BAA0B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-intl",
-  "version": "2.10.0",
+  "version": "2.11.0-alpha.1",
   "sideEffects": false,
   "author": "Jan Amann <jan@amann.me>",
   "description": "A minimal, but complete solution for internationalization in Next.js apps.",
@@ -56,7 +56,8 @@
   },
   "dependencies": {
     "accept-language-parser": "^1.5.0",
-    "use-intl": "^2.9.2"
+    "server-only": "0.0.1",
+    "use-intl": "2.10.1"
   },
   "peerDependencies": {
     "next": "^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0",
@@ -75,6 +76,5 @@
   },
   "engines": {
     "node": ">=10"
-  },
-  "gitHead": "cda1f5415724c973500f4b693f208ba1145baa43"
+  }
 }

package/src/react-server/index.tsx

@@ -1,15 +1,12 @@
-// Everything from core, React APIs stubbed-out for now (since they don't work without context)
-export * from 'use-intl/dist/src/core';
+// This is the main entry file when the 'react-server' environment imports
+// from 'next-intl'. Make sure this mirrors the API from the main entry.
 
-function notSupported() {
-  throw new Error(
-    'The React APIs of next-intl are currently not available in Server Components (see https://next-intl-docs.vercel.app/docs/next-13). As a stopgap solution, you can use the core library for these use cases (see https://next-intl-docs.vercel.app/docs/usage/core-library).'
-  );
-}
+// Replaced exports from the `react` package
+export {default as useLocale} from './useLocale';
+export {default as useTranslations} from './useTranslations';
+export {default as useIntl} from './useIntl';
+export {default as useNow} from './useNow';
+export {default as useTimeZone} from './useTimeZone';
 
-export const IntlProvider = notSupported;
-export const useTranslations = notSupported;
-export const useIntl = notSupported;
-export const useLocale = notSupported;
-export const useNow = notSupported;
-export const useTimeZone = notSupported;
+// Everything from `core`
+export * from 'use-intl/dist/src/core';

package/src/react-server/useIntl.tsx

@@ -0,0 +1,5 @@
+import NextIntlRequestStorage from '../server/NextIntlRequestStorage';
+
+export default function useIntl() {
+  return NextIntlRequestStorage.getIntl();
+}

package/src/react-server/useLocale.tsx

@@ -0,0 +1,5 @@
+import NextIntlRequestStorage from '../server/NextIntlRequestStorage';
+
+export default function useLocale() {
+  return NextIntlRequestStorage.getLocale();
+}

package/src/react-server/useNow.tsx

@@ -0,0 +1,5 @@
+import NextIntlRequestStorage from '../server/NextIntlRequestStorage';
+
+export default function useNow() {
+  return NextIntlRequestStorage.getNow();
+}

package/src/react-server/useTimeZone.tsx

@@ -0,0 +1,5 @@
+import NextIntlRequestStorage from '../server/NextIntlRequestStorage';
+
+export default function useTimeZone() {
+  return NextIntlRequestStorage.getTimeZone();
+}

package/src/react-server/useTranslations.tsx

@@ -0,0 +1,12 @@
+import NextIntlRequestStorage from '../server/NextIntlRequestStorage';
+
+export default function useTranslations(namespace?: string) {
+  const translator = NextIntlRequestStorage.getTranslator();
+
+  return function translate(key: string, ...rest: any) {
+    const path = [namespace, key].filter((part) => part != null).join('.');
+
+    // @ts-expect-error We're using the types from the real `useTranslations` anyway
+    return translator(path, ...rest);
+  };
+}

package/src/server/NextIntlRequestStorage.tsx

@@ -0,0 +1,68 @@
+import 'server-only';
+import {createTranslator, createIntl} from 'use-intl/dist/src/core';
+// eslint-disable-next-line import/default -- False positive
+import IntlContextValue from 'use-intl/dist/src/react/IntlContextValue';
+import NextRequestStorage from './NextRequestStorage';
+
+class NextIntlRequestStorage {
+  private key = '__next-intl';
+
+  private storage: NextRequestStorage<
+    IntlContextValue & {
+      translator: ReturnType<typeof createTranslator>;
+      intl: ReturnType<typeof createIntl>;
+    }
+  >;
+
+  constructor() {
+    this.storage = new NextRequestStorage(this.key);
+  }
+
+  public initRequest(opts: IntlContextValue) {
+    const translator = createTranslator({
+      ...opts,
+      messages: opts.messages
+    });
+    const intl = createIntl(opts);
+    const now = opts.now || new Date();
+
+    this.storage.set({...opts, translator, intl, now});
+  }
+
+  public isInitialized() {
+    return this.storage.get() != null;
+  }
+
+  public getLocale() {
+    return this.getInitializedStorage().locale;
+  }
+
+  public getTranslator() {
+    return this.getInitializedStorage().translator;
+  }
+
+  public getIntl() {
+    return this.getInitializedStorage().intl;
+  }
+
+  public getNow() {
+    return this.getInitializedStorage().now;
+  }
+
+  public getTimeZone() {
+    return this.getInitializedStorage().timeZone;
+  }
+
+  private getInitializedStorage() {
+    if (!this.isInitialized()) {
+      throw new Error('`NextIntlServerProvider` was not initialized.');
+    }
+
+    return this.storage.get()!;
+  }
+}
+
+// Provide a singleton-instance of the storage.
+const instance = new NextIntlRequestStorage();
+
+export default instance;

package/src/server/NextIntlServerProvider.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+// eslint-disable-next-line import/default -- False positive
+import IntlProviderProps from 'use-intl/dist/src/react/IntlProviderProps';
+import getIntlContextValue from 'use-intl/dist/src/react/getIntlContextValue';
+import NextIntlRequestStorage from './NextIntlRequestStorage';
+
+export default function NextIntlServerProvider(props: IntlProviderProps) {
+  // Typically this component renders only once in `layout`. It can however be
+  // the case that when next-intl features are necessary in the `<head>`, this
+  // provider will be used twice.
+  //
+  // Maybe we're doing us a disfavour by using an API that looks like it's
+  // scoped to a part of the tree. The big advantage is that the API is the
+  // same for both server and client.
+  NextIntlRequestStorage.initRequest(getIntlContextValue(props));
+
+  return <>{props.children}</>;
+}

package/src/server/NextRequestStorage.tsx

@@ -0,0 +1,35 @@
+import {requestAsyncStorage} from 'next/dist/client/components/request-async-storage';
+
+/**
+ * Returns the request-level storage of Next.js where typically headers
+ * and cookies are stored. This is recreated for every request.
+ *
+ * This uses internal APIs of Next.js and may break in
+ * the future, so we should really move away from this.
+ */
+export default class NextRequestStorage<Data> {
+  private key: string;
+
+  constructor(key: string) {
+    this.key = key;
+  }
+
+  public set(value: Data) {
+    const storage = this.getStorage();
+    (storage as any)[this.key] = value;
+  }
+
+  public get(): Data | undefined {
+    const storage = this.getStorage();
+    return (storage as any)[this.key];
+  }
+
+  private getStorage() {
+    const requestStore =
+      requestAsyncStorage && 'getStore' in requestAsyncStorage
+        ? requestAsyncStorage.getStore()
+        : requestAsyncStorage;
+
+    return requestStore;
+  }
+}

package/src/server/index.tsx

@@ -1 +1,2 @@
 export {default as createIntlMiddleware} from './createIntlMiddleware';
+export {default as NextIntlServerProvider} from './NextIntlServerProvider';

package/LICENSE

@@ -1,21 +0,0 @@
-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.