everything-dev 1.53.1 → 2.0.0-rc.0

package/dist/ui/hydrate.mjs

@@ -0,0 +1,263 @@
+import { getCspNonce, getRuntimeConfig } from "./runtime.mjs";
+import { createApiClient } from "./api.mjs";
+import { createAuthClient } from "./auth.mjs";
+import { manifest_exports } from "./manifest/index.mjs";
+import { defaultQueryClient } from "./router-defaults.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ui/hydrate.tsx
+const mark = (message) => {
+	const progress = window.__CLIENT_PROGRESS__ ?? [];
+	window.__CLIENT_PROGRESS__ = [...progress, message];
+	if (import.meta.env.DEV) console.log(`[Hydrate] ${message}`);
+};
+function isAbsoluteHttpUrl(value) {
+	if (!value) return false;
+	try {
+		const url = new URL(value);
+		return url.protocol === "http:" || url.protocol === "https:";
+	} catch {
+		return false;
+	}
+}
+/**
+* Manifest composition: reconstruct the server's tree from the payload — the
+* same manifests, the same MF names, the same construction code. Digest
+* parity proves the SSR'd tree and this tree are identical before hydrate;
+* any failure degrades to the core-only tree (still a real route tree — the
+* page must render, just without plugin routes) rather than leaving the
+* router without a tree.
+*/
+async function composeFromPayload(runtimeConfig, coreRouteConfig, coreManifest) {
+	const coreUiName = runtimeConfig.ui?.name ?? manifest_exports.CORE_UI_PLUGIN_KEY;
+	const composeCoreOnly = async (candidateManifests) => {
+		try {
+			const core = candidateManifests.find((m) => m.name === manifest_exports.CORE_UI_PLUGIN_KEY);
+			if (!core) return void 0;
+			const tree = await (0, manifest_exports.constructTree)({
+				name: "core-fallback",
+				plugins: [{
+					key: core.name,
+					mfName: coreUiName
+				}],
+				resolve: async (ref) => ({
+					key: ref.key,
+					manifest: core,
+					routeConfig: coreRouteConfig
+				}),
+				rootOptions: coreRouteConfig.rootMeta
+			});
+			mark(`core-only tree constructed: ${tree.manifests.length} source(s), ${tree.nav.items.length} nav item(s)`);
+			return {
+				routeTree: tree.rootRoute,
+				nav: tree.nav,
+				degraded: true
+			};
+		} catch (error) {
+			console.error("[Hydrate] Core-only fallback failed:", error);
+			mark(`CORE-ONLY FALLBACK ERROR: ${error.message}`);
+			return;
+		}
+	};
+	const payload = runtimeConfig.ui?.compose;
+	if (!payload?.remotes) return coreManifest ? composeCoreOnly([coreManifest]) : void 0;
+	const parsed = manifest_exports.ComposePayloadSchema.safeParse(payload);
+	if (!parsed.success) {
+		mark(`compose payload malformed: ${parsed.error.message}`);
+		return coreManifest ? composeCoreOnly([coreManifest]) : void 0;
+	}
+	const { manifests } = parsed.data;
+	const manifestByKey = new Map(manifests.map((m) => [m.name, m]));
+	try {
+		const { registerRemotes, loadRemote } = await import("@module-federation/enhanced/runtime");
+		mark(`compose payload: digest ${payload.digest}, ${payload.remotes.length} remote(s)`);
+		registerRemotes(payload.remotes.map((remote) => ({
+			name: remote.name,
+			alias: remote.name,
+			entry: isAbsoluteHttpUrl(remote.manifestUrl) ? remote.manifestUrl : remote.entry.replace(/\/?remoteEntry\.js$/, "/mf-manifest.json")
+		})));
+		for (const remote of payload.remotes) mark(`remote registered ${remote.name} @ ${remote.entry}`);
+		const loadedRouteConfigs = /* @__PURE__ */ new Map();
+		const dropped = [];
+		const healthyManifests = [];
+		for (const manifest of manifests) {
+			if (manifest.name === manifest_exports.CORE_UI_PLUGIN_KEY) {
+				healthyManifests.push(manifest);
+				continue;
+			}
+			const remote = payload.remotes.find((r) => r.key === manifest.name);
+			if (!remote) {
+				dropped.push(manifest.name);
+				mark(`dropped ${manifest.name} — payload has no matching remote`);
+				continue;
+			}
+			try {
+				const mod = await loadRemote(`${remote.name}/routeConfig`, { from: "build" });
+				const routeConfig = mod?.default ?? mod;
+				if (!routeConfig?.routeConfigLoaders) throw new Error(`loadRemote(${remote.name}/routeConfig) returned no route config`);
+				loadedRouteConfigs.set(manifest.name, routeConfig);
+				healthyManifests.push(manifest);
+				mark(`loaded ${remote.name}/routeConfig`);
+			} catch (error) {
+				dropped.push(manifest.name);
+				mark(`dropped ${manifest.name} — ${error.message}`);
+			}
+		}
+		const tree = await (0, manifest_exports.constructTree)({
+			name: "client",
+			plugins: healthyManifests.map((manifest) => {
+				const remote = payload.remotes.find((r) => r.key === manifest.name);
+				return {
+					key: manifest.name,
+					mfName: remote?.name ?? (manifest.name === manifest_exports.CORE_UI_PLUGIN_KEY ? coreUiName : manifest.name)
+				};
+			}),
+			resolve: async (ref) => {
+				if (ref.key === manifest_exports.CORE_UI_PLUGIN_KEY) {
+					const manifest = manifestByKey.get(ref.key);
+					if (!manifest) throw new Error(`compose payload has no manifest for "${ref.key}"`);
+					return {
+						key: ref.key,
+						manifest,
+						routeConfig: coreRouteConfig
+					};
+				}
+				const manifest = manifestByKey.get(ref.key);
+				const routeConfig = loadedRouteConfigs.get(ref.key);
+				if (!manifest || !routeConfig) throw new Error(`composition source "${ref.key}" is not fully resolved`);
+				return {
+					key: ref.key,
+					manifest,
+					routeConfig
+				};
+			},
+			rootOptions: coreRouteConfig.rootMeta
+		});
+		if (dropped.length > 0) {
+			mark(`degraded compose: ${dropped.join(", ")} dropped — client-render`);
+			return {
+				routeTree: tree.rootRoute,
+				nav: tree.nav,
+				degraded: true
+			};
+		}
+		if (tree.digest !== payload.digest) {
+			console.warn(`[Hydrate] Compose digest mismatch (client ${tree.digest} vs server ${payload.digest}); core-only fallback`);
+			mark(`DIGEST PARITY FAILURE server=${payload.digest} client=${tree.digest}`);
+			return composeCoreOnly(manifests);
+		}
+		mark(`tree constructed: ${tree.manifests.length} source(s), ${tree.nav.items.length} nav item(s)`);
+		return {
+			routeTree: tree.rootRoute,
+			nav: tree.nav,
+			degraded: false
+		};
+	} catch (error) {
+		console.error("[Hydrate] Client compose failed; core-only fallback:", error);
+		mark(`CLIENT COMPOSE ERROR: ${error.message}`);
+		return composeCoreOnly(manifests);
+	}
+}
+function isServerRendered() {
+	if (document.documentElement.hasAttribute("data-everything-ssr")) return true;
+	if (window.__EVERYTHING_DEV_SSR__ !== void 0) return window.__EVERYTHING_DEV_SSR__;
+	return window.$_TSR !== void 0;
+}
+function watchHydrationConsumed() {
+	const bootstrapWatch = setInterval(() => {
+		if (window.$_TSR === void 0) {
+			clearInterval(bootstrapWatch);
+			mark("hydration consumed ($_TSR deleted — h() ran)");
+		}
+	}, 50);
+}
+async function hydrate(options) {
+	if (window.__EVERYTHING_DEV_HYDRATE_PROMISE__) return window.__EVERYTHING_DEV_HYDRATE_PROMISE__;
+	const hydratePromise = (async () => {
+		console.log("[Hydrate] Starting...");
+		const runtimeConfig = options.config ?? getRuntimeConfig();
+		const cspNonce = getCspNonce();
+		if (!runtimeConfig.hostUrl || !runtimeConfig.rpcBase) throw new Error("Missing hostUrl or rpcBase in runtime config");
+		const [{ QueryClientProvider }, routerFactory] = await Promise.all([import("@tanstack/react-query"), options.createRouter ? Promise.resolve(options.createRouter) : import("./router-client.mjs").then((m) => m.createRouter)]);
+		const [coreRouteConfig] = await Promise.all([options.routeConfig().then((mod) => "default" in mod ? mod.default : mod)]);
+		const coreManifest = options.manifest ? await options.manifest().then((raw) => typeof raw === "object" && raw !== null && "default" in raw ? raw.default : raw).then((raw) => (0, manifest_exports.parsePluginManifest)(raw)) : void 0;
+		const client = options.createQueryClient?.() ?? defaultQueryClient();
+		mark(`$_TSR present: ${Boolean(window.$_TSR)}`);
+		const composed = await composeFromPayload(runtimeConfig, coreRouteConfig, coreManifest);
+		const { router, queryClient: builtClient } = await routerFactory({
+			routeTree: composed?.routeTree,
+			context: {
+				pluginNav: composed?.nav,
+				queryClient: client,
+				runtimeConfig,
+				cspNonce,
+				locale: isServerRendered() ? document.documentElement.lang : void 0,
+				apiClient: createApiClient({
+					hostUrl: runtimeConfig.hostUrl,
+					rpcBase: runtimeConfig.rpcBase,
+					connectionError: options.apiConnectionError
+				}),
+				authClient: createAuthClient({
+					runtimeConfig,
+					cspNonce
+				})
+			}
+		});
+		const providerClient = builtClient ?? client;
+		if (isServerRendered() && Boolean(composed) && !composed.degraded) {
+			const { hydrateRoot } = await import("react-dom/client");
+			const { RouterClient } = await import("@tanstack/react-router/ssr/client");
+			console.log("[Hydrate] Calling hydrateRoot...");
+			hydrateRoot(document, /* @__PURE__ */ jsx(QueryClientProvider, {
+				client: providerClient,
+				children: /* @__PURE__ */ jsx(RouterClient, { router })
+			}));
+			watchHydrationConsumed();
+		} else {
+			const { createRoot } = await import("react-dom/client");
+			const { RouterProvider } = await import("@tanstack/react-router");
+			console.log("[Hydrate] Calling createRoot...");
+			createRoot(document).render(/* @__PURE__ */ jsx(QueryClientProvider, {
+				client: providerClient,
+				children: /* @__PURE__ */ jsx(RouterProvider, { router })
+			}));
+		}
+		if (composed?.degraded) {
+			const { toast } = await import("sonner");
+			toast.error("Some application features couldn't load", {
+				id: "application-compose-error",
+				description: "Plugin pages are unavailable. Reload to try again.",
+				duration: Number.POSITIVE_INFINITY,
+				action: {
+					label: "Reload",
+					onClick: () => window.location.reload()
+				}
+			});
+		}
+		console.log("[Hydrate] Complete!");
+	})().catch((error) => {
+		console.error("[Hydrate] Failed:", error);
+		window.__EVERYTHING_DEV_HYDRATE_PROMISE__ = void 0;
+		const message = document.createElement("main");
+		message.setAttribute("role", "alert");
+		message.dataset.testid = "application-startup-error";
+		message.className = "min-h-screen flex flex-col items-center justify-center gap-4 bg-background text-foreground p-6";
+		const heading = document.createElement("h1");
+		heading.textContent = "The application couldn't load";
+		const detail = document.createElement("p");
+		detail.textContent = "Check your connection and reload to try again.";
+		const retry = document.createElement("button");
+		retry.textContent = "Reload";
+		retry.className = "rounded-md border border-border px-4 py-2";
+		retry.addEventListener("click", () => window.location.reload());
+		message.append(heading, detail, retry);
+		document.body.replaceChildren(message);
+		throw error;
+	});
+	window.__EVERYTHING_DEV_HYDRATE_PROMISE__ = hydratePromise;
+	return hydratePromise;
+}
+
+//#endregion
+export { hydrate as default, hydrate };
+//# sourceMappingURL=hydrate.mjs.map

package/dist/ui/hydrate.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydrate.mjs","names":["CORE_UI_PLUGIN_KEY","constructTree","ComposePayloadSchema","parsePluginManifest"],"sources":["../../src/ui/hydrate.tsx"],"sourcesContent":["/**\n * Client bootstrap — creates browser-side QueryClient, Router, and auth/API\n * clients; composes the route tree from the runtime-config payload before\n * hydration (payload -> registerRemotes -> loadRemote route configs ->\n * constructTree -> hydrateRoot(RouterClient)). Called from the host-rendered\n * HTML shell via the app's thin entry/hydrate stubs. The build's MF runtime\n * owns the page's share scope — the global registerRemotes/loadRemote API\n * bridges it (one React/router across the core client and plugin containers\n * by share-scope negotiation).\n */\n\nimport type { QueryClient } from \"@tanstack/react-query\";\nimport type { ClientRuntimeConfig } from \"../types\";\nimport { type ClientServiceConfig, createApiClient } from \"./api\";\nimport { createAuthClient } from \"./auth\";\nimport {\n  CORE_UI_PLUGIN_KEY,\n  ComposePayloadSchema,\n  constructTree,\n  type NavManifest,\n  type PluginManifest,\n  parsePluginManifest,\n  type RouteConfigModule,\n} from \"./manifest\";\nimport { defaultQueryClient } from \"./router-defaults\";\nimport { getCspNonce, getRuntimeConfig } from \"./runtime\";\nimport type { AppRouterFactory } from \"./types\";\n\ndeclare global {\n  interface Window {\n    __EVERYTHING_DEV_HYDRATE_PROMISE__?: Promise<void>;\n    __EVERYTHING_DEV_SSR__?: boolean;\n    __CLIENT_PROGRESS__?: string[];\n    $_TSR?: unknown;\n  }\n}\n\nconst mark = (message: string) => {\n  const progress = window.__CLIENT_PROGRESS__ ?? [];\n  window.__CLIENT_PROGRESS__ = [...progress, message];\n  if (import.meta.env.DEV) console.log(`[Hydrate] ${message}`);\n};\n\nfunction isAbsoluteHttpUrl(value: string | undefined): value is string {\n  if (!value) return false;\n  try {\n    const url = new URL(value);\n    return url.protocol === \"http:\" || url.protocol === \"https:\";\n  } catch {\n    return false;\n  }\n}\n\nexport type { AppRouterFactory } from \"./types\";\n\nexport interface CoreHydrateOptions {\n  /**\n   * Loads the app's generated core route config — the only app-specific\n   * input; clients, compose machinery, and the router come from the package.\n   */\n  routeConfig: () => Promise<RouteConfigModule | { default: RouteConfigModule }>;\n  /**\n   * Loads the app's generated core manifest — the degradation target when the\n   * runtime config carries no (or no usable) compose payload: a plugin-free\n   * deployment has no payload at all, yet the core-only tree is still the\n   * tree. Absent, a payload-less page cannot construct a tree. The value is\n   * parsed through the manifest contract at the boundary (a skewed version\n   * or shape fails loudly here).\n   */\n  manifest?: () => Promise<unknown>;\n  /**\n   * The app's authored router factory — notFound/pending/error components,\n   * scroll behavior, and router defaults live there. Absent, the framework's\n   * own factory runs.\n   */\n  createRouter?: AppRouterFactory;\n  /** The app's query client factory (staleTime, gcTime, …). Absent, the framework default. */\n  createQueryClient?: () => QueryClient;\n  /** Overrides the runtime config source (tests, embeds). */\n  config?: ClientRuntimeConfig;\n  /** Localized copy for the API connection-failure toast (see `createApiClient`). */\n  apiConnectionError?: ClientServiceConfig[\"connectionError\"];\n}\n\ninterface ComposedTree {\n  routeTree: unknown;\n  nav: NavManifest;\n  /** `true` when plugin composition failed and only the core tree is usable. */\n  degraded: boolean;\n}\n\n/**\n * Manifest composition: reconstruct the server's tree from the payload — the\n * same manifests, the same MF names, the same construction code. Digest\n * parity proves the SSR'd tree and this tree are identical before hydrate;\n * any failure degrades to the core-only tree (still a real route tree — the\n * page must render, just without plugin routes) rather than leaving the\n * router without a tree.\n */\nasync function composeFromPayload(\n  runtimeConfig: ClientRuntimeConfig,\n  coreRouteConfig: RouteConfigModule,\n  coreManifest: PluginManifest | undefined,\n): Promise<ComposedTree | undefined> {\n  const coreUiName = runtimeConfig.ui?.name ?? CORE_UI_PLUGIN_KEY;\n\n  // The core-only tree is the degradation target for every failure below —\n  // the payload's core manifest plus the app's own route config, no remotes.\n  const composeCoreOnly = async (\n    candidateManifests: PluginManifest[],\n  ): Promise<ComposedTree | undefined> => {\n    try {\n      const core = candidateManifests.find((m) => m.name === CORE_UI_PLUGIN_KEY);\n      if (!core) return undefined;\n      const tree = await constructTree({\n        name: \"core-fallback\",\n        plugins: [{ key: core.name, mfName: coreUiName }],\n        resolve: async (ref) => ({\n          key: ref.key,\n          manifest: core,\n          routeConfig: coreRouteConfig,\n        }),\n        rootOptions: coreRouteConfig.rootMeta,\n      });\n      mark(\n        `core-only tree constructed: ${tree.manifests.length} source(s), ${tree.nav.items.length} nav item(s)`,\n      );\n      return { routeTree: tree.rootRoute, nav: tree.nav, degraded: true };\n    } catch (error) {\n      console.error(\"[Hydrate] Core-only fallback failed:\", error);\n      mark(`CORE-ONLY FALLBACK ERROR: ${(error as Error).message}`);\n      return undefined;\n    }\n  };\n\n  const payload = runtimeConfig.ui?.compose;\n  if (!payload?.remotes) {\n    // No payload at all — a plugin-free deployment. The core-only tree IS\n    // the tree; without the app manifest there is nothing to construct.\n    return coreManifest ? composeCoreOnly([coreManifest]) : undefined;\n  }\n\n  const parsed = ComposePayloadSchema.safeParse(payload);\n  if (!parsed.success) {\n    mark(`compose payload malformed: ${parsed.error.message}`);\n    return coreManifest ? composeCoreOnly([coreManifest]) : undefined;\n  }\n  const { manifests } = parsed.data;\n  const manifestByKey = new Map(manifests.map((m) => [m.name, m]));\n\n  try {\n    const { registerRemotes, loadRemote } = await import(\"@module-federation/enhanced/runtime\");\n\n    mark(`compose payload: digest ${payload.digest}, ${payload.remotes.length} remote(s)`);\n\n    registerRemotes(\n      payload.remotes.map((remote) => ({\n        name: remote.name,\n        alias: remote.name,\n        // Manifest-driven registration: the manifest carries the remote's\n        // true container identity (its build-time package name), which the\n        // plain remoteEntry URL cannot resolve — the entry script's global\n        // name doesn't match the registered name. Versioned deploys carry\n        // the (hashed) manifest URL in the payload; legacy payloads derive\n        // it by stripping the fixed entry name. Only absolute URLs qualify —\n        // a relative manifestUrl would resolve against the page origin and\n        // register the wrong container.\n        entry: isAbsoluteHttpUrl(remote.manifestUrl)\n          ? remote.manifestUrl\n          : remote.entry.replace(/\\/?remoteEntry\\.js$/, \"/mf-manifest.json\"),\n      })),\n    );\n    for (const remote of payload.remotes) {\n      mark(`remote registered ${remote.name} @ ${remote.entry}`);\n    }\n\n    // Per-source isolation (ADR 0024 §5): a remote whose route config fails\n    // to load drops only its own routes. The dropped set degrades the compose\n    // (client-render — the SSR'd tree included it), never the whole page.\n    const loadedRouteConfigs = new Map<string, RouteConfigModule>();\n    const dropped: string[] = [];\n    const healthyManifests: PluginManifest[] = [];\n    for (const manifest of manifests) {\n      if (manifest.name === CORE_UI_PLUGIN_KEY) {\n        healthyManifests.push(manifest);\n        continue;\n      }\n      const remote = payload.remotes.find((r) => r.key === manifest.name);\n      if (!remote) {\n        dropped.push(manifest.name);\n        mark(`dropped ${manifest.name} — payload has no matching remote`);\n        continue;\n      }\n      try {\n        const mod = await loadRemote(`${remote.name}/routeConfig`, { from: \"build\" });\n        const routeConfig = ((mod as { default?: RouteConfigModule })?.default ??\n          mod) as RouteConfigModule;\n        if (!routeConfig?.routeConfigLoaders) {\n          throw new Error(`loadRemote(${remote.name}/routeConfig) returned no route config`);\n        }\n        loadedRouteConfigs.set(manifest.name, routeConfig);\n        healthyManifests.push(manifest);\n        mark(`loaded ${remote.name}/routeConfig`);\n      } catch (error) {\n        dropped.push(manifest.name);\n        mark(`dropped ${manifest.name} — ${(error as Error).message}`);\n      }\n    }\n\n    const tree = await constructTree({\n      name: \"client\",\n      plugins: healthyManifests.map((manifest) => {\n        const remote = payload.remotes.find((r) => r.key === manifest.name);\n        return {\n          key: manifest.name,\n          mfName:\n            remote?.name ?? (manifest.name === CORE_UI_PLUGIN_KEY ? coreUiName : manifest.name),\n        };\n      }),\n      resolve: async (ref) => {\n        if (ref.key === CORE_UI_PLUGIN_KEY) {\n          const manifest = manifestByKey.get(ref.key);\n          if (!manifest) throw new Error(`compose payload has no manifest for \"${ref.key}\"`);\n          return { key: ref.key, manifest, routeConfig: coreRouteConfig };\n        }\n        const manifest = manifestByKey.get(ref.key);\n        const routeConfig = loadedRouteConfigs.get(ref.key);\n        if (!manifest || !routeConfig) {\n          throw new Error(`composition source \"${ref.key}\" is not fully resolved`);\n        }\n        return { key: ref.key, manifest, routeConfig };\n      },\n      rootOptions: coreRouteConfig.rootMeta,\n    });\n\n    if (dropped.length > 0) {\n      mark(`degraded compose: ${dropped.join(\", \")} dropped — client-render`);\n      return { routeTree: tree.rootRoute, nav: tree.nav, degraded: true };\n    }\n\n    if (tree.digest !== payload.digest) {\n      console.warn(\n        `[Hydrate] Compose digest mismatch (client ${tree.digest} vs server ${payload.digest}); core-only fallback`,\n      );\n      mark(`DIGEST PARITY FAILURE server=${payload.digest} client=${tree.digest}`);\n      return composeCoreOnly(manifests);\n    }\n\n    mark(\n      `tree constructed: ${tree.manifests.length} source(s), ${tree.nav.items.length} nav item(s)`,\n    );\n    return { routeTree: tree.rootRoute, nav: tree.nav, degraded: false };\n  } catch (error) {\n    console.error(\"[Hydrate] Client compose failed; core-only fallback:\", error);\n    mark(`CLIENT COMPOSE ERROR: ${(error as Error).message}`);\n    return composeCoreOnly(manifests);\n  }\n}\n\nfunction isServerRendered(): boolean {\n  if (document.documentElement.hasAttribute(\"data-everything-ssr\")) {\n    return true;\n  }\n  if (window.__EVERYTHING_DEV_SSR__ !== undefined) {\n    return window.__EVERYTHING_DEV_SSR__;\n  }\n  return window.$_TSR !== undefined;\n}\n\nfunction watchHydrationConsumed() {\n  const bootstrapWatch = setInterval(() => {\n    if (window.$_TSR === undefined) {\n      clearInterval(bootstrapWatch);\n      mark(\"hydration consumed ($_TSR deleted — h() ran)\");\n    }\n  }, 50);\n}\n\nexport async function hydrate(options: CoreHydrateOptions) {\n  if (window.__EVERYTHING_DEV_HYDRATE_PROMISE__) {\n    return window.__EVERYTHING_DEV_HYDRATE_PROMISE__;\n  }\n\n  const hydratePromise = (async () => {\n    console.log(\"[Hydrate] Starting...\");\n\n    const runtimeConfig = options.config ?? getRuntimeConfig();\n    const cspNonce = getCspNonce();\n\n    if (!runtimeConfig.hostUrl || !runtimeConfig.rpcBase) {\n      throw new Error(\"Missing hostUrl or rpcBase in runtime config\");\n    }\n\n    const [{ QueryClientProvider }, routerFactory] = await Promise.all([\n      import(\"@tanstack/react-query\"),\n      options.createRouter\n        ? Promise.resolve(options.createRouter)\n        : import(\"./router-client\").then((m) => m.createRouter as AppRouterFactory),\n    ]);\n    const [coreRouteConfig] = await Promise.all([\n      options.routeConfig().then((mod) => (\"default\" in mod ? mod.default : mod)),\n    ]);\n    const coreManifest = options.manifest\n      ? await options\n          .manifest()\n          .then((raw) =>\n            typeof raw === \"object\" && raw !== null && \"default\" in raw\n              ? (raw as { default: unknown }).default\n              : raw,\n          )\n          .then((raw) => parsePluginManifest(raw))\n      : undefined;\n    const client = options.createQueryClient?.() ?? defaultQueryClient();\n\n    mark(`$_TSR present: ${Boolean(window.$_TSR)}`);\n\n    const composed = await composeFromPayload(runtimeConfig, coreRouteConfig, coreManifest);\n\n    const { router, queryClient: builtClient } = await routerFactory({\n      routeTree: composed?.routeTree,\n      context: {\n        pluginNav: composed?.nav,\n        queryClient: client,\n        runtimeConfig,\n        cspNonce,\n        locale: isServerRendered() ? document.documentElement.lang : undefined,\n        apiClient: createApiClient({\n          hostUrl: runtimeConfig.hostUrl,\n          rpcBase: runtimeConfig.rpcBase,\n          connectionError: options.apiConnectionError,\n        }),\n        authClient: createAuthClient({ runtimeConfig, cspNonce }),\n      },\n    });\n    const providerClient = builtClient ?? client;\n\n    // A server-rendered page whose compose degraded to core-only would\n    // hydrate a DIFFERENT tree than the HTML contains — a guaranteed React\n    // hydration failure. Client-render cleanly instead; hydration is only\n    // safe when the composed tree is the one the server rendered.\n    const canHydrate = isServerRendered() && Boolean(composed) && !composed!.degraded;\n\n    if (canHydrate) {\n      const { hydrateRoot } = await import(\"react-dom/client\");\n      const { RouterClient } = await import(\"@tanstack/react-router/ssr/client\");\n\n      console.log(\"[Hydrate] Calling hydrateRoot...\");\n      hydrateRoot(\n        document,\n        <QueryClientProvider client={providerClient}>\n          <RouterClient router={router} />\n        </QueryClientProvider>,\n      );\n      watchHydrationConsumed();\n    } else {\n      const { createRoot } = await import(\"react-dom/client\");\n      const { RouterProvider } = await import(\"@tanstack/react-router\");\n\n      console.log(\"[Hydrate] Calling createRoot...\");\n      createRoot(document).render(\n        <QueryClientProvider client={providerClient}>\n          <RouterProvider router={router} />\n        </QueryClientProvider>,\n      );\n    }\n\n    if (composed?.degraded) {\n      const { toast } = await import(\"sonner\");\n      toast.error(\"Some application features couldn't load\", {\n        id: \"application-compose-error\",\n        description: \"Plugin pages are unavailable. Reload to try again.\",\n        duration: Number.POSITIVE_INFINITY,\n        action: { label: \"Reload\", onClick: () => window.location.reload() },\n      });\n    }\n\n    console.log(\"[Hydrate] Complete!\");\n  })().catch((error) => {\n    console.error(\"[Hydrate] Failed:\", error);\n    window.__EVERYTHING_DEV_HYDRATE_PROMISE__ = undefined;\n    const message = document.createElement(\"main\");\n    message.setAttribute(\"role\", \"alert\");\n    message.dataset.testid = \"application-startup-error\";\n    message.className =\n      \"min-h-screen flex flex-col items-center justify-center gap-4 bg-background text-foreground p-6\";\n    const heading = document.createElement(\"h1\");\n    heading.textContent = \"The application couldn't load\";\n    const detail = document.createElement(\"p\");\n    detail.textContent = \"Check your connection and reload to try again.\";\n    const retry = document.createElement(\"button\");\n    retry.textContent = \"Reload\";\n    retry.className = \"rounded-md border border-border px-4 py-2\";\n    retry.addEventListener(\"click\", () => window.location.reload());\n    message.append(heading, detail, retry);\n    document.body.replaceChildren(message);\n    throw error;\n  });\n\n  window.__EVERYTHING_DEV_HYDRATE_PROMISE__ = hydratePromise;\n  return hydratePromise;\n}\n\nexport default hydrate;\n"],"mappings":"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"}

package/dist/ui/i18n.cjs

@@ -0,0 +1,153 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_locale = require('./locale.cjs');
+const require_message_catalogs = require('./message-catalogs.cjs');
+let _lingui_core = require("@lingui/core");
+let _lingui_react = require("@lingui/react");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/ui/i18n.tsx
+const SharedLocaleContext = (0, react.createContext)(null);
+const browserStores = /* @__PURE__ */ new Map();
+function createLocaleStore(initialLocale) {
+	let locale = initialLocale;
+	const listeners = /* @__PURE__ */ new Set();
+	return {
+		get: () => locale,
+		set: (nextLocale) => {
+			if (nextLocale === locale) return;
+			locale = nextLocale;
+			for (const listener of listeners) listener();
+		},
+		subscribe: (listener) => {
+			listeners.add(listener);
+			return () => listeners.delete(listener);
+		}
+	};
+}
+function createLocaleRuntime({ locales, defaultLocale, cookieName }) {
+	const LocaleContext = (0, react.createContext)(null);
+	const getBrowserLocales = () => {
+		if (typeof navigator === "undefined") return [];
+		if (Array.isArray(navigator.languages)) return navigator.languages;
+		return navigator.language ? [navigator.language] : [];
+	};
+	const detectLocale = (preferredLocale) => require_locale.resolveLocale({
+		preferredLocale,
+		cookie: typeof document === "undefined" ? "" : document.cookie,
+		browserLocales: getBrowserLocales(),
+		locales,
+		defaultLocale,
+		cookieName
+	});
+	const getStore = (initialLocale) => {
+		const initial = require_locale.matchLocale(initialLocale, locales) ?? detectLocale();
+		if (typeof window === "undefined") return createLocaleStore(initial);
+		const existing = browserStores.get(cookieName);
+		if (existing) return existing;
+		const store = createLocaleStore(initial);
+		browserStores.set(cookieName, store);
+		return store;
+	};
+	function LocaleProvider({ children, messages, initialLocale, preferredLocale, onLocaleChange }) {
+		const parent = (0, react.useContext)(SharedLocaleContext);
+		const sharedParent = parent?.cookieName === cookieName ? parent : null;
+		const resolvedInitial = require_locale.matchLocale(preferredLocale, locales) ?? require_locale.matchLocale(initialLocale, locales) ?? require_locale.matchLocale(sharedParent?.locale, locales);
+		const serverLocale = resolvedInitial ?? defaultLocale;
+		const store = (0, react.useMemo)(() => getStore(resolvedInitial), []);
+		const locale = (0, react.useSyncExternalStore)(store.subscribe, store.get, () => serverLocale);
+		const i18n = (0, react.useMemo)(() => (0, _lingui_core.setupI18n)({
+			locale,
+			messages: { [locale]: messages(locale) }
+		}), [locale, messages]);
+		(0, react.useEffect)(() => {
+			if (sharedParent) return;
+			const resolved = require_locale.matchLocale(preferredLocale, locales);
+			if (resolved) {
+				Reflect.set(document, "cookie", require_locale.serializeLocaleCookie(cookieName, resolved, window.location.protocol === "https:"));
+				store.set(resolved);
+			}
+		}, [
+			preferredLocale,
+			sharedParent,
+			store
+		]);
+		(0, react.useEffect)(() => {
+			if (sharedParent) return;
+			const previousLocale = document.documentElement.lang;
+			document.documentElement.lang = locale;
+			return () => {
+				document.documentElement.lang = previousLocale;
+			};
+		}, [locale, sharedParent]);
+		const selectLocale = (0, react.useCallback)(async (nextLocale) => {
+			if (!locales.includes(nextLocale)) return;
+			if (sharedParent && !onLocaleChange) {
+				await sharedParent.selectLocale(nextLocale);
+				return;
+			}
+			if (onLocaleChange) await onLocaleChange(nextLocale);
+			if (typeof document !== "undefined") Reflect.set(document, "cookie", require_locale.serializeLocaleCookie(cookieName, nextLocale, typeof window !== "undefined" && window.location.protocol === "https:"));
+			store.set(nextLocale);
+		}, [
+			onLocaleChange,
+			sharedParent,
+			store
+		]);
+		const value = (0, react.useMemo)(() => ({
+			locale,
+			selectLocale
+		}), [locale, selectLocale]);
+		const sharedValue = (0, react.useMemo)(() => ({
+			cookieName,
+			locale,
+			selectLocale: async (next) => {
+				const matched = require_locale.matchLocale(next, locales);
+				if (matched) await selectLocale(matched);
+			}
+		}), [locale, selectLocale]);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SharedLocaleContext.Provider, {
+			value: sharedValue,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LocaleContext.Provider, {
+				value,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lingui_react.I18nProvider, {
+					i18n,
+					children
+				})
+			})
+		});
+	}
+	function useLocale() {
+		const value = (0, react.useContext)(LocaleContext);
+		if (!value) throw new Error("useLocale must be used within LocaleProvider");
+		return value;
+	}
+	function useTranslation() {
+		const { _ } = (0, _lingui_react.useLingui)();
+		return (0, react.useCallback)((id, values) => _(id, values), [_]);
+	}
+	const getLocale = () => require_locale.matchLocale(browserStores.get(cookieName)?.get(), locales) ?? detectLocale();
+	return {
+		LocaleProvider,
+		useLocale,
+		useTranslation,
+		detectLocale,
+		getLocale
+	};
+}
+
+//#endregion
+Object.defineProperty(exports, 'Trans', {
+  enumerable: true,
+  get: function () {
+    return _lingui_react.Trans;
+  }
+});
+exports.createLocaleRuntime = createLocaleRuntime;
+exports.createMessageCatalogs = require_message_catalogs.createMessageCatalogs;
+exports.matchLocale = require_locale.matchLocale;
+exports.readAcceptLanguage = require_locale.readAcceptLanguage;
+exports.readLocaleCookie = require_locale.readLocaleCookie;
+exports.resolveLocale = require_locale.resolveLocale;
+exports.serializeLocaleCookie = require_locale.serializeLocaleCookie;
+//# sourceMappingURL=i18n.cjs.map

package/dist/ui/i18n.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.cjs","names":["createContext","resolveLocale","matchLocale","useContext","useMemo","useSyncExternalStore","setupI18n","serializeLocaleCookie","useCallback","I18nProvider","useLingui"],"sources":["../../src/ui/i18n.tsx"],"sourcesContent":["import { type Messages, setupI18n } from \"@lingui/core\";\nimport { I18nProvider, useLingui } from \"@lingui/react\";\nimport {\n  createContext,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useSyncExternalStore,\n} from \"react\";\nimport { matchLocale, resolveLocale, serializeLocaleCookie } from \"./locale\";\n\nexport { Trans } from \"@lingui/react\";\nexport type { LocaleOptions } from \"./locale\";\nexport {\n  matchLocale,\n  readAcceptLanguage,\n  readLocaleCookie,\n  resolveLocale,\n  serializeLocaleCookie,\n} from \"./locale\";\nexport { createMessageCatalogs } from \"./message-catalogs\";\n\ntype SharedLocaleState = {\n  cookieName: string;\n  locale: string;\n  selectLocale: (locale: string) => Promise<void>;\n};\n\nconst SharedLocaleContext = createContext<SharedLocaleState | null>(null);\n\ntype LocaleStore = {\n  get: () => string;\n  set: (locale: string) => void;\n  subscribe: (listener: () => void) => () => void;\n};\n\nconst browserStores = new Map<string, LocaleStore>();\n\nfunction createLocaleStore(initialLocale: string): LocaleStore {\n  let locale = initialLocale;\n  const listeners = new Set<() => void>();\n  return {\n    get: () => locale,\n    set: (nextLocale) => {\n      if (nextLocale === locale) return;\n      locale = nextLocale;\n      for (const listener of listeners) listener();\n    },\n    subscribe: (listener) => {\n      listeners.add(listener);\n      return () => listeners.delete(listener);\n    },\n  };\n}\n\nexport function createLocaleRuntime<const Locale extends string>({\n  locales,\n  defaultLocale,\n  cookieName,\n}: {\n  locales: readonly Locale[];\n  defaultLocale: Locale;\n  cookieName: string;\n}) {\n  type ContextValue = {\n    locale: Locale;\n    selectLocale: (locale: Locale) => Promise<void>;\n  };\n\n  const LocaleContext = createContext<ContextValue | null>(null);\n\n  const getBrowserLocales = (): readonly string[] => {\n    if (typeof navigator === \"undefined\") return [];\n    if (Array.isArray(navigator.languages)) return navigator.languages;\n    return navigator.language ? [navigator.language] : [];\n  };\n\n  const detectLocale = (preferredLocale?: string | null): Locale =>\n    resolveLocale({\n      preferredLocale,\n      cookie: typeof document === \"undefined\" ? \"\" : document.cookie,\n      browserLocales: getBrowserLocales(),\n      locales,\n      defaultLocale,\n      cookieName,\n    });\n\n  const getStore = (initialLocale?: string | null) => {\n    const initial = matchLocale(initialLocale, locales) ?? detectLocale();\n    if (typeof window === \"undefined\") return createLocaleStore(initial);\n    const existing = browserStores.get(cookieName);\n    if (existing) return existing;\n    const store = createLocaleStore(initial);\n    browserStores.set(cookieName, store);\n    return store;\n  };\n\n  function LocaleProvider({\n    children,\n    messages,\n    initialLocale,\n    preferredLocale,\n    onLocaleChange,\n  }: {\n    children: ReactNode;\n    messages: (locale: Locale) => Messages;\n    initialLocale?: string | null;\n    preferredLocale?: string | null;\n    onLocaleChange?: (locale: Locale) => void | Promise<void>;\n  }) {\n    const parent = useContext(SharedLocaleContext);\n    const sharedParent = parent?.cookieName === cookieName ? parent : null;\n    const resolvedInitial =\n      matchLocale(preferredLocale, locales) ??\n      matchLocale(initialLocale, locales) ??\n      matchLocale(sharedParent?.locale, locales);\n    const serverLocale = resolvedInitial ?? defaultLocale;\n    const store = useMemo(() => getStore(resolvedInitial), []);\n    const locale = useSyncExternalStore(store.subscribe, store.get, () => serverLocale) as Locale;\n    const i18n = useMemo(\n      () => setupI18n({ locale, messages: { [locale]: messages(locale) } }),\n      [locale, messages],\n    );\n\n    useEffect(() => {\n      if (sharedParent) return;\n      const resolved = matchLocale(preferredLocale, locales);\n      if (resolved) {\n        Reflect.set(\n          document,\n          \"cookie\",\n          serializeLocaleCookie(cookieName, resolved, window.location.protocol === \"https:\"),\n        );\n        store.set(resolved);\n      }\n    }, [preferredLocale, sharedParent, store]);\n\n    useEffect(() => {\n      if (sharedParent) return;\n      const previousLocale = document.documentElement.lang;\n      document.documentElement.lang = locale;\n      return () => {\n        document.documentElement.lang = previousLocale;\n      };\n    }, [locale, sharedParent]);\n\n    const selectLocale = useCallback(\n      async (nextLocale: Locale) => {\n        if (!locales.includes(nextLocale)) return;\n        if (sharedParent && !onLocaleChange) {\n          await sharedParent.selectLocale(nextLocale);\n          return;\n        }\n        if (onLocaleChange) await onLocaleChange(nextLocale);\n        if (typeof document !== \"undefined\") {\n          Reflect.set(\n            document,\n            \"cookie\",\n            serializeLocaleCookie(\n              cookieName,\n              nextLocale,\n              typeof window !== \"undefined\" && window.location.protocol === \"https:\",\n            ),\n          );\n        }\n        store.set(nextLocale);\n      },\n      [onLocaleChange, sharedParent, store],\n    );\n\n    const value = useMemo(() => ({ locale, selectLocale }), [locale, selectLocale]);\n    const sharedValue = useMemo(\n      () => ({\n        cookieName,\n        locale,\n        selectLocale: async (next: string) => {\n          const matched = matchLocale(next, locales);\n          if (matched) await selectLocale(matched);\n        },\n      }),\n      [locale, selectLocale],\n    );\n    return (\n      <SharedLocaleContext.Provider value={sharedValue}>\n        <LocaleContext.Provider value={value}>\n          <I18nProvider i18n={i18n}>{children}</I18nProvider>\n        </LocaleContext.Provider>\n      </SharedLocaleContext.Provider>\n    );\n  }\n\n  function useLocale(): ContextValue {\n    const value = useContext(LocaleContext);\n    if (!value) throw new Error(\"useLocale must be used within LocaleProvider\");\n    return value;\n  }\n\n  function useTranslation<MessageId extends string>() {\n    const { _ } = useLingui();\n    return useCallback(\n      (id: MessageId, values?: Record<string, string | number>) => _(id, values),\n      [_],\n    );\n  }\n\n  const getLocale = (): Locale =>\n    matchLocale(browserStores.get(cookieName)?.get(), locales) ?? detectLocale();\n\n  return { LocaleProvider, useLocale, useTranslation, detectLocale, getLocale };\n}\n"],"mappings":"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"}

package/dist/ui/i18n.d.cts

@@ -0,0 +1,29 @@
+import { LocaleOptions, matchLocale, readAcceptLanguage, readLocaleCookie, resolveLocale, serializeLocaleCookie } from "./locale.cjs";
+import { createMessageCatalogs } from "./message-catalogs.cjs";
+import { Messages } from "@lingui/core";
+import { ReactNode } from "react";
+import { Trans } from "@lingui/react";
+//#region src/ui/i18n.d.ts
+declare function createLocaleRuntime<const Locale extends string>({ locales, defaultLocale, cookieName }: {
+  locales: readonly Locale[];
+  defaultLocale: Locale;
+  cookieName: string;
+}): {
+  LocaleProvider: ({ children, messages, initialLocale, preferredLocale, onLocaleChange }: {
+    children: ReactNode;
+    messages: (locale: Locale) => Messages;
+    initialLocale?: string | null;
+    preferredLocale?: string | null;
+    onLocaleChange?: (locale: Locale) => void | Promise<void>;
+  }) => import("react").JSX.Element;
+  useLocale: () => {
+    locale: Locale;
+    selectLocale: (locale: Locale) => Promise<void>;
+  };
+  useTranslation: <MessageId extends string>() => (id: MessageId, values?: Record<string, string | number>) => string;
+  detectLocale: (preferredLocale?: string | null) => Locale;
+  getLocale: () => Locale;
+};
+//#endregion
+export { type LocaleOptions, Trans, createLocaleRuntime, createMessageCatalogs, matchLocale, readAcceptLanguage, readLocaleCookie, resolveLocale, serializeLocaleCookie };
+//# sourceMappingURL=i18n.d.cts.map

package/dist/ui/i18n.d.mts

@@ -0,0 +1,29 @@
+import { LocaleOptions, matchLocale, readAcceptLanguage, readLocaleCookie, resolveLocale, serializeLocaleCookie } from "./locale.mjs";
+import { createMessageCatalogs } from "./message-catalogs.mjs";
+import { Messages } from "@lingui/core";
+import { Trans } from "@lingui/react";
+import { ReactNode } from "react";
+//#region src/ui/i18n.d.ts
+declare function createLocaleRuntime<const Locale extends string>({ locales, defaultLocale, cookieName }: {
+  locales: readonly Locale[];
+  defaultLocale: Locale;
+  cookieName: string;
+}): {
+  LocaleProvider: ({ children, messages, initialLocale, preferredLocale, onLocaleChange }: {
+    children: ReactNode;
+    messages: (locale: Locale) => Messages;
+    initialLocale?: string | null;
+    preferredLocale?: string | null;
+    onLocaleChange?: (locale: Locale) => void | Promise<void>;
+  }) => import("react").JSX.Element;
+  useLocale: () => {
+    locale: Locale;
+    selectLocale: (locale: Locale) => Promise<void>;
+  };
+  useTranslation: <MessageId extends string>() => (id: MessageId, values?: Record<string, string | number>) => string;
+  detectLocale: (preferredLocale?: string | null) => Locale;
+  getLocale: () => Locale;
+};
+//#endregion
+export { type LocaleOptions, Trans, createLocaleRuntime, createMessageCatalogs, matchLocale, readAcceptLanguage, readLocaleCookie, resolveLocale, serializeLocaleCookie };
+//# sourceMappingURL=i18n.d.mts.map