gemi 0.172.0 → 0.174.0

package/dist/client/index.js

@@ -2763,6 +2763,31 @@ function createFormatter(init) {
 	};
 }
 //#endregion
+//#region client/IslandI18nContext.ts
+/** The key the island runtime (`h`) finds this context under. */
+var ISLAND_I18N_CONTEXT_KEY = "gemi.islandI18n";
+/**
+* @internal Provided around an island's own root on a static page: by the
+* server while it renders the island, and by the island runtime when it
+* hydrates it, from the document's `gemi-island-i18n` payload. `null`
+* everywhere else.
+*
+* On `globalThis`, like `StaticRenderContext`: the runtime is plain source
+* with no imports of gemi's, so it looks the context up by this key, and the
+* published package bundles `gemi/client` and the server side separately.
+*/
+var IslandI18nContext = globalThis[Symbol.for(ISLAND_I18N_CONTEXT_KEY)] ??= createContext(null);
+/**
+* @internal The page's i18n payload: the route's in a view, the island's own
+* on a static page, where an island is a React root of its own and the
+* route's does not reach it.
+*/
+function usePageI18n() {
+	const { i18n } = useRouteData();
+	const island = useContext(IslandI18nContext);
+	return i18n ?? island ?? void 0;
+}
+//#endregion
 //#region client/useFormatter.ts
 /**
 * Format dates, numbers, relative times and lists in the active locale and the
@@ -2783,7 +2808,7 @@ function createFormatter(init) {
 * Pass `options` to pin a zone for one subtree (`useFormatter({ timeZone })`).
 */
 function useFormatter(options = {}) {
-	const { i18n } = useRouteData();
+	const i18n = usePageI18n();
 	const locale = options.locale ?? i18n?.currentLocale ?? i18n?.defaultLocale ?? "en-US";
 	const timeZone = options.timeZone ?? (isValidTimeZone(i18n?.timeZone) ? i18n.timeZone : "UTC");
 	return useMemo(() => createFormatter({
@@ -2814,7 +2839,7 @@ function useFormatter(options = {}) {
 * Replaces `useTranslator`, which is deprecated.
 */
 function useDictionary(dictionary) {
-	const { i18n } = useRouteData();
+	const i18n = usePageI18n();
 	const sink = useContext(DictionarySinkContext);
 	const locale = i18n?.currentLocale ?? dictionary.locales[0];
 	setActiveLocale(locale);
@@ -3125,10 +3150,10 @@ function island(loader, options = {}) {
 		const { children, ...rest } = props;
 		if (!isProduction()) assertSerialisableProps(rest, label);
 		const uid = `i${collector.count++}-`;
-		const html = (loader.gemiModule ? Promise.resolve(pick(loader.gemiModule)) : loader().then(pick)).then((Component) => collector.render(createElement(StaticRenderContext.Provider, { value: null }, hasChildren(children) ? createElement(Component, rest, createElement(ISLAND_SLOT_TAG, {
+		const html = (loader.gemiModule ? Promise.resolve(pick(loader.gemiModule)) : loader().then(pick)).then((Component) => collector.render(createElement(StaticRenderContext.Provider, { value: null }, createElement(IslandI18nContext.Provider, { value: collector.i18n }, createElement(DictionarySinkContext.Provider, { value: collector.sink }, hasChildren(children) ? createElement(Component, rest, createElement(ISLAND_SLOT_TAG, {
 			[ISLAND_SLOT_ATTRIBUTE]: uid,
 			style: { display: "contents" }
-		})) : createElement(Component, rest)), uid));
+		})) : createElement(Component, rest)))), uid));
 		html.catch(() => {});
 		const json = JSON.stringify(rest);
 		return {