@stackone/malachite 2.50.0 → 2.51.1

package/dist/components/CodeBlock.js

@@ -1,111 +1,114 @@
-import { jsxs as _, jsx as e } from "react/jsx-runtime";
-import D from "@uiw/react-json-view";
+import { jsxs as C, jsx as e, Fragment as z } from "react/jsx-runtime";
+import K from "@uiw/react-json-view";
 import j from "react";
-import O from "./CustomIcons/CopyIcon.js";
-import { diffHunks as $ } from "./codeBlockDiff.js";
-import { CodeLine as z } from "./codeBlockLine.js";
-import { FOCUS_RING_INSET as K, FOCUS_RING as B } from "./focusRing.js";
-const F = j.lazy(() => import("./CodeBlockHighlighter.js")), E = {
+import B from "./CustomIcons/CheckmarkIcon.js";
+import E from "./CustomIcons/CopyIcon.js";
+import { diffHunks as G } from "./codeBlockDiff.js";
+import { CodeLine as M } from "./codeBlockLine.js";
+import { FOCUS_RING_INSET as U, FOCUS_RING as H } from "./focusRing.js";
+import { useClipboardCopy as P } from "./useClipboardCopy.js";
+const _ = j.lazy(() => import("./CodeBlockHighlighter.js")), q = {
   added: "var(--malachite-codeblock-diff-added-background)",
   removed: "var(--malachite-codeblock-diff-removed-background)",
   context: void 0
-}, G = {
+}, J = {
   added: "+",
   removed: "-",
   context: void 0
-}, M = {
+}, V = {
   added: "var(--malachite-codeblock-diff-assistant-background)",
   removed: "var(--malachite-codeblock-diff-assistant-removed-background)",
   context: void 0
-}, U = {
+}, W = {
   added: "✦",
   // U+2212 minus sign, not a hyphen: the mock is explicit about which glyph.
   removed: "−",
   context: "·"
-}, H = {
+}, Q = {
   added: "var(--malachite-codeblock-diff-assistant-foreground)",
   removed: "var(--malachite-codeblock-diff-removed-foreground)",
   context: "var(--malachite-codeblock-diff-context-foreground)"
-}, P = (o) => `⋯ ${o} unchanged ${o === 1 ? "line" : "lines"}`, q = (o, d, n) => {
-  const t = n === "assistant";
+}, X = (o) => `⋯ ${o} unchanged ${o === 1 ? "line" : "lines"}`, Y = (o, l, d) => {
+  const r = d === "assistant";
   return {
-    background: t ? M[o.type] : E[o.type],
-    marker: t ? U[o.type] : G[o.type],
-    markerColor: t ? H[o.type] : void 0,
+    background: r ? V[o.type] : q[o.type],
+    marker: r ? W[o.type] : J[o.type],
+    markerColor: r ? Q[o.type] : void 0,
     // Reserved on unchanged rows too, so the code column does not step in and out.
     reserveMarker: !0,
     // Context rows read as de-emphasised, not just unmarked, in the assistant palette.
-    textColor: t && o.type === "context" ? "var(--malachite-codeblock-diff-context-text)" : void 0,
-    strikethrough: t && o.type === "removed",
-    separatorAbove: o.skippedAbove === void 0 ? void 0 : P(o.skippedAbove),
+    textColor: r && o.type === "context" ? "var(--malachite-codeblock-diff-context-text)" : void 0,
+    strikethrough: r && o.type === "removed",
+    separatorAbove: o.skippedAbove === void 0 ? void 0 : X(o.skippedAbove),
     // A removed line has no number in the after-text, so it keeps the one it had before.
-    lineNumber: d ? o.afterNumber ?? o.beforeNumber : void 0
+    lineNumber: l ? o.afterNumber ?? o.beforeNumber : void 0
   };
-}, eo = ({
+}, vo = ({
   code: o,
-  json: d,
-  showLineNumbers: n = !0,
-  className: t = "",
+  json: l,
+  showLineNumbers: d = !0,
+  className: r = "",
   style: x = {},
-  height: C,
-  enableCopy: u = !0,
-  wrapLines: k = !1,
-  language: b,
-  collapsed: I = !1,
-  diff: l,
-  "aria-label": w,
-  "aria-labelledby": S
+  height: w,
+  enableCopy: k = !0,
+  wrapLines: h = !1,
+  language: m,
+  collapsed: R = !1,
+  diff: t,
+  "aria-label": S,
+  "aria-labelledby": N
 }) => {
-  const a = l ? $(l.before, l.after, l.context) : null, m = (a == null ? void 0 : a.map((c) => c.text).join(`
-`)) ?? "", h = (() => {
-    if (a)
-      return m;
+  const c = t ? G(t.before, t.after, t.context) : null, s = (c == null ? void 0 : c.map((i) => i.text).join(`
+`)) ?? "", b = (() => {
+    if (c)
+      return s;
     if (o)
       return o;
-    if (d !== void 0)
+    if (l !== void 0)
       try {
-        return JSON.stringify(d, null, 2);
+        return JSON.stringify(l, null, 2);
       } catch {
         return;
       }
-  })(), N = u && h !== void 0 && /* @__PURE__ */ e(
-    "button",
-    {
-      type: "button",
-      "aria-label": "Copy",
-      onClick: () => {
-        var c, r;
-        h !== void 0 && ((r = (c = navigator.clipboard) == null ? void 0 : c.writeText(h)) == null || r.catch(() => {
-        }));
-      },
-      className: `absolute top-2 right-2 z-10 flex items-center justify-center rounded-md border border-solid border-[var(--malachite-codeblock-border)] bg-[var(--malachite-codeblock-background)] p-1.5 transition-colors hover:bg-[var(--malachite-codeblock-border)] ${B}`,
-      style: { color: "var(--malachite-codeblock-line-number)" },
-      children: /* @__PURE__ */ e(O, { size: 14 })
-    }
-  ), i = {
+  })(), { outcome: T, copy: D } = P(b), A = T === "copied", F = k && b !== void 0 && /* @__PURE__ */ C(z, { children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        "aria-label": "Copy",
+        onClick: () => {
+          b !== void 0 && D(b);
+        },
+        className: `absolute top-2 right-2 z-10 flex items-center justify-center rounded-md border border-solid border-[var(--malachite-codeblock-border)] bg-[var(--malachite-codeblock-background)] p-1.5 transition-colors hover:bg-[var(--malachite-codeblock-border)] ${H}`,
+        style: { color: "var(--malachite-codeblock-line-number)" },
+        children: A ? /* @__PURE__ */ e(B, { size: 14 }) : /* @__PURE__ */ e(E, { size: 14 })
+      }
+    ),
+    /* @__PURE__ */ e("span", { "aria-live": "polite", className: "sr-only", children: A ? "Copied to clipboard" : "" })
+  ] }), n = {
     role: "region",
-    "aria-label": S ? w : w ?? "Code",
-    "aria-labelledby": S,
+    "aria-label": N ? S : S ?? "Code",
+    "aria-labelledby": N,
     tabIndex: 0,
-    className: `box-border h-full overflow-auto ${K}`
+    className: `box-border h-full overflow-auto ${U}`
   };
-  if (d && !a)
-    return /* @__PURE__ */ _(
+  if (l && !c)
+    return /* @__PURE__ */ C(
       "div",
       {
-        className: `relative border border-solid rounded-lg overflow-hidden ${t}`,
+        className: `relative border border-solid rounded-lg overflow-hidden ${r}`,
         style: {
           backgroundColor: "var(--malachite-codeblock-background)",
           borderColor: "var(--malachite-codeblock-border)",
-          height: C,
+          height: w,
           ...x
         },
         children: [
-          N,
-          /* @__PURE__ */ e("div", { ...i, children: /* @__PURE__ */ e(
-            D,
+          F,
+          /* @__PURE__ */ e("div", { ...n, children: /* @__PURE__ */ e(
+            K,
             {
-              value: d,
+              value: l,
               style: {
                 backgroundColor: "var(--malachite-codeblock-background)",
                 color: "var(--malachite-codeblock-foreground)",
@@ -141,32 +144,32 @@ const F = j.lazy(() => import("./CodeBlockHighlighter.js")), E = {
                 "--w-rjv-type-undefined-color": "var(--malachite-codeblock-comment)"
               },
               displayDataTypes: !1,
-              enableClipboard: u,
-              collapsed: I,
+              enableClipboard: k,
+              collapsed: R,
               displayObjectSize: !1
             }
           ) })
         ]
       }
     );
-  const p = u && (!!o || !!a), f = (c, r) => {
-    const y = c.split(`
+  const p = k && (!!o || !!c), f = (i, a) => {
+    const y = i.split(`
 `);
     return /* @__PURE__ */ e(
       "div",
       {
-        ...i,
-        className: `${i.className} p-4 text-left`,
+        ...n,
+        className: `${n.className} p-4 text-left`,
         style: { paddingRight: p ? 44 : void 0 },
         children: /* @__PURE__ */ e("div", { style: { width: "max-content", minWidth: "100%" }, children: y.map((v, g) => {
-          const s = r == null ? void 0 : r(g);
+          const u = a == null ? void 0 : a(g);
           return /* @__PURE__ */ e(
-            z,
+            M,
             {
               line: v,
-              lineNumber: (s == null ? void 0 : s.lineNumber) ?? (n ? g + 1 : void 0),
-              wrap: k,
-              decoration: s,
+              lineNumber: (u == null ? void 0 : u.lineNumber) ?? (d ? g + 1 : void 0),
+              wrap: h,
+              decoration: u,
               children: v
             },
             g
@@ -174,8 +177,8 @@ const F = j.lazy(() => import("./CodeBlockHighlighter.js")), E = {
         }) })
       }
     );
-  }, A = () => o ? f(o) : null, R = (c) => {
-    if (c.length === 0)
+  }, I = () => o ? f(o) : null, O = (i) => {
+    if (i.length === 0)
       return /* @__PURE__ */ e(
         "div",
         {
@@ -184,51 +187,51 @@ const F = j.lazy(() => import("./CodeBlockHighlighter.js")), E = {
           children: "No changes"
         }
       );
-    const r = (y) => {
-      const v = c[y];
-      return v ? q(v, n, l == null ? void 0 : l.origin) : void 0;
+    const a = (y) => {
+      const v = i[y];
+      return v ? Y(v, d, t == null ? void 0 : t.origin) : void 0;
     };
-    return b ? /* @__PURE__ */ e(j.Suspense, { fallback: f(m, r), children: /* @__PURE__ */ e(
-      F,
+    return m ? /* @__PURE__ */ e(j.Suspense, { fallback: f(s, a), children: /* @__PURE__ */ e(
+      _,
       {
-        code: m,
-        language: b,
-        showLineNumbers: n,
-        wrapLines: k,
+        code: s,
+        language: m,
+        showLineNumbers: d,
+        wrapLines: h,
         copyClearance: p,
-        decorate: r,
-        viewportProps: i
+        decorate: a,
+        viewportProps: n
       }
-    ) }) : f(m, r);
-  }, T = () => o ? b ? /* @__PURE__ */ e(j.Suspense, { fallback: A(), children: /* @__PURE__ */ e(
-    F,
+    ) }) : f(s, a);
+  }, $ = () => o ? m ? /* @__PURE__ */ e(j.Suspense, { fallback: I(), children: /* @__PURE__ */ e(
+    _,
     {
       code: o,
-      language: b,
-      showLineNumbers: n,
-      wrapLines: k,
+      language: m,
+      showLineNumbers: d,
+      wrapLines: h,
       copyClearance: p,
-      viewportProps: i
+      viewportProps: n
     }
-  ) }) : A() : null;
-  return /* @__PURE__ */ _(
+  ) }) : I() : null;
+  return /* @__PURE__ */ C(
     "div",
     {
-      className: `relative border border-solid rounded-lg overflow-hidden ${t}`,
+      className: `relative border border-solid rounded-lg overflow-hidden ${r}`,
       style: {
         backgroundColor: "var(--malachite-codeblock-background)",
         borderColor: "var(--malachite-codeblock-border)",
-        height: C,
+        height: w,
         ...x
       },
       children: [
-        N,
-        a ? R(a) : T()
+        F,
+        c ? O(c) : $()
       ]
     }
   );
 };
 export {
-  eo as default
+  vo as default
 };
 //# sourceMappingURL=CodeBlock.js.map

package/dist/components/CodeBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.js","sources":["../../src/components/CodeBlock.tsx"],"sourcesContent":["import JsonView from '@uiw/react-json-view';\nimport React from 'react';\nimport CopyIcon from './CustomIcons/CopyIcon';\nimport { type DiffDisplayRow, type DiffRowType, diffHunks } from './codeBlockDiff';\nimport { CodeLine, type CodeLineDecoration } from './codeBlockLine';\nimport { FOCUS_RING, FOCUS_RING_INSET } from './focusRing';\n\nconst CodeBlockHighlighter = React.lazy(() => import('./CodeBlockHighlighter'));\n\nexport interface CodeBlockProps {\n    /** The code content to display */\n    code?: string;\n    /** JSON object to display as formatted JSON */\n    json?: object;\n    /** Show line numbers */\n    showLineNumbers?: boolean;\n    /** Custom class name */\n    className?: string;\n    /** Custom styles */\n    style?: React.CSSProperties;\n    /** Height of the code block */\n    height?: string | number;\n    /** Enable copy functionality */\n    enableCopy?: boolean;\n    /** Wrap long lines instead of scrolling horizontally */\n    wrapLines?: boolean;\n    /**\n     * Highlight the code with this language's grammar. `cedar` is a grammar this library\n     * ships itself (`prismCedar.ts`), since Prism and refractor carry none; widen the union\n     * as further grammars are registered in CodeBlockHighlighter.\n     */\n    language?: 'yaml' | 'cedar';\n    /** How much of a `json` tree starts collapsed: `true` all of it, a number below that depth. */\n    collapsed?: boolean | number;\n    /**\n     * Renders the change between two texts rather than one text, and takes precedence over\n     * `code` and `json`. Only the changed lines are shown, with `context` unchanged ones either\n     * side, so a small edit to a long document reads as a few hunks instead of the whole thing.\n     */\n    diff?: {\n        before: string;\n        after: string;\n        /** Unchanged lines kept either side of each change. Three by convention. */\n        context?: number;\n        /**\n         * Swaps the `+`/`-` gutter and tinted rows for the palette a mock specified for\n         * AI-authored changes: star, minus-sign and middle-dot markers, and a struck-through\n         * removal. Omit to keep the neutral markers; there is no default consumer for the\n         * assistant look yet.\n         */\n        origin?: 'assistant';\n    };\n    /** Names the scrollable region. Defaults to \"Code\". */\n    'aria-label'?: string;\n    /** Names the scrollable region by a visible label instead of `aria-label`. */\n    'aria-labelledby'?: string;\n}\n\nconst DIFF_BACKGROUNDS: Record<DiffRowType, string | undefined> = {\n    added: 'var(--malachite-codeblock-diff-added-background)',\n    removed: 'var(--malachite-codeblock-diff-removed-background)',\n    context: undefined,\n};\n\nconst DIFF_MARKERS: Record<DiffRowType, string | undefined> = {\n    added: '+',\n    removed: '-',\n    context: undefined,\n};\n\n// The assistant palette also marks context rows, which the neutral one leaves bare.\nconst ASSISTANT_DIFF_BACKGROUNDS: Record<DiffRowType, string | undefined> = {\n    added: 'var(--malachite-codeblock-diff-assistant-background)',\n    removed: 'var(--malachite-codeblock-diff-assistant-removed-background)',\n    context: undefined,\n};\n\nconst ASSISTANT_DIFF_MARKERS: Record<DiffRowType, string> = {\n    added: '\\u2726',\n    // U+2212 minus sign, not a hyphen: the mock is explicit about which glyph.\n    removed: '\\u2212',\n    context: '\\u00b7',\n};\n\nconst ASSISTANT_DIFF_MARKER_COLORS: Record<DiffRowType, string> = {\n    added: 'var(--malachite-codeblock-diff-assistant-foreground)',\n    removed: 'var(--malachite-codeblock-diff-removed-foreground)',\n    context: 'var(--malachite-codeblock-diff-context-foreground)',\n};\n\nconst unchangedRun = (count: number): string =>\n    `\\u22ef ${count} unchanged ${count === 1 ? 'line' : 'lines'}`;\n\nconst diffDecoration = (\n    row: DiffDisplayRow,\n    showLineNumbers: boolean,\n    origin?: 'assistant',\n): CodeLineDecoration => {\n    const assistant = origin === 'assistant';\n\n    return {\n        background: assistant ? ASSISTANT_DIFF_BACKGROUNDS[row.type] : DIFF_BACKGROUNDS[row.type],\n        marker: assistant ? ASSISTANT_DIFF_MARKERS[row.type] : DIFF_MARKERS[row.type],\n        markerColor: assistant ? ASSISTANT_DIFF_MARKER_COLORS[row.type] : undefined,\n        // Reserved on unchanged rows too, so the code column does not step in and out.\n        reserveMarker: true,\n        // Context rows read as de-emphasised, not just unmarked, in the assistant palette.\n        textColor:\n            assistant && row.type === 'context'\n                ? 'var(--malachite-codeblock-diff-context-text)'\n                : undefined,\n        strikethrough: assistant && row.type === 'removed',\n        separatorAbove: row.skippedAbove === undefined ? undefined : unchangedRun(row.skippedAbove),\n        // A removed line has no number in the after-text, so it keeps the one it had before.\n        lineNumber: showLineNumbers ? (row.afterNumber ?? row.beforeNumber) : undefined,\n    };\n};\n\nconst CodeBlock: React.FC<CodeBlockProps> = ({\n    code,\n    json,\n    showLineNumbers = true,\n    className = '',\n    style = {},\n    height,\n    enableCopy = true,\n    wrapLines = false,\n    language,\n    collapsed = false,\n    diff,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n}) => {\n    const diffRows = diff ? diffHunks(diff.before, diff.after, diff.context) : null;\n    const diffText = diffRows?.map((row) => row.text).join('\\n') ?? '';\n\n    /**\n     * What the button puts on the clipboard, in the same form the block is showing. A JSON\n     * block is pretty-printed rather than handed over minified: the reader is copying what\n     * they can see. `undefined` means there is nothing to copy and no button to offer.\n     */\n    const copyText = (): string | undefined => {\n        if (diffRows) {\n            return diffText;\n        }\n\n        // An empty block has nothing to copy, so it offers no button — `!== undefined` would\n        // hand back the empty string and put a dead control on it.\n        if (code) {\n            return code;\n        }\n\n        if (json !== undefined) {\n            try {\n                return JSON.stringify(json, null, 2);\n            } catch {\n                // A cycle or a BigInt: no honest text to copy, so offer no button.\n                return undefined;\n            }\n        }\n\n        return undefined;\n    };\n\n    const textToCopy = copyText();\n\n    // `?.` no-ops when the clipboard API is absent (insecure context); `.catch` swallows a rejection.\n    const handleCopy = () => {\n        if (textToCopy === undefined) {\n            return;\n        }\n\n        navigator.clipboard?.writeText(textToCopy)?.catch(() => undefined);\n    };\n\n    // Declared once and rendered by both the JSON branch and the code branch below, so the\n    // two tabs of one document do not disagree about whether it can be copied.\n    const copyButton = enableCopy && textToCopy !== undefined && (\n        <button\n            type=\"button\"\n            aria-label=\"Copy\"\n            onClick={handleCopy}\n            className={`absolute top-2 right-2 z-10 flex items-center justify-center rounded-md border border-solid border-[var(--malachite-codeblock-border)] bg-[var(--malachite-codeblock-background)] p-1.5 transition-colors hover:bg-[var(--malachite-codeblock-border)] ${FOCUS_RING}`}\n            style={{ color: 'var(--malachite-codeblock-line-number)' }}\n        >\n            <CopyIcon size={14} />\n        </button>\n    );\n\n    // Tabbable so a keyboard can scroll it: Safari never focuses a scroll container on its own.\n    const viewportProps = {\n        role: 'region',\n        'aria-label': ariaLabelledBy ? ariaLabel : (ariaLabel ?? 'Code'),\n        'aria-labelledby': ariaLabelledBy,\n        tabIndex: 0,\n        className: `box-border h-full overflow-auto ${FOCUS_RING_INSET}`,\n    } satisfies React.HTMLAttributes<HTMLElement>;\n\n    // If JSON is provided, use JsonView component\n    if (json && !diffRows) {\n        return (\n            <div\n                className={`relative border border-solid rounded-lg overflow-hidden ${className}`}\n                style={{\n                    backgroundColor: 'var(--malachite-codeblock-background)',\n                    borderColor: 'var(--malachite-codeblock-border)',\n                    height,\n                    ...style,\n                }}\n            >\n                {copyButton}\n                {/* The frame clips at `height`; this scrolls inside it, so the copy button stays put. */}\n                <div {...viewportProps}>\n                    <JsonView\n                        value={json}\n                        style={\n                            {\n                                backgroundColor: 'var(--malachite-codeblock-background)',\n                                color: 'var(--malachite-codeblock-foreground)',\n                                fontSize: '14px',\n                                fontFamily: 'var(--malachite-font-mono, monospace)',\n                                padding: '16px',\n                                lineHeight: '1.5',\n                                textAlign: 'left',\n                                '--w-rjv-color': 'var(--malachite-codeblock-foreground)',\n                                '--w-rjv-key-string': 'var(--malachite-codeblock-keyword)',\n                                '--w-rjv-background-color': 'var(--malachite-codeblock-background)',\n                                '--w-rjv-line-color': 'var(--malachite-codeblock-border)',\n                                '--w-rjv-arrow-color': 'var(--malachite-codeblock-line-number)',\n                                '--w-rjv-edit-color': 'var(--malachite-codeblock-keyword)',\n                                '--w-rjv-info-color': 'var(--malachite-codeblock-line-number)',\n                                '--w-rjv-update-color': 'var(--malachite-codeblock-keyword)',\n                                '--w-rjv-copied-color': 'var(--malachite-codeblock-string)',\n                                '--w-rjv-copied-success-color': 'var(--malachite-codeblock-string)',\n                                '--w-rjv-curlybraces-color':\n                                    'var(--malachite-codeblock-foreground)',\n                                '--w-rjv-colon-color': 'var(--malachite-codeblock-foreground)',\n                                '--w-rjv-brackets-color': 'var(--malachite-codeblock-foreground)',\n                                '--w-rjv-quotes-color': 'var(--malachite-codeblock-string)',\n                                '--w-rjv-quotes-string-color': 'var(--malachite-codeblock-string)',\n                                '--w-rjv-type-string-color': 'var(--malachite-codeblock-string)',\n                                '--w-rjv-type-int-color': 'var(--malachite-codeblock-number)',\n                                '--w-rjv-type-float-color': 'var(--malachite-codeblock-number)',\n                                '--w-rjv-type-bigint-color': 'var(--malachite-codeblock-number)',\n                                '--w-rjv-type-boolean-color': 'var(--malachite-codeblock-keyword)',\n                                '--w-rjv-type-date-color': 'var(--malachite-codeblock-string)',\n                                '--w-rjv-type-url-color': 'var(--malachite-codeblock-keyword)',\n                                '--w-rjv-type-null-color': 'var(--malachite-codeblock-comment)',\n                                '--w-rjv-type-nan-color': 'var(--malachite-codeblock-comment)',\n                                '--w-rjv-type-undefined-color':\n                                    'var(--malachite-codeblock-comment)',\n                            } as React.CSSProperties\n                        }\n                        displayDataTypes={false}\n                        enableClipboard={enableCopy}\n                        collapsed={collapsed}\n                        displayObjectSize={false}\n                    />\n                </div>\n            </div>\n        );\n    }\n\n    // Reserve clearance so a wide first line never sits under the floating copy button.\n    const copyClearance = enableCopy && (!!code || !!diffRows);\n\n    const renderPlainLines = (\n        text: string,\n        decorate?: (index: number) => CodeLineDecoration | undefined,\n    ) => {\n        const lines = text.split('\\n');\n\n        return (\n            <div\n                {...viewportProps}\n                className={`${viewportProps.className} p-4 text-left`}\n                style={{ paddingRight: copyClearance ? 44 : undefined }}\n            >\n                {/* As wide as the widest line, floored at the view, so rows filling it end level. */}\n                <div style={{ width: 'max-content', minWidth: '100%' }}>\n                    {lines.map((line, index) => {\n                        const decoration = decorate?.(index);\n\n                        return (\n                            <CodeLine\n                                key={index}\n                                line={line}\n                                lineNumber={\n                                    decoration?.lineNumber ??\n                                    (showLineNumbers ? index + 1 : undefined)\n                                }\n                                wrap={wrapLines}\n                                decoration={decoration}\n                            >\n                                {line}\n                            </CodeLine>\n                        );\n                    })}\n                </div>\n            </div>\n        );\n    };\n\n    const renderPlainCode = () => (code ? renderPlainLines(code) : null);\n\n    const renderDiff = (rows: DiffDisplayRow[]) => {\n        if (rows.length === 0) {\n            return (\n                <div\n                    className=\"p-4 text-left\"\n                    style={{ color: 'var(--malachite-codeblock-comment)' }}\n                >\n                    No changes\n                </div>\n            );\n        }\n\n        const decorate = (index: number) => {\n            const row = rows[index];\n\n            return row ? diffDecoration(row, showLineNumbers, diff?.origin) : undefined;\n        };\n\n        if (language) {\n            return (\n                <React.Suspense fallback={renderPlainLines(diffText, decorate)}>\n                    {/*\n                     * The whole merged text goes to the highlighter in one piece, so a hunk\n                     * is tokenised in the company of its neighbours rather than on its own.\n                     * Prism still cannot see the lines the hunks left out, so a construct\n                     * spanning an omitted run can highlight oddly — the reason `context`\n                     * defaults to a few lines rather than none.\n                     */}\n                    <CodeBlockHighlighter\n                        code={diffText}\n                        language={language}\n                        showLineNumbers={showLineNumbers}\n                        wrapLines={wrapLines}\n                        copyClearance={copyClearance}\n                        decorate={decorate}\n                        viewportProps={viewportProps}\n                    />\n                </React.Suspense>\n            );\n        }\n\n        return renderPlainLines(diffText, decorate);\n    };\n\n    // For code strings, create a simple syntax-highlighted view\n    const renderCodeContent = () => {\n        if (!code) {\n            return null;\n        }\n\n        if (language) {\n            return (\n                <React.Suspense fallback={renderPlainCode()}>\n                    <CodeBlockHighlighter\n                        code={code}\n                        language={language}\n                        showLineNumbers={showLineNumbers}\n                        wrapLines={wrapLines}\n                        copyClearance={copyClearance}\n                        viewportProps={viewportProps}\n                    />\n                </React.Suspense>\n            );\n        }\n\n        return renderPlainCode();\n    };\n\n    return (\n        <div\n            className={`relative border border-solid rounded-lg overflow-hidden ${className}`}\n            style={{\n                backgroundColor: 'var(--malachite-codeblock-background)',\n                borderColor: 'var(--malachite-codeblock-border)',\n                height,\n                ...style,\n            }}\n        >\n            {copyButton}\n            {diffRows ? renderDiff(diffRows) : renderCodeContent()}\n        </div>\n    );\n};\n\nexport default CodeBlock;\n"],"names":["CodeBlockHighlighter","React","DIFF_BACKGROUNDS","DIFF_MARKERS","ASSISTANT_DIFF_BACKGROUNDS","ASSISTANT_DIFF_MARKERS","ASSISTANT_DIFF_MARKER_COLORS","unchangedRun","count","diffDecoration","row","showLineNumbers","origin","assistant","CodeBlock","code","json","className","style","height","enableCopy","wrapLines","language","collapsed","diff","ariaLabel","ariaLabelledBy","diffRows","diffHunks","diffText","textToCopy","copyButton","jsx","_b","_a","FOCUS_RING","CopyIcon","viewportProps","FOCUS_RING_INSET","jsxs","JsonView","copyClearance","renderPlainLines","text","decorate","lines","line","index","decoration","CodeLine","renderPlainCode","renderDiff","rows","renderCodeContent"],"mappings":"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"}
+{"version":3,"file":"CodeBlock.js","sources":["../../src/components/CodeBlock.tsx"],"sourcesContent":["import JsonView from '@uiw/react-json-view';\nimport React from 'react';\nimport CheckmarkIcon from './CustomIcons/CheckmarkIcon';\nimport CopyIcon from './CustomIcons/CopyIcon';\nimport { type DiffDisplayRow, type DiffRowType, diffHunks } from './codeBlockDiff';\nimport { CodeLine, type CodeLineDecoration } from './codeBlockLine';\nimport { FOCUS_RING, FOCUS_RING_INSET } from './focusRing';\nimport { useClipboardCopy } from './useClipboardCopy';\n\nconst CodeBlockHighlighter = React.lazy(() => import('./CodeBlockHighlighter'));\n\nexport interface CodeBlockProps {\n    /** The code content to display */\n    code?: string;\n    /** JSON object to display as formatted JSON */\n    json?: object;\n    /** Show line numbers */\n    showLineNumbers?: boolean;\n    /** Custom class name */\n    className?: string;\n    /** Custom styles */\n    style?: React.CSSProperties;\n    /** Height of the code block */\n    height?: string | number;\n    /** Enable copy functionality */\n    enableCopy?: boolean;\n    /** Wrap long lines instead of scrolling horizontally */\n    wrapLines?: boolean;\n    /**\n     * Highlight the code with this language's grammar. `cedar` is a grammar this library\n     * ships itself (`prismCedar.ts`), since Prism and refractor carry none; widen the union\n     * as further grammars are registered in CodeBlockHighlighter.\n     */\n    language?: 'yaml' | 'cedar';\n    /** How much of a `json` tree starts collapsed: `true` all of it, a number below that depth. */\n    collapsed?: boolean | number;\n    /**\n     * Renders the change between two texts rather than one text, and takes precedence over\n     * `code` and `json`. Only the changed lines are shown, with `context` unchanged ones either\n     * side, so a small edit to a long document reads as a few hunks instead of the whole thing.\n     */\n    diff?: {\n        before: string;\n        after: string;\n        /** Unchanged lines kept either side of each change. Three by convention. */\n        context?: number;\n        /**\n         * Swaps the `+`/`-` gutter and tinted rows for the palette a mock specified for\n         * AI-authored changes: star, minus-sign and middle-dot markers, and a struck-through\n         * removal. Omit to keep the neutral markers; there is no default consumer for the\n         * assistant look yet.\n         */\n        origin?: 'assistant';\n    };\n    /** Names the scrollable region. Defaults to \"Code\". */\n    'aria-label'?: string;\n    /** Names the scrollable region by a visible label instead of `aria-label`. */\n    'aria-labelledby'?: string;\n}\n\nconst DIFF_BACKGROUNDS: Record<DiffRowType, string | undefined> = {\n    added: 'var(--malachite-codeblock-diff-added-background)',\n    removed: 'var(--malachite-codeblock-diff-removed-background)',\n    context: undefined,\n};\n\nconst DIFF_MARKERS: Record<DiffRowType, string | undefined> = {\n    added: '+',\n    removed: '-',\n    context: undefined,\n};\n\n// The assistant palette also marks context rows, which the neutral one leaves bare.\nconst ASSISTANT_DIFF_BACKGROUNDS: Record<DiffRowType, string | undefined> = {\n    added: 'var(--malachite-codeblock-diff-assistant-background)',\n    removed: 'var(--malachite-codeblock-diff-assistant-removed-background)',\n    context: undefined,\n};\n\nconst ASSISTANT_DIFF_MARKERS: Record<DiffRowType, string> = {\n    added: '\\u2726',\n    // U+2212 minus sign, not a hyphen: the mock is explicit about which glyph.\n    removed: '\\u2212',\n    context: '\\u00b7',\n};\n\nconst ASSISTANT_DIFF_MARKER_COLORS: Record<DiffRowType, string> = {\n    added: 'var(--malachite-codeblock-diff-assistant-foreground)',\n    removed: 'var(--malachite-codeblock-diff-removed-foreground)',\n    context: 'var(--malachite-codeblock-diff-context-foreground)',\n};\n\nconst unchangedRun = (count: number): string =>\n    `\\u22ef ${count} unchanged ${count === 1 ? 'line' : 'lines'}`;\n\nconst diffDecoration = (\n    row: DiffDisplayRow,\n    showLineNumbers: boolean,\n    origin?: 'assistant',\n): CodeLineDecoration => {\n    const assistant = origin === 'assistant';\n\n    return {\n        background: assistant ? ASSISTANT_DIFF_BACKGROUNDS[row.type] : DIFF_BACKGROUNDS[row.type],\n        marker: assistant ? ASSISTANT_DIFF_MARKERS[row.type] : DIFF_MARKERS[row.type],\n        markerColor: assistant ? ASSISTANT_DIFF_MARKER_COLORS[row.type] : undefined,\n        // Reserved on unchanged rows too, so the code column does not step in and out.\n        reserveMarker: true,\n        // Context rows read as de-emphasised, not just unmarked, in the assistant palette.\n        textColor:\n            assistant && row.type === 'context'\n                ? 'var(--malachite-codeblock-diff-context-text)'\n                : undefined,\n        strikethrough: assistant && row.type === 'removed',\n        separatorAbove: row.skippedAbove === undefined ? undefined : unchangedRun(row.skippedAbove),\n        // A removed line has no number in the after-text, so it keeps the one it had before.\n        lineNumber: showLineNumbers ? (row.afterNumber ?? row.beforeNumber) : undefined,\n    };\n};\n\nconst CodeBlock: React.FC<CodeBlockProps> = ({\n    code,\n    json,\n    showLineNumbers = true,\n    className = '',\n    style = {},\n    height,\n    enableCopy = true,\n    wrapLines = false,\n    language,\n    collapsed = false,\n    diff,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n}) => {\n    const diffRows = diff ? diffHunks(diff.before, diff.after, diff.context) : null;\n    const diffText = diffRows?.map((row) => row.text).join('\\n') ?? '';\n\n    /**\n     * What the button puts on the clipboard, in the same form the block is showing. A JSON\n     * block is pretty-printed rather than handed over minified: the reader is copying what\n     * they can see. `undefined` means there is nothing to copy and no button to offer.\n     */\n    const copyText = (): string | undefined => {\n        if (diffRows) {\n            return diffText;\n        }\n\n        // An empty block has nothing to copy, so it offers no button — `!== undefined` would\n        // hand back the empty string and put a dead control on it.\n        if (code) {\n            return code;\n        }\n\n        if (json !== undefined) {\n            try {\n                return JSON.stringify(json, null, 2);\n            } catch {\n                // A cycle or a BigInt: no honest text to copy, so offer no button.\n                return undefined;\n            }\n        }\n\n        return undefined;\n    };\n\n    const textToCopy = copyText();\n\n    const { outcome: copyOutcome, copy } = useClipboardCopy(textToCopy);\n    const copied = copyOutcome === 'copied';\n\n    const handleCopy = () => {\n        if (textToCopy !== undefined) {\n            void copy(textToCopy);\n        }\n    };\n\n    // Declared once and rendered by both the JSON branch and the code branch below, so the\n    // two tabs of one document do not disagree about whether it can be copied.\n    const copyButton = enableCopy && textToCopy !== undefined && (\n        <>\n            <button\n                type=\"button\"\n                aria-label=\"Copy\"\n                onClick={handleCopy}\n                className={`absolute top-2 right-2 z-10 flex items-center justify-center rounded-md border border-solid border-[var(--malachite-codeblock-border)] bg-[var(--malachite-codeblock-background)] p-1.5 transition-colors hover:bg-[var(--malachite-codeblock-border)] ${FOCUS_RING}`}\n                style={{ color: 'var(--malachite-codeblock-line-number)' }}\n            >\n                {copied ? <CheckmarkIcon size={14} /> : <CopyIcon size={14} />}\n            </button>\n            {/* Not role=\"status\": one per block would collide with a page's own status queries. */}\n            <span aria-live=\"polite\" className=\"sr-only\">\n                {copied ? 'Copied to clipboard' : ''}\n            </span>\n        </>\n    );\n\n    // Tabbable so a keyboard can scroll it: Safari never focuses a scroll container on its own.\n    const viewportProps = {\n        role: 'region',\n        'aria-label': ariaLabelledBy ? ariaLabel : (ariaLabel ?? 'Code'),\n        'aria-labelledby': ariaLabelledBy,\n        tabIndex: 0,\n        className: `box-border h-full overflow-auto ${FOCUS_RING_INSET}`,\n    } satisfies React.HTMLAttributes<HTMLElement>;\n\n    // If JSON is provided, use JsonView component\n    if (json && !diffRows) {\n        return (\n            <div\n                className={`relative border border-solid rounded-lg overflow-hidden ${className}`}\n                style={{\n                    backgroundColor: 'var(--malachite-codeblock-background)',\n                    borderColor: 'var(--malachite-codeblock-border)',\n                    height,\n                    ...style,\n                }}\n            >\n                {copyButton}\n                {/* The frame clips at `height`; this scrolls inside it, so the copy button stays put. */}\n                <div {...viewportProps}>\n                    <JsonView\n                        value={json}\n                        style={\n                            {\n                                backgroundColor: 'var(--malachite-codeblock-background)',\n                                color: 'var(--malachite-codeblock-foreground)',\n                                fontSize: '14px',\n                                fontFamily: 'var(--malachite-font-mono, monospace)',\n                                padding: '16px',\n                                lineHeight: '1.5',\n                                textAlign: 'left',\n                                '--w-rjv-color': 'var(--malachite-codeblock-foreground)',\n                                '--w-rjv-key-string': 'var(--malachite-codeblock-keyword)',\n                                '--w-rjv-background-color': 'var(--malachite-codeblock-background)',\n                                '--w-rjv-line-color': 'var(--malachite-codeblock-border)',\n                                '--w-rjv-arrow-color': 'var(--malachite-codeblock-line-number)',\n                                '--w-rjv-edit-color': 'var(--malachite-codeblock-keyword)',\n                                '--w-rjv-info-color': 'var(--malachite-codeblock-line-number)',\n                                '--w-rjv-update-color': 'var(--malachite-codeblock-keyword)',\n                                '--w-rjv-copied-color': 'var(--malachite-codeblock-string)',\n                                '--w-rjv-copied-success-color': 'var(--malachite-codeblock-string)',\n                                '--w-rjv-curlybraces-color':\n                                    'var(--malachite-codeblock-foreground)',\n                                '--w-rjv-colon-color': 'var(--malachite-codeblock-foreground)',\n                                '--w-rjv-brackets-color': 'var(--malachite-codeblock-foreground)',\n                                '--w-rjv-quotes-color': 'var(--malachite-codeblock-string)',\n                                '--w-rjv-quotes-string-color': 'var(--malachite-codeblock-string)',\n                                '--w-rjv-type-string-color': 'var(--malachite-codeblock-string)',\n                                '--w-rjv-type-int-color': 'var(--malachite-codeblock-number)',\n                                '--w-rjv-type-float-color': 'var(--malachite-codeblock-number)',\n                                '--w-rjv-type-bigint-color': 'var(--malachite-codeblock-number)',\n                                '--w-rjv-type-boolean-color': 'var(--malachite-codeblock-keyword)',\n                                '--w-rjv-type-date-color': 'var(--malachite-codeblock-string)',\n                                '--w-rjv-type-url-color': 'var(--malachite-codeblock-keyword)',\n                                '--w-rjv-type-null-color': 'var(--malachite-codeblock-comment)',\n                                '--w-rjv-type-nan-color': 'var(--malachite-codeblock-comment)',\n                                '--w-rjv-type-undefined-color':\n                                    'var(--malachite-codeblock-comment)',\n                            } as React.CSSProperties\n                        }\n                        displayDataTypes={false}\n                        enableClipboard={enableCopy}\n                        collapsed={collapsed}\n                        displayObjectSize={false}\n                    />\n                </div>\n            </div>\n        );\n    }\n\n    // Reserve clearance so a wide first line never sits under the floating copy button.\n    const copyClearance = enableCopy && (!!code || !!diffRows);\n\n    const renderPlainLines = (\n        text: string,\n        decorate?: (index: number) => CodeLineDecoration | undefined,\n    ) => {\n        const lines = text.split('\\n');\n\n        return (\n            <div\n                {...viewportProps}\n                className={`${viewportProps.className} p-4 text-left`}\n                style={{ paddingRight: copyClearance ? 44 : undefined }}\n            >\n                {/* As wide as the widest line, floored at the view, so rows filling it end level. */}\n                <div style={{ width: 'max-content', minWidth: '100%' }}>\n                    {lines.map((line, index) => {\n                        const decoration = decorate?.(index);\n\n                        return (\n                            <CodeLine\n                                key={index}\n                                line={line}\n                                lineNumber={\n                                    decoration?.lineNumber ??\n                                    (showLineNumbers ? index + 1 : undefined)\n                                }\n                                wrap={wrapLines}\n                                decoration={decoration}\n                            >\n                                {line}\n                            </CodeLine>\n                        );\n                    })}\n                </div>\n            </div>\n        );\n    };\n\n    const renderPlainCode = () => (code ? renderPlainLines(code) : null);\n\n    const renderDiff = (rows: DiffDisplayRow[]) => {\n        if (rows.length === 0) {\n            return (\n                <div\n                    className=\"p-4 text-left\"\n                    style={{ color: 'var(--malachite-codeblock-comment)' }}\n                >\n                    No changes\n                </div>\n            );\n        }\n\n        const decorate = (index: number) => {\n            const row = rows[index];\n\n            return row ? diffDecoration(row, showLineNumbers, diff?.origin) : undefined;\n        };\n\n        if (language) {\n            return (\n                <React.Suspense fallback={renderPlainLines(diffText, decorate)}>\n                    {/*\n                     * The whole merged text goes to the highlighter in one piece, so a hunk\n                     * is tokenised in the company of its neighbours rather than on its own.\n                     * Prism still cannot see the lines the hunks left out, so a construct\n                     * spanning an omitted run can highlight oddly — the reason `context`\n                     * defaults to a few lines rather than none.\n                     */}\n                    <CodeBlockHighlighter\n                        code={diffText}\n                        language={language}\n                        showLineNumbers={showLineNumbers}\n                        wrapLines={wrapLines}\n                        copyClearance={copyClearance}\n                        decorate={decorate}\n                        viewportProps={viewportProps}\n                    />\n                </React.Suspense>\n            );\n        }\n\n        return renderPlainLines(diffText, decorate);\n    };\n\n    // For code strings, create a simple syntax-highlighted view\n    const renderCodeContent = () => {\n        if (!code) {\n            return null;\n        }\n\n        if (language) {\n            return (\n                <React.Suspense fallback={renderPlainCode()}>\n                    <CodeBlockHighlighter\n                        code={code}\n                        language={language}\n                        showLineNumbers={showLineNumbers}\n                        wrapLines={wrapLines}\n                        copyClearance={copyClearance}\n                        viewportProps={viewportProps}\n                    />\n                </React.Suspense>\n            );\n        }\n\n        return renderPlainCode();\n    };\n\n    return (\n        <div\n            className={`relative border border-solid rounded-lg overflow-hidden ${className}`}\n            style={{\n                backgroundColor: 'var(--malachite-codeblock-background)',\n                borderColor: 'var(--malachite-codeblock-border)',\n                height,\n                ...style,\n            }}\n        >\n            {copyButton}\n            {diffRows ? renderDiff(diffRows) : renderCodeContent()}\n        </div>\n    );\n};\n\nexport default CodeBlock;\n"],"names":["CodeBlockHighlighter","React","DIFF_BACKGROUNDS","DIFF_MARKERS","ASSISTANT_DIFF_BACKGROUNDS","ASSISTANT_DIFF_MARKERS","ASSISTANT_DIFF_MARKER_COLORS","unchangedRun","count","diffDecoration","row","showLineNumbers","origin","assistant","CodeBlock","code","json","className","style","height","enableCopy","wrapLines","language","collapsed","diff","ariaLabel","ariaLabelledBy","diffRows","diffHunks","diffText","textToCopy","copyOutcome","copy","useClipboardCopy","copied","copyButton","jsxs","Fragment","jsx","FOCUS_RING","CheckmarkIcon","CopyIcon","viewportProps","FOCUS_RING_INSET","JsonView","copyClearance","renderPlainLines","text","decorate","lines","line","index","decoration","CodeLine","renderPlainCode","renderDiff","rows","renderCodeContent"],"mappings":"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"}