zudoku 0.54.1 → 0.54.2

package/lib/ui/CodeBlock.js

@@ -2,7 +2,7 @@ import "../jsx-runtime-C5mzlN2N.js";
 import "lucide-react";
 import "react";
 import "../cn-dYga0KKN.js";
-import { C as e } from "../CodeBlock-B-G0eKtw.js";
+import { C as e } from "../CodeBlock-NFCmSWOK.js";
 export {
   e as CodeBlock
 };

package/lib/ui/SyntaxHighlight.js

@@ -1,9 +1,9 @@
 import "../jsx-runtime-C5mzlN2N.js";
 import "react";
 import "../ZudokuContext-CLl5w57E.js";
-import { S as h } from "../SyntaxHighlight-BMKR4pl6.js";
+import { S as h } from "../SyntaxHighlight-BaPoOBLD.js";
 import "../invariant-Bm-FVUQE.js";
-import "../CodeBlock-B-G0eKtw.js";
+import "../CodeBlock-NFCmSWOK.js";
 import "./EmbeddedCodeBlock.js";
 export {
   h as SyntaxHighlight

package/lib/zudoku.auth-azureb2c.js

@@ -1,10 +1,10 @@
 import { j as o } from "./jsx-runtime-C5mzlN2N.js";
 import { PublicClientApplication as A, EventType as f } from "@azure/msal-browser";
-import { E as I } from "./index-A5Qdwj1B.js";
+import { E as I } from "./index-BqrVgyZ3.js";
 import { C as T } from "./ClientOnly-E7hGysn1.js";
 import { j as S } from "./ZudokuContext-CLl5w57E.js";
-import { C, A as c } from "./errors-Cs7hKmdL.js";
-import { C as k, O as w } from "./OAuthErrorPage-DJzGiIBt.js";
+import { C, A as c } from "./errors-7Pb4eZXa.js";
+import { C as k, O as w } from "./OAuthErrorPage-Dd0fl6Lh.js";
 import { u as h } from "./hook-DbUCLQNg.js";
 const u = "/oauth/callback";
 class y extends C {

package/lib/zudoku.auth-clerk.js

@@ -1,6 +1,6 @@
 import { j as l } from "./jsx-runtime-C5mzlN2N.js";
 import { LogOutIcon as f } from "lucide-react";
-import { S as w, a as p, b as v } from "./SignUp-BwOSCD-6.js";
+import { S as w, a as p, b as v } from "./SignUp-DUmbxjcy.js";
 import { u as n } from "./hook-DbUCLQNg.js";
 const b = ({
   clerkPubKey: d,

package/lib/zudoku.auth-openid.js

@@ -1,10 +1,10 @@
 import { j as D } from "./jsx-runtime-C5mzlN2N.js";
 import { g as Le } from "./invariant-Bm-FVUQE.js";
-import { E as Ue } from "./index-A5Qdwj1B.js";
+import { E as Ue } from "./index-BqrVgyZ3.js";
 import { C as xe } from "./ClientOnly-E7hGysn1.js";
 import { j as Ce } from "./ZudokuContext-CLl5w57E.js";
-import { C as Ie, O as re, A as R } from "./errors-Cs7hKmdL.js";
-import { C as je, O as Oe } from "./OAuthErrorPage-DJzGiIBt.js";
+import { C as Ie, O as re, A as R } from "./errors-7Pb4eZXa.js";
+import { C as je, O as Oe } from "./OAuthErrorPage-Dd0fl6Lh.js";
 import { u as S } from "./hook-DbUCLQNg.js";
 var J = { exports: {} }, De = J.exports, oe;
 function Je() {

package/lib/zudoku.auth-supabase.js

@@ -1,5 +1,5 @@
 import { createClient as l } from "@supabase/supabase-js";
-import { C as g, A as p } from "./errors-Cs7hKmdL.js";
+import { C as g, A as p } from "./errors-7Pb4eZXa.js";
 import { u as r } from "./hook-DbUCLQNg.js";
 class f extends g {
   client;

package/lib/zudoku.components.js

@@ -2,8 +2,8 @@ import "./RouteGuard-0wPUKdxJ.js";
 import "./index-Bm35Tkgf.js";
 import "./chunk-QMGIS6GS-CEOk3lro.js";
 import "./hook-DbUCLQNg.js";
-import "./Slot-DAyXieeZ.js";
-import { e as d, f as h, j as k, B as l, m as S, C as B, i as c, H as y, c as E, L as g, M as H, g as L, R as M, d as R, S as T, h as Z, T as f, Z as A, b, l as j, k as v, n as w, u as x } from "./index-A5Qdwj1B.js";
+import "./Slot-BahfuM5e.js";
+import { e as d, f as h, j as k, B as l, m as S, C as B, i as c, H as y, c as E, L as g, M as H, g as L, R as M, d as R, S as T, h as Z, T as f, Z as A, b, l as j, k as v, n as w, u as x } from "./index-BqrVgyZ3.js";
 import "./ui/Button.js";
 import "./ui/Callout.js";
 import "./ZudokuContext-CLl5w57E.js";

package/lib/zudoku.plugin-api-catalog.js

@@ -1,11 +1,11 @@
 import { j as t } from "./jsx-runtime-C5mzlN2N.js";
-import { s as f } from "./index-BkW9tJ6j.js";
+import { s as f } from "./index-fHJ5WmM5.js";
 import { d as b, m as j } from "./chunk-QMGIS6GS-CEOk3lro.js";
 import { b as x, j as d } from "./ZudokuContext-CLl5w57E.js";
 import { H as v } from "./RouteGuard-0wPUKdxJ.js";
-import { L as y } from "./index-A5Qdwj1B.js";
+import { L as y } from "./index-BqrVgyZ3.js";
 import { u as N } from "./hook-DbUCLQNg.js";
-import { H as k, M as S } from "./Slot-DAyXieeZ.js";
+import { H as k, M as S } from "./Slot-BahfuM5e.js";
 const w = ({
   items: o,
   filterCatalogItems: r = (n) => n,

package/lib/zudoku.plugin-api-keys.js

@@ -1,19 +1,19 @@
 import { j as e } from "./jsx-runtime-C5mzlN2N.js";
 import { CircleSlashIcon as F, CheckIcon as te, XIcon as ue, PencilLineIcon as he, RefreshCwIcon as fe, EyeOffIcon as pe, EyeIcon as me, CopyIcon as xe, TrashIcon as ye, KeyRoundIcon as ge } from "lucide-react";
-import { D as je, a as Y, R as Ce } from "./Slot-DAyXieeZ.js";
+import { D as je, a as Y, R as Ce } from "./Slot-BahfuM5e.js";
 import { i as A } from "./invariant-Bm-FVUQE.js";
 import { O as ve, a as we, L as be } from "./chunk-QMGIS6GS-CEOk3lro.js";
 import { a as ke } from "./hook-DbUCLQNg.js";
 import { Button as x } from "./ui/Button.js";
 import { c as se, e as ne, b as Ne } from "./ZudokuContext-CLl5w57E.js";
-import { u as z, A as O, a as M, b as Ee, S as Ke, c as De, d as Ie, e as Pe, f as Ae, g as Z } from "./Select-BmTTKNPp.js";
+import { u as z, A as O, a as M, b as Ee, S as Ke, c as De, d as Ie, e as Pe, f as Ae, g as Z } from "./Select-DVKfV8Vb.js";
 import * as _ from "react";
 import Re, { createContext as G, useRef as D, useLayoutEffect as Se, useEffect as ie, useId as J, useContext as U, useInsertionEffect as Te, useMemo as L, useCallback as ze, Children as Oe, isValidElement as Me, useState as K, forwardRef as qe } from "react";
 import { C as Fe, a as Le } from "./Card-CMDQUPM4.js";
 import { e as W, f as I, D as $, g as Q, a as B, c as H, b as V, d as re } from "./Dialog-u9Uz9sTt.js";
 import { Input as ae } from "./ui/Input.js";
 import { c as N } from "./cn-dYga0KKN.js";
-import { u as $e } from "./CodeBlock-B-G0eKtw.js";
+import { u as $e } from "./CodeBlock-NFCmSWOK.js";
 import { a as Qe } from "./index.esm-CdzlRw50.js";
 import { B as Be } from "./Button-B3o-2Xdf.js";
 import { S as He } from "./Spinner-mNLZ6awP.js";

package/lib/zudoku.plugin-markdown.js

@@ -4,7 +4,7 @@ const m = (t) => ({
     ([e, n]) => ({
       path: e,
       lazy: async () => {
-        const { MdxPage: o } = await import("./MdxPage-Bsko6_kb.js"), { default: a, ...r } = await n();
+        const { MdxPage: o } = await import("./MdxPage-C6Ru5mfp.js"), { default: a, ...r } = await n();
         return {
           element: /* @__PURE__ */ s.jsx(
             o,

package/lib/zudoku.plugin-openapi.js

@@ -4,7 +4,7 @@ import "./chunk-QMGIS6GS-CEOk3lro.js";
 import "./hook-DbUCLQNg.js";
 import "./ui/Button.js";
 import "./ZudokuContext-CLl5w57E.js";
-import { y as n, U as s, z as A } from "./index-Bg7Js3jB.js";
+import { y as n, U as s, z as A } from "./index-D_weJvKR.js";
 export {
   n as GetNavigationOperationsQuery,
   s as UNTAGGED_PATH,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zudoku",
-  "version": "0.54.1",
+  "version": "0.54.2",
   "type": "module",
   "homepage": "https://zudoku.dev",
   "repository": {
@@ -164,10 +164,10 @@
     "@radix-ui/react-visually-hidden": "1.2.3",
     "@scalar/openapi-parser": "0.18.0",
     "@sentry/node": "9.26.0",
-    "@shikijs/langs": "3.7.0",
-    "@shikijs/rehype": "3.7.0",
-    "@shikijs/themes": "3.7.0",
-    "@shikijs/transformers": "3.7.0",
+    "@shikijs/langs": "3.8.0",
+    "@shikijs/rehype": "3.8.0",
+    "@shikijs/themes": "3.8.0",
+    "@shikijs/transformers": "3.8.0",
     "@sindresorhus/slugify": "2.2.1",
     "@stefanprobst/rehype-extract-toc": "3.0.0",
     "@tailwindcss/typography": "0.5.16",
@@ -234,7 +234,7 @@
     "remark-rehype": "^11.1.2",
     "rollup": "4.45.0",
     "semver": "7.7.2",
-    "shiki": "3.7.0",
+    "shiki": "3.8.0",
     "sitemap": "8.0.0",
     "spin-delay": "2.0.1",
     "strip-ansi": "7.1.0",
@@ -250,7 +250,7 @@
     "yargs": "18.0.0",
     "zod": "3.25.74",
     "zod-to-ts": "1.2.0",
-    "zustand": "5.0.5"
+    "zustand": "5.0.6"
   },
   "devDependencies": {
     "@graphql-codegen/cli": "5.0.7",
@@ -274,7 +274,7 @@
     "@types/unist": "^3.0.3",
     "@types/yargs": "17.0.33",
     "@vitest/coverage-v8": "3.2.1",
-    "esbuild": "0.25.1",
+    "esbuild": "0.25.6",
     "happy-dom": "18.0.1",
     "mdast-util-mdx": "3.0.0",
     "react": "19.1.0",

package/src/app/main.css

@@ -166,14 +166,10 @@
     @apply bg-(--highlighted-bg) relative;
   }
 
-  .shiki .line.highlighted:before {
-    position: absolute;
-    inset-inline-start: 0;
-    inset-block-start: 0;
-    inset-block-end: 0;
-    border-left: 2px solid
+  .shiki .line.highlighted::after {
+    @apply absolute left-0 top-0 bottom-0 right-auto translate-x-full content-[''];
+    border-left: 3px solid
       hsl(from var(--highlighted-bg) h s calc(l + 4 * var(--dark)));
-    content: "";
   }
 
   .shiki .highlighted-word {

package/src/lib/components/BuildCheck.tsx

@@ -11,17 +11,17 @@ const BuildStatusSchema = z.object({
 
 export const BuildCheck = ({
   buildId,
+  environmentType,
   endpoint = "/__zuplo/docs",
 }: {
   buildId?: string;
+  environmentType?: string;
   endpoint?: string;
 }) => {
   const buildStatusQuery = useQuery({
     queryKey: ["zuplo-build-check", buildId, endpoint],
     refetchInterval: 3000,
-    enabled:
-      typeof buildId !== "undefined" &&
-      import.meta.env.ZUPLO_ENVIRONMENT_TYPE === "WORKING_COPY",
+    enabled: buildId !== undefined && environmentType === "WORKING_COPY",
     retry: false,
     queryFn: () =>
       fetch(endpoint, { signal: AbortSignal.timeout(2000) })

package/src/lib/shiki.ts

@@ -43,6 +43,8 @@ export const defaultHighlightOptions = {
     dark: "github-dark",
   },
   defaultColor: false,
+  defaultLanguage: "text",
+  fallbackLanguage: "text",
   inline: "tailing-curly-colon",
   addLanguageClass: true,
   transformers: [transformerMetaHighlight(), transformerMetaWordHighlight()],

package/src/lib/ui/CodeBlock.tsx

@@ -18,12 +18,41 @@ export type CodeBlockProps = {
   showLineNumbers?: boolean;
 };
 
+const IconToLanguageMap: Record<string, RegExp> = {
+  typescript: /(tsx?|typescript)/,
+  javascript: /(jsx?|javascript)/,
+  markdown: /(md|markdown)/,
+  mdx: /(mdx)/,
+  json: /(json)/,
+  yaml: /(yaml)/,
+  toml: /(toml)/,
+  bash: /(shell|bash|sh|zsh)/,
+  python: /(py|python)/,
+  dotnet: /(cs|csharp|vb)/,
+  rust: /(rs|rust)/,
+  ruby: /(rb|ruby)/,
+  php: /php/,
+  html: /html?/,
+  css: /css/,
+};
+
+const getIconUrl = (language?: string) => {
+  if (!language) return undefined;
+
+  const icon = Object.entries(IconToLanguageMap).find(([_, regex]) =>
+    regex.test(language),
+  );
+  return icon
+    ? `https://cdn.simpleicons.org/${icon[0]}/000/fff?viewbox=auto`
+    : undefined;
+};
+
 export const CodeBlock = ({
   children,
   title = "Code",
   language,
   showCopy = "hover",
-  showLanguageIndicator = false,
+  showLanguageIndicator,
   showLineNumbers,
   ...props
 }: CodeBlockProps) => {
@@ -32,6 +61,8 @@ export const CodeBlock = ({
 
   if (!children) return null;
 
+  const iconUrl = showLanguageIndicator ? getIconUrl(language) : undefined;
+
   return (
     <div
       className={cn(
@@ -40,11 +71,9 @@ export const CodeBlock = ({
       )}
     >
       <div className="border-b flex items-center h-10 font-sans bg-black/2">
-        <div className="flex-1 text-sm w-full px-4">
+        <div className="flex items-center gap-2 flex-1 text-sm w-full px-3">
+          {iconUrl && <img src={iconUrl} className="h-3 max-w-4" />}
           {title}
-          {showLanguageIndicator && language && (
-            <span className="text-muted-foreground ml-2">({language})</span>
-          )}
         </div>{" "}
         {showCopy !== "never" && (
           <button
@@ -52,7 +81,8 @@ export const CodeBlock = ({
             aria-label="Copy code"
             title="Copy code"
             className={cn(
-              "cursor:pointer h-full hover:border-l-border active:shadow-none active:inset-shadow-xs hover:inset-shadow-xs flex items-center gap-2 px-4 outline-border text-sm hover:bg-black/5 transition-all",
+              "transition px-2 py-2 mx-1 rounded-sm",
+              !isCopied && "hover:bg-accent hover:brightness-95",
             )}
             disabled={isCopied}
             onClick={() => {
@@ -62,12 +92,7 @@ export const CodeBlock = ({
             }}
           >
             {isCopied ? (
-              <CheckIcon
-                className="text-emerald-600"
-                size={14}
-                strokeWidth={2.5}
-                absoluteStrokeWidth
-              />
+              <CheckIcon className="text-emerald-600" size={14} />
             ) : (
               <CopyIcon size={14} />
             )}
@@ -76,7 +101,7 @@ export const CodeBlock = ({
       </div>
       <div
         className={cn(
-          "code-block text-sm not-prose scrollbar overflow-x-auto scrollbar [&>code]:p-4",
+          "code-block text-sm not-prose scrollbar overflow-x-auto scrollbar [&>code]:p-3 [&>code]:py-2",
           props.className,
         )}
         ref={ref}