@alfadocs/ui-kit-debug 0.71.0 → 0.72.1

package/dist/_chunks/code-block-Cwi7e3HM.js

@@ -0,0 +1,106 @@
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { forwardRef as u, useState as g, useCallback as x } from "react";
+import { c as h } from "./index-D2ZczOXr.js";
+import { useTranslation as b } from "react-i18next";
+import { I as y } from "./icon-button-LqoiKcUN.js";
+import { C } from "./check-DrFSN__t.js";
+import { C as k } from "./copy-vRpqqHtY.js";
+function F(e) {
+  const s = [], t = /```([^\n`]*)\n([\s\S]*?)(?:\n?```|$)/g;
+  let o = 0, r;
+  for (; (r = t.exec(e)) !== null; )
+    r.index > o && s.push({ type: "text", value: e.slice(o, r.index) }), s.push({
+      type: "code",
+      lang: r[1].trim() || void 0,
+      value: r[2]
+    }), o = t.lastIndex;
+  return o < e.length && s.push({ type: "text", value: e.slice(o) }), s;
+}
+const w = h(
+  [
+    "ds:my-[var(--spacing-sm)] ds:overflow-hidden",
+    "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]",
+    "ds:bg-[var(--muted)]"
+  ].join(" ")
+), B = u(
+  ({ code: e, language: s, showCopy: t = !0, className: o, ...r }, f) => {
+    var l;
+    const { t: d } = b(), [n, i] = g(!1), c = t && typeof navigator < "u" && typeof ((l = navigator.clipboard) == null ? void 0 : l.writeText) == "function", v = x(() => {
+      var p;
+      (p = navigator.clipboard) == null || p.writeText(e).then(() => {
+        i(!0), setTimeout(() => i(!1), 2e3);
+      }).catch(() => {
+      });
+    }, [e]);
+    return /* @__PURE__ */ m(
+      "div",
+      {
+        ref: f,
+        "data-component": "code-block",
+        className: [w(), o].filter(Boolean).join(" "),
+        ...r,
+        children: [
+          s || c ? /* @__PURE__ */ m(
+            "div",
+            {
+              className: [
+                "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]",
+                "ds:border-b ds:border-[color:var(--border)]",
+                "ds:bg-[color-mix(in_srgb,var(--muted-foreground)_8%,transparent)]",
+                "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-xs)]",
+                "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]"
+              ].join(" "),
+              children: [
+                /* @__PURE__ */ a(
+                  "span",
+                  {
+                    dir: "ltr",
+                    className: "type-meta ds:text-[color:var(--muted-foreground)]",
+                    children: s ?? ""
+                  }
+                ),
+                c ? /* @__PURE__ */ a(
+                  y,
+                  {
+                    icon: n ? /* @__PURE__ */ a(C, {}) : /* @__PURE__ */ a(k, {}),
+                    "aria-label": d(n ? "codeBlock.copied" : "codeBlock.copy"),
+                    intent: "ghost",
+                    size: "sm",
+                    onClick: v
+                  }
+                ) : null
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ a(
+            "pre",
+            {
+              tabIndex: 0,
+              className: "ds:m-0 ds:overflow-x-auto ds:p-[var(--spacing-md)]",
+              children: /* @__PURE__ */ a(
+                "code",
+                {
+                  dir: "ltr",
+                  className: [
+                    "ds:font-[family-name:var(--font-mono)]",
+                    "ds:text-[length:var(--font-size-sm)] ds:leading-relaxed",
+                    "ds:text-[color:var(--foreground)]",
+                    "ds:whitespace-pre"
+                  ].join(" "),
+                  children: e
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ a("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: n ? d("codeBlock.copied") : "" })
+        ]
+      }
+    );
+  }
+);
+B.displayName = "CodeBlock";
+export {
+  B as C,
+  F as s
+};
+//# sourceMappingURL=code-block-Cwi7e3HM.js.map

package/dist/_chunks/code-block-Cwi7e3HM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-Cwi7e3HM.js","sources":["../../src/components/_shared/code-block.tsx"],"sourcesContent":["/**\n * Shared fenced-code-block renderer for the chat markdown path.\n *\n * `splitCodeFences` slices a markdown string into plain-text and fenced-code\n * segments so `ChatMessage` / `StreamingText` can keep their existing inline\n * tokenizers for the text runs and render `<CodeBlock>` for the code runs.\n * It tolerates an UNTERMINATED trailing fence — the streaming case, where the\n * closing ``` has not arrived yet — so a prompt renders as a code block as it\n * streams in.\n *\n * `CodeBlock` renders the code in a scrollable monospace surface with a Copy\n * affordance (clipboard + a brief \"Copied\" confirmation, graceful no-op when\n * the clipboard API is unavailable). No `dangerouslySetInnerHTML`.\n */\nimport { forwardRef, useCallback, useState, type HTMLAttributes } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, Copy } from 'lucide-react';\nimport { IconButton } from '../button';\n\n/* ------------------------------------------------------------------ */\n/* splitCodeFences                                                      */\n/* ------------------------------------------------------------------ */\n\nexport type MarkdownSegment =\n  | { type: 'text'; value: string }\n  | { type: 'code'; lang?: string; value: string };\n\n/**\n * Split markdown into text + fenced-code segments. Matches an opening\n * ` ```lang\\n `, lazy content, then either a closing ` \\n``` ` on its own line\n * or end-of-input (the unterminated streaming case).\n */\nexport function splitCodeFences(input: string): MarkdownSegment[] {\n  const segments: MarkdownSegment[] = [];\n  // `\\n?` before the closing fence so an EMPTY block (```ts\\n```) closes\n  // correctly rather than swallowing its own closing backticks as content.\n  const fence = /```([^\\n`]*)\\n([\\s\\S]*?)(?:\\n?```|$)/g;\n  let last = 0;\n  let m: RegExpExecArray | null;\n  while ((m = fence.exec(input)) !== null) {\n    if (m.index > last) {\n      segments.push({ type: 'text', value: input.slice(last, m.index) });\n    }\n    segments.push({\n      type: 'code',\n      lang: m[1].trim() || undefined,\n      value: m[2],\n    });\n    last = fence.lastIndex;\n  }\n  if (last < input.length) {\n    segments.push({ type: 'text', value: input.slice(last) });\n  }\n  return segments;\n}\n\n/* ------------------------------------------------------------------ */\n/* CodeBlock                                                            */\n/* ------------------------------------------------------------------ */\n\nconst codeBlockVariants = cva(\n  [\n    'ds:my-[var(--spacing-sm)] ds:overflow-hidden',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]',\n    'ds:bg-[var(--muted)]',\n  ].join(' '),\n);\n\nexport interface CodeBlockProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  /** Raw code text. */\n  code: string;\n  /** Optional info string after the opening fence (e.g. `ts`, `bash`). */\n  language?: string;\n  /** Render the Copy affordance. Default `true`. */\n  showCopy?: boolean;\n}\n\nexport const CodeBlock = forwardRef<HTMLDivElement, CodeBlockProps>(\n  ({ code, language, showCopy = true, className, ...rest }, ref) => {\n    const { t } = useTranslation();\n    const [copied, setCopied] = useState(false);\n\n    const canCopy =\n      showCopy &&\n      typeof navigator !== 'undefined' &&\n      typeof navigator.clipboard?.writeText === 'function';\n\n    const handleCopy = useCallback(() => {\n      navigator.clipboard\n        ?.writeText(code)\n        .then(() => {\n          setCopied(true);\n          setTimeout(() => setCopied(false), 2000);\n        })\n        .catch(() => {\n          // Clipboard blocked (insecure context / permissions) — graceful no-op.\n        });\n    }, [code]);\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"code-block\"\n        className={[codeBlockVariants(), className].filter(Boolean).join(' ')}\n        {...rest}\n      >\n        {language || canCopy ? (\n          <div\n            className={[\n              'ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]',\n              'ds:border-b ds:border-[color:var(--border)]',\n              'ds:bg-[color-mix(in_srgb,var(--muted-foreground)_8%,transparent)]',\n              'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-xs)]',\n              'ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n            ].join(' ')}\n          >\n            <span\n              dir=\"ltr\"\n              className=\"type-meta ds:text-[color:var(--muted-foreground)]\"\n            >\n              {language ?? ''}\n            </span>\n            {canCopy ? (\n              <IconButton\n                icon={copied ? <Check /> : <Copy />}\n                aria-label={\n                  copied ? t('codeBlock.copied') : t('codeBlock.copy')\n                }\n                intent=\"ghost\"\n                size=\"sm\"\n                onClick={handleCopy}\n              />\n            ) : null}\n          </div>\n        ) : null}\n        {/* eslint-disable jsx-a11y/no-noninteractive-tabindex --\n            the scrollable <pre> must be keyboard-focusable so keyboard users\n            can scroll the overflow (axe scrollable-region-focusable); the\n            browser default focus ring satisfies WCAG 2.4.7. */}\n        <pre\n          tabIndex={0}\n          className=\"ds:m-0 ds:overflow-x-auto ds:p-[var(--spacing-md)]\"\n        >\n          <code\n            dir=\"ltr\"\n            className={[\n              'ds:font-[family-name:var(--font-mono)]',\n              'ds:text-[length:var(--font-size-sm)] ds:leading-relaxed',\n              'ds:text-[color:var(--foreground)]',\n              'ds:whitespace-pre',\n            ].join(' ')}\n          >\n            {code}\n          </code>\n        </pre>\n        {/* eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n        {/* Polite status so AT confirms the copy without moving focus. */}\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {copied ? t('codeBlock.copied') : ''}\n        </span>\n      </div>\n    );\n  },\n);\n\nCodeBlock.displayName = 'CodeBlock';\n"],"names":["splitCodeFences","input","segments","fence","last","m","codeBlockVariants","cva","CodeBlock","forwardRef","code","language","showCopy","className","rest","ref","t","useTranslation","copied","setCopied","useState","canCopy","_a","handleCopy","useCallback","jsxs","jsx","IconButton","Check","Copy"],"mappings":"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"}