everything-dev/dist/ui/head.mjs

A consolidated product package for building Module Federation apps with oRPC APIs.

import { entryUrls } from "./slot.mjs";

//#region src/ui/head.ts
function getThemeInitScript() {
	return { children: "(function(){var t=localStorage.getItem('theme');if(t==='dark'){document.documentElement.classList.add('dark');}})();" };
}
function escapeJsonForScript(value) {
	return JSON.stringify(value ?? null).replace(/<\/script/gi, "<\\/script").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
}
function getHydrateScript(runtimeConfig, containerName = "ui", hydratePath = "./Hydrate", cspNonce) {
	return { children: `
 window.__CSP_NONCE__=${cspNonce != null ? escapeJsonForScript(cspNonce) : null};
 window.__RUNTIME_CONFIG__=${escapeJsonForScript(runtimeConfig)};
  function __hydrate(){
   if (window.__EVERYTHING_DEV_HYDRATE_PROMISE__) {
     console.warn('[Hydrate] Already in progress, skipping duplicate call');
     return;
   }
   var container = window['${containerName}'];
   if (!container) {
     console.warn('[Hydrate] Container not ready yet, waiting...');
    window.__hydrateRetry = window.__hydrateRetry || 0;
    if (window.__hydrateRetry < 10) {
      window.__hydrateRetry++;
      setTimeout(__hydrate, 100);
      return;
    }
    console.error('[Hydrate] Container not found after 10 retries');
    return;
  }
  console.log('[Hydrate] Container available, starting init...');
  container.init({}).then(function(){
    return container.get('${hydratePath}');
  }).then(function(mod){
    return mod().hydrate();
  }).catch(function(e){
    console.error('[Hydrate] Failed:', e);
    window.__EVERYTHING_DEV_HYDRATE_PROMISE__ = undefined;
  });
  }
 if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',__hydrate);}else{__hydrate();}
 		`.trim() };
}
function getRemoteScripts(options) {
	const { runtimeConfig, containerName, hydratePath, integrity, cspNonce } = options;
	const slot = {
		name: "ui",
		url: runtimeConfig?.assetsUrl?.replace(/\/$/, ""),
		entryUrl: runtimeConfig?.ui?.entryUrl,
		integrity
	};
	const entryScript = {
		src: entryUrls(slot, runtimeConfig?.env ?? "production").web,
		crossOrigin: "anonymous"
	};
	if (integrity) entryScript.integrity = integrity;
	return [entryScript, getHydrateScript(runtimeConfig, containerName, hydratePath, cspNonce)];
}
function getBaseStyles() {
	return `
*, *::before, *::after { box-sizing: border-box; }
html { height: 100%; height: 100dvh; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; color-scheme: light dark; }
body { min-height: 100%; min-height: 100dvh; margin: 0; background-color: var(--background); color: var(--foreground); -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
#root { min-height: 100vh; }
@supports (min-height: 100dvh) { #root { min-height: 100dvh; } }
  `.trim();
}

//#endregion
export { getBaseStyles, getHydrateScript, getRemoteScripts, getThemeInitScript };
//# sourceMappingURL=head.mjs.map