@clarify-labs/cli 0.7.0 → 0.7.1

package/output/{plugin-BNzlJ4o7.js → plugin-o1rP_gts.js}

@@ -7,7 +7,7 @@ import GithubSlugger, { slug } from "github-slugger";
 import { toString } from "mdast-util-to-string";
 import shiki from "shiki";
 import { visit } from "unist-util-visit";
-import { markdownRemarkPlugins } from "@clarify-labs/renderer";
+import { markdownRemarkPlugins, themeBootstrapScript, themePresets } from "@clarify-labs/renderer";
 import { remark } from "remark";
 import matter from "gray-matter";
 import SwaggerParser from "@apidevtools/swagger-parser";
@@ -232,80 +232,7 @@ function createContentArtifactsPlugin() {
 	};
 }
 //#endregion
-//#region source/core/theme.ts
-var clarifyThemePresets = {
-	default: {
-		preset: "default",
-		tokens: {
-			colors: {
-				primary: "#047857",
-				accent: "#0D9488",
-				background: "#ffffff",
-				foreground: "#111827",
-				surface: "#ffffff",
-				muted: "#64748b",
-				border: "rgb(15 23 42 / 0.12)",
-				codeBackground: "#f6fbf8"
-			},
-			radius: {
-				sm: "6px",
-				md: "10px",
-				lg: "14px",
-				xl: "18px"
-			}
-		},
-		layout: { maxWidth: "82rem" },
-		editor: false
-	},
-	base: {
-		preset: "base",
-		tokens: {
-			colors: {
-				primary: "#18181b",
-				accent: "#52525b",
-				background: "#ffffff",
-				foreground: "#18181b",
-				surface: "#ffffff",
-				muted: "#71717a",
-				border: "rgb(24 24 27 / 0.12)",
-				codeBackground: "#f4f4f5"
-			},
-			radius: {
-				sm: "6px",
-				md: "8px",
-				lg: "12px",
-				xl: "16px"
-			}
-		},
-		layout: { maxWidth: "80rem" },
-		editor: false
-	}
-};
-function resolveThemeConfig(theme = {}) {
-	const preset = theme.preset ?? "default";
-	const presetTheme = clarifyThemePresets[preset];
-	return {
-		preset,
-		tokens: {
-			colors: {
-				...presetTheme.tokens.colors,
-				...theme.tokens?.colors
-			},
-			radius: {
-				...presetTheme.tokens.radius,
-				...theme.tokens?.radius
-			}
-		},
-		layout: {
-			...presetTheme.layout,
-			...theme.layout
-		},
-		editor: theme.editor ?? presetTheme.editor
-	};
-}
-//#endregion
 //#region source/plugins/html-shell/index.ts
-var THEME_STORAGE_KEY = "clarify:theme";
 var REL_ICON_RE = /<link\s+[^>]*rel=["'][^"']*\bicon\b[^"']*["'][^>]*>/i;
 function inferIconType(href) {
 	const path = href.split(/[?#]/, 1)[0]?.toLowerCase() ?? href.toLowerCase();
@@ -335,62 +262,6 @@ function createIconTags(icon) {
 	if (lightIcon === darkIcon) return [createIconTag(lightIcon)];
 	return [createIconTag(lightIcon, "(prefers-color-scheme: light)"), createIconTag(darkIcon, "(prefers-color-scheme: dark)")];
 }
-function matchesPresetTheme(theme) {
-	const preset = clarifyThemePresets[theme.preset];
-	return JSON.stringify({
-		tokens: theme.tokens,
-		layout: theme.layout
-	}) === JSON.stringify({
-		tokens: preset.tokens,
-		layout: preset.layout
-	});
-}
-function effectiveTheme(theme, resolvedTheme) {
-	if (resolvedTheme !== "dark" || !matchesPresetTheme(theme)) return theme;
-	return {
-		...theme,
-		tokens: {
-			...theme.tokens,
-			colors: {
-				...theme.tokens.colors,
-				background: "#09090b",
-				foreground: "#ffffff",
-				surface: "#18181b",
-				muted: "#a1a1aa",
-				border: "rgb(255 255 255 / 0.1)",
-				codeBackground: "#18181b"
-			}
-		}
-	};
-}
-function resolveThemeColorValue(value, resolvedTheme) {
-	return typeof value === "string" ? value : value[resolvedTheme] ?? value.light ?? value.dark ?? "";
-}
-function themeToCssVariables(theme, resolvedTheme) {
-	const resolved = effectiveTheme(theme, resolvedTheme);
-	const { colors } = resolved.tokens;
-	const { radius } = resolved.tokens;
-	return {
-		"--clarify-theme-tokens-colors-primary": resolveThemeColorValue(colors.primary, resolvedTheme),
-		"--clarify-theme-tokens-colors-accent": resolveThemeColorValue(colors.accent, resolvedTheme),
-		"--clarify-theme-tokens-colors-background": resolveThemeColorValue(colors.background, resolvedTheme),
-		"--clarify-theme-tokens-colors-foreground": resolveThemeColorValue(colors.foreground, resolvedTheme),
-		"--clarify-theme-tokens-colors-surface": resolveThemeColorValue(colors.surface, resolvedTheme),
-		"--clarify-theme-tokens-colors-muted": resolveThemeColorValue(colors.muted, resolvedTheme),
-		"--clarify-theme-tokens-colors-border": resolveThemeColorValue(colors.border, resolvedTheme),
-		"--clarify-theme-tokens-colors-code-background": resolveThemeColorValue(colors.codeBackground, resolvedTheme),
-		"--clarify-theme-tokens-radius-sm": radius.sm,
-		"--clarify-theme-tokens-radius-md": radius.md,
-		"--clarify-theme-tokens-radius-lg": radius.lg,
-		"--clarify-theme-tokens-radius-xl": radius.xl,
-		"--clarify-theme-layout-max-width": resolved.layout.maxWidth
-	};
-}
-function themeBootstrapScript(theme) {
-	const darkVariables = themeToCssVariables(theme, "dark");
-	const lightVariables = themeToCssVariables(theme, "light");
-	return `(function(){try{var e=localStorage.getItem(${JSON.stringify(THEME_STORAGE_KEY)});var t=e==='dark'||e==='light'||e==='system'?e:'system';var r=t==='system'?window.matchMedia('(prefers-color-scheme: dark)').matches:t==='dark';var v=r?${JSON.stringify(darkVariables)}:${JSON.stringify(lightVariables)};var s=document.documentElement.style;for(var k in v)s.setProperty(k,v[k]);document.documentElement.classList.toggle('dark',r);document.documentElement.style.colorScheme=r?'dark':'light'}catch(e){}})();`;
-}
 function createHtmlShellPlugin() {
 	return {
 		name: "clarify:html-shell",
@@ -466,6 +337,7 @@ function navigationSections(sections) {
 	return sections.map((s) => ({
 		id: s.id,
 		title: s.title,
+		level: s.level,
 		badge: s.badge,
 		tags: s.tags
 	}));
@@ -860,6 +732,7 @@ function generateRoutesModule(routes, resolvedNavigation, projectConfig, mode =
 		const sections = r.sections && r.sections.length > 0 ? `, sections: ${JSON.stringify(r.sections.map((s) => ({
 			id: s.id,
 			title: s.title,
+			level: s.level,
 			badge: s.badge,
 			tags: s.tags
 		})))}` : "";
@@ -879,9 +752,11 @@ function generateRoutesModule(routes, resolvedNavigation, projectConfig, mode =
 	return `${imports}\n\nexport const routes = [\n${routesArray}\n];\n\nexport const navigation = ${JSON.stringify(navigation, null, 2)};\n`;
 }
 function createRuntimeModule(options = {}) {
-	return `${options.footerComponentSource === "path" && options.imports?.footerComponent ? `import FooterComponent from ${moduleSpecifier(options.imports.footerComponent)};` : ""}
-export const openApis = {};
+	const imports = [options.bannerComponentSource === "path" && options.imports?.bannerComponent ? `import BannerComponent from ${moduleSpecifier(options.imports.bannerComponent)};` : void 0, options.footerComponentSource === "path" && options.imports?.footerComponent ? `import FooterComponent from ${moduleSpecifier(options.imports.footerComponent)};` : void 0].filter(Boolean).join("\n");
+	const exports = `export const openApis = {};
+export const bannerComponent = ${options.bannerComponentSource === "path" ? "BannerComponent" : "undefined"};
 export const footerComponent = ${options.footerComponentSource === "path" ? "FooterComponent" : "undefined"};`;
+	return imports ? `${imports}\n${exports}` : exports;
 }
 function createClientEntryModule(options = {}) {
 	return `
@@ -889,12 +764,15 @@ import '@clarify-labs/renderer/style.css';
 import { render } from '@clarify-labs/renderer/client';
 import { routes, navigation } from '${VIRTUAL_ROUTES}';
 import { config } from '${VIRTUAL_CONFIG}';
-import { openApis, footerComponent } from '${VIRTUAL_RUNTIME}';
-render({ config, routes, navigation, openApis, footerComponent, themeEditor: ${JSON.stringify(options.themeEditor ?? false)} });`;
+import { openApis, bannerComponent, footerComponent } from '${VIRTUAL_RUNTIME}';
+render({ config, routes, navigation, openApis, bannerComponent, footerComponent, themeEditor: ${JSON.stringify(options.themeEditor ?? false)} });`;
 }
 function buildVirtualModules(args) {
 	const modules = /* @__PURE__ */ new Map();
 	const clientEntryModule = createClientEntryModule({ themeEditor: args.themeEditor });
+	const bannerComponent = args.projectConfig.banner;
+	const bannerComponentSource = typeof bannerComponent === "string" ? "path" : void 0;
+	const bannerComponentImport = typeof bannerComponent === "string" ? bannerComponent : void 0;
 	const footerComponent = args.projectConfig.footer;
 	const footerComponentSource = typeof footerComponent === "string" ? "path" : void 0;
 	const footerComponentImport = typeof footerComponent === "string" ? footerComponent : void 0;
@@ -902,8 +780,12 @@ function buildVirtualModules(args) {
 	modules.set(VIRTUAL_ROUTES, generateRoutesModule(args.routes, args.navigation, args.projectConfig, "client"));
 	modules.set(VIRTUAL_SERVER_ROUTES, generateRoutesModule(args.routes, args.navigation, args.projectConfig, "server"));
 	modules.set(VIRTUAL_RUNTIME, createRuntimeModule({
+		bannerComponentSource,
 		footerComponentSource,
-		imports: { footerComponent: footerComponentImport }
+		imports: {
+			bannerComponent: bannerComponentImport,
+			footerComponent: footerComponentImport
+		}
 	}));
 	modules.set(VIRTUAL_CLIENT_ENTRY, clientEntryModule);
 	modules.set(RESOLVED_CLIENT_ENTRY, clientEntryModule);
@@ -1379,10 +1261,12 @@ var clarifyNavbarLinkSchema = z.object({
 	href: z.string(),
 	external: z.boolean().optional()
 });
-var clarifyBannerConfigSchema = z.object({
+var clarifyBannerConfigOptionsSchema = z.object({
 	content: clarifyLocalizedTextSchema,
-	dismissible: z.boolean().optional()
-});
+	dismissible: z.boolean().optional(),
+	link: clarifyNavbarLinkSchema.optional()
+}).strict();
+var clarifyBannerConfigSchema = z.union([clarifyBannerConfigOptionsSchema, z.string()]);
 var clarifyFooterLinksConfigSchema = z.object({
 	links: z.array(clarifyNavbarLinkSchema).optional(),
 	socials: z.record(z.string(), z.string()).optional(),
@@ -1462,6 +1346,7 @@ var clarifyProjectConfigSchema = z.object({
 	siteUrl: z.string().optional(),
 	source: clarifySourceConfigSchema.optional(),
 	logo: clarifyLogoConfigSchema.optional(),
+	homeUrl: z.string().optional(),
 	favicon: clarifyFaviconConfigSchema.optional(),
 	theme: clarifyThemeConfigSchema.optional(),
 	routePrefix: z.string().optional(),
@@ -1472,6 +1357,30 @@ var clarifyProjectConfigSchema = z.object({
 	tabs: clarifyTabsConfigSchema.optional()
 });
 //#endregion
+//#region source/core/theme.ts
+function resolveThemeConfig(theme = {}) {
+	const preset = theme.preset ?? "default";
+	const presetTheme = themePresets[preset];
+	return {
+		preset,
+		tokens: {
+			colors: {
+				...presetTheme.tokens.colors,
+				...theme.tokens?.colors
+			},
+			radius: {
+				...presetTheme.tokens.radius,
+				...theme.tokens?.radius
+			}
+		},
+		layout: {
+			...presetTheme.layout,
+			...theme.layout
+		},
+		editor: theme.editor ?? presetTheme.editor
+	};
+}
+//#endregion
 //#region source/core/config.ts
 function formatIssuePath(path) {
 	return path.reduce((result, segment) => {
@@ -1510,6 +1419,7 @@ function resolveProjectConfig(config = {}) {
 		siteUrl: config.siteUrl,
 		source: config.source,
 		logo: config.logo,
+		homeUrl: config.homeUrl,
 		favicon: config.favicon,
 		routePrefix: config.routePrefix ?? "/",
 		theme: resolveThemeConfig(config.theme),
@@ -1765,10 +1675,10 @@ function routeOutputFiles(outputDirectory, route) {
 var SSR_ENTRY_CODE = `import { renderToHTML } from '@clarify-labs/renderer/server';
 import { routes, navigation } from 'virtual:clarify-routes/server';
 import { config } from 'virtual:clarify-config';
-import { openApis, footerComponent } from 'virtual:clarify-runtime';
+import { openApis, bannerComponent, footerComponent } from 'virtual:clarify-runtime';
 
 export function render(url) {
-  return renderToHTML({ config, routes, navigation, openApis, footerComponent, url, themeEditor: config.theme.editor });
+  return renderToHTML({ config, routes, navigation, openApis, bannerComponent, footerComponent, url, themeEditor: config.theme.editor });
 }`;
 function createTempEntryFile(content) {
 	const entryPath = join(createClarifyTempDir("ssr"), "entry-server.ts");
@@ -2064,4 +1974,4 @@ function clarifyPlugin(options = {}) {
 //#endregion
 export { resolveClarifySite as a, createClarifyRuntimeAliases as i, defineConfig as n, createClarifyTempDir as o, loadClarifyConfig as r, clarifyPlugin as t };
 
-//# sourceMappingURL=plugin-BNzlJ4o7.js.map
+//# sourceMappingURL=plugin-o1rP_gts.js.map