next-intl 2.10.0-alpha.2 → 2.10.0-alpha.4

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

@@ -0,0 +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';

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,2 @@
+import 'server-only';
+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,2 @@
+import 'server-only';
+export default function useTranslations(namespace?: string): (key: string, ...rest: any) => string;

package/dist/server/NextIntlRequestStorage.d.ts

@@ -0,0 +1,24 @@
+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,3 @@
+import 'server-only';
+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

@@ -0,0 +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';

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

@@ -0,0 +1,11 @@
+// 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';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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,2 @@
+import 'server-only';
+export default function useLocale(): string;

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

@@ -0,0 +1,6 @@
+import 'server-only';
+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,aAAa,CAAC;AACrB,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,2 @@
+import 'server-only';
+export default function useTranslations(namespace?: string): (key: string, ...rest: any) => string;

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

@@ -0,0 +1,11 @@
+import 'server-only';
+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,aAAa,CAAC;AACrB,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,24 @@
+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,45 @@
+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,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,3 @@
+import 'server-only';
+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,13 @@
+import 'server-only';
+import React from 'react';
+import getIntlContextValue from 'use-intl/dist/src/react/getIntlContextValue';
+import NextIntlRequestStorage from './NextIntlRequestStorage';
+export default function NextIntlServerProvider(props) {
+    // This provider must only be rendered a single time per request.
+    if (NextIntlRequestStorage.isInitialized()) {
+        console.error(`\`NextIntlServerProvider\` was already initialized.`);
+    }
+    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,aAAa,CAAC;AACrB,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,iEAAiE;IACjE,IAAI,sBAAsB,CAAC,aAAa,EAAE,EAAE;QAC1C,OAAO,CAAC,KAAK,CAAC,qDAAqD,CAAC,CAAC;KACtE;IAED,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.9.1",
+  "version": "2.10.0-alpha.4",
   "sideEffects": false,
   "author": "Jan Amann <jan@amann.me>",
   "description": "A minimal, but complete solution for internationalization in Next.js apps.",
@@ -11,33 +11,29 @@
     "url": "https://github.com/amannn/next-intl"
   },
   "scripts": {
-    "start": "dts watch",
     "build": "yarn build:default && yarn build:rsc",
     "build:default": "rm -rf dist && dts build",
     "build:rsc": "tsc && rm -rf dist/test",
     "test": "TZ=Europe/Berlin dts test --testPathIgnorePatterns=dist",
     "lint": "eslint src test && tsc --noEmit",
-    "prepublishOnly": "yarn test && yarn lint && yarn build && cp ../../README.md . && git checkout .",
-    "postpublish": "rm ./README.md"
+    "prepublishOnly": "yarn test && yarn lint && yarn build && cp ../../README.md .",
+    "postpublish": "git checkout . && rm ./README.md"
   },
   "main": "dist/index.js",
   "module": "dist/src/index.esm.js",
   "typings": "dist/src/index.d.ts",
   "exports": {
     ".": {
-      "react-server": "./dist/src/index.js",
+      "react-server": "./dist/src/react-server/index.js",
       "default": "./dist/index.js"
     },
-    "./server": {
-      "react-server": "./dist/src/index.js",
-      "default": "./dist/src/server/index.js"
-    }
+    "./server": "./dist/src/server/index.js"
   },
   "files": [
     "dist",
     "src",
-    "./server.js",
-    "./server.d.ts"
+    "server.js",
+    "server.d.ts"
   ],
   "keywords": [
     "react",
@@ -57,7 +53,8 @@
   },
   "dependencies": {
     "accept-language-parser": "^1.5.0",
-    "use-intl": "^2.9.1"
+    "server-only": "0.0.1",
+    "use-intl": "2.10.0-alpha.3"
   },
   "peerDependencies": {
     "next": "^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0",

package/server.d.ts

@@ -0,0 +1 @@
+export * from './dist/src/server';

package/server.js

@@ -0,0 +1 @@
+export * from './dist/src/server';

package/src/react-server/index.tsx

@@ -0,0 +1,12 @@
+// 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';

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,6 @@
+import 'server-only';
+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,13 @@
+import 'server-only';
+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,67 @@
+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,17 @@
+import 'server-only';
+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) {
+  // This provider must only be rendered a single time per request.
+  if (NextIntlRequestStorage.isInitialized()) {
+    console.error(`\`NextIntlServerProvider\` was already initialized.`);
+  }
+
+  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';