@clarify-labs/renderer 0.6.6 → 0.7.0

package/output/renderer.css

@@ -70,6 +70,7 @@
       "Courier New", monospace;
     --color-red-50: oklch(97.1% .013 17.38);
     --color-red-200: oklch(88.5% .062 18.334);
+    --color-red-400: oklch(70.4% .191 22.216);
     --color-red-500: oklch(63.7% .237 25.331);
     --color-red-700: oklch(50.5% .213 27.518);
     --color-amber-50: oklch(98.7% .022 95.277);
@@ -82,6 +83,8 @@
     --color-amber-700: oklch(55.5% .163 48.998);
     --color-amber-900: oklch(41.4% .112 45.904);
     --color-amber-950: oklch(27.9% .077 45.635);
+    --color-yellow-400: oklch(85.2% .199 91.936);
+    --color-green-400: oklch(79.2% .209 151.711);
     --color-emerald-50: oklch(97.9% .021 166.113);
     --color-emerald-100: oklch(95% .052 163.051);
     --color-emerald-200: oklch(90.5% .093 164.15);
@@ -165,6 +168,7 @@
     --ease-in: cubic-bezier(.4, 0, 1, 1);
     --ease-out: cubic-bezier(0, 0, .2, 1);
     --ease-in-out: cubic-bezier(.4, 0, .2, 1);
+    --animate-spin: spin 1s linear infinite;
     --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
     --blur-xs: 4px;
     --blur-sm: 8px;
@@ -965,18 +969,40 @@
     min-height: 26rem;
   }
 
+  .clarify-preview-sidebar {
+    display: none;
+  }
+
+  .clarify-preview-mobile-navigation, .clarify-preview-mobile-menu-button {
+    display: block;
+  }
+
   @media (min-width: 64rem) {
     .clarify-preview-shell {
       grid-template-columns: 14rem minmax(0, 1fr);
     }
+
+    .clarify-preview-sidebar {
+      display: block;
+    }
+
+    .clarify-preview-mobile-navigation, .clarify-preview-mobile-menu-button {
+      display: none;
+    }
   }
 
   .clarify-preview-content-window {
-    max-height: 26rem;
+    max-height: 22rem;
     -webkit-mask-image: linear-gradient(#000 90%, #0000);
     mask-image: linear-gradient(#000 90%, #0000);
   }
 
+  @media (min-width: 40rem) {
+    .clarify-preview-content-window {
+      max-height: 26rem;
+    }
+  }
+
   .clarify-preview-body {
     height: calc(100% - 3rem);
   }
@@ -1003,12 +1029,14 @@
     line-height: var(--clarify-ui-description-line-height);
   }
 
-  .clarify-preview-api-content-embedded {
-    min-width: 42rem;
-  }
+  @media (min-width: 40rem) {
+    .clarify-preview-api-content-embedded {
+      min-width: 42rem;
+    }
 
-  .clarify-preview-api-content-openapi {
-    min-width: 48rem;
+    .clarify-preview-api-content-openapi {
+      min-width: 48rem;
+    }
   }
 
   .clarify-preview-api-content .not-prose {
@@ -1022,7 +1050,7 @@
   }
 
   .clarify-preview-openapi-window {
-    height: 34rem;
+    height: 28rem;
   }
 
   .clarify-preview-openapi-mask {
@@ -1030,7 +1058,13 @@
     mask-image: linear-gradient(#000 88%, #0000);
   }
 
-  .clarify-search-result[aria-selected="true"], .clarify-search-result-active {
+  @media (min-width: 40rem) {
+    .clarify-preview-openapi-window {
+      height: 34rem;
+    }
+  }
+
+  .clarify-search-result[aria-selected="true"], .clarify-search-result-active, .clarify-search-result:hover {
     background: var(--clarify-ui-hover-background);
   }
 
@@ -1042,7 +1076,7 @@
     font-weight: 600;
   }
 
-  .clarify-search-result[aria-selected="true"] .clarify-search-result-title {
+  .clarify-search-result[aria-selected="true"] .clarify-search-result-title, .clarify-search-result:hover .clarify-search-result-title {
     color: var(--clarify-ui-accent-text);
   }
 
@@ -1319,6 +1353,10 @@
     margin-inline: auto;
   }
 
+  .-my-1 {
+    margin-block: calc(var(--spacing) * -1);
+  }
+
   .my-6 {
     margin-block: calc(var(--spacing) * 6);
   }
@@ -1463,7 +1501,7 @@
     border-color: var(--tw-prose-hr);
     border-top-width: 1px;
     max-width: none;
-    margin: 4rem -1rem;
+    margin: 2rem -1rem;
   }
 
   .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
@@ -1641,6 +1679,10 @@
     margin-top: calc(var(--spacing) * 8);
   }
 
+  .-mr-0\.5 {
+    margin-right: calc(var(--spacing) * -.5);
+  }
+
   .-mr-1 {
     margin-right: calc(var(--spacing) * -1);
   }
@@ -1685,8 +1727,8 @@
     margin-left: calc(var(--width) * -1);
   }
 
-  .-ml-1 {
-    margin-left: calc(var(--spacing) * -1);
+  .-ml-0\.5 {
+    margin-left: calc(var(--spacing) * -.5);
   }
 
   .-ml-76 {
@@ -1709,6 +1751,13 @@
     margin-left: auto;
   }
 
+  .line-clamp-2 {
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    display: -webkit-box;
+    overflow: hidden;
+  }
+
   .block {
     display: block;
   }
@@ -1747,6 +1796,11 @@
     height: calc(var(--spacing) * 2);
   }
 
+  .size-3 {
+    width: calc(var(--spacing) * 3);
+    height: calc(var(--spacing) * 3);
+  }
+
   .size-3\.5 {
     width: calc(var(--spacing) * 3.5);
     height: calc(var(--spacing) * 3.5);
@@ -1767,6 +1821,11 @@
     height: calc(var(--spacing) * 6);
   }
 
+  .size-7 {
+    width: calc(var(--spacing) * 7);
+    height: calc(var(--spacing) * 7);
+  }
+
   .size-8 {
     width: calc(var(--spacing) * 8);
     height: calc(var(--spacing) * 8);
@@ -1878,6 +1937,10 @@
     min-height: calc(var(--spacing) * 11);
   }
 
+  .min-h-full {
+    min-height: 100%;
+  }
+
   .min-h-screen {
     min-height: 100vh;
   }
@@ -1942,10 +2005,6 @@
     width: 83.3333%;
   }
 
-  .w-6 {
-    width: calc(var(--spacing) * 6);
-  }
-
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1966,6 +2025,10 @@
     width: calc(var(--spacing) * 32);
   }
 
+  .w-64 {
+    width: calc(var(--spacing) * 64);
+  }
+
   .w-80 {
     width: calc(var(--spacing) * 80);
   }
@@ -1978,6 +2041,14 @@
     width: calc(var(--spacing) * 325);
   }
 
+  .w-auto {
+    width: auto;
+  }
+
+  .w-fit {
+    width: fit-content;
+  }
+
   .w-full {
     width: 100%;
   }
@@ -2042,6 +2113,14 @@
     max-width: calc(var(--spacing) * 48);
   }
 
+  .max-w-\[82\%\] {
+    max-width: 82%;
+  }
+
+  .max-w-full {
+    max-width: 100%;
+  }
+
   .max-w-none {
     max-width: none;
   }
@@ -2141,6 +2220,10 @@
     animation: var(--animate-pulse);
   }
 
+  .animate-spin {
+    animation: var(--animate-spin);
+  }
+
   .cursor-default {
     cursor: default;
   }
@@ -2181,10 +2264,6 @@
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
-  .grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-
   .flex-col {
     flex-direction: column;
   }
@@ -2351,6 +2430,10 @@
     }
   }
 
+  .self-end {
+    align-self: flex-end;
+  }
+
   .truncate {
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -2373,6 +2456,10 @@
     overflow-x: auto;
   }
 
+  .overflow-x-hidden {
+    overflow-x: hidden;
+  }
+
   .overflow-y-auto {
     overflow-y: auto;
   }
@@ -2725,10 +2812,18 @@
     }
   }
 
+  .bg-green-400 {
+    background-color: var(--color-green-400);
+  }
+
   .bg-red-50 {
     background-color: var(--color-red-50);
   }
 
+  .bg-red-400 {
+    background-color: var(--color-red-400);
+  }
+
   .bg-rose-50 {
     background-color: var(--color-rose-50);
   }
@@ -2791,6 +2886,10 @@
     background-color: #0000;
   }
 
+  .bg-white {
+    background-color: var(--color-white);
+  }
+
   .bg-white\/5 {
     background-color: #ffffff0d;
   }
@@ -2801,6 +2900,10 @@
     }
   }
 
+  .bg-yellow-400 {
+    background-color: var(--color-yellow-400);
+  }
+
   .bg-zinc-50 {
     background-color: var(--color-zinc-50);
   }
@@ -2835,6 +2938,16 @@
     background-color: var(--color-zinc-950);
   }
 
+  .bg-zinc-950\/20 {
+    background-color: #09090b33;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-zinc-950\/20 {
+      background-color: color-mix(in oklab, var(--color-zinc-950) 20%, transparent);
+    }
+  }
+
   .fill-\(--clarify-theme-tokens-colors-foreground\) {
     fill: var(--clarify-theme-tokens-colors-foreground);
   }
@@ -2895,6 +3008,10 @@
     stroke-width: 2px;
   }
 
+  .object-contain {
+    object-fit: contain;
+  }
+
   .p-0 {
     padding: 0;
   }
@@ -3047,6 +3164,10 @@
     padding-bottom: calc(var(--spacing) * 4);
   }
 
+  .pb-6 {
+    padding-bottom: calc(var(--spacing) * 6);
+  }
+
   .pb-10 {
     padding-bottom: calc(var(--spacing) * 10);
   }
@@ -3091,6 +3212,10 @@
     text-align: right;
   }
 
+  .align-middle {
+    vertical-align: middle;
+  }
+
   .font-mono {
     font-family: var(--font-mono);
   }
@@ -3099,11 +3224,6 @@
     font-family: var(--font-sans);
   }
 
-  .text-2xl\/8 {
-    font-size: var(--text-2xl);
-    line-height: calc(var(--spacing) * 8);
-  }
-
   .text-2xs {
     font-size: var(--text-2xs);
     line-height: var(--tw-leading, var(--text-2xs--line-height));
@@ -3412,6 +3532,10 @@
     color: var(--color-zinc-900);
   }
 
+  .text-zinc-950 {
+    color: var(--color-zinc-950);
+  }
+
   .capitalize {
     text-transform: capitalize;
   }
@@ -3547,6 +3671,16 @@
     }
   }
 
+  .shadow-zinc-900\/20 {
+    --tw-shadow-color: #18181b33;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .shadow-zinc-900\/20 {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-zinc-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
+
   .ring-\(--clarify-theme-tokens-colors-border\) {
     --tw-ring-color: var(--clarify-theme-tokens-colors-border);
   }
@@ -3614,6 +3748,12 @@
     backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
   }
 
+  .backdrop-blur-\[1px\] {
+    --tw-backdrop-blur: blur(1px);
+    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+  }
+
   .backdrop-blur-sm {
     --tw-backdrop-blur: blur(var(--blur-sm));
     -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
@@ -3713,6 +3853,10 @@
     --width: var(--clarify-heading-anchor-width);
   }
 
+  .\[clarify\:search\] {
+    clarify: search;
+  }
+
   .ring-inset {
     --tw-ring-inset: inset;
   }
@@ -4060,6 +4204,10 @@
   }
 
   @media (min-width: 40rem) {
+    .sm\:mt-5 {
+      margin-top: calc(var(--spacing) * 5);
+    }
+
     .sm\:flex {
       display: flex;
     }
@@ -4104,10 +4252,6 @@
       flex-direction: row;
     }
 
-    .sm\:items-center {
-      align-items: center;
-    }
-
     .sm\:items-start {
       align-items: flex-start;
     }
@@ -4120,14 +4264,30 @@
       justify-content: flex-start;
     }
 
+    .sm\:gap-4 {
+      gap: calc(var(--spacing) * 4);
+    }
+
+    .sm\:p-5 {
+      padding: calc(var(--spacing) * 5);
+    }
+
     .sm\:px-1\.5 {
       padding-inline: calc(var(--spacing) * 1.5);
     }
 
+    .sm\:px-4 {
+      padding-inline: calc(var(--spacing) * 4);
+    }
+
     .sm\:px-6 {
       padding-inline: calc(var(--spacing) * 6);
     }
 
+    .sm\:py-4 {
+      padding-block: calc(var(--spacing) * 4);
+    }
+
     .sm\:py-20 {
       padding-block: calc(var(--spacing) * 20);
     }
@@ -4139,6 +4299,11 @@
     .sm\:text-left {
       text-align: left;
     }
+
+    .sm\:text-2xl\/8 {
+      font-size: var(--text-2xl);
+      line-height: calc(var(--spacing) * 8);
+    }
   }
 
   @media (min-width: 48rem) {
@@ -4492,6 +4657,16 @@
     }
   }
 
+  .dark\:bg-black\/30:where(.dark, .dark *) {
+    background-color: #0000004d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-black\/30:where(.dark, .dark *) {
+      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
+    }
+  }
+
   .dark\:bg-emerald-400\/5:where(.dark, .dark *) {
     background-color: #00d2940d;
   }
@@ -4792,6 +4967,16 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
+  .dark\:shadow-black\/40:where(.dark, .dark *) {
+    --tw-shadow-color: #0006;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:shadow-black\/40:where(.dark, .dark *) {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
+
   .dark\:ring-\(--clarify-theme-tokens-colors-primary\)\/20:where(.dark, .dark *) {
     --tw-ring-color: var(--clarify-theme-tokens-colors-primary);
   }
@@ -5263,6 +5448,12 @@
   initial-value: 1;
 }
 
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
 @keyframes pulse {
   50% {
     opacity: .5;

package/output/server.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_shell = require("./shell-D4tS8Jts.cjs");
-const require_ThemeRoot = require("./ThemeRoot-BhP5M3Hd.cjs");
+const require_shell = require("./shell-xxhV0p7k.cjs");
+const require_ThemeRoot = require("./ThemeRoot-CEvwrGp5.cjs");
 let react = require("react");
 let react_router_dom = require("react-router-dom");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -12,7 +12,7 @@ let react_dom_server = require("react-dom/server");
 * 返回 `div#root` 内部的 HTML，由 Clarify CLI 组装为完整的 HTML 文档。
 */
 function renderToHTML(options) {
-	const { config, routes, navigation, openApis = {}, url, themeEditor = false } = options;
+	const { config, routes, navigation, openApis = {}, footerComponent, url, themeEditor = false } = options;
 	const location = require_shell.prefixHref(url, config.routePrefix);
 	return (0, react_dom_server.renderToString)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.StrictMode, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router_dom.StaticRouter, {
 		basename: config.routePrefix,
@@ -27,7 +27,8 @@ function renderToHTML(options) {
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ThemeRoot.AppShell, {
 						config,
 						routes,
-						navigation: navigation ?? []
+						navigation: navigation ?? [],
+						footerComponent
 					})
 				}) })
 			})

package/output/server.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"server.cjs","names":[],"sources":["../source/runtime/server.tsx"],"sourcesContent":["import { StrictMode } from 'react'\nimport { renderToString } from 'react-dom/server'\nimport { StaticRouter } from 'react-router-dom'\n\nimport { AppShell } from '../app/AppShell'\nimport { ClarifyConfigContext, OpenApisContext } from '../context'\nimport { ThemeProvider } from '../theme/ThemeProvider'\nimport { ThemeRoot } from '../theme/ThemeRoot'\nimport type { ServerRenderOptions } from '../types'\nimport { prefixHref } from '../utils/href'\n\n/**\n * Clarify 服务端渲染入口。\n * 由 @clarify-labs/cli 在构建时调用，为每条路由生成 React HTML 片段。\n * 返回 `div#root` 内部的 HTML，由 Clarify CLI 组装为完整的 HTML 文档。\n */\nexport function renderToHTML(options: ServerRenderOptions): string {\n  const { config, routes, navigation, openApis = {}, url, themeEditor = false } = options\n  const location = prefixHref(url, config.routePrefix)\n\n  return renderToString(\n    <StrictMode>\n      <StaticRouter basename={config.routePrefix} location={location}>\n        <ClarifyConfigContext.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 ?? []} />\n              </ThemeRoot>\n            </ThemeProvider>\n          </OpenApisContext.Provider>\n        </ClarifyConfigContext.Provider>\n      </StaticRouter>\n    </StrictMode>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAgBA,SAAgB,aAAa,SAAsC;CACjE,MAAM,EAAE,QAAQ,QAAQ,YAAY,WAAW,CAAC,GAAG,KAAK,cAAc,UAAU;CAChF,MAAM,WAAW,cAAA,WAAW,KAAK,OAAO,WAAW;CAEnD,QAAA,GAAA,iBAAA,gBACE,iBAAA,GAAA,kBAAA,KAAC,MAAA,YAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,iBAAA,cAAD;EAAc,UAAU,OAAO;EAAuB;YACpD,iBAAA,GAAA,kBAAA,KAAC,cAAA,qBAAqB,UAAtB;GAA+B,OAAO;aACpC,iBAAA,GAAA,kBAAA,KAAC,cAAA,gBAAgB,UAAjB;IAA0B,OAAO;cAC/B,iBAAA,GAAA,kBAAA,KAAC,cAAA,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;KAAI,CAAA;IAChE,CAAA,EACE,CAAA;GACS,CAAA;EACG,CAAA;CACnB,CAAA,EACJ,CAAA,CACd;AACF"}
+{"version":3,"file":"server.cjs","names":[],"sources":["../source/runtime/server.tsx"],"sourcesContent":["import { StrictMode } from 'react'\nimport { renderToString } from 'react-dom/server'\nimport { StaticRouter } from 'react-router-dom'\n\nimport { AppShell } from '../app/AppShell'\nimport { ClarifyConfigContext, OpenApisContext } from '../context'\nimport { ThemeProvider } from '../theme/ThemeProvider'\nimport { ThemeRoot } from '../theme/ThemeRoot'\nimport type { ServerRenderOptions } from '../types'\nimport { prefixHref } from '../utils/href'\n\n/**\n * Clarify 服务端渲染入口。\n * 由 @clarify-labs/cli 在构建时调用，为每条路由生成 React HTML 片段。\n * 返回 `div#root` 内部的 HTML，由 Clarify CLI 组装为完整的 HTML 文档。\n */\nexport function renderToHTML(options: ServerRenderOptions): string {\n  const { config, routes, navigation, openApis = {}, footerComponent, url, themeEditor = false } = options\n  const location = prefixHref(url, config.routePrefix)\n\n  return renderToString(\n    <StrictMode>\n      <StaticRouter basename={config.routePrefix} location={location}>\n        <ClarifyConfigContext.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 ?? []} footerComponent={footerComponent} />\n              </ThemeRoot>\n            </ThemeProvider>\n          </OpenApisContext.Provider>\n        </ClarifyConfigContext.Provider>\n      </StaticRouter>\n    </StrictMode>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAgBA,SAAgB,aAAa,SAAsC;CACjE,MAAM,EAAE,QAAQ,QAAQ,YAAY,WAAW,CAAC,GAAG,iBAAiB,KAAK,cAAc,UAAU;CACjG,MAAM,WAAW,cAAA,WAAW,KAAK,OAAO,WAAW;CAEnD,QAAA,GAAA,iBAAA,gBACE,iBAAA,GAAA,kBAAA,KAAC,MAAA,YAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,iBAAA,cAAD;EAAc,UAAU,OAAO;EAAuB;YACpD,iBAAA,GAAA,kBAAA,KAAC,cAAA,qBAAqB,UAAtB;GAA+B,OAAO;aACpC,iBAAA,GAAA,kBAAA,KAAC,cAAA,gBAAgB,UAAjB;IAA0B,OAAO;cAC/B,iBAAA,GAAA,kBAAA,KAAC,cAAA,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;KAAkB,CAAA;IAClG,CAAA,EACE,CAAA;GACS,CAAA;EACG,CAAA;CACnB,CAAA,EACJ,CAAA,CACd;AACF"}

package/output/server.js

@@ -1,5 +1,5 @@
-import { S as OpenApisContext, _ as prefixHref, b as ClarifyConfigContext, f as ThemeProvider } from "./shell-DvTfFx6M.js";
-import { a as AppShell, t as ThemeRoot } from "./ThemeRoot-DErmHskn.js";
+import { A as OpenApisContext, O as ClarifyConfigContext, T as prefixHref, f as ThemeProvider } from "./shell-CumiARRe.js";
+import { a as AppShell, t as ThemeRoot } from "./ThemeRoot-C_ZdzSMu.js";
 import { StrictMode } from "react";
 import { StaticRouter } from "react-router-dom";
 import { jsx } from "react/jsx-runtime";
@@ -11,7 +11,7 @@ import { renderToString } from "react-dom/server";
 * 返回 `div#root` 内部的 HTML，由 Clarify CLI 组装为完整的 HTML 文档。
 */
 function renderToHTML(options) {
-	const { config, routes, navigation, openApis = {}, url, themeEditor = false } = options;
+	const { config, routes, navigation, openApis = {}, footerComponent, url, themeEditor = false } = options;
 	const location = prefixHref(url, config.routePrefix);
 	return renderToString(/* @__PURE__ */ jsx(StrictMode, { children: /* @__PURE__ */ jsx(StaticRouter, {
 		basename: config.routePrefix,
@@ -26,7 +26,8 @@ function renderToHTML(options) {
 					children: /* @__PURE__ */ jsx(AppShell, {
 						config,
 						routes,
-						navigation: navigation ?? []
+						navigation: navigation ?? [],
+						footerComponent
 					})
 				}) })
 			})

package/output/server.js.map

@@ -1 +1 @@
-{"version":3,"file":"server.js","names":[],"sources":["../source/runtime/server.tsx"],"sourcesContent":["import { StrictMode } from 'react'\nimport { renderToString } from 'react-dom/server'\nimport { StaticRouter } from 'react-router-dom'\n\nimport { AppShell } from '../app/AppShell'\nimport { ClarifyConfigContext, OpenApisContext } from '../context'\nimport { ThemeProvider } from '../theme/ThemeProvider'\nimport { ThemeRoot } from '../theme/ThemeRoot'\nimport type { ServerRenderOptions } from '../types'\nimport { prefixHref } from '../utils/href'\n\n/**\n * Clarify 服务端渲染入口。\n * 由 @clarify-labs/cli 在构建时调用，为每条路由生成 React HTML 片段。\n * 返回 `div#root` 内部的 HTML，由 Clarify CLI 组装为完整的 HTML 文档。\n */\nexport function renderToHTML(options: ServerRenderOptions): string {\n  const { config, routes, navigation, openApis = {}, url, themeEditor = false } = options\n  const location = prefixHref(url, config.routePrefix)\n\n  return renderToString(\n    <StrictMode>\n      <StaticRouter basename={config.routePrefix} location={location}>\n        <ClarifyConfigContext.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 ?? []} />\n              </ThemeRoot>\n            </ThemeProvider>\n          </OpenApisContext.Provider>\n        </ClarifyConfigContext.Provider>\n      </StaticRouter>\n    </StrictMode>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAgBA,SAAgB,aAAa,SAAsC;CACjE,MAAM,EAAE,QAAQ,QAAQ,YAAY,WAAW,CAAC,GAAG,KAAK,cAAc,UAAU;CAChF,MAAM,WAAW,WAAW,KAAK,OAAO,WAAW;CAEnD,OAAO,eACL,oBAAC,YAAD,EAAA,UACE,oBAAC,cAAD;EAAc,UAAU,OAAO;EAAuB;YACpD,oBAAC,qBAAqB,UAAtB;GAA+B,OAAO;aACpC,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;KAAI,CAAA;IAChE,CAAA,EACE,CAAA;GACS,CAAA;EACG,CAAA;CACnB,CAAA,EACJ,CAAA,CACd;AACF"}
+{"version":3,"file":"server.js","names":[],"sources":["../source/runtime/server.tsx"],"sourcesContent":["import { StrictMode } from 'react'\nimport { renderToString } from 'react-dom/server'\nimport { StaticRouter } from 'react-router-dom'\n\nimport { AppShell } from '../app/AppShell'\nimport { ClarifyConfigContext, OpenApisContext } from '../context'\nimport { ThemeProvider } from '../theme/ThemeProvider'\nimport { ThemeRoot } from '../theme/ThemeRoot'\nimport type { ServerRenderOptions } from '../types'\nimport { prefixHref } from '../utils/href'\n\n/**\n * Clarify 服务端渲染入口。\n * 由 @clarify-labs/cli 在构建时调用，为每条路由生成 React HTML 片段。\n * 返回 `div#root` 内部的 HTML，由 Clarify CLI 组装为完整的 HTML 文档。\n */\nexport function renderToHTML(options: ServerRenderOptions): string {\n  const { config, routes, navigation, openApis = {}, footerComponent, url, themeEditor = false } = options\n  const location = prefixHref(url, config.routePrefix)\n\n  return renderToString(\n    <StrictMode>\n      <StaticRouter basename={config.routePrefix} location={location}>\n        <ClarifyConfigContext.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 ?? []} footerComponent={footerComponent} />\n              </ThemeRoot>\n            </ThemeProvider>\n          </OpenApisContext.Provider>\n        </ClarifyConfigContext.Provider>\n      </StaticRouter>\n    </StrictMode>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAgBA,SAAgB,aAAa,SAAsC;CACjE,MAAM,EAAE,QAAQ,QAAQ,YAAY,WAAW,CAAC,GAAG,iBAAiB,KAAK,cAAc,UAAU;CACjG,MAAM,WAAW,WAAW,KAAK,OAAO,WAAW;CAEnD,OAAO,eACL,oBAAC,YAAD,EAAA,UACE,oBAAC,cAAD;EAAc,UAAU,OAAO;EAAuB;YACpD,oBAAC,qBAAqB,UAAtB;GAA+B,OAAO;aACpC,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;KAAkB,CAAA;IAClG,CAAA,EACE,CAAA;GACS,CAAA;EACG,CAAA;CACnB,CAAA,EACJ,CAAA,CACd;AACF"}

package/output/shell/Search.d.ts

@@ -2,11 +2,15 @@ import { NavigationNode, RouteItem } from '../types';
 export type SearchProps = {
     routes: RouteItem[];
     navigation: NavigationNode[];
+    routePrefix?: string;
+    currentLocale?: string;
 };
 export declare function Search(arg0: SearchProps): import("react").JSX.Element;
 export type MobileSearchProps = {
     routes: RouteItem[];
     navigation: NavigationNode[];
+    routePrefix?: string;
+    currentLocale?: string;
     onNavigate?: () => void;
 };
 export declare function MobileSearch(arg0: MobileSearchProps): import("react").JSX.Element;

package/output/shell/search/Highlight.d.ts

@@ -0,0 +1,11 @@
+type HighlightQueryProps = {
+    text: string;
+    query: string;
+};
+export declare function HighlightQuery(arg0: HighlightQueryProps): string | import("react").JSX.Element;
+type HighlightExcerptProps = {
+    excerpt: string;
+    query: string;
+};
+export declare function HighlightExcerpt(arg0: HighlightExcerptProps): import("react").JSX.Element;
+export {};

package/output/shell/search/SearchDialog.d.ts

@@ -0,0 +1,13 @@
+import { NavigationNode, RouteItem } from '../../types';
+type SearchDialogProps = {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    routes: RouteItem[];
+    navigation: NavigationNode[];
+    routePrefix?: string;
+    currentLocale?: string;
+    className?: string;
+    onNavigate?: () => void;
+};
+export declare function SearchDialog(arg0: SearchDialogProps): import("react").JSX.Element;
+export {};

package/output/shell/search/SearchInput.d.ts

@@ -0,0 +1,8 @@
+export declare const SearchInput: import('react').ForwardRefExoticComponent<{
+    query: string;
+    setQuery: (query: string) => void;
+    onClose: () => void;
+    onSubmit: () => void;
+    activeDescendantId?: string;
+    loading?: boolean;
+} & import('react').RefAttributes<HTMLInputElement>>;

package/output/shell/search/SearchResult.d.ts

@@ -0,0 +1,10 @@
+import { SearchDisplayItem } from './types';
+type SearchResultProps = {
+    result: SearchDisplayItem;
+    query: string;
+    active: boolean;
+    onActive: () => void;
+    onSelect: () => void;
+};
+export declare function SearchResult(arg0: SearchResultProps): import("react").JSX.Element;
+export {};