gt-react 11.0.0-odysseus.4 → 11.0.0

package/dist/index.client.cjs

@@ -201,7 +201,7 @@ function deleteExpiredEntries(cache, now = Date.now()) {
 	for (const key of Object.keys(cache)) if (cache[key].exp <= now) delete cache[key];
 }
 //#endregion
-//#region ../core/dist/base64-r7YWJYWt.mjs
+//#region ../core/dist/api-BOEGbEF6.mjs
 function ensureSentence(text) {
 	const trimmed = text.trim();
 	if (!trimmed) return "";
@@ -265,7 +265,7 @@ var BrowserI18nCache = class extends gt_i18n_internal.I18nCache {
 			...DEFAULT_HTML_TAG_OPTIONS,
 			...htmlTagOptions
 		};
-		if (devHotReloadEnabled) this.subscribe("translations-cache-miss", ({ locale, hash, translation }) => {
+		if (devHotReloadEnabled) this.onTranslationsCacheMiss = ({ locale, hash, translation }) => {
 			const cache = localStorageCaches[locale];
 			if (cache) cache.write(hash, translation);
 			else localStorageCaches[locale] = new LocalStorageTranslationCache({
@@ -273,7 +273,7 @@ var BrowserI18nCache = class extends gt_i18n_internal.I18nCache {
 				projectId,
 				init: { [hash]: translation }
 			});
-		});
+		};
 	}
 	/**
 	* Whether dev hot reload JSX (Suspense-based <T>) is active
@@ -287,7 +287,7 @@ var BrowserI18nCache = class extends gt_i18n_internal.I18nCache {
 	* Returns undefined if not in development mode.
 	*/
 	getLocalStorageTranslationCache(locale, init) {
-		if (!{}?.DEV) return void 0;
+		if ((0, gt_i18n_internal.getRuntimeEnvironment)() !== "development") return void 0;
 		if (!this._localStorageCaches[locale]) this._localStorageCaches[locale] = new LocalStorageTranslationCache({
 			locale,
 			projectId: this.config.projectId,
@@ -375,27 +375,6 @@ function readBrowserLocale(localeCookieName) {
 	return candidates;
 }
 //#endregion
-//#region src/cookie-names.ts
-/**
-* Cookie name for tracking the user's selected locale.
-*/
-const defaultLocaleCookieName = "generaltranslation.locale";
-/**
-* Cookie name for tracking the user's selected region.
-*/
-const defaultRegionCookieName = "generaltranslation.region";
-/**
-* Cookie name for persisting the enableI18n feature flag.
-*/
-const defaultEnableI18nCookieName = "generaltranslation.enable-i18n";
-/**
-* Cookie name for tracking the locale reset
-* Used by gt-next middleware
-*
-* TODO: remove this cookie when come up with better solution
-*/
-const defaultResetLocaleCookieName = "generaltranslation.locale-reset";
-//#endregion
 //#region src/condition-store/BrowserConditionStore.ts
 /**
 * Condition store implementation for Browser.
@@ -403,18 +382,18 @@ const defaultResetLocaleCookieName = "generaltranslation.locale-reset";
 var BrowserConditionStore = class {
 	constructor(config) {
 		this.getLocale = () => {
-			return getBrowserLocale(this.localeCookieName, this.customGetLocale);
+			return getBrowserLocale(this.customGetLocale);
 		};
 		this.setLocale = (locale) => {
 			this.updateLocale(locale);
 			setCookieValue({
-				cookieName: defaultResetLocaleCookieName,
+				cookieName: _generaltranslation_react_core_pure.defaultResetLocaleCookieName,
 				value: "true"
 			});
 			this.reload();
 		};
 		this.getRegion = () => {
-			const cookieRegion = getCookieValue({ cookieName: this.regionCookieName });
+			const cookieRegion = getCookieValue({ cookieName: (0, _generaltranslation_react_core_pure.getI18nConfig)().getRegionCookieName() });
 			if (cookieRegion) return cookieRegion;
 			return this.customGetRegion?.();
 		};
@@ -423,7 +402,7 @@ var BrowserConditionStore = class {
 			this.reload();
 		};
 		this.getEnableI18n = () => {
-			const cookieEnableI18n = getCookieValue({ cookieName: this.enableI18nCookieName });
+			const cookieEnableI18n = getCookieValue({ cookieName: (0, _generaltranslation_react_core_pure.getI18nConfig)().getEnableI18nCookieName() });
 			if (cookieEnableI18n === void 0) return this.customGetEnableI18n?.() ?? true;
 			return cookieEnableI18n === "true";
 		};
@@ -432,21 +411,21 @@ var BrowserConditionStore = class {
 			this.reload();
 		};
 		this.updateLocale = (locale) => {
-			const i18nConfig = (0, gt_i18n_internal.getI18nConfig)();
+			const i18nConfig = (0, _generaltranslation_react_core_pure.getI18nConfig)();
 			setCookieValue({
-				cookieName: this.localeCookieName,
-				value: i18nConfig.determineLocale(locale) || i18nConfig.getDefaultLocale()
+				cookieName: i18nConfig.getLocaleCookieName(),
+				value: i18nConfig.resolveSupportedLocale(locale)
 			});
 		};
 		this.updateRegion = (region) => {
 			setCookieValue({
-				cookieName: this.regionCookieName,
+				cookieName: (0, _generaltranslation_react_core_pure.getI18nConfig)().getRegionCookieName(),
 				value: region ?? ""
 			});
 		};
 		this.updateEnableI18n = (enableI18n) => {
 			setCookieValue({
-				cookieName: this.enableI18nCookieName,
+				cookieName: (0, _generaltranslation_react_core_pure.getI18nConfig)().getEnableI18nCookieName(),
 				value: enableI18n ? "true" : "false"
 			});
 		};
@@ -458,35 +437,39 @@ var BrowserConditionStore = class {
 			};
 			this.customReload(state);
 		};
+		const i18nConfig = (0, _generaltranslation_react_core_pure.getI18nConfig)();
 		this.customReload = config._reload ?? (() => typeof window !== "undefined" ? window.location.reload() : void 0);
 		this.customGetLocale = config._getLocale;
 		this.customGetRegion = config._getRegion;
 		this.customGetEnableI18n = config._getEnableI18n;
-		this.localeCookieName = config.localeCookieName ?? "generaltranslation.locale";
-		this.regionCookieName = config.regionCookieName ?? "generaltranslation.region";
-		this.enableI18nCookieName = config.enableI18nCookieName ?? "generaltranslation.enable-i18n";
-		const i18nConfig = (0, gt_i18n_internal.getI18nConfig)();
 		setCookieValue({
-			cookieName: this.localeCookieName,
-			value: i18nConfig.determineLocale(config.locale) || i18nConfig.getDefaultLocale()
+			cookieName: i18nConfig.getLocaleCookieName(),
+			value: i18nConfig.resolveSupportedLocale(config.locale)
 		});
 		if (config.region !== void 0) setCookieValue({
-			cookieName: this.regionCookieName,
+			cookieName: i18nConfig.getRegionCookieName(),
 			value: config.region
 		});
 		this.updateEnableI18n(config.enableI18n ?? true);
 	}
 };
-function getBrowserLocale(cookieName, getLocale) {
-	const candidates = readBrowserLocale(cookieName);
+function getBrowserLocale(getLocale) {
+	const i18nConfig = (0, _generaltranslation_react_core_pure.getI18nConfig)();
+	const candidates = readBrowserLocale(i18nConfig.getLocaleCookieName());
 	if (getLocale) candidates.push(getLocale());
-	const i18nConfig = (0, gt_i18n_internal.getI18nConfig)();
-	return i18nConfig.determineLocale(candidates) || i18nConfig.getDefaultLocale();
+	return i18nConfig.resolveSupportedLocale(candidates);
 }
 //#endregion
 //#region src/condition-store/singleton-operations.ts
-const { setConditionStore: setReadonlyConditionStore, isConditionStoreInitialized: isReadonlyConditionStoreInitialized } = (0, gt_i18n_internal.createConditionStoreSingleton)("ReadonlyConditionStore is not initialized.");
-const { getConditionStore: getBrowserConditionStore, setConditionStore: setBrowserConditionStore, isConditionStoreInitialized: isBrowserConditionStoreInitialized } = (0, gt_i18n_internal.createConditionStoreSingleton)("BrowserConditionStore is not initialized.");
+const conditionStoreNotInitializedError = createDiagnosticMessage({
+	source: "gt-react",
+	severity: "Error",
+	whatHappened: "Cannot read GT runtime context before it has been initialized",
+	why: "the internal ConditionStore singleton is unavailable",
+	fix: "Call initializeGT() (or initializeGTSPA() in SPA apps) before rendering and add a <GTProvider> at the root of your component tree."
+});
+const { setConditionStore: setReadonlyConditionStore, isConditionStoreInitialized: isReadonlyConditionStoreInitialized } = (0, gt_i18n_internal.createConditionStoreSingleton)(conditionStoreNotInitializedError);
+const { getConditionStore: getBrowserConditionStore, setConditionStore: setBrowserConditionStore, isConditionStoreInitialized: isBrowserConditionStoreInitialized } = (0, gt_i18n_internal.createConditionStoreSingleton)(conditionStoreNotInitializedError);
 //#endregion
 //#region src/condition-store/createBrowserConditionStore.ts
 /**
@@ -494,8 +477,11 @@ const { getConditionStore: getBrowserConditionStore, setConditionStore: setBrows
 *
 * This exists so we can keep the locale param as required in the constructor
 *
-* We want the values that we read from the cookies to override as this
-* persists state across page reloads
+* Server-provided props are the first candidates for hydration consistency.
+* Cookies fill in missing values to persist state across page reloads.
+*
+* Cookie names come from the I18nConfig singleton so custom names passed to
+* initializeGT() apply here without being threaded through provider props.
 */
 function createOrUpdateBrowserConditionStore(config) {
 	const locale = determineLocale(config);
@@ -510,9 +496,6 @@ function createOrUpdateBrowserConditionStore(config) {
 	}
 	const conditionStore = new BrowserConditionStore({
 		...config,
-		localeCookieName: defaultLocaleCookieName,
-		regionCookieName: defaultRegionCookieName,
-		enableI18nCookieName: defaultEnableI18nCookieName,
 		locale,
 		region,
 		enableI18n
@@ -520,26 +503,64 @@ function createOrUpdateBrowserConditionStore(config) {
 	setBrowserConditionStore(conditionStore);
 	return conditionStore;
 }
-function determineLocale({ localeCookieName = defaultLocaleCookieName, _getLocale: getLocale, locale }) {
+function determineLocale({ _getLocale: getLocale, locale }) {
+	const i18nConfig = (0, _generaltranslation_react_core_pure.getI18nConfig)();
 	const candidates = [];
 	if (locale) candidates.push(...Array.isArray(locale) ? locale : [locale]);
 	if (getLocale) candidates.push(getLocale());
-	candidates.push(...readBrowserLocale(localeCookieName));
-	return resolveLocale(candidates);
+	candidates.push(...readBrowserLocale(i18nConfig.getLocaleCookieName()));
+	return i18nConfig.resolveSupportedLocale(candidates);
 }
-function resolveLocale(candidates) {
-	const i18nConfig = (0, gt_i18n_internal.getI18nConfig)();
-	return i18nConfig.determineLocale(candidates) || i18nConfig.getDefaultLocale();
+function determineRegion({ _getRegion: getRegion, region }) {
+	return getCookieValue({ cookieName: (0, _generaltranslation_react_core_pure.getI18nConfig)().getRegionCookieName() }) || getRegion?.() || region;
 }
-function determineRegion({ regionCookieName = defaultRegionCookieName, _getRegion: getRegion, region }) {
-	return getCookieValue({ cookieName: regionCookieName }) || getRegion?.() || region;
-}
-function determineEnableI18n({ enableI18n, enableI18nCookieName = defaultEnableI18nCookieName, _getEnableI18n: getEnableI18n }) {
-	const cookieEnableI18n = getCookieValue({ cookieName: enableI18nCookieName });
-	if (cookieEnableI18n === void 0) return getEnableI18n?.() ?? enableI18n ?? true;
+function determineEnableI18n({ enableI18n, _getEnableI18n: getEnableI18n }) {
+	if (enableI18n !== void 0) return enableI18n;
+	const cookieEnableI18n = getCookieValue({ cookieName: (0, _generaltranslation_react_core_pure.getI18nConfig)().getEnableI18nCookieName() });
+	if (cookieEnableI18n === void 0) return getEnableI18n?.() ?? true;
 	return cookieEnableI18n === "true";
 }
 //#endregion
+//#region src/setup/runtimeCredentials.ts
+function addRuntimeCredentials(config) {
+	const credentials = getRuntimeCredentials();
+	return {
+		...config,
+		projectId: config.projectId || credentials.projectId,
+		devApiKey: config.devApiKey || credentials.devApiKey
+	};
+}
+function getRuntimeCredentials() {
+	return {
+		projectId: readImportMetaVite(() => ({}).env?.VITE_GT_PROJECT_ID) || readProcessEnvViteProjectId(),
+		devApiKey: (0, gt_i18n_internal.getRuntimeEnvironment)() === "development" ? readImportMetaVite(() => ({}).env?.DEV ? {}.env?.VITE_GT_DEV_API_KEY : void 0) || readProcessEnvViteDevApiKey() : void 0
+	};
+}
+function readImportMetaVite(readValue) {
+	try {
+		return normalizeEnvValue(readValue());
+	} catch {
+		return;
+	}
+}
+function readProcessEnvViteProjectId() {
+	try {
+		return normalizeEnvValue(process.env.VITE_GT_PROJECT_ID);
+	} catch {
+		return;
+	}
+}
+function readProcessEnvViteDevApiKey() {
+	try {
+		return normalizeEnvValue(process.env.VITE_GT_DEV_API_KEY);
+	} catch {
+		return;
+	}
+}
+function normalizeEnvValue(value) {
+	return value || void 0;
+}
+//#endregion
 //#region src/setup/initializeGTSPA.ts
 /**
 * Initialize GT for an SPA
@@ -550,12 +571,23 @@ function determineEnableI18n({ enableI18n, enableI18nCookieName = defaultEnableI
 * This is SPA for browser runtime
 */
 async function initializeGTSPA(config) {
-	(0, gt_i18n_internal.setupGTServicesEnabled)(config);
-	(0, _generaltranslation_react_core_pure.initializeI18nConfig)(config, "SPA");
-	(0, _generaltranslation_react_core_pure.setReactI18nCache)(new BrowserI18nCache(config));
-	createOrUpdateBrowserConditionStore(config);
+	const runtimeConfig = addRuntimeCredentials(config);
+	(0, _generaltranslation_react_core_pure.initializeI18nConfig)(runtimeConfig, "SPA");
+	(0, _generaltranslation_react_core_pure.setReactI18nCache)(new BrowserI18nCache(runtimeConfig));
+	createOrUpdateBrowserConditionStore(runtimeConfig);
 	(0, _generaltranslation_react_core_pure.setI18nStore)(new _generaltranslation_react_core_pure.I18nStore());
-	await (0, _generaltranslation_react_core_pure.getTranslationsSnapshot)((0, _generaltranslation_react_core_pure.getReadonlyConditionStoreWithFallback)().getLocale());
+	await (0, _generaltranslation_react_core_pure.getTranslationsSnapshot)((0, _generaltranslation_react_core_pure.getReadonlyConditionStore)().getLocale());
+}
+//#endregion
+//#region src/setup/initializeGTSRAClient.ts
+/**
+* Initialize GT for client-side rendering.
+*/
+function initializeGTSRAClient(config) {
+	(0, _generaltranslation_react_core_pure.internalInitializeGTSRA)(addRuntimeCredentials({
+		cacheExpiryTime: null,
+		...config
+	}));
 }
 //#endregion
 //#region src/hooks/conditions-store.ts
@@ -842,9 +874,6 @@ Object.defineProperty(exports, "decodeVars", {
 		return _generaltranslation_react_core_pure.decodeVars;
 	}
 });
-exports.defaultEnableI18nCookieName = defaultEnableI18nCookieName;
-exports.defaultLocaleCookieName = defaultLocaleCookieName;
-exports.defaultRegionCookieName = defaultRegionCookieName;
 Object.defineProperty(exports, "derive", {
 	enumerable: true,
 	get: function() {
@@ -863,12 +892,6 @@ Object.defineProperty(exports, "getFormatLocales", {
 		return _generaltranslation_react_core_pure.getFormatLocales;
 	}
 });
-Object.defineProperty(exports, "getGTClass", {
-	enumerable: true,
-	get: function() {
-		return _generaltranslation_react_core_pure.getGTClass;
-	}
-});
 Object.defineProperty(exports, "getLocaleProperties", {
 	enumerable: true,
 	get: function() {
@@ -905,12 +928,7 @@ Object.defineProperty(exports, "gtFallback", {
 		return _generaltranslation_react_core_pure.gtFallback;
 	}
 });
-Object.defineProperty(exports, "initializeGT", {
-	enumerable: true,
-	get: function() {
-		return _generaltranslation_react_core_pure.initializeGT;
-	}
-});
+exports.initializeGT = initializeGTSRAClient;
 exports.initializeGTSPA = initializeGTSPA;
 Object.defineProperty(exports, "mFallback", {
 	enumerable: true,
@@ -924,6 +942,12 @@ Object.defineProperty(exports, "msg", {
 		return _generaltranslation_react_core_pure.msg;
 	}
 });
+Object.defineProperty(exports, "resolveCanonicalLocale", {
+	enumerable: true,
+	get: function() {
+		return _generaltranslation_react_core_pure.resolveCanonicalLocale;
+	}
+});
 Object.defineProperty(exports, "setReactI18nCache", {
 	enumerable: true,
 	get: function() {
@@ -966,12 +990,6 @@ Object.defineProperty(exports, "useGT", {
 		return _generaltranslation_react_core_hooks.useGT;
 	}
 });
-Object.defineProperty(exports, "useGTClass", {
-	enumerable: true,
-	get: function() {
-		return _generaltranslation_react_core_hooks.useGTClass;
-	}
-});
 Object.defineProperty(exports, "useLocale", {
 	enumerable: true,
 	get: function() {
@@ -1019,11 +1037,5 @@ Object.defineProperty(exports, "useTranslations", {
 		return _generaltranslation_react_core_hooks.useTranslations;
 	}
 });
-Object.defineProperty(exports, "useVersionId", {
-	enumerable: true,
-	get: function() {
-		return _generaltranslation_react_core_hooks.useVersionId;
-	}
-});
 
 //# sourceMappingURL=index.client.cjs.map