@clarify-labs/renderer 0.7.0 → 0.7.1

package/output/{render-zHU25Nm9.cjs → render-CRTqZzyY.cjs}

@@ -1,5 +1,5 @@
-const require_shell = require("./shell-xxhV0p7k.cjs");
-const require_ThemeRoot = require("./ThemeRoot-CEvwrGp5.cjs");
+const require_PageActions = require("./PageActions-1RDCHcUY.cjs");
+const require_ThemeRoot = require("./ThemeRoot-DYS-lcK-.cjs");
 let react = require("react");
 let react_router_dom = require("react-router-dom");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -23,22 +23,23 @@ function isHydrationDebugEnabled() {
 	}
 }
 function render(options) {
-	const { config, routes, navigation, openApis = {}, footerComponent, container, themeEditor = false } = options;
+	const { config, routes, navigation, openApis = {}, bannerComponent, footerComponent, container, themeEditor = false } = options;
 	const target = container ?? document.getElementById("root");
 	if (!target) throw new Error("[clarify] 渲染失败：找不到挂载节点，请确保 HTML 中存在 id=\"root\" 的元素");
 	const app = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.StrictMode, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router_dom.BrowserRouter, {
 		basename: config.routePrefix,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_shell.ClarifyConfigContext.Provider, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PageActions.ConfigContext.Provider, {
 			value: config,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_shell.OpenApisContext.Provider, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PageActions.OpenApisContext.Provider, {
 				value: openApis,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_shell.ThemeProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ThemeRoot.ThemeRoot, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PageActions.ThemeProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ThemeRoot.ThemeRoot, {
 					theme: config.theme,
 					themeEditor,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ThemeRoot.AppShell, {
 						config,
 						routes,
 						navigation: navigation ?? [],
+						bannerComponent,
 						footerComponent
 					})
 				}) })
@@ -63,4 +64,4 @@ Object.defineProperty(exports, "render", {
 	}
 });
 
-//# sourceMappingURL=render-zHU25Nm9.cjs.map
+//# sourceMappingURL=render-CRTqZzyY.cjs.map

package/output/render-CRTqZzyY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-CRTqZzyY.cjs","names":[],"sources":["../source/runtime/render.tsx"],"sourcesContent":["import { StrictMode } from 'react'\nimport { hydrateRoot, createRoot } from 'react-dom/client'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport { AppShell } from '../app/AppShell'\nimport { ConfigContext, OpenApisContext } from '../context'\nimport { ThemeProvider } from '../theme/ThemeProvider'\nimport { ThemeRoot } from '../theme/ThemeRoot'\nimport type { RenderOptions } from '../types'\n\n/**\n * Clarify 客户端 Hydration 入口。\n * 在文档项目的 main.tsx 中调用：\n * ```ts\n * import { render } from '@clarify-labs/renderer';\n * import { routes } from 'virtual:clarify-routes';\n * import { config } from 'virtual:clarify-config';\n * render({ config, routes });\n * ```\n */\nfunction isHydrationDebugEnabled(): boolean {\n  try {\n    const params = new URLSearchParams(window.location.search)\n    return params.get('clarifyHydrationDebug') === '1' || window.localStorage.getItem('clarify:hydration-debug') === '1'\n  } catch {\n    return false\n  }\n}\n\nexport function render(options: RenderOptions) {\n  const { config, routes, navigation, openApis = {}, bannerComponent, footerComponent, container, themeEditor = false } = options\n\n  const target = container ?? document.getElementById('root')\n  if (!target) {\n    throw new Error('[clarify] 渲染失败：找不到挂载节点，请确保 HTML 中存在 id=\"root\" 的元素')\n  }\n\n  const app = (\n    <StrictMode>\n      <BrowserRouter basename={config.routePrefix}>\n        <ConfigContext.Provider value={config}>\n          <OpenApisContext.Provider value={openApis}>\n            <ThemeProvider>\n              <ThemeRoot theme={config.theme} themeEditor={themeEditor}>\n                <AppShell config={config} routes={routes} navigation={navigation ?? []} bannerComponent={bannerComponent} footerComponent={footerComponent} />\n              </ThemeRoot>\n            </ThemeProvider>\n          </OpenApisContext.Provider>\n        </ConfigContext.Provider>\n      </BrowserRouter>\n    </StrictMode>\n  )\n\n  const hydrationDebug = isHydrationDebugEnabled()\n\n  try {\n    hydrateRoot(target as Element, app, {\n      onRecoverableError(error, errorInfo) {\n        // Phase 1: suppress hydration mismatch noise by default. React 19\n        // recovers automatically, but diagnostics can be enabled explicitly.\n        if (hydrationDebug) {\n          console.warn('[clarify] Recoverable hydration error:', error, errorInfo)\n        }\n      },\n    })\n  } catch (err) {\n    console.warn('[clarify] Hydration failed, falling back to client render:', err)\n    createRoot(target as Element).render(app)\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAoBA,SAAS,0BAAmC;CAC1C,IAAI;EAEF,OAAO,IADY,gBAAgB,OAAO,SAAS,MAC5C,EAAO,IAAI,uBAAuB,MAAM,OAAO,OAAO,aAAa,QAAQ,yBAAyB,MAAM;CACnH,QAAQ;EACN,OAAO;CACT;AACF;AAEA,SAAgB,OAAO,SAAwB;CAC7C,MAAM,EAAE,QAAQ,QAAQ,YAAY,WAAW,CAAC,GAAG,iBAAiB,iBAAiB,WAAW,cAAc,UAAU;CAExH,MAAM,SAAS,aAAa,SAAS,eAAe,MAAM;CAC1D,IAAI,CAAC,QACH,MAAM,IAAI,MAAM,qDAAmD;CAGrE,MAAM,MACJ,iBAAA,GAAA,kBAAA,KAAC,MAAA,YAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,iBAAA,eAAD;EAAe,UAAU,OAAO;YAC9B,iBAAA,GAAA,kBAAA,KAAC,oBAAA,cAAc,UAAf;GAAwB,OAAO;aAC7B,iBAAA,GAAA,kBAAA,KAAC,oBAAA,gBAAgB,UAAjB;IAA0B,OAAO;cAC/B,iBAAA,GAAA,kBAAA,KAAC,oBAAA,eAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,kBAAA,WAAD;KAAW,OAAO,OAAO;KAAoB;eAC3C,iBAAA,GAAA,kBAAA,KAAC,kBAAA,UAAD;MAAkB;MAAgB;MAAQ,YAAY,cAAc,CAAC;MAAoB;MAAkC;KAAkB,CAAA;IACpI,CAAA,EACE,CAAA;GACS,CAAA;EACJ,CAAA;CACX,CAAA,EACL,CAAA;CAGd,MAAM,iBAAiB,wBAAwB;CAE/C,IAAI;EACF,CAAA,GAAA,iBAAA,aAAY,QAAmB,KAAK,EAClC,mBAAmB,OAAO,WAAW;GAGnC,IAAI,gBACF,QAAQ,KAAK,0CAA0C,OAAO,SAAS;EAE3E,EACF,CAAC;CACH,SAAS,KAAK;EACZ,QAAQ,KAAK,8DAA8D,GAAG;EAC9E,CAAA,GAAA,iBAAA,YAAW,MAAiB,EAAE,OAAO,GAAG;CAC1C;AACF"}

package/output/{render-CnUd0XwZ.js → render-D0ls3d2j.js}

@@ -1,5 +1,5 @@
-import { A as OpenApisContext, O as ClarifyConfigContext, f as ThemeProvider } from "./shell-CumiARRe.js";
-import { a as AppShell, t as ThemeRoot } from "./ThemeRoot-C_ZdzSMu.js";
+import { A as OpenApisContext, O as ConfigContext, m as ThemeProvider } from "./PageActions-yoDRjkq8.js";
+import { c as AppShell, t as ThemeRoot } from "./ThemeRoot-CLa0yvRQ.js";
 import { StrictMode } from "react";
 import { BrowserRouter } from "react-router-dom";
 import { jsx } from "react/jsx-runtime";
@@ -23,12 +23,12 @@ function isHydrationDebugEnabled() {
 	}
 }
 function render(options) {
-	const { config, routes, navigation, openApis = {}, footerComponent, container, themeEditor = false } = options;
+	const { config, routes, navigation, openApis = {}, bannerComponent, footerComponent, container, themeEditor = false } = options;
 	const target = container ?? document.getElementById("root");
 	if (!target) throw new Error("[clarify] 渲染失败：找不到挂载节点，请确保 HTML 中存在 id=\"root\" 的元素");
 	const app = /* @__PURE__ */ jsx(StrictMode, { children: /* @__PURE__ */ jsx(BrowserRouter, {
 		basename: config.routePrefix,
-		children: /* @__PURE__ */ jsx(ClarifyConfigContext.Provider, {
+		children: /* @__PURE__ */ jsx(ConfigContext.Provider, {
 			value: config,
 			children: /* @__PURE__ */ jsx(OpenApisContext.Provider, {
 				value: openApis,
@@ -39,6 +39,7 @@ function render(options) {
 						config,
 						routes,
 						navigation: navigation ?? [],
+						bannerComponent,
 						footerComponent
 					})
 				}) })
@@ -58,4 +59,4 @@ function render(options) {
 //#endregion
 export { render as t };
 
-//# sourceMappingURL=render-CnUd0XwZ.js.map
+//# sourceMappingURL=render-D0ls3d2j.js.map

package/output/render-D0ls3d2j.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-D0ls3d2j.js","names":[],"sources":["../source/runtime/render.tsx"],"sourcesContent":["import { StrictMode } from 'react'\nimport { hydrateRoot, createRoot } from 'react-dom/client'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport { AppShell } from '../app/AppShell'\nimport { ConfigContext, OpenApisContext } from '../context'\nimport { ThemeProvider } from '../theme/ThemeProvider'\nimport { ThemeRoot } from '../theme/ThemeRoot'\nimport type { RenderOptions } from '../types'\n\n/**\n * Clarify 客户端 Hydration 入口。\n * 在文档项目的 main.tsx 中调用：\n * ```ts\n * import { render } from '@clarify-labs/renderer';\n * import { routes } from 'virtual:clarify-routes';\n * import { config } from 'virtual:clarify-config';\n * render({ config, routes });\n * ```\n */\nfunction isHydrationDebugEnabled(): boolean {\n  try {\n    const params = new URLSearchParams(window.location.search)\n    return params.get('clarifyHydrationDebug') === '1' || window.localStorage.getItem('clarify:hydration-debug') === '1'\n  } catch {\n    return false\n  }\n}\n\nexport function render(options: RenderOptions) {\n  const { config, routes, navigation, openApis = {}, bannerComponent, footerComponent, container, themeEditor = false } = options\n\n  const target = container ?? document.getElementById('root')\n  if (!target) {\n    throw new Error('[clarify] 渲染失败：找不到挂载节点，请确保 HTML 中存在 id=\"root\" 的元素')\n  }\n\n  const app = (\n    <StrictMode>\n      <BrowserRouter basename={config.routePrefix}>\n        <ConfigContext.Provider value={config}>\n          <OpenApisContext.Provider value={openApis}>\n            <ThemeProvider>\n              <ThemeRoot theme={config.theme} themeEditor={themeEditor}>\n                <AppShell config={config} routes={routes} navigation={navigation ?? []} bannerComponent={bannerComponent} footerComponent={footerComponent} />\n              </ThemeRoot>\n            </ThemeProvider>\n          </OpenApisContext.Provider>\n        </ConfigContext.Provider>\n      </BrowserRouter>\n    </StrictMode>\n  )\n\n  const hydrationDebug = isHydrationDebugEnabled()\n\n  try {\n    hydrateRoot(target as Element, app, {\n      onRecoverableError(error, errorInfo) {\n        // Phase 1: suppress hydration mismatch noise by default. React 19\n        // recovers automatically, but diagnostics can be enabled explicitly.\n        if (hydrationDebug) {\n          console.warn('[clarify] Recoverable hydration error:', error, errorInfo)\n        }\n      },\n    })\n  } catch (err) {\n    console.warn('[clarify] Hydration failed, falling back to client render:', err)\n    createRoot(target as Element).render(app)\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAoBA,SAAS,0BAAmC;CAC1C,IAAI;EAEF,OAAO,IADY,gBAAgB,OAAO,SAAS,MAC5C,EAAO,IAAI,uBAAuB,MAAM,OAAO,OAAO,aAAa,QAAQ,yBAAyB,MAAM;CACnH,QAAQ;EACN,OAAO;CACT;AACF;AAEA,SAAgB,OAAO,SAAwB;CAC7C,MAAM,EAAE,QAAQ,QAAQ,YAAY,WAAW,CAAC,GAAG,iBAAiB,iBAAiB,WAAW,cAAc,UAAU;CAExH,MAAM,SAAS,aAAa,SAAS,eAAe,MAAM;CAC1D,IAAI,CAAC,QACH,MAAM,IAAI,MAAM,qDAAmD;CAGrE,MAAM,MACJ,oBAAC,YAAD,EAAA,UACE,oBAAC,eAAD;EAAe,UAAU,OAAO;YAC9B,oBAAC,cAAc,UAAf;GAAwB,OAAO;aAC7B,oBAAC,gBAAgB,UAAjB;IAA0B,OAAO;cAC/B,oBAAC,eAAD,EAAA,UACE,oBAAC,WAAD;KAAW,OAAO,OAAO;KAAoB;eAC3C,oBAAC,UAAD;MAAkB;MAAgB;MAAQ,YAAY,cAAc,CAAC;MAAoB;MAAkC;KAAkB,CAAA;IACpI,CAAA,EACE,CAAA;GACS,CAAA;EACJ,CAAA;CACX,CAAA,EACL,CAAA;CAGd,MAAM,iBAAiB,wBAAwB;CAE/C,IAAI;EACF,YAAY,QAAmB,KAAK,EAClC,mBAAmB,OAAO,WAAW;GAGnC,IAAI,gBACF,QAAQ,KAAK,0CAA0C,OAAO,SAAS;EAE3E,EACF,CAAC;CACH,SAAS,KAAK;EACZ,QAAQ,KAAK,8DAA8D,GAAG;EAC9E,WAAW,MAAiB,EAAE,OAAO,GAAG;CAC1C;AACF"}