@stackframe/stack 2.6.24 → 2.6.25

package/dist/lib/stack-app.js

@@ -64,7 +64,7 @@ var import_url = require("../utils/url");
 var import_auth = require("./auth");
 var import_cookie = require("./cookie");
 var NextNavigation = (0, import_compile_time.scrambleDuringCompileTime)(NextNavigationUnscrambled);
-var clientVersion = "js @stackframe/stack@2.6.24";
+var clientVersion = "js @stackframe/stack@2.6.25";
 function getUrls(partial) {
   const handler = partial.handler ?? "/handler";
   const home = partial.home ?? "/";

package/dist/providers/stack-provider.d.mts

@@ -14,8 +14,15 @@ import '@stackframe/stack-shared/dist/utils/oauth';
 import '@stackframe/stack-shared/dist/utils/results';
 import '../generated/quetzal-translations.mjs';
 
-declare function StackProvider({ children, app, lang, }: {
+declare function StackProvider({ children, app, lang, translationOverrides, }: {
     lang?: React__default.ComponentProps<typeof TranslationProvider>['lang'];
+    /**
+     * A mapping of English translations to translated equivalents.
+     *
+     * These will take priority over the translations from the language specified in the `lang` property. Note that the
+     * keys are case-sensitive.
+     */
+    translationOverrides?: Record<string, string>;
     children: React__default.ReactNode;
     app: StackClientApp<true> | StackServerApp<true> | StackAdminApp<true>;
 }): react_jsx_runtime.JSX.Element;

package/dist/providers/stack-provider.d.ts

@@ -14,8 +14,15 @@ import '@stackframe/stack-shared/dist/utils/oauth';
 import '@stackframe/stack-shared/dist/utils/results';
 import '../generated/quetzal-translations.js';
 
-declare function StackProvider({ children, app, lang, }: {
+declare function StackProvider({ children, app, lang, translationOverrides, }: {
     lang?: React__default.ComponentProps<typeof TranslationProvider>['lang'];
+    /**
+     * A mapping of English translations to translated equivalents.
+     *
+     * These will take priority over the translations from the language specified in the `lang` property. Note that the
+     * keys are case-sensitive.
+     */
+    translationOverrides?: Record<string, string>;
     children: React__default.ReactNode;
     app: StackClientApp<true> | StackServerApp<true> | StackAdminApp<true>;
 }): react_jsx_runtime.JSX.Element;

package/dist/providers/stack-provider.js

@@ -31,11 +31,12 @@ var import_jsx_runtime = require("react/jsx-runtime");
 function StackProvider({
   children,
   app,
-  lang
+  lang,
+  translationOverrides
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_stack_provider_client.StackProviderClient, { appJson: app[import_stack_app.stackAppInternalsSymbol].toClientJson(), children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UserFetcher, { app }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_translation_provider.TranslationProvider, { lang, children })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_translation_provider.TranslationProvider, { lang, translationOverrides, children })
   ] });
 }
 function UserFetcher(props) {

package/dist/providers/stack-provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/providers/stack-provider.tsx"],"sourcesContent":["import React, { Suspense } from 'react';\nimport { StackAdminApp, StackClientApp, StackServerApp, stackAppInternalsSymbol } from '../lib/stack-app';\nimport { StackProviderClient, UserSetter } from './stack-provider-client';\nimport { TranslationProvider } from './translation-provider';\n\n\nexport default function StackProvider({\n  children,\n  app,\n  lang,\n}: {\n  lang?: React.ComponentProps<typeof TranslationProvider>['lang'],\n  children: React.ReactNode,\n  // list all three types of apps even though server and admin are subclasses of client so it's clear that you can pass any\n  app: StackClientApp<true> | StackServerApp<true> | StackAdminApp<true>,\n}) {\n  return (\n    <StackProviderClient appJson={app[stackAppInternalsSymbol].toClientJson()}>\n      <Suspense fallback={null}>\n        <UserFetcher app={app} />\n      </Suspense>\n      <TranslationProvider lang={lang}>\n        {children}\n      </TranslationProvider>\n    </StackProviderClient>\n  );\n}\n\nfunction UserFetcher(props: { app: StackClientApp<true> }) {\n  const userPromise = props.app.getUser().then((user) => user?.toClientJson() ?? null);\n  return <UserSetter userJsonPromise={userPromise} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,uBAAuF;AACvF,mCAAgD;AAChD,kCAAoC;AAchC;AAXW,SAAR,cAA+B;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SACE,6CAAC,oDAAoB,SAAS,IAAI,wCAAuB,EAAE,aAAa,GACtE;AAAA,gDAAC,yBAAS,UAAU,MAClB,sDAAC,eAAY,KAAU,GACzB;AAAA,IACA,4CAAC,mDAAoB,MAClB,UACH;AAAA,KACF;AAEJ;AAEA,SAAS,YAAY,OAAsC;AACzD,QAAM,cAAc,MAAM,IAAI,QAAQ,EAAE,KAAK,CAAC,SAAS,MAAM,aAAa,KAAK,IAAI;AACnF,SAAO,4CAAC,2CAAW,iBAAiB,aAAa;AACnD;","names":[]}
+{"version":3,"sources":["../../src/providers/stack-provider.tsx"],"sourcesContent":["import React, { Suspense } from 'react';\nimport { StackAdminApp, StackClientApp, StackServerApp, stackAppInternalsSymbol } from '../lib/stack-app';\nimport { StackProviderClient, UserSetter } from './stack-provider-client';\nimport { TranslationProvider } from './translation-provider';\n\n\nexport default function StackProvider({\n  children,\n  app,\n  lang,\n  translationOverrides,\n}: {\n  lang?: React.ComponentProps<typeof TranslationProvider>['lang'],\n  /**\n   * A mapping of English translations to translated equivalents.\n   *\n   * These will take priority over the translations from the language specified in the `lang` property. Note that the\n   * keys are case-sensitive.\n   */\n  translationOverrides?: Record<string, string>,\n  children: React.ReactNode,\n  // list all three types of apps even though server and admin are subclasses of client so it's clear that you can pass any\n  app: StackClientApp<true> | StackServerApp<true> | StackAdminApp<true>,\n}) {\n  return (\n    <StackProviderClient appJson={app[stackAppInternalsSymbol].toClientJson()}>\n      <Suspense fallback={null}>\n        <UserFetcher app={app} />\n      </Suspense>\n      <TranslationProvider lang={lang} translationOverrides={translationOverrides}>\n        {children}\n      </TranslationProvider>\n    </StackProviderClient>\n  );\n}\n\nfunction UserFetcher(props: { app: StackClientApp<true> }) {\n  const userPromise = props.app.getUser().then((user) => user?.toClientJson() ?? null);\n  return <UserSetter userJsonPromise={userPromise} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,uBAAuF;AACvF,mCAAgD;AAChD,kCAAoC;AAsBhC;AAnBW,SAAR,cAA+B;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAYG;AACD,SACE,6CAAC,oDAAoB,SAAS,IAAI,wCAAuB,EAAE,aAAa,GACtE;AAAA,gDAAC,yBAAS,UAAU,MAClB,sDAAC,eAAY,KAAU,GACzB;AAAA,IACA,4CAAC,mDAAoB,MAAY,sBAC9B,UACH;AAAA,KACF;AAEJ;AAEA,SAAS,YAAY,OAAsC;AACzD,QAAM,cAAc,MAAM,IAAI,QAAQ,EAAE,KAAK,CAAC,SAAS,MAAM,aAAa,KAAK,IAAI;AACnF,SAAO,4CAAC,2CAAW,iBAAiB,aAAa;AACnD;","names":[]}

package/dist/providers/translation-provider.d.mts

@@ -1,8 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { quetzalLocales } from '../generated/quetzal-translations.mjs';
 
-declare function TranslationProvider({ lang, children }: {
+declare function TranslationProvider({ lang, translationOverrides, children }: {
     lang: Parameters<typeof quetzalLocales.get>[0] | undefined;
+    translationOverrides?: Record<string, string>;
     children: React.ReactNode;
 }): Promise<react_jsx_runtime.JSX.Element>;
 

package/dist/providers/translation-provider.d.ts

@@ -1,8 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { quetzalLocales } from '../generated/quetzal-translations.js';
 
-declare function TranslationProvider({ lang, children }: {
+declare function TranslationProvider({ lang, translationOverrides, children }: {
     lang: Parameters<typeof quetzalLocales.get>[0] | undefined;
+    translationOverrides?: Record<string, string>;
     children: React.ReactNode;
 }): Promise<react_jsx_runtime.JSX.Element>;
 

package/dist/providers/translation-provider.js

@@ -23,12 +23,18 @@ __export(translation_provider_exports, {
   TranslationProvider: () => TranslationProvider
 });
 module.exports = __toCommonJS(translation_provider_exports);
+var import_errors = require("@stackframe/stack-shared/dist/utils/errors");
 var import_quetzal_translations = require("../generated/quetzal-translations");
 var import_translation_provider_client = require("./translation-provider-client");
 var import_jsx_runtime = require("react/jsx-runtime");
-async function TranslationProvider({ lang, children }) {
+async function TranslationProvider({ lang, translationOverrides, children }) {
   const locale = import_quetzal_translations.quetzalLocales.get(lang ?? void 0);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_translation_provider_client.TranslationProviderClient, { quetzalKeys: import_quetzal_translations.quetzalKeys, quetzalLocale: locale ?? /* @__PURE__ */ new Map(), children });
+  const localeWithOverrides = new Map(locale);
+  for (const [orig, override] of Object.entries(translationOverrides ?? {})) {
+    const key = import_quetzal_translations.quetzalKeys.get(orig) ?? (0, import_errors.throwErr)(new Error(`Invalid translation override: Original key ${JSON.stringify(orig)} not found. Make sure you are passing the correct values into the translationOverrides property of the component.`));
+    localeWithOverrides.set(key, override);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_translation_provider_client.TranslationProviderClient, { quetzalKeys: import_quetzal_translations.quetzalKeys, quetzalLocale: localeWithOverrides, children });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/providers/translation-provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/providers/translation-provider.tsx"],"sourcesContent":["import { quetzalLocales, quetzalKeys } from \"../generated/quetzal-translations\";\nimport { TranslationProviderClient } from \"./translation-provider-client\";\n\nexport async function TranslationProvider({ lang, children }: {\n  lang: Parameters<typeof quetzalLocales.get>[0] | undefined,\n  children: React.ReactNode,\n}) {\n  const locale = quetzalLocales.get(lang ?? (undefined as never));\n  return <TranslationProviderClient quetzalKeys={quetzalKeys} quetzalLocale={locale ?? new Map()}>\n    {children}\n  </TranslationProviderClient>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kCAA4C;AAC5C,yCAA0C;AAOjC;AALT,eAAsB,oBAAoB,EAAE,MAAM,SAAS,GAGxD;AACD,QAAM,SAAS,2CAAe,IAAI,QAAS,MAAmB;AAC9D,SAAO,4CAAC,gEAA0B,aAAa,yCAAa,eAAe,UAAU,oBAAI,IAAI,GAC1F,UACH;AACF;","names":[]}
+{"version":3,"sources":["../../src/providers/translation-provider.tsx"],"sourcesContent":["import { throwErr } from \"@stackframe/stack-shared/dist/utils/errors\";\nimport { quetzalKeys, quetzalLocales } from \"../generated/quetzal-translations\";\nimport { TranslationProviderClient } from \"./translation-provider-client\";\n\nexport async function TranslationProvider({ lang, translationOverrides, children }: {\n  lang: Parameters<typeof quetzalLocales.get>[0] | undefined,\n  translationOverrides?: Record<string, string>,\n  children: React.ReactNode,\n}) {\n  const locale = quetzalLocales.get(lang ?? (undefined as never));\n\n  const localeWithOverrides = new Map<string, string>(locale);\n  for (const [orig, override] of Object.entries(translationOverrides ?? {})) {\n    const key = quetzalKeys.get(orig as never) ?? throwErr(new Error(`Invalid translation override: Original key ${JSON.stringify(orig)} not found. Make sure you are passing the correct values into the translationOverrides property of the component.`));\n    localeWithOverrides.set(key, override);\n  }\n\n  return <TranslationProviderClient quetzalKeys={quetzalKeys} quetzalLocale={localeWithOverrides}>\n    {children}\n  </TranslationProviderClient>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAyB;AACzB,kCAA4C;AAC5C,yCAA0C;AAejC;AAbT,eAAsB,oBAAoB,EAAE,MAAM,sBAAsB,SAAS,GAI9E;AACD,QAAM,SAAS,2CAAe,IAAI,QAAS,MAAmB;AAE9D,QAAM,sBAAsB,IAAI,IAAoB,MAAM;AAC1D,aAAW,CAAC,MAAM,QAAQ,KAAK,OAAO,QAAQ,wBAAwB,CAAC,CAAC,GAAG;AACzE,UAAM,MAAM,wCAAY,IAAI,IAAa,SAAK,wBAAS,IAAI,MAAM,8CAA8C,KAAK,UAAU,IAAI,CAAC,mHAAmH,CAAC;AACvP,wBAAoB,IAAI,KAAK,QAAQ;AAAA,EACvC;AAEA,SAAO,4CAAC,gEAA0B,aAAa,yCAAa,eAAe,qBACxE,UACH;AACF;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackframe/stack",
-  "version": "2.6.24",
+  "version": "2.6.25",
   "sideEffects": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -43,9 +43,9 @@
     "tailwindcss-animate": "^1.0.7",
     "tsx": "^4.7.2",
     "yup": "^1.4.0",
-    "@stackframe/stack-sc": "2.6.24",
-    "@stackframe/stack-ui": "2.6.24",
-    "@stackframe/stack-shared": "2.6.24"
+    "@stackframe/stack-shared": "2.6.25",
+    "@stackframe/stack-ui": "2.6.25",
+    "@stackframe/stack-sc": "2.6.25"
   },
   "peerDependencies": {
     "next": ">=14.1 || >=15.0.0-rc.0",