@better-intl/next 0.1.2 → 0.2.0

package/dist/rsc.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+var core = require('@better-intl/core');
+var react = require('react');
+
+// src/rsc.ts
+var getRequestIntl = react.cache(
+  () => ({
+    locale: "",
+    messages: {}
+  })
+);
+function setRequestIntl(locale, messages) {
+  const intl = getRequestIntl();
+  intl.locale = locale;
+  intl.messages = messages;
+}
+function rsc() {
+  const { messages } = getRequestIntl();
+  return (id, values, defaultMessage) => {
+    const message = messages[id] ?? defaultMessage ?? id;
+    return values ? core.interpolate(message, values) : message;
+  };
+}
+function getRequestLocale() {
+  return getRequestIntl().locale;
+}
+
+exports.getRequestLocale = getRequestLocale;
+exports.rsc = rsc;
+exports.setRequestIntl = setRequestIntl;
+//# sourceMappingURL=rsc.cjs.map
+//# sourceMappingURL=rsc.cjs.map

package/dist/rsc.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/rsc.ts"],"names":["cache","interpolate"],"mappings":";;;;;;AAoCA,IAAM,cAAA,GAAiBA,WAAA;AAAA,EACrB,OAAoB;AAAA,IAClB,MAAA,EAAQ,EAAA;AAAA,IACR,UAAU;AAAC,GACb;AACF,CAAA;AAOO,SAAS,cAAA,CAAe,QAAgB,QAAA,EAA0B;AACvE,EAAA,MAAM,OAAO,cAAA,EAAe;AAC5B,EAAA,IAAA,CAAK,MAAA,GAAS,MAAA;AACd,EAAA,IAAA,CAAK,QAAA,GAAW,QAAA;AAClB;AAQO,SAAS,GAAA,GAIJ;AACV,EAAA,MAAM,EAAE,QAAA,EAAS,GAAI,cAAA,EAAe;AAEpC,EAAA,OAAO,CACL,EAAA,EACA,MAAA,EACA,cAAA,KACW;AACX,IAAA,MAAM,OAAA,GAAU,QAAA,CAAS,EAAE,CAAA,IAAK,cAAA,IAAkB,EAAA;AAClD,IAAA,OAAO,MAAA,GAASC,gBAAA,CAAY,OAAA,EAAS,MAAM,CAAA,GAAI,OAAA;AAAA,EACjD,CAAA;AACF;AAKO,SAAS,gBAAA,GAA2B;AACzC,EAAA,OAAO,gBAAe,CAAE,MAAA;AAC1B","file":"rsc.cjs","sourcesContent":["/**\n * React Server Component support for better-intl.\n *\n * Uses React.cache() to store locale/messages per request.\n * Call setRequestIntl() once in your layout, then rsc() in any server component.\n *\n * @example\n * // app/[locale]/layout.tsx\n * import { setRequestIntl } from \"@better-intl/next/rsc\";\n *\n * export default async function Layout({ params, children }) {\n *   const { locale } = await params;\n *   const messages = (await import(`../../locales/${locale}.json`)).default;\n *   setRequestIntl(locale, messages);\n *   return <>{children}</>;\n * }\n *\n * @example\n * // app/[locale]/page.tsx — no imports needed, Babel handles it\n * export default function Page() {\n *   return <h1>Hello world</h1>;\n * }\n */\n\nimport {\n  type InterpolationValues,\n  interpolate,\n  type Messages,\n} from \"@better-intl/core\";\nimport { cache } from \"react\";\n\ninterface RequestIntl {\n  locale: string;\n  messages: Messages;\n}\n\nconst getRequestIntl = cache(\n  (): RequestIntl => ({\n    locale: \"\",\n    messages: {},\n  }),\n);\n\n/**\n * Set the locale and messages for the current request.\n * Call this once in your root layout — all server components\n * rendered in the same request will have access.\n */\nexport function setRequestIntl(locale: string, messages: Messages): void {\n  const intl = getRequestIntl();\n  intl.locale = locale;\n  intl.messages = messages;\n}\n\n/**\n * Get a synchronous t() function for server components.\n * Reads from the request-scoped cache set by setRequestIntl().\n *\n * The Babel plugin injects this automatically in server components.\n */\nexport function rsc(): (\n  id: string,\n  values?: InterpolationValues,\n  defaultMessage?: string,\n) => string {\n  const { messages } = getRequestIntl();\n\n  return (\n    id: string,\n    values?: InterpolationValues,\n    defaultMessage?: string,\n  ): string => {\n    const message = messages[id] ?? defaultMessage ?? id;\n    return values ? interpolate(message, values) : message;\n  };\n}\n\n/**\n * Get the current request locale.\n */\nexport function getRequestLocale(): string {\n  return getRequestIntl().locale;\n}\n"]}

package/dist/rsc.d.cts

@@ -0,0 +1,45 @@
+import { InterpolationValues, Messages } from '@better-intl/core';
+
+/**
+ * React Server Component support for better-intl.
+ *
+ * Uses React.cache() to store locale/messages per request.
+ * Call setRequestIntl() once in your layout, then rsc() in any server component.
+ *
+ * @example
+ * // app/[locale]/layout.tsx
+ * import { setRequestIntl } from "@better-intl/next/rsc";
+ *
+ * export default async function Layout({ params, children }) {
+ *   const { locale } = await params;
+ *   const messages = (await import(`../../locales/${locale}.json`)).default;
+ *   setRequestIntl(locale, messages);
+ *   return <>{children}</>;
+ * }
+ *
+ * @example
+ * // app/[locale]/page.tsx — no imports needed, Babel handles it
+ * export default function Page() {
+ *   return <h1>Hello world</h1>;
+ * }
+ */
+
+/**
+ * Set the locale and messages for the current request.
+ * Call this once in your root layout — all server components
+ * rendered in the same request will have access.
+ */
+declare function setRequestIntl(locale: string, messages: Messages): void;
+/**
+ * Get a synchronous t() function for server components.
+ * Reads from the request-scoped cache set by setRequestIntl().
+ *
+ * The Babel plugin injects this automatically in server components.
+ */
+declare function rsc(): (id: string, values?: InterpolationValues, defaultMessage?: string) => string;
+/**
+ * Get the current request locale.
+ */
+declare function getRequestLocale(): string;
+
+export { getRequestLocale, rsc, setRequestIntl };

package/dist/rsc.d.ts

@@ -0,0 +1,45 @@
+import { InterpolationValues, Messages } from '@better-intl/core';
+
+/**
+ * React Server Component support for better-intl.
+ *
+ * Uses React.cache() to store locale/messages per request.
+ * Call setRequestIntl() once in your layout, then rsc() in any server component.
+ *
+ * @example
+ * // app/[locale]/layout.tsx
+ * import { setRequestIntl } from "@better-intl/next/rsc";
+ *
+ * export default async function Layout({ params, children }) {
+ *   const { locale } = await params;
+ *   const messages = (await import(`../../locales/${locale}.json`)).default;
+ *   setRequestIntl(locale, messages);
+ *   return <>{children}</>;
+ * }
+ *
+ * @example
+ * // app/[locale]/page.tsx — no imports needed, Babel handles it
+ * export default function Page() {
+ *   return <h1>Hello world</h1>;
+ * }
+ */
+
+/**
+ * Set the locale and messages for the current request.
+ * Call this once in your root layout — all server components
+ * rendered in the same request will have access.
+ */
+declare function setRequestIntl(locale: string, messages: Messages): void;
+/**
+ * Get a synchronous t() function for server components.
+ * Reads from the request-scoped cache set by setRequestIntl().
+ *
+ * The Babel plugin injects this automatically in server components.
+ */
+declare function rsc(): (id: string, values?: InterpolationValues, defaultMessage?: string) => string;
+/**
+ * Get the current request locale.
+ */
+declare function getRequestLocale(): string;
+
+export { getRequestLocale, rsc, setRequestIntl };

package/dist/rsc.js

@@ -0,0 +1,29 @@
+import { interpolate } from '@better-intl/core';
+import { cache } from 'react';
+
+// src/rsc.ts
+var getRequestIntl = cache(
+  () => ({
+    locale: "",
+    messages: {}
+  })
+);
+function setRequestIntl(locale, messages) {
+  const intl = getRequestIntl();
+  intl.locale = locale;
+  intl.messages = messages;
+}
+function rsc() {
+  const { messages } = getRequestIntl();
+  return (id, values, defaultMessage) => {
+    const message = messages[id] ?? defaultMessage ?? id;
+    return values ? interpolate(message, values) : message;
+  };
+}
+function getRequestLocale() {
+  return getRequestIntl().locale;
+}
+
+export { getRequestLocale, rsc, setRequestIntl };
+//# sourceMappingURL=rsc.js.map
+//# sourceMappingURL=rsc.js.map

package/dist/rsc.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/rsc.ts"],"names":[],"mappings":";;;;AAoCA,IAAM,cAAA,GAAiB,KAAA;AAAA,EACrB,OAAoB;AAAA,IAClB,MAAA,EAAQ,EAAA;AAAA,IACR,UAAU;AAAC,GACb;AACF,CAAA;AAOO,SAAS,cAAA,CAAe,QAAgB,QAAA,EAA0B;AACvE,EAAA,MAAM,OAAO,cAAA,EAAe;AAC5B,EAAA,IAAA,CAAK,MAAA,GAAS,MAAA;AACd,EAAA,IAAA,CAAK,QAAA,GAAW,QAAA;AAClB;AAQO,SAAS,GAAA,GAIJ;AACV,EAAA,MAAM,EAAE,QAAA,EAAS,GAAI,cAAA,EAAe;AAEpC,EAAA,OAAO,CACL,EAAA,EACA,MAAA,EACA,cAAA,KACW;AACX,IAAA,MAAM,OAAA,GAAU,QAAA,CAAS,EAAE,CAAA,IAAK,cAAA,IAAkB,EAAA;AAClD,IAAA,OAAO,MAAA,GAAS,WAAA,CAAY,OAAA,EAAS,MAAM,CAAA,GAAI,OAAA;AAAA,EACjD,CAAA;AACF;AAKO,SAAS,gBAAA,GAA2B;AACzC,EAAA,OAAO,gBAAe,CAAE,MAAA;AAC1B","file":"rsc.js","sourcesContent":["/**\n * React Server Component support for better-intl.\n *\n * Uses React.cache() to store locale/messages per request.\n * Call setRequestIntl() once in your layout, then rsc() in any server component.\n *\n * @example\n * // app/[locale]/layout.tsx\n * import { setRequestIntl } from \"@better-intl/next/rsc\";\n *\n * export default async function Layout({ params, children }) {\n *   const { locale } = await params;\n *   const messages = (await import(`../../locales/${locale}.json`)).default;\n *   setRequestIntl(locale, messages);\n *   return <>{children}</>;\n * }\n *\n * @example\n * // app/[locale]/page.tsx — no imports needed, Babel handles it\n * export default function Page() {\n *   return <h1>Hello world</h1>;\n * }\n */\n\nimport {\n  type InterpolationValues,\n  interpolate,\n  type Messages,\n} from \"@better-intl/core\";\nimport { cache } from \"react\";\n\ninterface RequestIntl {\n  locale: string;\n  messages: Messages;\n}\n\nconst getRequestIntl = cache(\n  (): RequestIntl => ({\n    locale: \"\",\n    messages: {},\n  }),\n);\n\n/**\n * Set the locale and messages for the current request.\n * Call this once in your root layout — all server components\n * rendered in the same request will have access.\n */\nexport function setRequestIntl(locale: string, messages: Messages): void {\n  const intl = getRequestIntl();\n  intl.locale = locale;\n  intl.messages = messages;\n}\n\n/**\n * Get a synchronous t() function for server components.\n * Reads from the request-scoped cache set by setRequestIntl().\n *\n * The Babel plugin injects this automatically in server components.\n */\nexport function rsc(): (\n  id: string,\n  values?: InterpolationValues,\n  defaultMessage?: string,\n) => string {\n  const { messages } = getRequestIntl();\n\n  return (\n    id: string,\n    values?: InterpolationValues,\n    defaultMessage?: string,\n  ): string => {\n    const message = messages[id] ?? defaultMessage ?? id;\n    return values ? interpolate(message, values) : message;\n  };\n}\n\n/**\n * Get the current request locale.\n */\nexport function getRequestLocale(): string {\n  return getRequestIntl().locale;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@better-intl/next",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "Next.js App Router integration for better-intl",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -26,6 +26,11 @@
       "import": "./dist/server.js",
       "require": "./dist/server.cjs",
       "types": "./dist/server.d.ts"
+    },
+    "./rsc": {
+      "import": "./dist/rsc.js",
+      "require": "./dist/rsc.cjs",
+      "types": "./dist/rsc.d.ts"
     }
   },
   "files": [