@clarify-labs/renderer 0.10.0 → 0.10.2

package/output/renderer.css

@@ -106,9 +106,11 @@
     --color-sky-700: oklch(50% .134 242.749);
     --color-sky-900: oklch(39.1% .09 240.876);
     --color-sky-950: oklch(29.3% .066 243.157);
+    --color-violet-200: oklch(89.4% .057 293.283);
     --color-violet-300: oklch(81.1% .111 293.571);
     --color-violet-400: oklch(70.2% .183 293.541);
     --color-violet-500: oklch(60.6% .25 292.717);
+    --color-violet-700: oklch(49.1% .27 292.581);
     --color-fuchsia-400: oklch(74% .238 322.16);
     --color-fuchsia-500: oklch(66.7% .295 322.15);
     --color-pink-300: oklch(82.3% .12 346.018);
@@ -555,6 +557,26 @@
     }
   }
 
+  :root, .clarify-app {
+    --clarify-ui-tab-hover-background: var(--clarify-theme-tokens-colors-foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :root, .clarify-app {
+      --clarify-ui-tab-hover-background: color-mix(in srgb, var(--clarify-theme-tokens-colors-foreground) 7%, var(--clarify-theme-tokens-colors-surface));
+    }
+  }
+
+  :root, .clarify-app {
+    --clarify-ui-tab-indicator: var(--clarify-theme-tokens-colors-primary);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :root, .clarify-app {
+      --clarify-ui-tab-indicator: color-mix(in srgb, var(--clarify-theme-tokens-colors-primary) 78%, var(--clarify-theme-tokens-colors-foreground));
+    }
+  }
+
   :root, .clarify-app {
     --clarify-ui-subtle-background: var(--clarify-theme-tokens-colors-foreground);
   }
@@ -639,10 +661,32 @@
   :root, .clarify-app {
     --clarify-code-border: #ffffff1a;
     --clarify-code-text: var(--color-zinc-100);
+    --clarify-code-control-text: var(--color-zinc-300);
     --clarify-code-muted: var(--color-zinc-400);
     --clarify-code-faint: var(--color-zinc-500);
     --clarify-code-control-background: #ffffff0f;
     --clarify-code-control-background-hover: #ffffff1a;
+    --clarify-code-control-background-active: #ffffff24;
+    --clarify-code-accent-text: var(--clarify-theme-tokens-colors-primary);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :root, .clarify-app {
+      --clarify-code-accent-text: color-mix(in srgb, var(--clarify-theme-tokens-colors-primary) 58%, white);
+    }
+  }
+
+  :root, .clarify-app {
+    --clarify-code-accent-background: var(--clarify-theme-tokens-colors-primary);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :root, .clarify-app {
+      --clarify-code-accent-background: color-mix(in srgb, var(--clarify-theme-tokens-colors-primary) 20%, transparent);
+    }
+  }
+
+  :root, .clarify-app {
     --clarify-ui-menu-width: 13rem;
     --clarify-ui-action-menu-width: 19.5rem;
     --clarify-layout-sidebar-grid: 18rem minmax(0, 1fr);
@@ -739,6 +783,17 @@
 
   :root, .clarify-app {
     --clarify-http-method-delete-text: var(--color-rose-700);
+    --clarify-http-method-webhook-background: #a685ff3d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :root, .clarify-app {
+      --clarify-http-method-webhook-background: color-mix(in srgb, var(--color-violet-400) 24%, transparent);
+    }
+  }
+
+  :root, .clarify-app {
+    --clarify-http-method-webhook-text: var(--color-violet-700);
     --clarify-http-method-default-background: #9f9fa933;
   }
 
@@ -819,6 +874,16 @@
     }
   }
 
+  .dark, .dark .clarify-app {
+    --clarify-ui-tab-hover-background: var(--clarify-theme-tokens-colors-foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark, .dark .clarify-app {
+      --clarify-ui-tab-hover-background: color-mix(in srgb, var(--clarify-theme-tokens-colors-foreground) 10%, var(--clarify-theme-tokens-colors-surface));
+    }
+  }
+
   .dark, .dark .clarify-app {
     --clarify-ui-subtle-background: var(--clarify-theme-tokens-colors-primary);
   }
@@ -955,6 +1020,17 @@
 
   .dark, .dark .clarify-app {
     --clarify-http-method-delete-text: var(--color-rose-200);
+    --clarify-http-method-webhook-background: #a685ff4d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark, .dark .clarify-app {
+      --clarify-http-method-webhook-background: color-mix(in srgb, var(--color-violet-400) 30%, transparent);
+    }
+  }
+
+  .dark, .dark .clarify-app {
+    --clarify-http-method-webhook-text: var(--color-violet-200);
     --clarify-http-method-default-background: #9f9fa942;
   }
 
@@ -1116,6 +1192,40 @@
     color: var(--clarify-ui-text-strong);
   }
 
+  .clarify-content-tab:hover, .clarify-content-tab:focus-visible {
+    background: var(--clarify-ui-tab-hover-background);
+  }
+
+  .clarify-api-example-code, .clarify-api-example {
+    container-type: inline-size;
+  }
+
+  @container (max-width: 26rem) {
+    .clarify-api-example-header {
+      flex-direction: column;
+      align-items: stretch;
+      gap: .25rem;
+    }
+
+    .clarify-api-example-header > h3 {
+      margin-right: 0;
+    }
+
+    .clarify-api-example-header-controls {
+      width: 100%;
+      margin-left: 0;
+    }
+
+    .clarify-api-code-toolbar {
+      flex-direction: column;
+      align-items: stretch;
+    }
+
+    .clarify-api-code-toolbar > button {
+      align-self: flex-end;
+    }
+  }
+
   .clarify-brand-title, .clarify-footer-link, .clarify-footer-social, .clarify-footer-copyright, .clarify-search-button {
     font-size: var(--clarify-ui-menu-font-size);
     line-height: var(--clarify-ui-menu-line-height);
@@ -1465,6 +1575,10 @@
     inset-inline: 0;
   }
 
+  .inset-x-2 {
+    inset-inline: calc(var(--spacing) * 2);
+  }
+
   .inset-y-0 {
     inset-block: 0;
   }
@@ -1537,10 +1651,6 @@
     left: calc(var(--spacing) * 3);
   }
 
-  .left-4 {
-    left: calc(var(--spacing) * 4);
-  }
-
   .-z-10 {
     z-index: calc(10 * -1);
   }
@@ -2003,6 +2113,10 @@
     margin-right: calc(var(--spacing) * -1);
   }
 
+  .-mr-2 {
+    margin-right: calc(var(--spacing) * -2);
+  }
+
   .mr-2 {
     margin-right: calc(var(--spacing) * 2);
   }
@@ -2248,6 +2362,18 @@
     min-height: 0;
   }
 
+  .min-h-7 {
+    min-height: calc(var(--spacing) * 7);
+  }
+
+  .min-h-8 {
+    min-height: calc(var(--spacing) * 8);
+  }
+
+  .min-h-9 {
+    min-height: calc(var(--spacing) * 9);
+  }
+
   .min-h-11 {
     min-height: calc(var(--spacing) * 11);
   }
@@ -2633,6 +2759,10 @@
     justify-content: flex-start;
   }
 
+  .gap-0 {
+    gap: 0;
+  }
+
   .gap-1 {
     gap: var(--spacing);
   }
@@ -2843,6 +2973,11 @@
     border-radius: var(--radius-xl);
   }
 
+  .rounded-t-md {
+    border-top-left-radius: var(--radius-md);
+    border-top-right-radius: var(--radius-md);
+  }
+
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -2895,10 +3030,6 @@
     border-color: var(--clarify-theme-tokens-colors-border);
   }
 
-  .border-\(--clarify-theme-tokens-colors-primary\) {
-    border-color: var(--clarify-theme-tokens-colors-primary);
-  }
-
   .border-\(--clarify-ui-accent-border\) {
     border-color: var(--clarify-ui-accent-border);
   }
@@ -2979,6 +3110,10 @@
     border-top-color: #0000;
   }
 
+  .bg-\(--clarify-code-accent-text\) {
+    background-color: var(--clarify-code-accent-text);
+  }
+
   .bg-\(--clarify-code-background\) {
     background-color: var(--clarify-code-background);
   }
@@ -3023,6 +3158,10 @@
     background-color: var(--clarify-http-method-put-background);
   }
 
+  .bg-\(--clarify-http-method-webhook-background\) {
+    background-color: var(--clarify-http-method-webhook-background);
+  }
+
   .bg-\(--clarify-skeleton-accent-background\) {
     background-color: var(--clarify-skeleton-accent-background);
   }
@@ -3089,6 +3228,10 @@
     background-color: var(--clarify-ui-subtle-background);
   }
 
+  .bg-\(--clarify-ui-tab-indicator\) {
+    background-color: var(--clarify-ui-tab-indicator);
+  }
+
   .bg-amber-50 {
     background-color: var(--color-amber-50);
   }
@@ -3199,6 +3342,10 @@
     }
   }
 
+  .bg-sky-100 {
+    background-color: var(--color-sky-100);
+  }
+
   .bg-sky-400\/10 {
     background-color: #00bcfe1a;
   }
@@ -3684,6 +3831,14 @@
     white-space: pre-wrap;
   }
 
+  .text-\(--clarify-code-accent-text\) {
+    color: var(--clarify-code-accent-text);
+  }
+
+  .text-\(--clarify-code-control-text\) {
+    color: var(--clarify-code-control-text);
+  }
+
   .text-\(--clarify-code-faint\) {
     color: var(--clarify-code-faint);
   }
@@ -3724,6 +3879,10 @@
     color: var(--clarify-http-method-put-text);
   }
 
+  .text-\(--clarify-http-method-webhook-text\) {
+    color: var(--clarify-http-method-webhook-text);
+  }
+
   .text-\(--clarify-theme-tokens-colors-background\) {
     color: var(--clarify-theme-tokens-colors-background);
   }
@@ -3752,10 +3911,6 @@
     color: var(--clarify-ui-text-faint);
   }
 
-  .text-\(--clarify-ui-text-foreground\) {
-    color: var(--clarify-ui-text-foreground);
-  }
-
   .text-\(--clarify-ui-text-soft\) {
     color: var(--clarify-ui-text-soft);
   }
@@ -3848,6 +4003,10 @@
     color: var(--color-sky-600);
   }
 
+  .text-sky-700 {
+    color: var(--color-sky-700);
+  }
+
   .text-sky-900 {
     color: var(--color-sky-900);
   }
@@ -3934,6 +4093,11 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
+  .shadow-\[0_0_0\.5rem_var\(--clarify-ui-accent-glow\)\] {
+    --tw-shadow: 0 0 .5rem var(--tw-shadow-color, var(--clarify-ui-accent-glow));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
   .shadow-lg {
     --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -4282,6 +4446,16 @@
       border-color: var(--clarify-ui-text-faint);
     }
 
+    .hover\:border-white\/20:hover {
+      border-color: #fff3;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:border-white\/20:hover {
+        border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
+      }
+    }
+
     .hover\:bg-\(--clarify-code-control-background-hover\):hover {
       background-color: var(--clarify-code-control-background-hover);
     }
@@ -4444,6 +4618,10 @@
     color: var(--clarify-code-text);
   }
 
+  .data-focus\:text-\(--clarify-ui-text-strong\)[data-focus] {
+    color: var(--clarify-ui-text-strong);
+  }
+
   .data-leave\:pointer-events-none[data-leave] {
     pointer-events: none;
   }
@@ -4463,16 +4641,26 @@
     transition-timing-function: var(--ease-in);
   }
 
-  .data-open\:border-\(--clarify-ui-text-faint\)[data-open] {
-    border-color: var(--clarify-ui-text-faint);
+  .data-open\:border-\(--clarify-ui-accent-border\)[data-open] {
+    border-color: var(--clarify-ui-accent-border);
   }
 
-  .data-open\:bg-\(--clarify-code-control-background-hover\)[data-open] {
-    background-color: var(--clarify-code-control-background-hover);
+  .data-open\:border-white\/20[data-open] {
+    border-color: #fff3;
   }
 
-  .data-open\:bg-\(--clarify-ui-hover-background\)[data-open] {
-    background-color: var(--clarify-ui-hover-background);
+  @supports (color: color-mix(in lab, red, red)) {
+    .data-open\:border-white\/20[data-open] {
+      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
+    }
+  }
+
+  .data-open\:bg-\(--clarify-code-control-background-active\)[data-open] {
+    background-color: var(--clarify-code-control-background-active);
+  }
+
+  .data-open\:bg-\(--clarify-ui-active-background\)[data-open] {
+    background-color: var(--clarify-ui-active-background);
   }
 
   .data-open\:ring-2[data-open] {
@@ -4484,8 +4672,20 @@
     --tw-ring-color: var(--clarify-ui-accent-border);
   }
 
-  .data-selected\:text-\(--clarify-theme-tokens-colors-primary\)[data-selected] {
-    color: var(--clarify-theme-tokens-colors-primary);
+  .data-selected\:bg-\(--clarify-code-accent-background\)[data-selected] {
+    background-color: var(--clarify-code-accent-background);
+  }
+
+  .data-selected\:bg-\(--clarify-ui-active-background\)[data-selected] {
+    background-color: var(--clarify-ui-active-background);
+  }
+
+  .data-selected\:text-\(--clarify-code-accent-text\)[data-selected] {
+    color: var(--clarify-code-accent-text);
+  }
+
+  .data-selected\:text-\(--clarify-ui-accent-text\)[data-selected] {
+    color: var(--clarify-ui-accent-text);
   }
 
   .data-selected\:not-data-focus\:outline-hidden[data-selected]:not([data-focus]) {
@@ -5056,6 +5256,16 @@
     }
   }
 
+  .dark\:bg-sky-400\/15:where(.dark, .dark *) {
+    background-color: #00bcfe26;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-sky-400\/15:where(.dark, .dark *) {
+      background-color: color-mix(in oklab, var(--color-sky-400) 15%, transparent);
+    }
+  }
+
   .dark\:bg-white:where(.dark, .dark *) {
     background-color: var(--color-white);
   }
@@ -5200,6 +5410,10 @@
     color: var(--color-sky-100);
   }
 
+  .dark\:text-sky-200:where(.dark, .dark *) {
+    color: var(--color-sky-200);
+  }
+
   .dark\:text-sky-400:where(.dark, .dark *) {
     color: var(--color-sky-400);
   }

package/output/runtime/ClarifyShell.d.ts

@@ -1,19 +1,18 @@
 import { ReactNode } from 'react';
-import { Config, NavigationTree, RouteItem } from '../core/types';
-import { OpenAPISpec } from '../openapi/lib/utils';
-import { RuntimeSlots } from '../slots';
+import { Config, NavigationTree, OpenApiRegistry, RouteItem } from '../core/types';
+import { RuntimeSlotRegistry } from '../slots';
 export type ClarifyShellProps = {
     config: Config;
     routes: RouteItem[];
     navigation?: NavigationTree;
-    openApis: Record<string, OpenAPISpec>;
-    runtimeSlots?: RuntimeSlots;
+    openApiSpecs: OpenApiRegistry;
+    runtimeSlots?: RuntimeSlotRegistry;
     themeEditor?: boolean;
     children?: ReactNode;
 };
 /**
  * Shared provider chain used by both client-side render and server-side
- * renderToHTML.  Wraps AppShell with ConfigContext → OpenApisContext →
+ * renderToHTML.  Wraps AppShell with ConfigContext → OpenApiSpecsContext →
  * ThemeProvider → ThemeRoot.
  *
  * The outer Router (BrowserRouter / StaticRouter) is left to the caller

package/output/server.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_PageActions = require("./PageActions-GS_cxeJN.cjs");
-const require_ClarifyShell = require("./ClarifyShell-DjLRRW8T.cjs");
+const require_ClarifyShell = require("./ClarifyShell-C6li72Ce.cjs");
+const require_PageActions = require("./PageActions-BjB6PYmL.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 = {}, runtimeSlots, url, themeEditor = false } = options;
+	const { config, routes, navigation, openApiSpecs = {}, runtimeSlots, url, themeEditor = false } = options;
 	const location = require_PageActions.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,
@@ -21,7 +21,7 @@ function renderToHTML(options) {
 			config,
 			routes,
 			navigation,
-			openApis,
+			openApiSpecs,
 			runtimeSlots,
 			themeEditor
 		})

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 type { ServerRenderOptions } from '../types'\nimport { prefixHref } from '../utils/href'\n\nimport { ClarifyShell } from './ClarifyShell'\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 = {}, runtimeSlots, 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        <ClarifyShell\n          config={config}\n          routes={routes}\n          navigation={navigation}\n          openApis={openApis}\n          runtimeSlots={runtimeSlots}\n          themeEditor={themeEditor}\n        />\n      </StaticRouter>\n    </StrictMode>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAcA,SAAgB,aAAa,SAAsC;CACjE,MAAM,EAAE,QAAQ,QAAQ,YAAY,WAAW,CAAC,GAAG,cAAc,KAAK,cAAc,UAAU;CAC9F,MAAM,WAAW,oBAAA,WAAW,KAAK,OAAO,WAAW;CAEnD,QAAA,GAAA,iBAAA,eAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAA,YAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAA,cAAD;EAAc,UAAU,OAAO;EAAuB;YACpD,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAA,cAAD;GACU;GACA;GACI;GACF;GACI;GACD;EACd,CAAA;CACW,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 type { ServerRenderOptions } from '../types'\nimport { prefixHref } from '../utils/href'\n\nimport { ClarifyShell } from './ClarifyShell'\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, openApiSpecs = {}, runtimeSlots, 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        <ClarifyShell\n          config={config}\n          routes={routes}\n          navigation={navigation}\n          openApiSpecs={openApiSpecs}\n          runtimeSlots={runtimeSlots}\n          themeEditor={themeEditor}\n        />\n      </StaticRouter>\n    </StrictMode>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAcA,SAAgB,aAAa,SAAsC;CACjE,MAAM,EAAE,QAAQ,QAAQ,YAAY,eAAe,CAAC,GAAG,cAAc,KAAK,cAAc,UAAU;CAClG,MAAM,WAAW,oBAAA,WAAW,KAAK,OAAO,WAAW;CAEnD,QAAA,GAAA,iBAAA,eAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAA,YAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAA,cAAD;EAAc,UAAU,OAAO;EAAuB;YACpD,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAA,cAAD;GACU;GACA;GACI;GACE;GACA;GACD;EACd,CAAA;CACW,CAAA,EACJ,CAAA,CACd;AACF"}

package/output/server.js

@@ -1,5 +1,5 @@
-import { T as prefixHref } from "./PageActions-Dn8IGWoL.js";
-import { t as ClarifyShell } from "./ClarifyShell-CxhXBtsR.js";
+import { t as ClarifyShell } from "./ClarifyShell-1LuBliwt.js";
+import { T as prefixHref } from "./PageActions-D7K9LDGf.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 = {}, runtimeSlots, url, themeEditor = false } = options;
+	const { config, routes, navigation, openApiSpecs = {}, runtimeSlots, url, themeEditor = false } = options;
 	const location = prefixHref(url, config.routePrefix);
 	return renderToString(/* @__PURE__ */ jsx(StrictMode, { children: /* @__PURE__ */ jsx(StaticRouter, {
 		basename: config.routePrefix,
@@ -20,7 +20,7 @@ function renderToHTML(options) {
 			config,
 			routes,
 			navigation,
-			openApis,
+			openApiSpecs,
 			runtimeSlots,
 			themeEditor
 		})

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 type { ServerRenderOptions } from '../types'\nimport { prefixHref } from '../utils/href'\n\nimport { ClarifyShell } from './ClarifyShell'\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 = {}, runtimeSlots, 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        <ClarifyShell\n          config={config}\n          routes={routes}\n          navigation={navigation}\n          openApis={openApis}\n          runtimeSlots={runtimeSlots}\n          themeEditor={themeEditor}\n        />\n      </StaticRouter>\n    </StrictMode>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAcA,SAAgB,aAAa,SAAsC;CACjE,MAAM,EAAE,QAAQ,QAAQ,YAAY,WAAW,CAAC,GAAG,cAAc,KAAK,cAAc,UAAU;CAC9F,MAAM,WAAW,WAAW,KAAK,OAAO,WAAW;CAEnD,OAAO,eACL,oBAAC,YAAD,EAAA,UACE,oBAAC,cAAD;EAAc,UAAU,OAAO;EAAuB;YACpD,oBAAC,cAAD;GACU;GACA;GACI;GACF;GACI;GACD;EACd,CAAA;CACW,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 type { ServerRenderOptions } from '../types'\nimport { prefixHref } from '../utils/href'\n\nimport { ClarifyShell } from './ClarifyShell'\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, openApiSpecs = {}, runtimeSlots, 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        <ClarifyShell\n          config={config}\n          routes={routes}\n          navigation={navigation}\n          openApiSpecs={openApiSpecs}\n          runtimeSlots={runtimeSlots}\n          themeEditor={themeEditor}\n        />\n      </StaticRouter>\n    </StrictMode>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAcA,SAAgB,aAAa,SAAsC;CACjE,MAAM,EAAE,QAAQ,QAAQ,YAAY,eAAe,CAAC,GAAG,cAAc,KAAK,cAAc,UAAU;CAClG,MAAM,WAAW,WAAW,KAAK,OAAO,WAAW;CAEnD,OAAO,eACL,oBAAC,YAAD,EAAA,UACE,oBAAC,cAAD;EAAc,UAAU,OAAO;EAAuB;YACpD,oBAAC,cAAD;GACU;GACA;GACI;GACE;GACA;GACD;EACd,CAAA;CACW,CAAA,EACJ,CAAA,CACd;AACF"}

package/output/shell/Navigation.d.ts

@@ -2,5 +2,6 @@ import { NavigationNode } from '../types';
 export type NavigationProps = {
     navigation: NavigationNode[];
     className?: string;
+    currentLocale?: string;
 };
 export declare function Navigation(arg0: NavigationProps): import("react").JSX.Element;

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

@@ -10,4 +10,4 @@ type SearchDialogProps = {
     onNavigate?: () => void;
 };
 export declare function SearchDialog(arg0: SearchDialogProps): import("react").JSX.Element;
-export {};
+export default SearchDialog;

package/output/slots/RuntimeSlot.d.ts

@@ -5,7 +5,7 @@ import { UISlotName } from './types';
  * One registered slot component, as compiled by the CLI into
  * `virtual:clarify/slots`.
  *
- * `component` is a lazy import factory `() => import('path')`. On the client
+ * `loadComponent` is a lazy import factory `() => import('path')`. On the client
  * it is passed to `React.lazy`. During SSR the factory is pre-resolved and
  * the resulting component is stored in `_resolved`, which the renderer uses
  * directly (no Suspense needed for `renderToString`).
@@ -14,21 +14,21 @@ export type RuntimeSlotEntry = {
     /** Plugin that registered this component, used as a stable render key. */
     plugin: string;
     /** Lazy import factory — `() => import('path')`. Set by CLI virtual module. */
-    component: () => Promise<{
+    loadComponent: () => Promise<{
         default: ComponentType;
     }>;
     /** @internal Pre-resolved component set by SSR before {@link renderToHTML}. */
     _resolved?: ComponentType;
 };
 /** Registry keyed by slot name. */
-export type RuntimeSlots = Partial<Record<UISlotName, RuntimeSlotEntry[]>>;
+export type RuntimeSlotRegistry = Partial<Record<UISlotName, RuntimeSlotEntry[]>>;
 type RuntimeSlotsContextValue = {
-    slots: RuntimeSlots;
+    slots: RuntimeSlotRegistry;
     route?: RouteItem;
 };
 export declare const RuntimeSlotsContext: import('react').Context<RuntimeSlotsContextValue>;
 type RuntimeSlotsProviderProps = {
-    slots?: RuntimeSlots;
+    slots?: RuntimeSlotRegistry;
     route?: RouteItem;
     children: ReactNode;
 };
@@ -36,7 +36,7 @@ type RuntimeSlotsProviderProps = {
  * Makes the compiled slot registry and the current route available to every
  * {@link RuntimeSlot} in the tree. Mounted once near the top of `AppShell`.
  */
-export declare function RuntimeSlotsProvider(arg0: RuntimeSlotsProviderProps): ReactNode;
+export declare function RuntimeSlotsProvider(props: RuntimeSlotsProviderProps): ReactNode;
 type RuntimeSlotProps = {
     name: UISlotName;
     /** Built-in default component for replacement slots. */
@@ -54,5 +54,5 @@ type RuntimeSlotProps = {
  * compatibility with `renderToString`. Otherwise, `React.lazy` + `Suspense`
  * is used for client-side code-splitting.
  */
-export declare function RuntimeSlot(arg0: RuntimeSlotProps): ReactNode;
+export declare function RuntimeSlot(props: RuntimeSlotProps): ReactNode;
 export {};

package/output/slots/context.d.ts

@@ -1,12 +1,12 @@
 import { ReactNode } from 'react';
-import { UISlotName, SlotContext } from './types';
-export type { UISlotName, SlotContext };
+import { UISlotName, UISlotContext } from './types';
+export type { UISlotName, UISlotContext };
 type SlotProviderProps = {
-    value: SlotContext;
+    value: UISlotContext;
     children: ReactNode;
 };
 /**
- * Provides an isolated {@link SlotContext} for a single slot component.
+ * Provides an isolated {@link UISlotContext} for a single slot component.
  * `RuntimeSlot` wraps every rendered slot component with this provider.
  */
 export declare function SlotProvider(arg0: SlotProviderProps): ReactNode;
@@ -17,4 +17,4 @@ export declare function SlotProvider(arg0: SlotProviderProps): ReactNode;
  * slot provider throws, which helps plugin authors notice that the component was
  * not mounted through a Clarify slot.
  */
-export declare function useSlot(): SlotContext;
+export declare function useSlot(): UISlotContext;

package/output/slots/index.d.ts

@@ -1,5 +1,5 @@
 export { SlotProvider, useSlot } from './context';
-export type { SlotContext, UISlotName } from './context';
+export type { UISlotContext, UISlotName } from './context';
 export { RuntimeSlot, RuntimeSlotsProvider, RuntimeSlotsContext } from './RuntimeSlot';
-export type { RuntimeSlotEntry, RuntimeSlots } from './RuntimeSlot';
+export type { RuntimeSlotEntry, RuntimeSlotRegistry } from './RuntimeSlot';
 export type { UISlotRegistration } from './types';

package/output/slots/types.d.ts

@@ -16,7 +16,7 @@ export type UISlotName = 'page.footer.before' | 'page.banner.replace' | 'page.fo
  * everything they need from this hook, which keeps slot components as ordinary
  * React components and lets the slot context grow without changing signatures.
  */
-export type SlotContext = {
+export type UISlotContext = {
     /** The slot the current component is mounted into. */
     name: UISlotName;
     /** Name of the plugin that registered the current slot component. */

package/output/utils/path.d.ts

@@ -1,2 +1,2 @@
 export declare function normalizeRoutePath(path: string): string;
-export declare function isSameRoutePath(a: string | undefined, b: string | undefined): boolean;
+export declare function isSameRoutePath(a: string | undefined, b: string | undefined, locale?: string): boolean;