@flanksource/clicky-ui 0.2.21 → 0.3.2

package/dist/data/MarkdownEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor.js","sources":["../../src/data/MarkdownEditor.tsx"],"sourcesContent":["import {\n  useEffect,\n  useId,\n  useMemo,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n} from \"react\";\nimport { Button } from \"../components/button\";\nimport { IconButton } from \"../components/IconButton\";\nimport {\n  SegmentedControl,\n  type SegmentedOption,\n} from \"../components/SegmentedControl\";\nimport { cn } from \"../lib/utils\";\nimport {\n  UiCopy,\n  UiEdit,\n  UiEye,\n  UiFileCode,\n  UiFileSpreadsheet,\n  UiFileText,\n  UiJson,\n  UiMarkdown,\n  UiRefresh,\n} from \"../icons\";\nimport { Clicky, type ClickyProps } from \"./Clicky\";\nimport { Icon, type StaticIconComponent } from \"./Icon\";\nimport { JsonView } from \"./JsonView\";\nimport { Markdown } from \"./Markdown\";\nimport {\n  buildMarkdownPreviewUrl,\n  MARKDOWN_EDITOR_PREVIEW_FORMATS,\n  type MarkdownEditorPreviewFormat,\n  type MarkdownEditorPreviewHeaders,\n  type MarkdownEditorPreviewRequest,\n  type MarkdownEditorPreviewResult,\n} from \"./MarkdownEditor.model\";\n\nexport type MarkdownEditorProps = {\n  /** Controlled markdown source. */\n  value?: string;\n  /** Initial markdown source for uncontrolled usage. */\n  defaultValue?: string;\n  /** Called whenever the editor source changes. */\n  onChange?: (value: string) => void;\n  /** Editor label. */\n  label?: ReactNode;\n  /** Textarea placeholder. */\n  placeholder?: string;\n  /** Preview formats to expose in the toolbar. */\n  previewFormats?: readonly MarkdownEditorPreviewFormat[];\n  /** Controlled active preview format. */\n  previewFormat?: MarkdownEditorPreviewFormat;\n  /** Initial active preview format for uncontrolled usage. */\n  defaultPreviewFormat?: MarkdownEditorPreviewFormat;\n  /** Called when the active preview format changes. */\n  onPreviewFormatChange?: (format: MarkdownEditorPreviewFormat) => void;\n  /** Clicky endpoint that accepts markdown and a `format=` query parameter. */\n  previewEndpoint?: string;\n  /** HTTP method for `previewEndpoint`; POST sends the markdown body. */\n  previewMethod?: \"GET\" | \"POST\" | \"PUT\";\n  /** Extra headers for remote previews. */\n  previewHeaders?: MarkdownEditorPreviewHeaders;\n  /** Build a URL for remote preview requests instead of `previewEndpoint`. */\n  buildPreviewUrl?: (request: {\n    markdown: string;\n    format: MarkdownEditorPreviewFormat;\n  }) => string | undefined;\n  /** Custom loader for host-specific markdown conversion. */\n  loadPreview?: (\n    request: MarkdownEditorPreviewRequest,\n  ) => Promise<MarkdownEditorPreviewResult> | MarkdownEditorPreviewResult;\n  /** Local Clicky document for the React preview, or a mapper from markdown. */\n  clickyData?: ClickyProps[\"data\"] | ((markdown: string) => ClickyProps[\"data\"] | undefined);\n  /** Debounce interval for remote preview requests. */\n  previewDebounceMs?: number;\n  /** Minimum height for both editor and preview panes. */\n  minHeight?: number | string;\n  /** Disable editing and preview refresh. */\n  disabled?: boolean;\n  /** Render the source as read-only. */\n  readOnly?: boolean;\n  /** Classes applied to the component root. */\n  className?: string;\n  /** Classes applied to the textarea. */\n  editorClassName?: string;\n  /** Classes applied to the preview body. */\n  previewClassName?: string;\n  /** Extra toolbar content rendered after the built-in actions. */\n  toolbar?: ReactNode;\n};\n\ntype PreviewState =\n  | { status: \"idle\" }\n  | { status: \"loading\"; result?: MarkdownEditorPreviewResult }\n  | { status: \"success\"; result: MarkdownEditorPreviewResult }\n  | { status: \"error\"; error: string; result?: MarkdownEditorPreviewResult };\n\ntype FormatMeta = {\n  label: string;\n  icon: StaticIconComponent;\n  iconClassName?: string;\n};\n\nconst FORMAT_META: Record<MarkdownEditorPreviewFormat, FormatMeta> = {\n  react: {\n    label: \"React\",\n    icon: UiEye,\n  },\n  html: {\n    label: \"HTML\",\n    icon: UiFileCode,\n  },\n  markdown: {\n    label: \"Markdown\",\n    icon: UiMarkdown,\n  },\n  pdf: {\n    label: \"PDF\",\n    icon: UiFileText,\n    iconClassName: \"text-rose-600 dark:text-rose-400\",\n  },\n  json: {\n    label: \"JSON\",\n    icon: UiJson,\n  },\n  csv: {\n    label: \"CSV\",\n    icon: UiFileSpreadsheet,\n    iconClassName: \"text-emerald-600 dark:text-emerald-400\",\n  },\n  excel: {\n    label: \"Excel\",\n    icon: UiFileSpreadsheet,\n    iconClassName: \"text-emerald-700 dark:text-emerald-300\",\n  },\n};\n\n/**\n * Split-pane markdown editor with local Markdown/React preview and optional\n * Clicky-backed format previews. Hosts can pass `previewEndpoint` for the\n * standard Clicky `format=` contract or `loadPreview` for custom conversion.\n */\nexport function MarkdownEditor({\n  value,\n  defaultValue = \"\",\n  onChange,\n  label = \"Markdown\",\n  placeholder = \"Write markdown...\",\n  previewFormats,\n  previewFormat,\n  defaultPreviewFormat,\n  onPreviewFormatChange,\n  previewEndpoint,\n  previewMethod = \"POST\",\n  previewHeaders,\n  buildPreviewUrl,\n  loadPreview,\n  clickyData,\n  previewDebounceMs = 350,\n  minHeight = 420,\n  disabled = false,\n  readOnly = false,\n  className,\n  editorClassName,\n  previewClassName,\n  toolbar,\n}: MarkdownEditorProps) {\n  const editorId = useId();\n  const formats = useMemo(\n    () => normalizePreviewFormats(previewFormats),\n    [previewFormats],\n  );\n  const firstFormat = formats[0] ?? \"react\";\n  const [draft, setDraft] = useState(defaultValue);\n  const markdown = value ?? draft;\n  const [internalFormat, setInternalFormat] = useState<MarkdownEditorPreviewFormat>(\n    () =>\n      normalizeInitialFormat(defaultPreviewFormat, formats) ??\n      firstFormat,\n  );\n  const activeFormat = formats.includes(previewFormat ?? internalFormat)\n    ? previewFormat ?? internalFormat\n    : firstFormat;\n  const [refreshKey, setRefreshKey] = useState(0);\n  const [previewState, setPreviewState] = useState<PreviewState>({\n    status: \"idle\",\n  });\n  const contentStyle = useMemo<CSSProperties>(\n    () => ({ minHeight: cssSize(minHeight) }),\n    [minHeight],\n  );\n  const remoteEnabled = Boolean(loadPreview || previewEndpoint || buildPreviewUrl);\n  const currentMeta = FORMAT_META[activeFormat];\n  const segmentOptions = useMemo<SegmentedOption<MarkdownEditorPreviewFormat>[]>(\n    () =>\n      formats.map((format) => {\n        const meta = FORMAT_META[format];\n        return {\n          id: format,\n          label: meta.label,\n          icon: meta.icon,\n          title: `${meta.label} preview`,\n        };\n      }),\n    [formats],\n  );\n\n  useEffect(() => {\n    if (formats.includes(activeFormat)) return;\n    setInternalFormat(firstFormat);\n  }, [activeFormat, firstFormat, formats]);\n\n  useEffect(() => {\n    if (!remoteEnabled) {\n      setPreviewState({ status: \"idle\" });\n      return;\n    }\n\n    const controller = new AbortController();\n    const timeout = window.setTimeout(() => {\n      setPreviewState((current) =>\n        current.status === \"success\"\n          ? { status: \"loading\", result: current.result }\n          : { status: \"loading\" },\n      );\n\n      resolvePreview({\n        markdown,\n        format: activeFormat,\n        signal: controller.signal,\n        previewEndpoint,\n        previewMethod,\n        previewHeaders,\n        buildPreviewUrl,\n        loadPreview,\n      })\n        .then((result) => {\n          if (!controller.signal.aborted) {\n            setPreviewState({ status: \"success\", result });\n          }\n        })\n        .catch((error: unknown) => {\n          if (controller.signal.aborted) return;\n          setPreviewState((current) => ({\n            status: \"error\",\n            error: error instanceof Error ? error.message : \"Preview failed\",\n            ...(current.status === \"loading\" && current.result\n              ? { result: current.result }\n              : {}),\n          }));\n        });\n    }, Math.max(0, previewDebounceMs));\n\n    return () => {\n      window.clearTimeout(timeout);\n      controller.abort();\n    };\n  }, [\n    activeFormat,\n    buildPreviewUrl,\n    loadPreview,\n    markdown,\n    previewDebounceMs,\n    previewEndpoint,\n    previewHeaders,\n    previewMethod,\n    refreshKey,\n    remoteEnabled,\n  ]);\n\n  const updateMarkdown = (next: string) => {\n    if (value === undefined) setDraft(next);\n    onChange?.(next);\n  };\n\n  const updateFormat = (next: MarkdownEditorPreviewFormat) => {\n    if (previewFormat === undefined) setInternalFormat(next);\n    onPreviewFormatChange?.(next);\n  };\n\n  const copySource = () => {\n    const clipboard = globalThis.navigator?.clipboard;\n    if (clipboard?.writeText) {\n      void clipboard.writeText(markdown).catch(() => undefined);\n    }\n  };\n\n  return (\n    <div className={cn(\"rounded-md border border-border bg-card\", className)}>\n      <div className=\"flex flex-wrap items-center gap-density-2 border-b border-border px-density-3 py-density-2\">\n        <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n          <Icon icon={UiEdit} className=\"text-base text-muted-foreground\" />\n          <label\n            htmlFor={editorId}\n            className=\"truncate text-sm font-medium text-card-foreground\"\n          >\n            {label}\n          </label>\n          {previewState.status === \"loading\" && (\n            <span className=\"text-xs text-muted-foreground\">Refreshing...</span>\n          )}\n        </div>\n        <div className=\"flex min-w-0 flex-wrap items-center justify-end gap-2\">\n          <SegmentedControl\n            value={activeFormat}\n            options={segmentOptions}\n            onChange={updateFormat}\n            size=\"sm\"\n            aria-label=\"Markdown preview format\"\n            className=\"max-w-full flex-wrap\"\n          />\n          {remoteEnabled && (\n            <IconButton\n              icon={UiRefresh}\n              label=\"Refresh preview\"\n              disabled={disabled}\n              onClick={() => setRefreshKey((current) => current + 1)}\n            />\n          )}\n          <IconButton icon={UiCopy} label=\"Copy markdown\" onClick={copySource} />\n          {toolbar}\n        </div>\n      </div>\n\n      <div className=\"grid gap-density-3 p-density-3 lg:grid-cols-[minmax(0,1fr)_minmax(0,1fr)]\">\n        <div className=\"min-w-0 overflow-hidden rounded-md border border-border bg-background\">\n          <div className=\"border-b border-border px-density-3 py-density-2 text-xs font-medium text-muted-foreground\">\n            Source\n          </div>\n          <textarea\n            id={editorId}\n            value={markdown}\n            placeholder={placeholder}\n            disabled={disabled}\n            readOnly={readOnly}\n            spellCheck\n            onChange={(event) => updateMarkdown(event.currentTarget.value)}\n            className={cn(\n              \"block w-full resize-y border-0 bg-transparent px-density-3 py-density-3 font-mono text-sm leading-6 text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-60\",\n              editorClassName,\n            )}\n            style={contentStyle}\n          />\n        </div>\n\n        <div className=\"min-w-0 overflow-hidden rounded-md border border-border bg-background\">\n          <div className=\"flex items-center gap-2 border-b border-border px-density-3 py-density-2 text-xs font-medium text-muted-foreground\">\n            <Icon\n              icon={currentMeta.icon}\n              className={cn(\"text-sm\", currentMeta.iconClassName)}\n            />\n            <span>{currentMeta.label}</span>\n          </div>\n          <div\n            className={cn(\n              \"overflow-auto px-density-3 py-density-3\",\n              previewClassName,\n            )}\n            style={contentStyle}\n          >\n            <MarkdownEditorPreview\n              format={activeFormat}\n              markdown={markdown}\n              state={previewState}\n              clickyData={clickyData}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction MarkdownEditorPreview({\n  format,\n  markdown,\n  state,\n  clickyData,\n}: {\n  format: MarkdownEditorPreviewFormat;\n  markdown: string;\n  state: PreviewState;\n  clickyData?: MarkdownEditorProps[\"clickyData\"];\n}) {\n  const result =\n    state.status === \"success\" || state.status === \"loading\" || state.status === \"error\"\n      ? state.result\n      : undefined;\n\n  return (\n    <div className=\"space-y-density-3\">\n      {state.status === \"error\" && (\n        <PreviewNotice title=\"Preview failed\" message={state.error} tone=\"danger\" />\n      )}\n      {result ? (\n        <PreviewResult format={format} result={result} />\n      ) : (\n        <LocalPreview\n          format={format}\n          markdown={markdown}\n          clickyData={clickyData}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction LocalPreview({\n  format,\n  markdown,\n  clickyData,\n}: {\n  format: MarkdownEditorPreviewFormat;\n  markdown: string;\n  clickyData?: MarkdownEditorProps[\"clickyData\"];\n}) {\n  if (format === \"react\") {\n    const data =\n      typeof clickyData === \"function\" ? clickyData(markdown) : clickyData;\n    return data === undefined ? <Markdown text={markdown} /> : <Clicky data={data} />;\n  }\n\n  if (format === \"markdown\") {\n    return <TextPreview label=\"Markdown source\" text={markdown} />;\n  }\n\n  return (\n    <PreviewNotice\n      title={`${FORMAT_META[format].label} preview not configured`}\n      message=\"Pass previewEndpoint or loadPreview to render this format from Clicky.\"\n    />\n  );\n}\n\nfunction PreviewResult({\n  format,\n  result,\n}: {\n  format: MarkdownEditorPreviewFormat;\n  result: MarkdownEditorPreviewResult;\n}) {\n  switch (result.kind) {\n    case \"clicky\":\n      return <Clicky data={result.data} />;\n    case \"html\":\n      return <HtmlPreview html={result.html} />;\n    case \"json\":\n      return <JsonView data={result.data} />;\n    case \"url\":\n      return <UrlPreview format={format} url={result.url} />;\n    case \"blob\":\n      return <BlobPreview format={format} result={result} />;\n    case \"text\":\n      return <TextResult format={format} result={result} />;\n  }\n}\n\nfunction TextResult({\n  format,\n  result,\n}: {\n  format: MarkdownEditorPreviewFormat;\n  result: Extract<MarkdownEditorPreviewResult, { kind: \"text\" }>;\n}) {\n  if (format === \"react\") {\n    return <Clicky data={result.text} />;\n  }\n\n  if (format === \"html\" || isHtmlContent(result.contentType)) {\n    return <HtmlPreview html={result.text} />;\n  }\n\n  if (format === \"json\" || isJsonContent(result.contentType)) {\n    const parsed = parseJson(result.text);\n    return parsed.ok ? (\n      <JsonView data={parsed.value} />\n    ) : (\n      <TextPreview label=\"JSON output\" text={result.text} />\n    );\n  }\n\n  return (\n    <TextPreview\n      label={`${FORMAT_META[format].label} output`}\n      text={result.text}\n    />\n  );\n}\n\nfunction UrlPreview({\n  format,\n  url,\n}: {\n  format: MarkdownEditorPreviewFormat;\n  url: string;\n}) {\n  if (format === \"react\") {\n    return <Clicky url={url} view={[\"clicky\"]} download={{ all: false }} />;\n  }\n\n  if (format === \"html\") {\n    return <HtmlPreview src={url} />;\n  }\n\n  if (format === \"pdf\") {\n    return <FramePreview title=\"PDF preview\" src={url} />;\n  }\n\n  if (format === \"excel\") {\n    return <DownloadPreview label=\"Open Excel workbook\" href={url} />;\n  }\n\n  return <TextPreview label={`${FORMAT_META[format].label} URL`} text={url} />;\n}\n\nfunction BlobPreview({\n  format,\n  result,\n}: {\n  format: MarkdownEditorPreviewFormat;\n  result: Extract<MarkdownEditorPreviewResult, { kind: \"blob\" }>;\n}) {\n  const [url, setUrl] = useState<string>();\n\n  useEffect(() => {\n    const next = URL.createObjectURL(result.blob);\n    setUrl(next);\n    return () => URL.revokeObjectURL(next);\n  }, [result.blob]);\n\n  if (!url) {\n    return <PreviewNotice title=\"Preparing preview\" message=\"Creating object URL.\" />;\n  }\n\n  if (format === \"pdf\") {\n    return <FramePreview title=\"PDF preview\" src={url} />;\n  }\n\n  return (\n    <DownloadPreview\n      label={`Open ${FORMAT_META[format].label}`}\n      href={url}\n      {...(result.filename ? { download: result.filename } : {})}\n    />\n  );\n}\n\nfunction HtmlPreview({\n  html,\n  src,\n}: {\n  html?: string;\n  src?: string;\n}) {\n  return (\n    <FramePreview\n      title=\"HTML preview\"\n      {...(src ? { src } : {})}\n      {...(html ? { srcDoc: html } : {})}\n      sandbox=\"allow-same-origin\"\n    />\n  );\n}\n\nfunction FramePreview({\n  title,\n  src,\n  srcDoc,\n  sandbox,\n}: {\n  title: string;\n  src?: string;\n  srcDoc?: string;\n  sandbox?: string;\n}) {\n  return (\n    <div className=\"overflow-hidden rounded-md border border-border bg-background\">\n      <iframe\n        title={title}\n        {...(src ? { src } : {})}\n        {...(srcDoc ? { srcDoc } : {})}\n        {...(sandbox ? { sandbox } : {})}\n        className=\"h-[720px] w-full bg-background\"\n      />\n    </div>\n  );\n}\n\nfunction DownloadPreview({\n  label,\n  href,\n  download,\n}: {\n  label: string;\n  href: string;\n  download?: string;\n}) {\n  return (\n    <PreviewNotice\n      title=\"Inline preview unavailable\"\n      message={\n        <Button asChild variant=\"outline\" size=\"sm\">\n          <a\n            href={href}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            {...(download ? { download } : {})}\n          >\n            {label}\n          </a>\n        </Button>\n      }\n    />\n  );\n}\n\nfunction TextPreview({ label, text }: { label: string; text: string }) {\n  return (\n    <pre\n      aria-label={label}\n      className=\"overflow-auto whitespace-pre-wrap break-words rounded-md border border-border bg-muted/30 px-density-3 py-density-3 font-mono text-xs text-foreground\"\n    >\n      {text || \"No content\"}\n    </pre>\n  );\n}\n\nfunction PreviewNotice({\n  title,\n  message,\n  tone = \"default\",\n}: {\n  title: string;\n  message: ReactNode;\n  tone?: \"default\" | \"danger\";\n}) {\n  return (\n    <div\n      className={cn(\n        \"rounded-md border p-density-3\",\n        tone === \"danger\"\n          ? \"border-destructive/30 bg-destructive/5\"\n          : \"border-border bg-muted/30\",\n      )}\n    >\n      <div\n        className={cn(\n          \"text-sm font-medium\",\n          tone === \"danger\" && \"text-destructive\",\n        )}\n      >\n        {title}\n      </div>\n      <div className=\"mt-1 text-xs text-muted-foreground\">{message}</div>\n    </div>\n  );\n}\n\nfunction normalizePreviewFormats(\n  formats: readonly MarkdownEditorPreviewFormat[] | undefined,\n): MarkdownEditorPreviewFormat[] {\n  const seen = new Set<MarkdownEditorPreviewFormat>();\n  const source = formats && formats.length > 0 ? formats : MARKDOWN_EDITOR_PREVIEW_FORMATS;\n  for (const format of source) {\n    seen.add(format);\n  }\n  return [...seen];\n}\n\nfunction normalizeInitialFormat(\n  format: MarkdownEditorPreviewFormat | undefined,\n  formats: readonly MarkdownEditorPreviewFormat[],\n) {\n  return format && formats.includes(format) ? format : undefined;\n}\n\nfunction cssSize(size: number | string) {\n  return typeof size === \"number\" ? `${size}px` : size;\n}\n\nasync function resolvePreview({\n  markdown,\n  format,\n  signal,\n  previewEndpoint,\n  previewMethod,\n  previewHeaders,\n  buildPreviewUrl,\n  loadPreview,\n}: MarkdownEditorPreviewRequest & {\n  previewEndpoint: string | undefined;\n  previewMethod: \"GET\" | \"POST\" | \"PUT\";\n  previewHeaders: MarkdownEditorPreviewHeaders | undefined;\n  buildPreviewUrl: MarkdownEditorProps[\"buildPreviewUrl\"] | undefined;\n  loadPreview: MarkdownEditorProps[\"loadPreview\"] | undefined;\n}): Promise<MarkdownEditorPreviewResult> {\n  if (loadPreview) {\n    return loadPreview({ markdown, format, signal });\n  }\n\n  const url =\n    buildPreviewUrl?.({ markdown, format }) ??\n    (previewEndpoint\n      ? buildMarkdownPreviewUrl(previewEndpoint, format)\n      : undefined);\n\n  if (!url) {\n    throw new Error(\"No preview endpoint configured\");\n  }\n\n  const headers = new Headers(\n    typeof previewHeaders === \"function\"\n      ? previewHeaders({ markdown, format })\n      : previewHeaders,\n  );\n  headers.set(\"Accept\", previewAccept(format));\n\n  const init: RequestInit = {\n    method: previewMethod,\n    headers,\n    signal,\n  };\n\n  if (previewMethod !== \"GET\") {\n    headers.set(\"Content-Type\", \"text/markdown; charset=utf-8\");\n    init.body = markdown;\n  }\n\n  const response = await fetch(url, init);\n  if (!response.ok) {\n    throw new Error(\n      `Preview failed with ${response.status} ${response.statusText}`.trim(),\n    );\n  }\n\n  const contentType = response.headers.get(\"Content-Type\") ?? \"\";\n  if (format === \"pdf\" || format === \"excel\" || isBinaryContent(contentType)) {\n    return {\n      kind: \"blob\",\n      blob: await response.blob(),\n      contentType,\n      filename: previewFilename(format),\n    };\n  }\n\n  const text = await response.text();\n  if (format === \"react\") {\n    return { kind: \"clicky\", data: text };\n  }\n  if (format === \"html\" || isHtmlContent(contentType)) {\n    return { kind: \"html\", html: text };\n  }\n  if (format === \"json\" || isJsonContent(contentType)) {\n    const parsed = parseJson(text);\n    return parsed.ok\n      ? { kind: \"json\", data: parsed.value }\n      : { kind: \"text\", text, contentType };\n  }\n  return { kind: \"text\", text, contentType };\n}\n\nfunction previewAccept(format: MarkdownEditorPreviewFormat) {\n  switch (format) {\n    case \"react\":\n      return \"application/json+clicky, application/clicky+json;q=0.9, application/json;q=0.8,*/*;q=0.7\";\n    case \"html\":\n      return \"text/html, */*;q=0.7\";\n    case \"markdown\":\n      return \"text/markdown, text/plain;q=0.8,*/*;q=0.7\";\n    case \"pdf\":\n      return \"application/pdf, */*;q=0.7\";\n    case \"json\":\n      return \"application/json, text/plain;q=0.8,*/*;q=0.7\";\n    case \"csv\":\n      return \"text/csv, text/plain;q=0.8,*/*;q=0.7\";\n    case \"excel\":\n      return \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, */*;q=0.7\";\n  }\n}\n\nfunction previewFilename(format: MarkdownEditorPreviewFormat) {\n  switch (format) {\n    case \"react\":\n      return \"preview.clicky.json\";\n    case \"html\":\n      return \"preview.html\";\n    case \"markdown\":\n      return \"preview.md\";\n    case \"pdf\":\n      return \"preview.pdf\";\n    case \"json\":\n      return \"preview.json\";\n    case \"csv\":\n      return \"preview.csv\";\n    case \"excel\":\n      return \"preview.xlsx\";\n  }\n}\n\nfunction parseJson(text: string): { ok: true; value: unknown } | { ok: false } {\n  try {\n    return { ok: true, value: JSON.parse(text) as unknown };\n  } catch {\n    return { ok: false };\n  }\n}\n\nfunction isJsonContent(contentType: string | undefined) {\n  return contentType?.toLowerCase().includes(\"json\") ?? false;\n}\n\nfunction isHtmlContent(contentType: string | undefined) {\n  return contentType?.toLowerCase().includes(\"html\") ?? false;\n}\n\nfunction isBinaryContent(contentType: string | undefined) {\n  const normalized = contentType?.toLowerCase() ?? \"\";\n  return (\n    normalized.includes(\"application/pdf\") ||\n    normalized.includes(\"spreadsheetml\") ||\n    normalized.includes(\"application/vnd.ms-excel\")\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/MarkdownEditor.model.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MARKDOWN_EDITOR_PREVIEW_FORMATS = [
+  "react",
+  "html",
+  "markdown",
+  "pdf",
+  "json",
+  "csv",
+  "excel"
+];
+function buildMarkdownPreviewUrl(endpoint, format) {
+  const base = typeof window === "undefined" ? "http://localhost" : window.location.origin;
+  const resolved = new URL(endpoint, base);
+  resolved.searchParams.set("format", clickyFormatForMarkdownPreview(format));
+  if (/^[a-z][a-z0-9+.-]*:/i.test(endpoint)) {
+    return resolved.toString();
+  }
+  return `${resolved.pathname}${resolved.search}${resolved.hash}`;
+}
+function clickyFormatForMarkdownPreview(format) {
+  return format === "react" ? "clicky-json" : format;
+}
+exports.MARKDOWN_EDITOR_PREVIEW_FORMATS = MARKDOWN_EDITOR_PREVIEW_FORMATS;
+exports.buildMarkdownPreviewUrl = buildMarkdownPreviewUrl;
+exports.clickyFormatForMarkdownPreview = clickyFormatForMarkdownPreview;
+//# sourceMappingURL=MarkdownEditor.model.cjs.map

package/dist/data/MarkdownEditor.model.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor.model.cjs","sources":["../../src/data/MarkdownEditor.model.ts"],"sourcesContent":["import type { ClickyProps } from \"./Clicky\";\n\nexport const MARKDOWN_EDITOR_PREVIEW_FORMATS = [\n  \"react\",\n  \"html\",\n  \"markdown\",\n  \"pdf\",\n  \"json\",\n  \"csv\",\n  \"excel\",\n] as const;\n\nexport type MarkdownEditorPreviewFormat =\n  (typeof MARKDOWN_EDITOR_PREVIEW_FORMATS)[number];\n\nexport type MarkdownEditorPreviewRequest = {\n  markdown: string;\n  format: MarkdownEditorPreviewFormat;\n  signal: AbortSignal;\n};\n\nexport type MarkdownEditorPreviewResult =\n  | {\n      kind: \"clicky\";\n      data: NonNullable<ClickyProps[\"data\"]>;\n    }\n  | {\n      kind: \"html\";\n      html: string;\n    }\n  | {\n      kind: \"json\";\n      data: unknown;\n    }\n  | {\n      kind: \"text\";\n      text: string;\n      contentType?: string;\n    }\n  | {\n      kind: \"url\";\n      url: string;\n      contentType?: string;\n    }\n  | {\n      kind: \"blob\";\n      blob: Blob;\n      contentType?: string;\n      filename?: string;\n    };\n\nexport type MarkdownEditorPreviewHeaders =\n  | HeadersInit\n  | ((request: {\n      markdown: string;\n      format: MarkdownEditorPreviewFormat;\n    }) => HeadersInit | undefined);\n\nexport function buildMarkdownPreviewUrl(\n  endpoint: string,\n  format: MarkdownEditorPreviewFormat,\n) {\n  const base =\n    typeof window === \"undefined\" ? \"http://localhost\" : window.location.origin;\n  const resolved = new URL(endpoint, base);\n  resolved.searchParams.set(\"format\", clickyFormatForMarkdownPreview(format));\n\n  if (/^[a-z][a-z0-9+.-]*:/i.test(endpoint)) {\n    return resolved.toString();\n  }\n\n  return `${resolved.pathname}${resolved.search}${resolved.hash}`;\n}\n\nexport function clickyFormatForMarkdownPreview(\n  format: MarkdownEditorPreviewFormat,\n) {\n  return format === \"react\" ? \"clicky-json\" : format;\n}\n"],"names":[],"mappings":";;AAEO,MAAM,kCAAkC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAgDO,SAAS,wBACd,UACA,QACA;AACA,QAAM,OACJ,OAAO,WAAW,cAAc,qBAAqB,OAAO,SAAS;AACvE,QAAM,WAAW,IAAI,IAAI,UAAU,IAAI;AACvC,WAAS,aAAa,IAAI,UAAU,+BAA+B,MAAM,CAAC;AAE1E,MAAI,uBAAuB,KAAK,QAAQ,GAAG;AACzC,WAAO,SAAS,SAAA;AAAA,EAClB;AAEA,SAAO,GAAG,SAAS,QAAQ,GAAG,SAAS,MAAM,GAAG,SAAS,IAAI;AAC/D;AAEO,SAAS,+BACd,QACA;AACA,SAAO,WAAW,UAAU,gBAAgB;AAC9C;;;;"}

package/dist/data/MarkdownEditor.model.d.ts

@@ -0,0 +1,38 @@
+import { ClickyProps } from './Clicky';
+export declare const MARKDOWN_EDITOR_PREVIEW_FORMATS: readonly ["react", "html", "markdown", "pdf", "json", "csv", "excel"];
+export type MarkdownEditorPreviewFormat = (typeof MARKDOWN_EDITOR_PREVIEW_FORMATS)[number];
+export type MarkdownEditorPreviewRequest = {
+    markdown: string;
+    format: MarkdownEditorPreviewFormat;
+    signal: AbortSignal;
+};
+export type MarkdownEditorPreviewResult = {
+    kind: "clicky";
+    data: NonNullable<ClickyProps["data"]>;
+} | {
+    kind: "html";
+    html: string;
+} | {
+    kind: "json";
+    data: unknown;
+} | {
+    kind: "text";
+    text: string;
+    contentType?: string;
+} | {
+    kind: "url";
+    url: string;
+    contentType?: string;
+} | {
+    kind: "blob";
+    blob: Blob;
+    contentType?: string;
+    filename?: string;
+};
+export type MarkdownEditorPreviewHeaders = HeadersInit | ((request: {
+    markdown: string;
+    format: MarkdownEditorPreviewFormat;
+}) => HeadersInit | undefined);
+export declare function buildMarkdownPreviewUrl(endpoint: string, format: MarkdownEditorPreviewFormat): string;
+export declare function clickyFormatForMarkdownPreview(format: MarkdownEditorPreviewFormat): "html" | "json" | "markdown" | "csv" | "pdf" | "excel" | "clicky-json";
+//# sourceMappingURL=MarkdownEditor.model.d.ts.map

package/dist/data/MarkdownEditor.model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor.model.d.ts","sourceRoot":"","sources":["../../src/data/MarkdownEditor.model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,eAAO,MAAM,+BAA+B,uEAQlC,CAAC;AAEX,MAAM,MAAM,2BAA2B,GACrC,CAAC,OAAO,+BAA+B,CAAC,CAAC,MAAM,CAAC,CAAC;AAEnD,MAAM,MAAM,4BAA4B,GAAG;IACzC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,2BAA2B,CAAC;IACpC,MAAM,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GACnC;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,WAAW,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;CACxC,GACD;IACE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,GACD;IACE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,CAAC;CACf,GACD;IACE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GACD;IACE,IAAI,EAAE,KAAK,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GACD;IACE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,MAAM,MAAM,4BAA4B,GACpC,WAAW,GACX,CAAC,CAAC,OAAO,EAAE;IACT,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,2BAA2B,CAAC;CACrC,KAAK,WAAW,GAAG,SAAS,CAAC,CAAC;AAEnC,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,2BAA2B,UAYpC;AAED,wBAAgB,8BAA8B,CAC5C,MAAM,EAAE,2BAA2B,0EAGpC"}

package/dist/data/MarkdownEditor.model.js

@@ -0,0 +1,27 @@
+const MARKDOWN_EDITOR_PREVIEW_FORMATS = [
+  "react",
+  "html",
+  "markdown",
+  "pdf",
+  "json",
+  "csv",
+  "excel"
+];
+function buildMarkdownPreviewUrl(endpoint, format) {
+  const base = typeof window === "undefined" ? "http://localhost" : window.location.origin;
+  const resolved = new URL(endpoint, base);
+  resolved.searchParams.set("format", clickyFormatForMarkdownPreview(format));
+  if (/^[a-z][a-z0-9+.-]*:/i.test(endpoint)) {
+    return resolved.toString();
+  }
+  return `${resolved.pathname}${resolved.search}${resolved.hash}`;
+}
+function clickyFormatForMarkdownPreview(format) {
+  return format === "react" ? "clicky-json" : format;
+}
+export {
+  MARKDOWN_EDITOR_PREVIEW_FORMATS,
+  buildMarkdownPreviewUrl,
+  clickyFormatForMarkdownPreview
+};
+//# sourceMappingURL=MarkdownEditor.model.js.map

package/dist/data/MarkdownEditor.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor.model.js","sources":["../../src/data/MarkdownEditor.model.ts"],"sourcesContent":["import type { ClickyProps } from \"./Clicky\";\n\nexport const MARKDOWN_EDITOR_PREVIEW_FORMATS = [\n  \"react\",\n  \"html\",\n  \"markdown\",\n  \"pdf\",\n  \"json\",\n  \"csv\",\n  \"excel\",\n] as const;\n\nexport type MarkdownEditorPreviewFormat =\n  (typeof MARKDOWN_EDITOR_PREVIEW_FORMATS)[number];\n\nexport type MarkdownEditorPreviewRequest = {\n  markdown: string;\n  format: MarkdownEditorPreviewFormat;\n  signal: AbortSignal;\n};\n\nexport type MarkdownEditorPreviewResult =\n  | {\n      kind: \"clicky\";\n      data: NonNullable<ClickyProps[\"data\"]>;\n    }\n  | {\n      kind: \"html\";\n      html: string;\n    }\n  | {\n      kind: \"json\";\n      data: unknown;\n    }\n  | {\n      kind: \"text\";\n      text: string;\n      contentType?: string;\n    }\n  | {\n      kind: \"url\";\n      url: string;\n      contentType?: string;\n    }\n  | {\n      kind: \"blob\";\n      blob: Blob;\n      contentType?: string;\n      filename?: string;\n    };\n\nexport type MarkdownEditorPreviewHeaders =\n  | HeadersInit\n  | ((request: {\n      markdown: string;\n      format: MarkdownEditorPreviewFormat;\n    }) => HeadersInit | undefined);\n\nexport function buildMarkdownPreviewUrl(\n  endpoint: string,\n  format: MarkdownEditorPreviewFormat,\n) {\n  const base =\n    typeof window === \"undefined\" ? \"http://localhost\" : window.location.origin;\n  const resolved = new URL(endpoint, base);\n  resolved.searchParams.set(\"format\", clickyFormatForMarkdownPreview(format));\n\n  if (/^[a-z][a-z0-9+.-]*:/i.test(endpoint)) {\n    return resolved.toString();\n  }\n\n  return `${resolved.pathname}${resolved.search}${resolved.hash}`;\n}\n\nexport function clickyFormatForMarkdownPreview(\n  format: MarkdownEditorPreviewFormat,\n) {\n  return format === \"react\" ? \"clicky-json\" : format;\n}\n"],"names":[],"mappings":"AAEO,MAAM,kCAAkC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAgDO,SAAS,wBACd,UACA,QACA;AACA,QAAM,OACJ,OAAO,WAAW,cAAc,qBAAqB,OAAO,SAAS;AACvE,QAAM,WAAW,IAAI,IAAI,UAAU,IAAI;AACvC,WAAS,aAAa,IAAI,UAAU,+BAA+B,MAAM,CAAC;AAE1E,MAAI,uBAAuB,KAAK,QAAQ,GAAG;AACzC,WAAO,SAAS,SAAA;AAAA,EAClB;AAEA,SAAO,GAAG,SAAS,QAAQ,GAAG,SAAS,MAAM,GAAG,SAAS,IAAI;AAC/D;AAEO,SAAS,+BACd,QACA;AACA,SAAO,WAAW,UAAU,gBAAgB;AAC9C;"}

package/dist/data/ObjectGraph.cjs

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const Tree = require("./Tree.cjs");
+function ObjectGraph({
+  roots,
+  className,
+  empty,
+  showControls,
+  defaultOpenDepth = 2,
+  renderLabel,
+  loadChildren
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Tree.Tree,
+    {
+      roots,
+      getKey: (n) => n.id,
+      getChildren: (n) => n.children,
+      defaultOpen: (_n, depth) => depth < defaultOpenDepth,
+      ...className !== void 0 ? { className } : {},
+      ...empty !== void 0 ? { empty } : {},
+      ...showControls !== void 0 ? { showControls } : {},
+      ...loadChildren ? { loadChildren, hasMoreChildren: (n) => n.expandable === true } : {},
+      renderRow: ({ node, loading, error }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-2 font-mono text-xs", children: [
+        renderLabel ? renderLabel(node) : /* @__PURE__ */ jsxRuntime.jsx(DefaultObjectLabel, { node }),
+        loading && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-muted-foreground", children: "…" }),
+        error != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "break-all text-red-600", children: error instanceof Error ? error.message : String(error) })
+      ] })
+    }
+  );
+}
+function DefaultObjectLabel({ node }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: node.label }),
+    node.type && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground/60", children: [
+      "@",
+      node.type
+    ] }),
+    node.value != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "break-all text-foreground", children: String(node.value) }) : node.raw && !node.children ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "break-all italic text-muted-foreground/70", children: node.raw }) : null
+  ] });
+}
+exports.ObjectGraph = ObjectGraph;
+//# sourceMappingURL=ObjectGraph.cjs.map

package/dist/data/ObjectGraph.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectGraph.cjs","sources":["../../src/data/ObjectGraph.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Tree } from \"./Tree\";\n\n// ObjectGraph renders a generic, type-agnostic expandable object/value\n// inspector — a bean's fields, a map's entries, a list's elements, a scalar\n// leaf. It is the shared home for what used to be per-feature object viewers\n// (e.g. an OGNL inspector): any producer maps its data into ObjectGraphNode and\n// gets the same tree, search, and lazy-expansion behaviour.\n\nexport type ObjectGraphNode = {\n  /** Stable unique key within the tree. */\n  id: string;\n  /** Display label (field name, map key, index, …). */\n  label: string;\n  /** Optional type annotation rendered as `@type`. */\n  type?: string;\n  /** Scalar value for a leaf; absent for containers. */\n  value?: string | number | boolean | null;\n  /** Free-form node kind hint (object|map|list|scalar|…). */\n  kind?: string;\n  /** Accessor path from the root (used by lazy expansion). */\n  path?: string;\n  /** Verbatim preview for an opaque node with no structured children. */\n  raw?: string;\n  /** Node can be expanded via loadChildren even with no inline children. */\n  expandable?: boolean;\n  /** Caller-opaque context (carried through, not rendered by default). */\n  metadata?: Record<string, unknown>;\n  children?: ObjectGraphNode[];\n};\n\nexport type ObjectGraphProps<T extends ObjectGraphNode = ObjectGraphNode> = {\n  roots: T[];\n  className?: string;\n  empty?: ReactNode;\n  showControls?: boolean;\n  /** Open nodes shallower than this depth on first render (default 2). */\n  defaultOpenDepth?: number;\n  /** Override the row label rendering. */\n  renderLabel?: (node: T) => ReactNode;\n  /**\n   * Lazily fetch a node's children the first time an `expandable` node opens.\n   * When omitted, only inline `children` are shown.\n   */\n  loadChildren?: (node: T) => Promise<T[]>;\n};\n\nexport function ObjectGraph<T extends ObjectGraphNode = ObjectGraphNode>({\n  roots,\n  className,\n  empty,\n  showControls,\n  defaultOpenDepth = 2,\n  renderLabel,\n  loadChildren,\n}: ObjectGraphProps<T>) {\n  return (\n    <Tree<T>\n      roots={roots}\n      getKey={(n) => n.id}\n      getChildren={(n) => n.children as T[] | undefined}\n      defaultOpen={(_n, depth) => depth < defaultOpenDepth}\n      {...(className !== undefined ? { className } : {})}\n      {...(empty !== undefined ? { empty } : {})}\n      {...(showControls !== undefined ? { showControls } : {})}\n      {...(loadChildren ? { loadChildren, hasMoreChildren: (n: T) => n.expandable === true } : {})}\n      renderRow={({ node, loading, error }) => (\n        <div className=\"flex min-w-0 flex-1 flex-wrap items-center gap-2 font-mono text-xs\">\n          {renderLabel ? renderLabel(node) : <DefaultObjectLabel node={node} />}\n          {loading && <span className=\"shrink-0 text-muted-foreground\">…</span>}\n          {error != null && (\n            <span className=\"break-all text-red-600\">\n              {error instanceof Error ? error.message : String(error)}\n            </span>\n          )}\n        </div>\n      )}\n    />\n  );\n}\n\nfunction DefaultObjectLabel({ node }: { node: ObjectGraphNode }) {\n  return (\n    <>\n      <span className=\"text-muted-foreground\">{node.label}</span>\n      {node.type && <span className=\"text-muted-foreground/60\">@{node.type}</span>}\n      {node.value != null ? (\n        <span className=\"break-all text-foreground\">{String(node.value)}</span>\n      ) : node.raw && !node.children ? (\n        <span className=\"break-all italic text-muted-foreground/70\">{node.raw}</span>\n      ) : null}\n    </>\n  );\n}\n"],"names":["jsx","Tree","jsxs","Fragment"],"mappings":";;;;AA+CO,SAAS,YAAyD;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA;AACF,GAAwB;AACtB,SACEA,2BAAAA;AAAAA,IAACC,KAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,QAAQ,CAAC,MAAM,EAAE;AAAA,MACjB,aAAa,CAAC,MAAM,EAAE;AAAA,MACtB,aAAa,CAAC,IAAI,UAAU,QAAQ;AAAA,MACnC,GAAI,cAAc,SAAY,EAAE,UAAA,IAAc,CAAA;AAAA,MAC9C,GAAI,UAAU,SAAY,EAAE,MAAA,IAAU,CAAA;AAAA,MACtC,GAAI,iBAAiB,SAAY,EAAE,aAAA,IAAiB,CAAA;AAAA,MACpD,GAAI,eAAe,EAAE,cAAc,iBAAiB,CAAC,MAAS,EAAE,eAAe,KAAA,IAAS,CAAA;AAAA,MACzF,WAAW,CAAC,EAAE,MAAM,SAAS,YAC3BC,2BAAAA,KAAC,OAAA,EAAI,WAAU,sEACZ,UAAA;AAAA,QAAA,cAAc,YAAY,IAAI,IAAIF,2BAAAA,IAAC,sBAAmB,MAAY;AAAA,QAClE,WAAWA,2BAAAA,IAAC,QAAA,EAAK,WAAU,kCAAiC,UAAA,KAAC;AAAA,QAC7D,SAAS,QACRA,2BAAAA,IAAC,QAAA,EAAK,WAAU,0BACb,UAAA,iBAAiB,QAAQ,MAAM,UAAU,OAAO,KAAK,EAAA,CACxD;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,SAAS,mBAAmB,EAAE,QAAmC;AAC/D,SACEE,2BAAAA,KAAAC,qBAAA,EACE,UAAA;AAAA,IAAAH,2BAAAA,IAAC,QAAA,EAAK,WAAU,yBAAyB,UAAA,KAAK,OAAM;AAAA,IACnD,KAAK,QAAQE,gCAAC,QAAA,EAAK,WAAU,4BAA2B,UAAA;AAAA,MAAA;AAAA,MAAE,KAAK;AAAA,IAAA,GAAK;AAAA,IACpE,KAAK,SAAS,OACbF,2BAAAA,IAAC,UAAK,WAAU,6BAA6B,UAAA,OAAO,KAAK,KAAK,EAAA,CAAE,IAC9D,KAAK,OAAO,CAAC,KAAK,WACpBA,2BAAAA,IAAC,UAAK,WAAU,6CAA6C,UAAA,KAAK,IAAA,CAAI,IACpE;AAAA,EAAA,GACN;AAEJ;;"}

package/dist/data/ObjectGraph.d.ts

@@ -0,0 +1,39 @@
+import { ReactNode } from 'react';
+export type ObjectGraphNode = {
+    /** Stable unique key within the tree. */
+    id: string;
+    /** Display label (field name, map key, index, …). */
+    label: string;
+    /** Optional type annotation rendered as `@type`. */
+    type?: string;
+    /** Scalar value for a leaf; absent for containers. */
+    value?: string | number | boolean | null;
+    /** Free-form node kind hint (object|map|list|scalar|…). */
+    kind?: string;
+    /** Accessor path from the root (used by lazy expansion). */
+    path?: string;
+    /** Verbatim preview for an opaque node with no structured children. */
+    raw?: string;
+    /** Node can be expanded via loadChildren even with no inline children. */
+    expandable?: boolean;
+    /** Caller-opaque context (carried through, not rendered by default). */
+    metadata?: Record<string, unknown>;
+    children?: ObjectGraphNode[];
+};
+export type ObjectGraphProps<T extends ObjectGraphNode = ObjectGraphNode> = {
+    roots: T[];
+    className?: string;
+    empty?: ReactNode;
+    showControls?: boolean;
+    /** Open nodes shallower than this depth on first render (default 2). */
+    defaultOpenDepth?: number;
+    /** Override the row label rendering. */
+    renderLabel?: (node: T) => ReactNode;
+    /**
+     * Lazily fetch a node's children the first time an `expandable` node opens.
+     * When omitted, only inline `children` are shown.
+     */
+    loadChildren?: (node: T) => Promise<T[]>;
+};
+export declare function ObjectGraph<T extends ObjectGraphNode = ObjectGraphNode>({ roots, className, empty, showControls, defaultOpenDepth, renderLabel, loadChildren, }: ObjectGraphProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ObjectGraph.d.ts.map

package/dist/data/ObjectGraph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectGraph.d.ts","sourceRoot":"","sources":["../../src/data/ObjectGraph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,MAAM,MAAM,eAAe,GAAG;IAC5B,yCAAyC;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;IACzC,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,IAAI;IAC1E,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wCAAwC;IACxC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACrC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;CAC1C,CAAC;AAEF,wBAAgB,WAAW,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,EAAE,EACvE,KAAK,EACL,SAAS,EACT,KAAK,EACL,YAAY,EACZ,gBAAoB,EACpB,WAAW,EACX,YAAY,GACb,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAwBrB"}

package/dist/data/ObjectGraph.js

@@ -0,0 +1,44 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { Tree } from "./Tree.js";
+function ObjectGraph({
+  roots,
+  className,
+  empty,
+  showControls,
+  defaultOpenDepth = 2,
+  renderLabel,
+  loadChildren
+}) {
+  return /* @__PURE__ */ jsx(
+    Tree,
+    {
+      roots,
+      getKey: (n) => n.id,
+      getChildren: (n) => n.children,
+      defaultOpen: (_n, depth) => depth < defaultOpenDepth,
+      ...className !== void 0 ? { className } : {},
+      ...empty !== void 0 ? { empty } : {},
+      ...showControls !== void 0 ? { showControls } : {},
+      ...loadChildren ? { loadChildren, hasMoreChildren: (n) => n.expandable === true } : {},
+      renderRow: ({ node, loading, error }) => /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-2 font-mono text-xs", children: [
+        renderLabel ? renderLabel(node) : /* @__PURE__ */ jsx(DefaultObjectLabel, { node }),
+        loading && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", children: "…" }),
+        error != null && /* @__PURE__ */ jsx("span", { className: "break-all text-red-600", children: error instanceof Error ? error.message : String(error) })
+      ] })
+    }
+  );
+}
+function DefaultObjectLabel({ node }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: node.label }),
+    node.type && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground/60", children: [
+      "@",
+      node.type
+    ] }),
+    node.value != null ? /* @__PURE__ */ jsx("span", { className: "break-all text-foreground", children: String(node.value) }) : node.raw && !node.children ? /* @__PURE__ */ jsx("span", { className: "break-all italic text-muted-foreground/70", children: node.raw }) : null
+  ] });
+}
+export {
+  ObjectGraph
+};
+//# sourceMappingURL=ObjectGraph.js.map

package/dist/data/ObjectGraph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectGraph.js","sources":["../../src/data/ObjectGraph.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Tree } from \"./Tree\";\n\n// ObjectGraph renders a generic, type-agnostic expandable object/value\n// inspector — a bean's fields, a map's entries, a list's elements, a scalar\n// leaf. It is the shared home for what used to be per-feature object viewers\n// (e.g. an OGNL inspector): any producer maps its data into ObjectGraphNode and\n// gets the same tree, search, and lazy-expansion behaviour.\n\nexport type ObjectGraphNode = {\n  /** Stable unique key within the tree. */\n  id: string;\n  /** Display label (field name, map key, index, …). */\n  label: string;\n  /** Optional type annotation rendered as `@type`. */\n  type?: string;\n  /** Scalar value for a leaf; absent for containers. */\n  value?: string | number | boolean | null;\n  /** Free-form node kind hint (object|map|list|scalar|…). */\n  kind?: string;\n  /** Accessor path from the root (used by lazy expansion). */\n  path?: string;\n  /** Verbatim preview for an opaque node with no structured children. */\n  raw?: string;\n  /** Node can be expanded via loadChildren even with no inline children. */\n  expandable?: boolean;\n  /** Caller-opaque context (carried through, not rendered by default). */\n  metadata?: Record<string, unknown>;\n  children?: ObjectGraphNode[];\n};\n\nexport type ObjectGraphProps<T extends ObjectGraphNode = ObjectGraphNode> = {\n  roots: T[];\n  className?: string;\n  empty?: ReactNode;\n  showControls?: boolean;\n  /** Open nodes shallower than this depth on first render (default 2). */\n  defaultOpenDepth?: number;\n  /** Override the row label rendering. */\n  renderLabel?: (node: T) => ReactNode;\n  /**\n   * Lazily fetch a node's children the first time an `expandable` node opens.\n   * When omitted, only inline `children` are shown.\n   */\n  loadChildren?: (node: T) => Promise<T[]>;\n};\n\nexport function ObjectGraph<T extends ObjectGraphNode = ObjectGraphNode>({\n  roots,\n  className,\n  empty,\n  showControls,\n  defaultOpenDepth = 2,\n  renderLabel,\n  loadChildren,\n}: ObjectGraphProps<T>) {\n  return (\n    <Tree<T>\n      roots={roots}\n      getKey={(n) => n.id}\n      getChildren={(n) => n.children as T[] | undefined}\n      defaultOpen={(_n, depth) => depth < defaultOpenDepth}\n      {...(className !== undefined ? { className } : {})}\n      {...(empty !== undefined ? { empty } : {})}\n      {...(showControls !== undefined ? { showControls } : {})}\n      {...(loadChildren ? { loadChildren, hasMoreChildren: (n: T) => n.expandable === true } : {})}\n      renderRow={({ node, loading, error }) => (\n        <div className=\"flex min-w-0 flex-1 flex-wrap items-center gap-2 font-mono text-xs\">\n          {renderLabel ? renderLabel(node) : <DefaultObjectLabel node={node} />}\n          {loading && <span className=\"shrink-0 text-muted-foreground\">…</span>}\n          {error != null && (\n            <span className=\"break-all text-red-600\">\n              {error instanceof Error ? error.message : String(error)}\n            </span>\n          )}\n        </div>\n      )}\n    />\n  );\n}\n\nfunction DefaultObjectLabel({ node }: { node: ObjectGraphNode }) {\n  return (\n    <>\n      <span className=\"text-muted-foreground\">{node.label}</span>\n      {node.type && <span className=\"text-muted-foreground/60\">@{node.type}</span>}\n      {node.value != null ? (\n        <span className=\"break-all text-foreground\">{String(node.value)}</span>\n      ) : node.raw && !node.children ? (\n        <span className=\"break-all italic text-muted-foreground/70\">{node.raw}</span>\n      ) : null}\n    </>\n  );\n}\n"],"names":[],"mappings":";;AA+CO,SAAS,YAAyD;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA;AACF,GAAwB;AACtB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,QAAQ,CAAC,MAAM,EAAE;AAAA,MACjB,aAAa,CAAC,MAAM,EAAE;AAAA,MACtB,aAAa,CAAC,IAAI,UAAU,QAAQ;AAAA,MACnC,GAAI,cAAc,SAAY,EAAE,UAAA,IAAc,CAAA;AAAA,MAC9C,GAAI,UAAU,SAAY,EAAE,MAAA,IAAU,CAAA;AAAA,MACtC,GAAI,iBAAiB,SAAY,EAAE,aAAA,IAAiB,CAAA;AAAA,MACpD,GAAI,eAAe,EAAE,cAAc,iBAAiB,CAAC,MAAS,EAAE,eAAe,KAAA,IAAS,CAAA;AAAA,MACzF,WAAW,CAAC,EAAE,MAAM,SAAS,YAC3B,qBAAC,OAAA,EAAI,WAAU,sEACZ,UAAA;AAAA,QAAA,cAAc,YAAY,IAAI,IAAI,oBAAC,sBAAmB,MAAY;AAAA,QAClE,WAAW,oBAAC,QAAA,EAAK,WAAU,kCAAiC,UAAA,KAAC;AAAA,QAC7D,SAAS,QACR,oBAAC,QAAA,EAAK,WAAU,0BACb,UAAA,iBAAiB,QAAQ,MAAM,UAAU,OAAO,KAAK,EAAA,CACxD;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,SAAS,mBAAmB,EAAE,QAAmC;AAC/D,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAK,WAAU,yBAAyB,UAAA,KAAK,OAAM;AAAA,IACnD,KAAK,QAAQ,qBAAC,QAAA,EAAK,WAAU,4BAA2B,UAAA;AAAA,MAAA;AAAA,MAAE,KAAK;AAAA,IAAA,GAAK;AAAA,IACpE,KAAK,SAAS,OACb,oBAAC,UAAK,WAAU,6BAA6B,UAAA,OAAO,KAAK,KAAK,EAAA,CAAE,IAC9D,KAAK,OAAO,CAAC,KAAK,WACpB,oBAAC,UAAK,WAAU,6CAA6C,UAAA,KAAK,IAAA,CAAI,IACpE;AAAA,EAAA,GACN;AAEJ;"}

package/dist/data/SchemaViewer.cjs

@@ -0,0 +1,152 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const jsonSchemaFormRefs = require("../components/json-schema-form-refs.cjs");
+const utils = require("../lib/utils.cjs");
+const CodeBlock = require("./CodeBlock.cjs");
+const Tree = require("./Tree.cjs");
+const schemaViewerModel = require("./schema-viewer-model.cjs");
+function isDetailOnly(node) {
+  var _a;
+  const [child] = node.children ?? [];
+  return ((_a = node.children) == null ? void 0 : _a.length) === 1 && Boolean(child == null ? void 0 : child.detail);
+}
+function SchemaViewer({
+  schema,
+  roots: scopedRoots,
+  buildTree = schemaViewerModel.buildSchemaTree,
+  className,
+  empty = /* @__PURE__ */ jsxRuntime.jsx("p", { className: "p-3 text-sm text-muted-foreground", children: "This schema has no fields." }),
+  showControls,
+  toolbarClassName,
+  defaultOpenDepth = 1,
+  renderDetail
+}) {
+  const roots = react.useMemo(
+    () => scopedRoots ?? buildTree(jsonSchemaFormRefs.rehydrateRefs(schema)),
+    [buildTree, scopedRoots, schema]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Tree.Tree,
+    {
+      className: utils.cn("text-sm", className),
+      roots,
+      getKey: (node) => node.key,
+      getChildren: (node) => node.children,
+      isSecondary: (node) => Boolean(node.detail),
+      getSearchText: (node) => node.detail ? "" : `${node.label} ${node.badge ?? ""} ${node.platformType ?? ""} ${node.ascode ?? ""}`,
+      defaultOpen: (node, depth) => depth < defaultOpenDepth && !isDetailOnly(node),
+      rowClass: (node, selected) => node.detail ? "cursor-default" : selected ? "bg-primary/10 border-l-2 border-primary" : "hover:bg-accent",
+      renderRow: ({ node }) => node.detail ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: renderDetail ? renderDetail(node.detail) : /* @__PURE__ */ jsxRuntime.jsx(SchemaFieldMetaPanel, { meta: node.detail }) }) : /* @__PURE__ */ jsxRuntime.jsx(SchemaViewerRow, { node }),
+      empty,
+      ...showControls !== void 0 ? { showControls } : {},
+      ...toolbarClassName !== void 0 ? { toolbarClassName } : {}
+    }
+  );
+}
+const BADGE_TONE = {
+  branch: "bg-violet-100 text-violet-700 dark:bg-violet-950/50 dark:text-violet-200",
+  group: "bg-violet-100 text-violet-700 dark:bg-violet-950/50 dark:text-violet-200",
+  activity: "bg-emerald-100 text-emerald-700 dark:bg-emerald-950/50 dark:text-emerald-200",
+  clientType: "bg-sky-100 text-sky-700 dark:bg-sky-950/50 dark:text-sky-200",
+  clientTypes: "bg-sky-100 text-sky-700 dark:bg-sky-950/50 dark:text-sky-200",
+  fields: "bg-amber-100 text-amber-700 dark:bg-amber-950/50 dark:text-amber-200",
+  object: "bg-muted text-muted-foreground",
+  array: "bg-muted text-muted-foreground",
+  string: "bg-muted text-muted-foreground",
+  number: "bg-muted text-muted-foreground",
+  integer: "bg-muted text-muted-foreground",
+  boolean: "bg-muted text-muted-foreground",
+  const: "bg-muted text-muted-foreground"
+};
+function SchemaViewerRow({ node }) {
+  const tone = node.badge ? BADGE_TONE[node.badge] : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex w-full min-w-0 items-center gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate font-mono", children: node.label }),
+    node.badge && /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: utils.cn(
+          "shrink-0 rounded px-1.5 py-0.5 text-[10px] font-medium",
+          tone ?? "bg-muted text-muted-foreground"
+        ),
+        children: node.badge
+      }
+    ),
+    node.count !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 rounded-full bg-muted px-1.5 py-0.5 text-[10px] tabular-nums text-muted-foreground", children: node.count }),
+    node.platformType && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 rounded bg-indigo-50 px-1.5 py-0.5 text-[10px] text-indigo-700 dark:bg-indigo-950/50 dark:text-indigo-200", children: node.platformType }),
+    node.ascode && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "shrink-0 rounded bg-rose-50 px-1.5 py-0.5 text-[10px] text-rose-700 dark:bg-rose-950/50 dark:text-rose-200", children: [
+      "code: ",
+      node.ascode
+    ] }),
+    node.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate text-xs text-muted-foreground", children: node.description })
+  ] });
+}
+const ENUM_LIMIT = 12;
+const PLATFORM_TYPE_LABEL = ["OI", "PA type"].join("");
+function SchemaFieldMetaPanel({ meta }) {
+  var _a;
+  const enums = meta.enumValues ?? [];
+  const shown = enums.slice(0, ENUM_LIMIT);
+  const hidden = enums.length - shown.length;
+  const loc = meta.location;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "my-1 space-y-2 rounded-md border border-border bg-muted/30 p-2 text-xs", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-0.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Row, { label: PLATFORM_TYPE_LABEL, value: meta.platformType }),
+      /* @__PURE__ */ jsxRuntime.jsx(Row, { label: "AsCode", value: meta.ascode }),
+      /* @__PURE__ */ jsxRuntime.jsx(Row, { label: "Format", value: meta.format }),
+      /* @__PURE__ */ jsxRuntime.jsx(Row, { label: "Layout", value: meta.layout }),
+      /* @__PURE__ */ jsxRuntime.jsx(Row, { label: "Client ref", value: meta.clientRef ? "yes" : void 0 }),
+      (_a = meta.annotations) == null ? void 0 : _a.map((annotation) => /* @__PURE__ */ jsxRuntime.jsx(Row, { label: annotation.key, value: annotation.value }, annotation.key))
+    ] }),
+    meta.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: meta.description }),
+    enums.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "font-medium text-muted-foreground", children: [
+        "Enum (",
+        enums.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "max-h-48 space-y-0.5 overflow-auto", children: shown.map((entry) => /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: entry.value }),
+        entry.label && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground", children: [
+          " - ",
+          entry.label
+        ] })
+      ] }, entry.value)) }),
+      hidden > 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-muted-foreground", children: [
+        "+",
+        hidden,
+        " more"
+      ] })
+    ] }),
+    meta.query && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-muted-foreground", children: "Query" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-64 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(CodeBlock.CodeBlock, { language: "sql", source: meta.query }) })
+    ] }),
+    loc && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-muted-foreground", children: "Source location" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "break-all font-mono", children: formatLocation(loc.path, loc.startLine, loc.endLine) })
+    ] }),
+    meta.source && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-muted-foreground", children: "Source" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-64 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(CodeBlock.CodeBlock, { language: "xml", source: meta.source }) })
+    ] })
+  ] });
+}
+function Row({ label, value }) {
+  if (value === void 0 || value === null) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "break-all font-mono", children: value })
+  ] });
+}
+function formatLocation(path, startLine, endLine) {
+  if (startLine === void 0) return path;
+  if (endLine === void 0 || endLine === startLine) return `${path}:${startLine}`;
+  return `${path}:${startLine}-${endLine}`;
+}
+exports.SchemaFieldMetaPanel = SchemaFieldMetaPanel;
+exports.SchemaViewer = SchemaViewer;
+exports.SchemaViewerRow = SchemaViewerRow;
+//# sourceMappingURL=SchemaViewer.cjs.map

package/dist/data/SchemaViewer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaViewer.cjs","sources":["../../src/data/SchemaViewer.tsx"],"sourcesContent":["import { useMemo, type ReactNode } from \"react\";\nimport { rehydrateRefs } from \"../components/json-schema-form-refs\";\nimport type { JsonSchemaObject } from \"../components/json-schema-form-types\";\nimport { cn } from \"../lib/utils\";\nimport { CodeBlock } from \"./CodeBlock\";\nimport { Tree } from \"./Tree\";\nimport {\n  buildSchemaTree,\n  type SchemaViewerFieldMeta,\n  type SchemaViewerNode,\n} from \"./schema-viewer-model\";\n\nexport interface SchemaViewerProps {\n  schema: JsonSchemaObject;\n  /** Pre-scoped tree roots, for dialogs that want to show a single schema branch. */\n  roots?: SchemaViewerNode[];\n  /** Custom tree builder. Defaults to buildSchemaTree. */\n  buildTree?: (schema: JsonSchemaObject) => SchemaViewerNode[];\n  className?: string;\n  empty?: ReactNode;\n  showControls?: boolean;\n  toolbarClassName?: string;\n  /** Root depth opened by default. Defaults to 1, matching the platform tree. */\n  defaultOpenDepth?: number;\n  /** Override the expanded detail panel for annotated fields. */\n  renderDetail?: (meta: SchemaViewerFieldMeta) => ReactNode;\n}\n\nfunction isDetailOnly(node: SchemaViewerNode): boolean {\n  const [child] = node.children ?? [];\n  return node.children?.length === 1 && Boolean(child?.detail);\n}\n\nexport function SchemaViewer({\n  schema,\n  roots: scopedRoots,\n  buildTree = buildSchemaTree,\n  className,\n  empty = <p className=\"p-3 text-sm text-muted-foreground\">This schema has no fields.</p>,\n  showControls,\n  toolbarClassName,\n  defaultOpenDepth = 1,\n  renderDetail,\n}: SchemaViewerProps) {\n  const roots = useMemo(\n    () => scopedRoots ?? buildTree(rehydrateRefs(schema)),\n    [buildTree, scopedRoots, schema],\n  );\n\n  return (\n    <Tree<SchemaViewerNode>\n      className={cn(\"text-sm\", className)}\n      roots={roots}\n      getKey={(node) => node.key}\n      getChildren={(node) => node.children}\n      isSecondary={(node) => Boolean(node.detail)}\n      getSearchText={(node) =>\n        node.detail ? \"\" : `${node.label} ${node.badge ?? \"\"} ${node.platformType ?? \"\"} ${node.ascode ?? \"\"}`\n      }\n      defaultOpen={(node, depth) => depth < defaultOpenDepth && !isDetailOnly(node)}\n      rowClass={(node, selected) =>\n        node.detail\n          ? \"cursor-default\"\n          : selected\n            ? \"bg-primary/10 border-l-2 border-primary\"\n            : \"hover:bg-accent\"\n      }\n      renderRow={({ node }) =>\n        node.detail ? (\n          <div className=\"min-w-0 flex-1\">\n            {renderDetail ? renderDetail(node.detail) : <SchemaFieldMetaPanel meta={node.detail} />}\n          </div>\n        ) : (\n          <SchemaViewerRow node={node} />\n        )\n      }\n      empty={empty}\n      {...(showControls !== undefined ? { showControls } : {})}\n      {...(toolbarClassName !== undefined ? { toolbarClassName } : {})}\n    />\n  );\n}\n\nconst BADGE_TONE: Record<string, string> = {\n  branch: \"bg-violet-100 text-violet-700 dark:bg-violet-950/50 dark:text-violet-200\",\n  group: \"bg-violet-100 text-violet-700 dark:bg-violet-950/50 dark:text-violet-200\",\n  activity: \"bg-emerald-100 text-emerald-700 dark:bg-emerald-950/50 dark:text-emerald-200\",\n  clientType: \"bg-sky-100 text-sky-700 dark:bg-sky-950/50 dark:text-sky-200\",\n  clientTypes: \"bg-sky-100 text-sky-700 dark:bg-sky-950/50 dark:text-sky-200\",\n  fields: \"bg-amber-100 text-amber-700 dark:bg-amber-950/50 dark:text-amber-200\",\n  object: \"bg-muted text-muted-foreground\",\n  array: \"bg-muted text-muted-foreground\",\n  string: \"bg-muted text-muted-foreground\",\n  number: \"bg-muted text-muted-foreground\",\n  integer: \"bg-muted text-muted-foreground\",\n  boolean: \"bg-muted text-muted-foreground\",\n  const: \"bg-muted text-muted-foreground\",\n};\n\nexport function SchemaViewerRow({ node }: { node: SchemaViewerNode }) {\n  const tone = node.badge ? BADGE_TONE[node.badge] : undefined;\n  return (\n    <span className=\"flex w-full min-w-0 items-center gap-2\">\n      <span className=\"min-w-0 truncate font-mono\">{node.label}</span>\n      {node.badge && (\n        <span\n          className={cn(\n            \"shrink-0 rounded px-1.5 py-0.5 text-[10px] font-medium\",\n            tone ?? \"bg-muted text-muted-foreground\",\n          )}\n        >\n          {node.badge}\n        </span>\n      )}\n      {node.count !== undefined && (\n        <span className=\"shrink-0 rounded-full bg-muted px-1.5 py-0.5 text-[10px] tabular-nums text-muted-foreground\">\n          {node.count}\n        </span>\n      )}\n      {node.platformType && (\n        <span className=\"shrink-0 rounded bg-indigo-50 px-1.5 py-0.5 text-[10px] text-indigo-700 dark:bg-indigo-950/50 dark:text-indigo-200\">\n          {node.platformType}\n        </span>\n      )}\n      {node.ascode && (\n        <span className=\"shrink-0 rounded bg-rose-50 px-1.5 py-0.5 text-[10px] text-rose-700 dark:bg-rose-950/50 dark:text-rose-200\">\n          code: {node.ascode}\n        </span>\n      )}\n      {node.description && (\n        <span className=\"min-w-0 truncate text-xs text-muted-foreground\">{node.description}</span>\n      )}\n    </span>\n  );\n}\n\nexport interface SchemaFieldMetaPanelProps {\n  meta: SchemaViewerFieldMeta;\n}\n\nconst ENUM_LIMIT = 12;\nconst PLATFORM_TYPE_LABEL = [\"OI\", \"PA type\"].join(\"\");\n\nexport function SchemaFieldMetaPanel({ meta }: SchemaFieldMetaPanelProps) {\n  const enums = meta.enumValues ?? [];\n  const shown = enums.slice(0, ENUM_LIMIT);\n  const hidden = enums.length - shown.length;\n  const loc = meta.location;\n\n  return (\n    <div className=\"my-1 space-y-2 rounded-md border border-border bg-muted/30 p-2 text-xs\">\n      <dl className=\"grid grid-cols-[auto_1fr] gap-x-3 gap-y-0.5\">\n        <Row label={PLATFORM_TYPE_LABEL} value={meta.platformType} />\n        <Row label=\"AsCode\" value={meta.ascode} />\n        <Row label=\"Format\" value={meta.format} />\n        <Row label=\"Layout\" value={meta.layout} />\n        <Row label=\"Client ref\" value={meta.clientRef ? \"yes\" : undefined} />\n        {meta.annotations?.map((annotation) => (\n          <Row key={annotation.key} label={annotation.key} value={annotation.value} />\n        ))}\n      </dl>\n\n      {meta.description && <p className=\"text-muted-foreground\">{meta.description}</p>}\n\n      {enums.length > 0 && (\n        <div className=\"space-y-0.5\">\n          <p className=\"font-medium text-muted-foreground\">Enum ({enums.length})</p>\n          <ul className=\"max-h-48 space-y-0.5 overflow-auto\">\n            {shown.map((entry) => (\n              <li key={entry.value}>\n                <span className=\"font-mono\">{entry.value}</span>\n                {entry.label && <span className=\"text-muted-foreground\"> - {entry.label}</span>}\n              </li>\n            ))}\n          </ul>\n          {hidden > 0 && <p className=\"text-muted-foreground\">+{hidden} more</p>}\n        </div>\n      )}\n\n      {meta.query && (\n        <div className=\"space-y-0.5\">\n          <p className=\"font-medium text-muted-foreground\">Query</p>\n          <div className=\"max-h-64 overflow-auto\">\n            <CodeBlock language=\"sql\" source={meta.query} />\n          </div>\n        </div>\n      )}\n\n      {loc && (\n        <div className=\"space-y-0.5\">\n          <p className=\"font-medium text-muted-foreground\">Source location</p>\n          <p className=\"break-all font-mono\">{formatLocation(loc.path, loc.startLine, loc.endLine)}</p>\n        </div>\n      )}\n\n      {meta.source && (\n        <div className=\"space-y-0.5\">\n          <p className=\"font-medium text-muted-foreground\">Source</p>\n          <div className=\"max-h-64 overflow-auto\">\n            <CodeBlock language=\"xml\" source={meta.source} />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction Row({ label, value }: { label: string; value: ReactNode }): ReactNode {\n  if (value === undefined || value === null) return null;\n  return (\n    <>\n      <dt className=\"text-muted-foreground\">{label}</dt>\n      <dd className=\"break-all font-mono\">{value}</dd>\n    </>\n  );\n}\n\nfunction formatLocation(path: string, startLine?: number, endLine?: number): string {\n  if (startLine === undefined) return path;\n  if (endLine === undefined || endLine === startLine) return `${path}:${startLine}`;\n  return `${path}:${startLine}-${endLine}`;\n}\n"],"names":["buildSchemaTree","jsx","useMemo","rehydrateRefs","Tree","cn","jsxs","CodeBlock","Fragment"],"mappings":";;;;;;;;;AA4BA,SAAS,aAAa,MAAiC;;AACrD,QAAM,CAAC,KAAK,IAAI,KAAK,YAAY,CAAA;AACjC,WAAO,UAAK,aAAL,mBAAe,YAAW,KAAK,QAAQ,+BAAO,MAAM;AAC7D;AAEO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA,OAAO;AAAA,EACP,YAAYA,kBAAAA;AAAAA,EACZ;AAAA,EACA,QAAQC,2BAAAA,IAAC,KAAA,EAAE,WAAU,qCAAoC,UAAA,8BAA0B;AAAA,EACnF;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AACF,GAAsB;AACpB,QAAM,QAAQC,MAAAA;AAAAA,IACZ,MAAM,eAAe,UAAUC,mBAAAA,cAAc,MAAM,CAAC;AAAA,IACpD,CAAC,WAAW,aAAa,MAAM;AAAA,EAAA;AAGjC,SACEF,2BAAAA;AAAAA,IAACG,KAAAA;AAAAA,IAAA;AAAA,MACC,WAAWC,MAAAA,GAAG,WAAW,SAAS;AAAA,MAClC;AAAA,MACA,QAAQ,CAAC,SAAS,KAAK;AAAA,MACvB,aAAa,CAAC,SAAS,KAAK;AAAA,MAC5B,aAAa,CAAC,SAAS,QAAQ,KAAK,MAAM;AAAA,MAC1C,eAAe,CAAC,SACd,KAAK,SAAS,KAAK,GAAG,KAAK,KAAK,IAAI,KAAK,SAAS,EAAE,IAAI,KAAK,gBAAgB,EAAE,IAAI,KAAK,UAAU,EAAE;AAAA,MAEtG,aAAa,CAAC,MAAM,UAAU,QAAQ,oBAAoB,CAAC,aAAa,IAAI;AAAA,MAC5E,UAAU,CAAC,MAAM,aACf,KAAK,SACD,mBACA,WACE,4CACA;AAAA,MAER,WAAW,CAAC,EAAE,WACZ,KAAK,SACHJ,2BAAAA,IAAC,OAAA,EAAI,WAAU,kBACZ,UAAA,eAAe,aAAa,KAAK,MAAM,IAAIA,2BAAAA,IAAC,sBAAA,EAAqB,MAAM,KAAK,OAAA,CAAQ,EAAA,CACvF,IAEAA,2BAAAA,IAAC,iBAAA,EAAgB,KAAA,CAAY;AAAA,MAGjC;AAAA,MACC,GAAI,iBAAiB,SAAY,EAAE,aAAA,IAAiB,CAAA;AAAA,MACpD,GAAI,qBAAqB,SAAY,EAAE,qBAAqB,CAAA;AAAA,IAAC;AAAA,EAAA;AAGpE;AAEA,MAAM,aAAqC;AAAA,EACzC,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;AAEO,SAAS,gBAAgB,EAAE,QAAoC;AACpE,QAAM,OAAO,KAAK,QAAQ,WAAW,KAAK,KAAK,IAAI;AACnD,SACEK,2BAAAA,KAAC,QAAA,EAAK,WAAU,0CACd,UAAA;AAAA,IAAAL,2BAAAA,IAAC,QAAA,EAAK,WAAU,8BAA8B,UAAA,KAAK,OAAM;AAAA,IACxD,KAAK,SACJA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWI,MAAAA;AAAAA,UACT;AAAA,UACA,QAAQ;AAAA,QAAA;AAAA,QAGT,UAAA,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAGT,KAAK,UAAU,UACdJ,2BAAAA,IAAC,UAAK,WAAU,+FACb,eAAK,MAAA,CACR;AAAA,IAED,KAAK,gBACJA,2BAAAA,IAAC,UAAK,WAAU,sHACb,eAAK,cACR;AAAA,IAED,KAAK,UACJK,gCAAC,QAAA,EAAK,WAAU,8GAA6G,UAAA;AAAA,MAAA;AAAA,MACpH,KAAK;AAAA,IAAA,GACd;AAAA,IAED,KAAK,eACJL,2BAAAA,IAAC,UAAK,WAAU,kDAAkD,eAAK,YAAA,CAAY;AAAA,EAAA,GAEvF;AAEJ;AAMA,MAAM,aAAa;AACnB,MAAM,sBAAsB,CAAC,MAAM,SAAS,EAAE,KAAK,EAAE;AAE9C,SAAS,qBAAqB,EAAE,QAAmC;;AACxE,QAAM,QAAQ,KAAK,cAAc,CAAA;AACjC,QAAM,QAAQ,MAAM,MAAM,GAAG,UAAU;AACvC,QAAM,SAAS,MAAM,SAAS,MAAM;AACpC,QAAM,MAAM,KAAK;AAEjB,SACEK,2BAAAA,KAAC,OAAA,EAAI,WAAU,0EACb,UAAA;AAAA,IAAAA,2BAAAA,KAAC,MAAA,EAAG,WAAU,+CACZ,UAAA;AAAA,MAAAL,2BAAAA,IAAC,KAAA,EAAI,OAAO,qBAAqB,OAAO,KAAK,cAAc;AAAA,qCAC1D,KAAA,EAAI,OAAM,UAAS,OAAO,KAAK,QAAQ;AAAA,qCACvC,KAAA,EAAI,OAAM,UAAS,OAAO,KAAK,QAAQ;AAAA,qCACvC,KAAA,EAAI,OAAM,UAAS,OAAO,KAAK,QAAQ;AAAA,MACxCA,+BAAC,OAAI,OAAM,cAAa,OAAO,KAAK,YAAY,QAAQ,QAAW;AAAA,OAClE,UAAK,gBAAL,mBAAkB,IAAI,CAAC,eACtBA,2BAAAA,IAAC,KAAA,EAAyB,OAAO,WAAW,KAAK,OAAO,WAAW,MAAA,GAAzD,WAAW,GAAqD;AAAA,IAC3E,GACH;AAAA,IAEC,KAAK,eAAeA,2BAAAA,IAAC,OAAE,WAAU,yBAAyB,eAAK,aAAY;AAAA,IAE3E,MAAM,SAAS,KACdK,2BAAAA,KAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,MAAAA,2BAAAA,KAAC,KAAA,EAAE,WAAU,qCAAoC,UAAA;AAAA,QAAA;AAAA,QAAO,MAAM;AAAA,QAAO;AAAA,MAAA,GAAC;AAAA,MACtEL,2BAAAA,IAAC,QAAG,WAAU,sCACX,gBAAM,IAAI,CAAC,UACVK,2BAAAA,KAAC,MAAA,EACC,UAAA;AAAA,QAAAL,2BAAAA,IAAC,QAAA,EAAK,WAAU,aAAa,UAAA,MAAM,OAAM;AAAA,QACxC,MAAM,SAASK,gCAAC,QAAA,EAAK,WAAU,yBAAwB,UAAA;AAAA,UAAA;AAAA,UAAI,MAAM;AAAA,QAAA,EAAA,CAAM;AAAA,MAAA,EAAA,GAFjE,MAAM,KAGf,CACD,GACH;AAAA,MACC,SAAS,KAAKA,gCAAC,KAAA,EAAE,WAAU,yBAAwB,UAAA;AAAA,QAAA;AAAA,QAAE;AAAA,QAAO;AAAA,MAAA,EAAA,CAAK;AAAA,IAAA,GACpE;AAAA,IAGD,KAAK,SACJA,gCAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,MAAAL,2BAAAA,IAAC,KAAA,EAAE,WAAU,qCAAoC,UAAA,SAAK;AAAA,MACtDA,2BAAAA,IAAC,OAAA,EAAI,WAAU,0BACb,UAAAA,2BAAAA,IAACM,UAAAA,WAAA,EAAU,UAAS,OAAM,QAAQ,KAAK,MAAA,CAAO,EAAA,CAChD;AAAA,IAAA,GACF;AAAA,IAGD,OACCD,2BAAAA,KAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,MAAAL,2BAAAA,IAAC,KAAA,EAAE,WAAU,qCAAoC,UAAA,mBAAe;AAAA,MAChEA,2BAAAA,IAAC,KAAA,EAAE,WAAU,uBAAuB,UAAA,eAAe,IAAI,MAAM,IAAI,WAAW,IAAI,OAAO,EAAA,CAAE;AAAA,IAAA,GAC3F;AAAA,IAGD,KAAK,UACJK,gCAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,MAAAL,2BAAAA,IAAC,KAAA,EAAE,WAAU,qCAAoC,UAAA,UAAM;AAAA,MACvDA,2BAAAA,IAAC,OAAA,EAAI,WAAU,0BACb,UAAAA,2BAAAA,IAACM,UAAAA,WAAA,EAAU,UAAS,OAAM,QAAQ,KAAK,OAAA,CAAQ,EAAA,CACjD;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAAS,IAAI,EAAE,OAAO,SAAyD;AAC7E,MAAI,UAAU,UAAa,UAAU,KAAM,QAAO;AAClD,SACED,2BAAAA,KAAAE,qBAAA,EACE,UAAA;AAAA,IAAAP,2BAAAA,IAAC,MAAA,EAAG,WAAU,yBAAyB,UAAA,OAAM;AAAA,IAC7CA,2BAAAA,IAAC,MAAA,EAAG,WAAU,uBAAuB,UAAA,MAAA,CAAM;AAAA,EAAA,GAC7C;AAEJ;AAEA,SAAS,eAAe,MAAc,WAAoB,SAA0B;AAClF,MAAI,cAAc,OAAW,QAAO;AACpC,MAAI,YAAY,UAAa,YAAY,kBAAkB,GAAG,IAAI,IAAI,SAAS;AAC/E,SAAO,GAAG,IAAI,IAAI,SAAS,IAAI,OAAO;AACxC;;;;"}

package/dist/data/SchemaViewer.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+import { JsonSchemaObject } from '../components/json-schema-form-types';
+import { SchemaViewerFieldMeta, SchemaViewerNode } from './schema-viewer-model';
+export interface SchemaViewerProps {
+    schema: JsonSchemaObject;
+    /** Pre-scoped tree roots, for dialogs that want to show a single schema branch. */
+    roots?: SchemaViewerNode[];
+    /** Custom tree builder. Defaults to buildSchemaTree. */
+    buildTree?: (schema: JsonSchemaObject) => SchemaViewerNode[];
+    className?: string;
+    empty?: ReactNode;
+    showControls?: boolean;
+    toolbarClassName?: string;
+    /** Root depth opened by default. Defaults to 1, matching the platform tree. */
+    defaultOpenDepth?: number;
+    /** Override the expanded detail panel for annotated fields. */
+    renderDetail?: (meta: SchemaViewerFieldMeta) => ReactNode;
+}
+export declare function SchemaViewer({ schema, roots: scopedRoots, buildTree, className, empty, showControls, toolbarClassName, defaultOpenDepth, renderDetail, }: SchemaViewerProps): import("react/jsx-runtime").JSX.Element;
+export declare function SchemaViewerRow({ node }: {
+    node: SchemaViewerNode;
+}): import("react/jsx-runtime").JSX.Element;
+export interface SchemaFieldMetaPanelProps {
+    meta: SchemaViewerFieldMeta;
+}
+export declare function SchemaFieldMetaPanel({ meta }: SchemaFieldMetaPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SchemaViewer.d.ts.map

package/dist/data/SchemaViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaViewer.d.ts","sourceRoot":"","sources":["../../src/data/SchemaViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAI7E,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,EACtB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,gBAAgB,CAAC;IACzB,mFAAmF;IACnF,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,gBAAgB,EAAE,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+EAA+E;IAC/E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+DAA+D;IAC/D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,SAAS,CAAC;CAC3D;AAOD,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,KAAK,EAAE,WAAW,EAClB,SAA2B,EAC3B,SAAS,EACT,KAAuF,EACvF,YAAY,EACZ,gBAAgB,EAChB,gBAAoB,EACpB,YAAY,GACb,EAAE,iBAAiB,2CAsCnB;AAkBD,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,gBAAgB,CAAA;CAAE,2CAmCnE;AAED,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,qBAAqB,CAAC;CAC7B;AAKD,wBAAgB,oBAAoB,CAAC,EAAE,IAAI,EAAE,EAAE,yBAAyB,2CA8DvE"}