@open-resource-discovery/metadata-renderer 0.0.0 → 1.0.0

package/dist/chunks/utils-BC3WF3-9.js

@@ -0,0 +1,77 @@
+import { parse } from "yaml";
+//#region src/lib/core/utils.ts
+function loadObject(content) {
+	if (!content) return;
+	let object;
+	if (content.charAt(0) === "{") try {
+		object = JSON.parse(content);
+	} catch (e) {
+		console.error(e);
+		return;
+	}
+	else try {
+		object = parse(content);
+	} catch (e) {
+		console.error(e);
+		return;
+	}
+	if (!object || typeof object !== "object") return;
+	return object;
+}
+function detectMetaType(content) {
+	const object = loadObject(content);
+	if (!object) return "unknown";
+	const o = object;
+	if (typeof o.csnInteropEffective === "string") return "csn";
+	if (typeof o.openapi === "string" || typeof o.swagger === "string") return "openapi";
+	if (typeof o.asyncapi === "string") return "asyncapi";
+	if (Array.isArray(o.supportedProtocolVersions)) return "mcp";
+	if (typeof o.capabilities === "object" && o.capabilities !== null && Array.isArray(o.skills)) return "a2a";
+	return "unknown";
+}
+function extractVersion(type, content) {
+	const o = loadObject(content);
+	if (!o) return "";
+	switch (type) {
+		case "openapi":
+			if (typeof o.openapi === "string") return o.openapi;
+			if (typeof o.swagger === "string") return "2.0";
+			return "";
+		case "asyncapi": return typeof o.asyncapi === "string" ? o.asyncapi : "";
+		case "a2a":
+			if (typeof o.protocolVersion === "string") return o.protocolVersion;
+			if (Array.isArray(o.supportedInterfaces) && o.supportedInterfaces.length > 0) {
+				const first = o.supportedInterfaces[0];
+				return typeof first.protocolVersion === "string" ? first.protocolVersion : "1.0.0";
+			}
+			return "0.3.0";
+		case "csn":
+			if (typeof o.$version === "string") return o.$version;
+			return "";
+		case "mcp": return Array.isArray(o.supportedProtocolVersions) && typeof o.supportedProtocolVersions[0] === "string" ? o.supportedProtocolVersions[0] : "";
+		default: return "";
+	}
+}
+var SHADCN_DERIVED = [
+	["--ord-card", "--ord-background"],
+	["--ord-card-foreground", "--ord-foreground"],
+	["--ord-popover", "--ord-background"],
+	["--ord-popover-foreground", "--ord-foreground"]
+];
+function mapShadcnTheme(theme) {
+	const resolved = { ...theme };
+	for (const [derived, source] of SHADCN_DERIVED) if (!(derived in resolved) && source in resolved) resolved[derived] = resolved[source];
+	const out = {};
+	for (const [k, v] of Object.entries(resolved)) {
+		const formatted = k === "--ord-radius" ? `${v}px` : v;
+		out[k] = formatted;
+		if (k.startsWith("--ord-")) out[k.replace("--ord-", "--")] = formatted;
+	}
+	return out;
+}
+function buildShadcnThemeStyle(rootClass, id, theme) {
+	const mapped = mapShadcnTheme(theme);
+	return `[data-renderer-id="${id}"] .${rootClass}.ord-ui { ${Object.entries(mapped).map(([k, v]) => `${k}: ${v}`).join("; ")} }`;
+}
+//#endregion
+export { loadObject as i, detectMetaType as n, extractVersion as r, buildShadcnThemeStyle as t };

package/dist/core/ShadowRoot.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export type ShadowRootProps = {
+    styles?: string;
+    children: ReactNode;
+};
+export declare function ShadowRoot({ styles, children }: ShadowRootProps): import("react").JSX.Element;

package/dist/core/index.d.ts

@@ -0,0 +1,11 @@
+import { MetaType } from './utils';
+import { RendererTheme, RendererMap, MetadataRendererOptions } from '../types';
+export type MetadataRendererProps = {
+    content: string;
+    renderers?: RendererMap;
+    options?: MetadataRendererOptions;
+    type?: MetaType;
+    className?: string;
+    theme?: RendererTheme;
+};
+export declare function MetadataRenderer({ content, renderers, options, type, className, theme }: MetadataRendererProps): import("react").JSX.Element;

package/dist/core/utils.d.ts

@@ -0,0 +1,7 @@
+import { RendererTheme } from '../types';
+export type MetaType = 'csn' | 'openapi' | 'asyncapi' | 'a2a' | 'mcp' | 'unknown';
+export declare function loadObject(content: string): undefined | object;
+export declare function detectMetaType(content: string): MetaType;
+export declare function extractVersion(type: MetaType, content: string): string;
+export declare function mapShadcnTheme(theme: RendererTheme): Record<string, string>;
+export declare function buildShadcnThemeStyle(rootClass: string, id: string, theme: RendererTheme): string;

package/dist/core/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/csn/customAttributes/genericRenderer.d.ts

@@ -0,0 +1,2 @@
+import { CsnAnnotationDefinition, CsnCustomAttributesConfig } from './types';
+export declare function buildCsnAnnotationHtml(key: string, value: unknown, def: CsnAnnotationDefinition | undefined, config: CsnCustomAttributesConfig): string;

package/dist/csn/customAttributes/postProcess.d.ts

@@ -0,0 +1,5 @@
+import { CsnCustomAttributesConfig } from './types';
+type Rec = Record<string, unknown>;
+export declare function discoverAnnotationKeys(doc: Rec, prefix: string): string[];
+export declare function applyAnnotationRenderers(html: string, configs: CsnCustomAttributesConfig[], doc: Rec | null): string;
+export {};

package/dist/csn/customAttributes/sapPreset.d.ts

@@ -0,0 +1,2 @@
+import { CsnCustomAttributesConfig } from './types';
+export declare const sapCsnAttributesConfig: CsnCustomAttributesConfig;

package/dist/csn/customAttributes/types.d.ts

@@ -0,0 +1,28 @@
+export type CsnAnnotationDefinition = {
+    type: 'string';
+    label?: string;
+    valueLinks?: Record<string, string>;
+} | {
+    type: 'boolean';
+    label?: string;
+} | {
+    type: 'number';
+    label?: string;
+} | {
+    type: 'array';
+    label?: string;
+} | {
+    type: 'object';
+    label?: string;
+} | {
+    type: 'link';
+    label?: string;
+    callback: (value: unknown) => string | undefined;
+} | {
+    render: (value: unknown) => string;
+};
+export type CsnCustomAttributesConfig = {
+    prefixStartsWith?: string;
+    documentationUrl?: (annotationName: string) => string;
+    annotations?: Record<string, CsnAnnotationDefinition>;
+};

package/dist/csn/index.d.ts

@@ -0,0 +1,12 @@
+import { CsnRendererConfig } from '@sap/csn-interop-renderer';
+import { RendererTheme } from '../types';
+import { CsnCustomAttributesConfig } from './customAttributes/types';
+export type CsnRendererProps = {
+    content: string;
+    config?: CsnRendererConfig;
+    showCustomAttributes?: boolean;
+    customAttributes?: CsnCustomAttributesConfig[];
+    className?: string;
+    theme?: RendererTheme;
+};
+export declare function CsnRenderer({ content, config, showCustomAttributes, customAttributes, className, theme, }: CsnRendererProps): import("react").JSX.Element;

package/dist/csn/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "\n.csn-root {\n    color: var(--ord-foreground, #1a1a2e);\n    background-color: var(--ord-background, #ffffff);\n    container: csn / inline-size;\n    /* Single font source for the whole renderer so tables, headings, paragraphs and\n       custom fields stay consistent (they otherwise inherit the host page's font). */\n    font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n}\n/* Host frameworks (e.g. Docusaurus/Infima) set font-family directly on h1-h6, which\n   beats inheritance from .csn-root. Re-inherit so headings match the rest of the renderer. */\n.csn-root h1,\n.csn-root h2,\n.csn-root h3,\n.csn-root h4,\n.csn-root h5,\n.csn-root h6 {\n    font-family: inherit;\n}\n.csn-root table {\n    border-spacing: 0;\n    border-collapse: separate;\n    border: solid 1px var(--ord-border, #a6a6a6);\n    border-radius: calc(var(--ord-radius, 4)*1px);\n    /* display: table overrides Docusaurus/Infima's global \"table { display: block }\",\n       which otherwise breaks table-layout: fixed and the column widths below. */\n    display: table;\n    width: 100%;\n    table-layout: fixed;\n    overflow: hidden;\n}\n.csn-root table th {\n    text-align: left;\n    background-color: var(--ord-primary, #1a1a2e);\n    color: var(--ord-primary-foreground, #fafafa);\n    padding: 8px;\n    border: 1px solid var(--ord-border, #a6a6a6);\n}\n.csn-root table td {\n    text-align: start;\n    padding: 8px;\n    align-content: start;\n    font-size: 0.875em;\n}\n.csn-root table td strong {\n    font-weight: 500;\n}\n.csn-root table th:nth-child(1),\n.csn-root table td:nth-child(1) {\n    width: clamp(10ch, 24cqi, 20ch);\n}\n.csn-root table th:nth-child(2),\n.csn-root table td:nth-child(2) {\n    width: clamp(8ch, 19cqi, 16ch);\n}\n.csn-root table tbody td {\n    color: var(--ord-foreground, #636363);\n    border: 1px solid var(--ord-border, #dddfe1);\n}\n.csn-root table tbody tr {\n    background-color: var(--ord-card, #f9fafb);\n}\n.csn-root table tbody tr:nth-child(odd) {\n    background-color: var(--ord-background, #ffffff);\n}\n.csn-root code {\n    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace;\n    background-color: var(--ord-code-bg, #cccccc);\n    color: var(--ord-code-fg, #333333);\n}\n.csn-root a {\n    color: var(--ord-accent-foreground, #375eab)\n}\n.csn-root .csn-attr-row {\n    display: flex;\n    gap: 0;\n    margin: 6px 0;\n    font-size: 0.875em;\n    line-height: 1.5;\n    border: 1px solid var(--ord-border, #dddfe1);\n    border-radius: 4px;\n    overflow: hidden;\n}\n.csn-root .csn-attr-row + br { display: none; } /* Remove br's afte attribute rows */\n.csn-root .csn-attr-label {\n    width: 25%;\n    min-width: 20ch;\n    flex-shrink: 0;\n    color: var(--ord-foreground, #1a1a2e);\n    background: var(--ord-muted, #f3f4f6);\n    padding: 4px 8px;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    border-right: 1px solid var(--ord-border, #dddfe1);\n    font-weight: 500;\n}\n.csn-root .csn-attr-value {\n    color: var(--ord-muted-foreground, #6b7280);\n    padding: 3px 8px;\n}\n.csn-root .csn-attr-link {\n    color: var(--ord-primary, #375eab);\n    text-decoration: none;\n}\n.csn-root .csn-attr-doclink {\n    color: var(--ord-muted-foreground, #6b7280);\n    text-decoration: none;\n    font-size: 0.8em;\n    margin-left: 2px;\n}\n.csn-root .csn-attr-list {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n.csn-root .csn-attr-list-item {\n    display: block;\n}\n.csn-root .csn-attr-obj {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n.csn-root .csn-attr-kv {\n    display: flex;\n    gap: 4px;\n}\n.csn-root .csn-attr-kv-key {\n    font-weight: 600;\n    color: var(--ord-foreground, #1a1a2e);\n}\n.csn-root .csn-attr-kv-val {\n    color: var(--ord-muted-foreground, #6b7280);\n}\n\n/* Width-adaptive attribute rows. Trigger is the renderer's own width (container: csn).\n   Root-level annotations sit in <p> and get ~full renderer width, so they only flip to\n   vertical when the renderer itself is narrow. Element-level annotations sit in a <td>\n   (the Description cell) and only get the 3rd column's width, so they flip much earlier.\n   (A real container on the <td> is impossible: size containment is ignored on table cells.) */\n@container csn (max-width: 420px) {\n    .csn-root p .csn-attr-row {\n        flex-direction: column;\n    }\n    .csn-root p .csn-attr-label {\n        width: 100%;\n        min-width: 0;\n        border-right: none;\n        border-bottom: 1px solid var(--ord-border, #dddfe1);\n    }\n    .csn-root p .csn-attr-value {\n        width: 100%;\n    }\n}\n@container csn (max-width: 700px) {\n    .csn-root td .csn-attr-row {\n        flex-direction: column;\n    }\n    .csn-root td .csn-attr-label {\n        width: 100%;\n        min-width: 0;\n        border-right: none;\n        border-bottom: 1px solid var(--ord-border, #dddfe1);\n    }\n    .csn-root td .csn-attr-value {\n        width: 100%;\n    }\n}\n";
+export default _default;

package/dist/csn.js

@@ -0,0 +1,2 @@
+import { t as CsnRenderer } from "./chunks/csn-D4GBs8tC.js";
+export { CsnRenderer };

package/dist/entries/a2a.d.ts

@@ -0,0 +1,2 @@
+export { A2ARenderer } from '../a2a';
+export type { A2ARendererProps } from '../a2a';

package/dist/entries/asyncapi.d.ts

@@ -0,0 +1,2 @@
+export { AsyncApiRenderer } from '../asyncApi';
+export type { AsyncApiRendererProps } from '../asyncApi';

package/dist/entries/csn.d.ts

@@ -0,0 +1,2 @@
+export { CsnRenderer } from '../csn';
+export type { CsnRendererProps } from '../csn';

package/dist/entries/mcp.d.ts

@@ -0,0 +1,2 @@
+export { McpRenderer } from '../mcp';
+export type { McpRendererProps } from '../mcp';

package/dist/entries/openapi.d.ts

@@ -0,0 +1,2 @@
+export { OpenApiRenderer } from '../openApi';
+export type { OpenApiRendererProps } from '../openApi';

package/dist/favicon.svg

@@ -0,0 +1,29 @@
+<svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.0345 5.45455C11.0345 8.46701 8.56433 10.9091 5.51724 10.9091C2.47015 10.9091 0 8.46701 0 5.45455C0 2.44208 2.47015 0 5.51724 0C8.56433 0 11.0345 2.44208 11.0345 5.45455Z" fill="url(#paint0_linear_12_37)"/>
+<path d="M27.5862 0H32V24H27.5862V0Z" fill="url(#paint1_linear_12_37)"/>
+<path d="M18.7586 24C21.8057 24 24.2759 21.5579 24.2759 18.5455C24.2759 15.533 21.8057 13.0909 18.7586 13.0909C15.7115 13.0909 13.2414 15.533 13.2414 18.5455C13.2414 21.5579 15.7115 24 18.7586 24Z" fill="url(#paint2_linear_12_37)"/>
+<path d="M11.0345 18.5455C11.0345 21.5579 8.56433 24 5.51724 24C2.47015 24 0 21.5579 0 18.5455C0 15.533 2.47015 13.0909 5.51724 13.0909C8.56433 13.0909 11.0345 15.533 11.0345 18.5455Z" fill="url(#paint3_linear_12_37)"/>
+<path d="M16.3624 0.0553977L13.2414 3.14095L15.5822 5.45514L13.2414 7.76929L16.3624 10.8548L18.7032 8.5407L21.0439 10.8548L24.165 7.76929L21.8242 5.45514L24.165 3.14095L21.044 0.0553977L18.7032 2.36958L16.3624 0.0553977Z" fill="url(#paint4_linear_12_37)"/>
+<defs>
+<linearGradient id="paint0_linear_12_37" x1="16" y1="2.62905e-07" x2="22.9797" y2="25.3184" gradientUnits="userSpaceOnUse">
+<stop stop-color="#13E5C5"/>
+<stop offset="1" stop-color="#5FD2FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_12_37" x1="16" y1="2.62905e-07" x2="22.9797" y2="25.3184" gradientUnits="userSpaceOnUse">
+<stop stop-color="#13E5C5"/>
+<stop offset="1" stop-color="#5FD2FF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_12_37" x1="16" y1="2.62905e-07" x2="22.9797" y2="25.3184" gradientUnits="userSpaceOnUse">
+<stop stop-color="#13E5C5"/>
+<stop offset="1" stop-color="#5FD2FF"/>
+</linearGradient>
+<linearGradient id="paint3_linear_12_37" x1="16" y1="2.62905e-07" x2="22.9797" y2="25.3184" gradientUnits="userSpaceOnUse">
+<stop stop-color="#13E5C5"/>
+<stop offset="1" stop-color="#5FD2FF"/>
+</linearGradient>
+<linearGradient id="paint4_linear_12_37" x1="16" y1="2.62905e-07" x2="22.9797" y2="25.3184" gradientUnits="userSpaceOnUse">
+<stop stop-color="#13E5C5"/>
+<stop offset="1" stop-color="#5FD2FF"/>
+</linearGradient>
+</defs>
+</svg>