zudoku 0.61.5 → 0.63.0

package/src/lib/plugins/openapi/playground/PlaygroundDialog.tsx

@@ -54,7 +54,7 @@ const PlaygroundDialog = (props: PlaygroundDialogProps) => {
       </DialogTrigger>
 
       <DialogContent
-        className="max-w-screen-xl w-full overflow-hidden p-0"
+        className="max-w-screen-xl! w-full overflow-hidden p-0"
         aria-describedby={undefined}
         showCloseButton={true}
       >

package/src/lib/plugins/openapi/playground/result-panel/ResponseTab.tsx

@@ -3,6 +3,8 @@ import {
   CornerDownLeftIcon,
   CornerDownRightIcon,
   DownloadIcon,
+  EyeIcon,
+  EyeOffIcon,
   PlusCircleIcon,
 } from "lucide-react";
 import { useState } from "react";
@@ -12,6 +14,7 @@ import {
   CollapsibleContent,
   CollapsibleTrigger,
 } from "zudoku/ui/Collapsible.js";
+import { SecretText } from "zudoku/ui/Secret.js";
 import {
   Select,
   SelectContent,
@@ -19,6 +22,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from "zudoku/ui/Select.js";
+import { cn } from "../../../../util/cn.js";
 import createVariantComponent from "../../../../util/createVariantComponent.js";
 import { humanFileSize } from "../../../../util/humanFileSize.js";
 import {
@@ -89,6 +93,30 @@ const Row = createVariantComponent(
 );
 
 const RowContent = createVariantComponent("div", "py-1 break-all");
+const RowValue = ({ value, header }: { value: string; header: string }) => {
+  const secretHeaders = ["authorization", "key", "secret", "token"];
+  const isSecret = secretHeaders.includes(header.toLowerCase());
+  const [revealed, setRevealed] = useState(!isSecret);
+  return (
+    <RowContent
+      className={cn(isSecret && "cursor-pointer flex group")}
+      onClick={() => {
+        if (isSecret) {
+          setRevealed((prev) => !prev);
+        }
+      }}
+    >
+      <SecretText secret={value} previewChars={0} revealed={revealed} />
+      {isSecret ? (
+        revealed ? (
+          <EyeOffIcon size={14} className={cn("hidden group-hover:block")} />
+        ) : (
+          <EyeIcon size={14} className={cn("hidden group-hover:block")} />
+        )
+      ) : null}
+    </RowContent>
+  );
+};
 
 export const ResponseTab = ({
   body = "",
@@ -158,7 +186,7 @@ export const ResponseTab = ({
               .map(([key, value]) => (
                 <Row key={key}>
                   <RowContent>{key}</RowContent>
-                  <RowContent>{value}</RowContent>
+                  <RowValue value={value} header={key} />
                 </Row>
               ))}
           </div>
@@ -177,7 +205,7 @@ export const ResponseTab = ({
             {sortedHeaders.slice(0, MAX_HEADERS_TO_SHOW).map(([key, value]) => (
               <Row key={key}>
                 <RowContent>{key}</RowContent>
-                <RowContent>{value}</RowContent>
+                <RowValue value={value} header={key} />
               </Row>
             ))}
             {sortedHeaders.length > MAX_HEADERS_TO_SHOW && (
@@ -195,7 +223,7 @@ export const ResponseTab = ({
                     .map(([key, value]) => (
                       <Row key={key}>
                         <RowContent>{key}</RowContent>
-                        <RowContent>{value}</RowContent>
+                        <RowValue value={value} header={key} />
                       </Row>
                     ))}
                 </CollapsibleContent>

package/src/lib/shiki.ts

@@ -89,6 +89,15 @@ export const defaultLanguages: BundledLanguage[] = [
   "rust",
   "markdown",
   "mdx",
+  "zig",
+  "scala",
+  "dart",
+  "ocaml",
+  "c",
+  "cpp",
+  "common-lisp",
+  "elixir",
+  "powershell",
 ];
 
 const rehypeCodeBlockPlugin = () => (tree: Root) => {

package/src/lib/ui/Carousel.tsx

@@ -132,7 +132,6 @@ const Carousel = React.forwardRef<
           canScrollNext,
         }}
       >
-        {/** biome-ignore lint/a11y/useSemanticElements: shadcn uses divs for the carousel */}
         <div
           ref={ref}
           onKeyDownCapture={handleKeyDown}

package/src/lib/ui/Dialog.tsx

@@ -1,122 +1,128 @@
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { CircleIcon, XIcon } from "lucide-react";
-import * as React from "react";
+import type * as React from "react";
 import { cn } from "../util/cn.js";
 
-const Dialog = DialogPrimitive.Root;
-
-const DialogTrigger = DialogPrimitive.Trigger;
-
-const DialogPortal = DialogPrimitive.Portal;
-
-const DialogClose = DialogPrimitive.Close;
-
-const DialogOverlay = React.forwardRef<
-  React.ElementRef<typeof DialogPrimitive.Overlay>,
-  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
->(({ className, ...props }, ref) => (
-  <DialogPrimitive.Overlay
-    ref={ref}
-    className={cn(
-      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className,
-    )}
-    {...props}
-  />
-));
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-
-const DialogContent = React.forwardRef<
-  React.ElementRef<typeof DialogPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
-    showCloseButton?: boolean;
-  }
->(({ className, children, showCloseButton = true, ...props }, ref) => (
-  <DialogPortal>
-    <DialogOverlay />
-    <DialogPrimitive.Content
-      ref={ref}
+function Dialog({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Root>) {
+  return <DialogPrimitive.Root data-slot="dialog" {...props} />;
+}
+function DialogTrigger({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
+  return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />;
+}
+function DialogPortal({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Portal>) {
+  return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />;
+}
+function DialogClose({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Close>) {
+  return <DialogPrimitive.Close data-slot="dialog-close" {...props} />;
+}
+function DialogOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {
+  return (
+    <DialogPrimitive.Overlay
+      data-slot="dialog-overlay"
       className={cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        "backdrop-blur-xs transition-all",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/32",
         className,
       )}
       {...props}
-    >
-      {children}
-      {showCloseButton && (
-        <DialogPrimitive.Close className="absolute p-3 group -left-1.5 -top-1.5 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
-          <CircleIcon
-            className="h-2 w-2 transition-all border border-transparent  group-hover:border-white/20 rounded-full group-hover:scale-180 group-hover:text-red-400"
-            strokeWidth={2}
-            fill="currentColor"
-          />
-          <XIcon
-            className="h-2 w-2 absolute top-3 left-3 text-transparent group-hover:text-red-800 transition-colors"
-            strokeWidth={2}
-            fill="currentColor"
-          />
-          <span className="sr-only">Close</span>
-        </DialogPrimitive.Close>
+    />
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Content> & {
+  showCloseButton?: boolean;
+}) {
+  return (
+    <DialogPortal data-slot="dialog-portal">
+      <DialogOverlay />
+      <DialogPrimitive.Content
+        data-slot="dialog-content"
+        className={cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-xl",
+          className,
+        )}
+        {...props}
+      >
+        {children}
+        {showCloseButton && (
+          <DialogPrimitive.Close className="absolute p-3 group -left-1.5 -top-1.5 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
+            <CircleIcon
+              className="h-2 w-2 transition-all border border-transparent  group-hover:border-white/20 rounded-full group-hover:scale-180 group-hover:text-red-400"
+              strokeWidth={2}
+              fill="currentColor"
+            />
+            <XIcon
+              className="h-2 w-2 absolute top-3 left-3 text-transparent group-hover:text-red-800 transition-colors"
+              strokeWidth={2}
+              fill="currentColor"
+            />
+            <span className="sr-only">Close</span>
+          </DialogPrimitive.Close>
+        )}
+      </DialogPrimitive.Content>
+    </DialogPortal>
+  );
+}
+function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="dialog-header"
+      className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
+      {...props}
+    />
+  );
+}
+function DialogFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="dialog-footer"
+      className={cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className,
       )}
-    </DialogPrimitive.Content>
-  </DialogPortal>
-));
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-
-const DialogHeader = ({
+      {...props}
+    />
+  );
+}
+function DialogTitle({
   className,
   ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
-      className,
-    )}
-    {...props}
-  />
-);
-DialogHeader.displayName = "DialogHeader";
-
-const DialogFooter = ({
+}: React.ComponentProps<typeof DialogPrimitive.Title>) {
+  return (
+    <DialogPrimitive.Title
+      data-slot="dialog-title"
+      className={cn("text-lg leading-none font-semibold", className)}
+      {...props}
+    />
+  );
+}
+function DialogDescription({
   className,
   ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className,
-    )}
-    {...props}
-  />
-);
-DialogFooter.displayName = "DialogFooter";
-
-const DialogTitle = React.forwardRef<
-  React.ElementRef<typeof DialogPrimitive.Title>,
-  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
->(({ className, ...props }, ref) => (
-  <DialogPrimitive.Title
-    ref={ref}
-    className={cn(
-      "text-lg font-semibold leading-none tracking-tight",
-      className,
-    )}
-    {...props}
-  />
-));
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-
-const DialogDescription = React.forwardRef<
-  React.ElementRef<typeof DialogPrimitive.Description>,
-  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
->(({ className, ...props }, ref) => (
-  <DialogPrimitive.Description
-    ref={ref}
-    className={cn("text-sm text-muted-foreground", className)}
-    {...props}
-  />
-));
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
+}: React.ComponentProps<typeof DialogPrimitive.Description>) {
+  return (
+    <DialogPrimitive.Description
+      data-slot="dialog-description"
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  );
+}
 
 export {
   Dialog,

package/src/lib/ui/Secret.tsx

@@ -6,6 +6,45 @@ import { Button } from "./Button.js";
 
 type Status = "active" | "expired" | "expiring" | "revoked" | "none";
 
+export const SecretText = ({
+  secret,
+  revealed = false,
+  previewChars = 5,
+  className,
+}: {
+  secret: string;
+  revealed?: boolean;
+  previewChars?: number;
+  className?: string;
+}) => {
+  return (
+    <span className={cn("w-full truncate", className)}>
+      <div
+        className={cn(
+          "w-40 inline-block md:w-fit",
+          revealed ? "" : "opacity-50",
+        )}
+      >
+        {revealed
+          ? secret.slice(0, previewChars === 0 ? secret.length : -previewChars)
+          : "•••• ".repeat(
+              secret.slice(
+                0,
+                previewChars === 0 ? secret.length : -previewChars,
+              ).length / 5,
+            ) +
+            "•".repeat(
+              secret.slice(
+                0,
+                previewChars === 0 ? secret.length : -previewChars,
+              ).length % 5,
+            )}
+      </div>
+      {previewChars > 0 && <span>{secret.slice(-previewChars)}</span>}
+    </span>
+  );
+};
+
 export const Secret = ({
   secret,
   preview = 5,
@@ -51,33 +90,11 @@ export const Secret = ({
             )}
           />
         )}
-        <span className="w-full truncate">
-          <div
-            className={cn(
-              "w-40 inline-block md:w-fit",
-              revealed ? "" : "opacity-50",
-            )}
-          >
-            {revealed
-              ? secret.slice(
-                  0,
-                  previewChars === 0 ? secret.length : -previewChars,
-                )
-              : "•••• ".repeat(
-                  secret.slice(
-                    0,
-                    previewChars === 0 ? secret.length : -previewChars,
-                  ).length / 5,
-                ) +
-                "•".repeat(
-                  secret.slice(
-                    0,
-                    previewChars === 0 ? secret.length : -previewChars,
-                  ).length % 5,
-                )}
-          </div>
-          {previewChars > 0 && <span>{secret.slice(-previewChars)}</span>}
-        </span>
+        <SecretText
+          secret={secret}
+          revealed={revealed}
+          previewChars={previewChars}
+        />
       </div>
       {disabledReveal !== true && (
         <Button

package/src/lib/util/pastellize.ts

@@ -1,14 +1,14 @@
 const c2n = (c: string) =>
   Math.abs(
-    Number.isNaN(parseInt(c))
+    Number.isNaN(Number(c))
       ? c.toLowerCase().charCodeAt(0) - 96
-      : Number.isNaN(parseInt(c))
+      : Number.isNaN(Number(c))
         ? 0
-        : parseInt(c),
+        : Number(c),
   );
 const s2n = (s: string) =>
   s.length > 1
-    ? parseInt(s.split("").reduce((a, c) => `${c2n(a) + c2n(c)}`))
+    ? Number(s.split("").reduce((a, c) => `${c2n(a) + c2n(c)}`))
     : c2n(s);
 
 export const pastellize = (

package/src/shiki/langs/hurl.js

@@ -0,0 +1 @@
+export { default } from "@shikijs/langs/hurl";

package/src/shiki/langs/kdl.js

@@ -0,0 +1 @@
+export { default } from "@shikijs/langs/kdl";

package/src/shiki/langs/pkl.js

@@ -0,0 +1 @@
+export { default } from "@shikijs/langs/pkl";

package/src/shiki/langs/rosmsg.js

@@ -0,0 +1 @@
+export { default } from "@shikijs/langs/rosmsg";

package/lib/CodeBlock-i0BM_QFf.js

@@ -1,176 +0,0 @@
-import { j as o } from "./jsx-runtime-DywqP_6a.js";
-import { CheckIcon as d, CopyIcon as h } from "lucide-react";
-import { lazy as t, Suspense as u, useRef as x } from "react";
-import { c as p } from "./cn-dYga0KKN.js";
-import { u as b } from "./useCopyToClipboard-B_085nfO.js";
-const j = {
-  typescript: {
-    pattern: /^(ts|typescript)$/,
-    icon: t(() => import("./typescript-7qOVMjOC.js")),
-    width: 15
-  },
-  javascript: {
-    pattern: /^(js|javascript)$/,
-    icon: t(() => import("./javascript-CrY8dcGu.js"))
-  },
-  react: {
-    pattern: /^(react|tsx|jsx)$/,
-    icon: t(() => import("./react-CQvDN20M.js")),
-    width: 22
-  },
-  markdown: {
-    pattern: /^(md|markdown)$/,
-    icon: t(() => import("./markdown-BD9bIU5J.js")),
-    width: 22
-  },
-  mdx: {
-    pattern: /^mdx$/,
-    icon: t(() => import("./mdx-G25UCvf3.js")),
-    width: 28
-  },
-  java: {
-    pattern: /^(java)$/,
-    icon: t(() => import("./java-DUh-EL8n.js")),
-    width: 22
-  },
-  json: {
-    pattern: /^jsonc?$/,
-    icon: t(() => import("./json-DLK2_sdf.js"))
-  },
-  yaml: {
-    pattern: /^yaml$/,
-    icon: t(() => import("./yaml-DUi-dbfu.js"))
-  },
-  toml: {
-    pattern: /^toml$/,
-    icon: t(() => import("./toml-BJsCc8TC.js"))
-  },
-  shell: {
-    pattern: /^(shell|bash|sh|zsh|term|terminal|ansi)$/,
-    icon: t(() => import("./shell-BFu0M6m4.js"))
-  },
-  python: {
-    pattern: /^(py|python)$/,
-    icon: t(() => import("./python-BaF2byD-.js"))
-  },
-  csharp: {
-    pattern: /^(cs|csharp|vb)$/,
-    icon: t(() => import("./csharp-rrJEDRrV.js")),
-    width: 20
-  },
-  rust: {
-    pattern: /^(rs|rust)$/,
-    icon: t(() => import("./rust-IfSC62c5.js")),
-    width: 20
-  },
-  ruby: {
-    pattern: /^(rb|ruby)$/,
-    icon: t(() => import("./ruby-CmxRVHMR.js"))
-  },
-  php: {
-    pattern: /^php$/,
-    icon: t(() => import("./php-BeG18bSy.js")),
-    width: 24
-  },
-  html: {
-    pattern: /^html?$/,
-    icon: t(() => import("./html-D_7om-nA.js")),
-    width: 15
-  },
-  css: {
-    pattern: /^css$/,
-    icon: t(() => import("./css-Dpk9bCql.js"))
-  },
-  objectivec: {
-    pattern: /^(objc|objectivec)$/,
-    icon: t(() => import("./objectivec-DDpj0aWX.js")),
-    width: 16
-  },
-  swift: {
-    pattern: /^swift$/,
-    icon: t(() => import("./swift-DckbsN4v.js"))
-  },
-  go: {
-    pattern: /^go$/,
-    icon: t(() => import("./go-D8SJIQ0Z.js")),
-    width: 28
-  },
-  xml: {
-    pattern: /^xml$/,
-    icon: t(() => import("./xml-DAaTIkBX.js"))
-  },
-  kotlin: {
-    pattern: /^(kt|kotlin)$/,
-    icon: t(() => import("./kotlin-rJMOGl7D.js")),
-    width: 14
-  },
-  graphql: {
-    pattern: /^(gql|graphql)$/,
-    icon: t(() => import("./graphql-aeVKJNa2.js"))
-  }
-}, w = ({ language: r }) => {
-  if (!r) return null;
-  const e = Object.values(j).find((n) => n.pattern.test(r));
-  if (!e) return null;
-  const i = e.width ?? 18;
-  return /* @__PURE__ */ o.jsx(u, { fallback: /* @__PURE__ */ o.jsx("div", { style: { width: i, height: "1em" } }), children: /* @__PURE__ */ o.jsx(e.icon, { className: "h-auto", style: { width: i } }) });
-}, k = ({
-  children: r,
-  title: e = "Code",
-  language: i,
-  showCopy: n = "hover",
-  showLanguageIndicator: $,
-  showLineNumbers: c,
-  ...m
-}) => {
-  const [s, l] = b(), a = x(null);
-  return r ? /* @__PURE__ */ o.jsxs(
-    "div",
-    {
-      className: p(
-        "border code-block-wrapper relative group rounded-md overflow-hidden",
-        c && "line-numbers",
-        m.className
-      ),
-      children: [
-        /* @__PURE__ */ o.jsxs("div", { className: "border-b flex items-center h-10 font-sans bg-black/2", children: [
-          /* @__PURE__ */ o.jsxs("div", { className: "flex items-center gap-1.5 flex-1 text-sm w-full px-3", children: [
-            /* @__PURE__ */ o.jsx(w, { language: i }),
-            e
-          ] }),
-          " ",
-          n !== "never" && /* @__PURE__ */ o.jsx(
-            "button",
-            {
-              type: "button",
-              "aria-label": "Copy code",
-              title: "Copy code",
-              className: p(
-                "transition px-2 py-2 mx-1 rounded-sm",
-                !s && "hover:bg-accent hover:brightness-95"
-              ),
-              disabled: s,
-              onClick: () => {
-                a.current?.textContent && l(a.current.textContent);
-              },
-              children: s ? /* @__PURE__ */ o.jsx(d, { className: "text-emerald-600", size: 14 }) : /* @__PURE__ */ o.jsx(h, { size: 14 })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ o.jsx(
-          "div",
-          {
-            className: "code-block text-sm not-prose scrollbar [&_code]:px-3 [&_code]:py-2",
-            ref: a,
-            children: r
-          }
-        )
-      ]
-    }
-  ) : null;
-};
-export {
-  k as C,
-  w as L
-};
-//# sourceMappingURL=CodeBlock-i0BM_QFf.js.map

package/lib/CodeBlock-i0BM_QFf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CodeBlock-i0BM_QFf.js","sources":["../src/lib/components/LanguageIcon.tsx","../src/lib/ui/CodeBlock.tsx"],"sourcesContent":["import {\n  type ComponentType,\n  type LazyExoticComponent,\n  lazy,\n  Suspense,\n  type SVGProps,\n} from \"react\";\n\ntype Language = {\n  pattern: RegExp;\n  icon: LazyExoticComponent<ComponentType<SVGProps<SVGSVGElement>>>;\n  width?: number;\n};\n\nconst Languages: Record<string, Language> = {\n  typescript: {\n    pattern: /^(ts|typescript)$/,\n    icon: lazy(() => import(\"../assets/language-icons/typescript.js\")),\n    width: 15,\n  },\n  javascript: {\n    pattern: /^(js|javascript)$/,\n    icon: lazy(() => import(\"../assets/language-icons/javascript.js\")),\n  },\n  react: {\n    pattern: /^(react|tsx|jsx)$/,\n    icon: lazy(() => import(\"../assets/language-icons/react.js\")),\n    width: 22,\n  },\n  markdown: {\n    pattern: /^(md|markdown)$/,\n    icon: lazy(() => import(\"../assets/language-icons/markdown.js\")),\n    width: 22,\n  },\n  mdx: {\n    pattern: /^mdx$/,\n    icon: lazy(() => import(\"../assets/language-icons/mdx.js\")),\n    width: 28,\n  },\n  java: {\n    pattern: /^(java)$/,\n    icon: lazy(() => import(\"../assets/language-icons/java.js\")),\n    width: 22,\n  },\n  json: {\n    pattern: /^jsonc?$/,\n    icon: lazy(() => import(\"../assets/language-icons/json.js\")),\n  },\n  yaml: {\n    pattern: /^yaml$/,\n    icon: lazy(() => import(\"../assets/language-icons/yaml.js\")),\n  },\n  toml: {\n    pattern: /^toml$/,\n    icon: lazy(() => import(\"../assets/language-icons/toml.js\")),\n  },\n  shell: {\n    pattern: /^(shell|bash|sh|zsh|term|terminal|ansi)$/,\n    icon: lazy(() => import(\"../assets/language-icons/shell.js\")),\n  },\n  python: {\n    pattern: /^(py|python)$/,\n    icon: lazy(() => import(\"../assets/language-icons/python.js\")),\n  },\n  csharp: {\n    pattern: /^(cs|csharp|vb)$/,\n    icon: lazy(() => import(\"../assets/language-icons/csharp.js\")),\n    width: 20,\n  },\n  rust: {\n    pattern: /^(rs|rust)$/,\n    icon: lazy(() => import(\"../assets/language-icons/rust.js\")),\n    width: 20,\n  },\n  ruby: {\n    pattern: /^(rb|ruby)$/,\n    icon: lazy(() => import(\"../assets/language-icons/ruby.js\")),\n  },\n  php: {\n    pattern: /^php$/,\n    icon: lazy(() => import(\"../assets/language-icons/php.js\")),\n    width: 24,\n  },\n  html: {\n    pattern: /^html?$/,\n    icon: lazy(() => import(\"../assets/language-icons/html.js\")),\n    width: 15,\n  },\n  css: {\n    pattern: /^css$/,\n    icon: lazy(() => import(\"../assets/language-icons/css.js\")),\n  },\n  objectivec: {\n    pattern: /^(objc|objectivec)$/,\n    icon: lazy(() => import(\"../assets/language-icons/objectivec.js\")),\n    width: 16,\n  },\n  swift: {\n    pattern: /^swift$/,\n    icon: lazy(() => import(\"../assets/language-icons/swift.js\")),\n  },\n  go: {\n    pattern: /^go$/,\n    icon: lazy(() => import(\"../assets/language-icons/go.js\")),\n    width: 28,\n  },\n  xml: {\n    pattern: /^xml$/,\n    icon: lazy(() => import(\"../assets/language-icons/xml.js\")),\n  },\n  kotlin: {\n    pattern: /^(kt|kotlin)$/,\n    icon: lazy(() => import(\"../assets/language-icons/kotlin.js\")),\n    width: 14,\n  },\n  graphql: {\n    pattern: /^(gql|graphql)$/,\n    icon: lazy(() => import(\"../assets/language-icons/graphql.js\")),\n  },\n};\n\nexport const LanguageIcon = ({ language }: { language?: string }) => {\n  if (!language) return null;\n\n  const Lang = Object.values(Languages).find((l) => l.pattern.test(language));\n\n  if (!Lang) return null;\n\n  const size = Lang.width ?? 18;\n\n  return (\n    <Suspense fallback={<div style={{ width: size, height: \"1em\" }} />}>\n      <Lang.icon className=\"h-auto\" style={{ width: size }} />\n    </Suspense>\n  );\n};\n","import { CheckIcon, CopyIcon } from \"lucide-react\";\nimport { type ReactNode, useRef } from \"react\";\nimport { LanguageIcon } from \"../components/LanguageIcon.js\";\nimport { cn } from \"../util/cn.js\";\nimport { useCopyToClipboard } from \"../util/useCopyToClipboard.js\";\n\nexport type CodeBlockProps = {\n  className?: string;\n  noBackground?: boolean;\n  wrapLines?: boolean;\n  showLanguageIndicator?: boolean;\n  language?: string;\n  title?: string;\n  children?: ReactNode;\n  code?: ReactNode;\n  showCopy?: \"hover\" | \"always\" | \"never\";\n  disabled?: boolean;\n  showLineNumbers?: boolean;\n};\n\nexport const CodeBlock = ({\n  children,\n  title = \"Code\",\n  language,\n  showCopy = \"hover\",\n  showLanguageIndicator,\n  showLineNumbers,\n  ...props\n}: CodeBlockProps) => {\n  const [isCopied, copyToClipboard] = useCopyToClipboard();\n  const ref = useRef<HTMLDivElement>(null);\n\n  if (!children) return null;\n\n  return (\n    <div\n      className={cn(\n        \"border code-block-wrapper relative group rounded-md overflow-hidden\",\n        showLineNumbers && \"line-numbers\",\n        props.className,\n      )}\n    >\n      <div className=\"border-b flex items-center h-10 font-sans bg-black/2\">\n        <div className=\"flex items-center gap-1.5 flex-1 text-sm w-full px-3\">\n          <LanguageIcon language={language} />\n          {title}\n        </div>{\" \"}\n        {showCopy !== \"never\" && (\n          <button\n            type=\"button\"\n            aria-label=\"Copy code\"\n            title=\"Copy code\"\n            className={cn(\n              \"transition px-2 py-2 mx-1 rounded-sm\",\n              !isCopied && \"hover:bg-accent hover:brightness-95\",\n            )}\n            disabled={isCopied}\n            onClick={() => {\n              if (!ref.current?.textContent) return;\n\n              copyToClipboard(ref.current.textContent);\n            }}\n          >\n            {isCopied ? (\n              <CheckIcon className=\"text-emerald-600\" size={14} />\n            ) : (\n              <CopyIcon size={14} />\n            )}\n          </button>\n        )}\n      </div>\n      <div\n        className=\"code-block text-sm not-prose scrollbar [&_code]:px-3 [&_code]:py-2\"\n        ref={ref}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"names":["Languages","lazy","LanguageIcon","language","Lang","l","size","jsx","Suspense","CodeBlock","children","title","showCopy","showLanguageIndicator","showLineNumbers","props","isCopied","copyToClipboard","useCopyToClipboard","ref","useRef","jsxs","cn","CheckIcon","CopyIcon"],"mappings":"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"}