zudoku 0.48.0 → 0.48.2

package/src/lib/ui/Alert.tsx

@@ -1,16 +1,15 @@
 import { cva, type VariantProps } from "class-variance-authority";
 import * as React from "react";
-
 import { cn } from "../util/cn.js";
 
 const alertVariants = cva(
-  "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
+  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
   {
     variants: {
       variant: {
-        default: "bg-background text-foreground",
+        default: "bg-card text-card-foreground",
         destructive:
-          "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
+          "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
       },
     },
     defaultVariants: {
@@ -19,41 +18,48 @@ const alertVariants = cva(
   },
 );
 
-const Alert = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>
->(({ className, variant, ...props }, ref) => (
-  <div
-    ref={ref}
-    role="alert"
-    className={cn(alertVariants({ variant }), className)}
-    {...props}
-  />
-));
-Alert.displayName = "Alert";
+function Alert({
+  className,
+  variant,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>) {
+  return (
+    <div
+      data-slot="alert"
+      role="alert"
+      className={cn(alertVariants({ variant }), className)}
+      {...props}
+    />
+  );
+}
 
-const AlertTitle = React.forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLHeadingElement>
->(({ className, ...props }, ref) => (
-  <h5
-    ref={ref}
-    className={cn("mb-1 font-medium leading-none tracking-tight", className)}
-    {...props}
-  />
-));
-AlertTitle.displayName = "AlertTitle";
+function AlertTitle({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="alert-title"
+      className={cn(
+        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
 
-const AlertDescription = React.forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLParagraphElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("text-sm [&_p]:leading-relaxed", className)}
-    {...props}
-  />
-));
-AlertDescription.displayName = "AlertDescription";
+function AlertDescription({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="alert-description"
+      className={cn(
+        "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
 
 export { Alert, AlertDescription, AlertTitle };

package/src/lib/ui/CodeBlock.tsx

@@ -13,18 +13,16 @@ export type CodeBlockProps = {
   children?: ReactNode;
   code?: ReactNode;
   showCopy?: "hover" | "always" | "never";
-  showCopyText?: boolean;
   disabled?: boolean;
   showLineNumbers?: boolean;
 };
 
 export const CodeBlock = ({
   children,
-  title,
+  title = "Code",
   language,
   showCopy = "hover",
-  showCopyText,
-  showLanguageIndicator = true,
+  showLanguageIndicator = false,
   showLineNumbers,
   ...props
 }: CodeBlockProps) => {
@@ -36,15 +34,47 @@ export const CodeBlock = ({
   return (
     <div
       className={cn(
-        "code-block-wrapper relative group bg-muted/50 rounded-md",
+        "border code-block-wrapper relative group bg-muted/50 rounded-md overflow-hidden",
         showLineNumbers && "line-numbers",
       )}
     >
-      {title && (
-        <div className="text-xs text-muted-foreground top-2 font-mono border-b w-full py-2 px-4 ">
+      <div className="border-b flex items-center h-10 font-sans bg-black/2">
+        <div className="flex-1 text-sm w-full px-4">
           {title}
-        </div>
-      )}
+          {showLanguageIndicator && (
+            <span className="text-muted-foreground ml-2">({language})</span>
+          )}
+        </div>{" "}
+        {showCopy !== "never" && (
+          <button
+            type="button"
+            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",
+            )}
+            disabled={isCopied}
+            onClick={() => {
+              if (!ref.current?.textContent) return;
+
+              setIsCopied(true);
+              void navigator.clipboard.writeText(ref.current.textContent);
+              setTimeout(() => setIsCopied(false), 2000);
+            }}
+          >
+            {isCopied ? (
+              <CheckIcon
+                className="text-emerald-600"
+                size={14}
+                strokeWidth={2.5}
+                absoluteStrokeWidth
+              />
+            ) : (
+              <CopyIcon size={14} />
+            )}
+          </button>
+        )}
+      </div>
       <div
         className={cn(
           "code-block text-sm not-prose scrollbar overflow-x-auto scrollbar p-4",
@@ -54,50 +84,6 @@ export const CodeBlock = ({
       >
         {children}
       </div>
-      {showLanguageIndicator && (
-        <span
-          className={cn(
-            "absolute top-1.5 end-3 !text-[11px] font-mono text-muted-foreground transition group-hover:opacity-0",
-            title && "top-12",
-            showCopy === "always" && "hidden",
-          )}
-        >
-          {language}
-        </span>
-      )}
-      {showCopy !== "never" && (
-        <button
-          type="button"
-          aria-label="Copy code"
-          title="Copy code"
-          className={cn(
-            "absolute top-2 end-2 p-2 transition hover:shadow-xs active:shadow-none active:inset-shadow-xs hover:outline outline-border rounded-md text-sm text-muted-foreground",
-            title && "top-10",
-            showCopy === "hover" && "opacity-0 group-hover:opacity-100",
-            showCopyText && "flex gap-2 items-center font-medium",
-          )}
-          disabled={isCopied}
-          onClick={() => {
-            if (!ref.current?.textContent) return;
-
-            setIsCopied(true);
-            void navigator.clipboard.writeText(ref.current.textContent);
-            setTimeout(() => setIsCopied(false), 2000);
-          }}
-        >
-          {isCopied ? (
-            <CheckIcon
-              className="text-emerald-600"
-              size={16}
-              strokeWidth={2.5}
-              absoluteStrokeWidth
-            />
-          ) : (
-            <CopyIcon size={16} />
-          )}
-          {showCopyText && "Copy"}
-        </button>
-      )}
     </div>
   );
 };

package/src/lib/ui/EmbeddedCodeBlock.tsx

@@ -0,0 +1,94 @@
+import { CheckIcon, CopyIcon } from "lucide-react";
+import type { ReactNode } from "react";
+import { useRef, useState } from "react";
+import { cn } from "../util/cn.js";
+
+export type CodeBlockProps = {
+  className?: string;
+  noBackground?: boolean;
+  wrapLines?: boolean;
+  showLanguageIndicator?: boolean;
+  language?: string;
+  children?: ReactNode;
+  code?: ReactNode;
+  showCopy?: "hover" | "always" | "never";
+  showCopyText?: boolean;
+  disabled?: boolean;
+  showLineNumbers?: boolean;
+};
+
+export const EmbeddedCodeBlock = ({
+  children,
+  language,
+  showCopy = "hover",
+  showCopyText,
+  showLanguageIndicator = true,
+  showLineNumbers,
+  ...props
+}: CodeBlockProps) => {
+  const [isCopied, setIsCopied] = useState(false);
+  const ref = useRef<HTMLDivElement>(null);
+
+  if (!children) return null;
+
+  return (
+    <div
+      className={cn(
+        "code-block-wrapper relative group bg-muted/50 rounded-md",
+        showLineNumbers && "line-numbers",
+      )}
+    >
+      <div
+        className={cn(
+          "code-block text-sm not-prose scrollbar overflow-x-auto scrollbar p-4",
+          props.className,
+        )}
+        ref={ref}
+      >
+        {children}
+      </div>
+      {showLanguageIndicator && (
+        <span
+          className={cn(
+            "absolute top-1.5 end-3 !text-[11px] font-mono text-muted-foreground transition group-hover:opacity-0",
+            showCopy === "always" && "hidden",
+          )}
+        >
+          {language}
+        </span>
+      )}
+      {showCopy !== "never" && (
+        <button
+          type="button"
+          aria-label="Copy code"
+          title="Copy code"
+          className={cn(
+            "absolute top-2 end-2 p-2 transition hover:shadow-xs active:shadow-none active:inset-shadow-xs hover:outline outline-border rounded-md text-sm text-muted-foreground",
+            showCopy === "hover" && "opacity-0 group-hover:opacity-100",
+            showCopyText && "flex gap-2 items-center font-medium",
+          )}
+          disabled={isCopied}
+          onClick={() => {
+            if (!ref.current?.textContent) return;
+
+            setIsCopied(true);
+            void navigator.clipboard.writeText(ref.current.textContent);
+            setTimeout(() => setIsCopied(false), 2000);
+          }}
+        >
+          {isCopied ? (
+            <CheckIcon
+              className="text-emerald-600"
+              size={16}
+              strokeWidth={2.5}
+              absoluteStrokeWidth
+            />
+          ) : (
+            <CopyIcon size={16} />
+          )}
+          {showCopyText && "Copy"}
+        </button>
+      )}
+    </div>
+  );
+};

package/src/lib/ui/SyntaxHighlight.tsx

@@ -3,12 +3,16 @@ import { useZudoku } from "../components/context/ZudokuContext.js";
 import { highlight } from "../shiki.js";
 import invariant from "../util/invariant.js";
 import { CodeBlock, type CodeBlockProps } from "./CodeBlock.js";
+import { EmbeddedCodeBlock } from "./EmbeddedCodeBlock.js";
 
 type SyntaxHighlightProps = CodeBlockProps &
-  ({ code: string; children?: never } | { code?: never; children: string });
+  (
+    | { code: string; embedded?: boolean; children?: never }
+    | { code?: never; children: string; embedded?: boolean }
+  );
 
 export const SyntaxHighlight = memo(
-  ({ code, children, ...props }: SyntaxHighlightProps) => {
+  ({ code, children, embedded, ...props }: SyntaxHighlightProps) => {
     const { syntaxHighlighting } = useZudoku().options;
 
     invariant(syntaxHighlighting?.highlighter, "Highlighter not found");
@@ -20,7 +24,11 @@ export const SyntaxHighlight = memo(
       syntaxHighlighting.themes,
     );
 
-    return <CodeBlock {...props}>{highlightedCode}</CodeBlock>;
+    return embedded ? (
+      <EmbeddedCodeBlock {...props}>{highlightedCode}</EmbeddedCodeBlock>
+    ) : (
+      <CodeBlock {...props}>{highlightedCode}</CodeBlock>
+    );
   },
 );
 

package/lib/Slot-BkYrj_uC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slot-BkYrj_uC.js","sources":["../src/lib/components/DeveloperHint.tsx","../src/lib/components/NotFoundPage.tsx","../src/lib/ui/SyntaxHighlight.tsx","../src/lib/errors/ErrorAlert.tsx","../src/lib/errors/RouterError.tsx","../src/lib/components/context/SlotProvider.tsx","../src/lib/components/Slot.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Callout } from \"../ui/Callout.js\";\nimport { Markdown } from \"./Markdown.js\";\n\nexport const DeveloperHint = ({\n  children,\n  className,\n}: {\n  children: ReactNode;\n  className?: string;\n}) => {\n  if (process.env.NODE_ENV !== \"development\") return;\n\n  return (\n    <Callout type=\"caution\" title=\"Developer hint\" className={className}>\n      <div className=\"flex flex-col gap-2\">\n        {typeof children === \"string\" ? (\n          <Markdown content={children} />\n        ) : (\n          <div>{children}</div>\n        )}\n        <small className=\"italic\">\n          Note: This hint is only shown in development mode.\n        </small>\n      </div>\n    </Callout>\n  );\n};\n","import { UnlinkIcon } from \"lucide-react\";\nimport { Link, useParams } from \"react-router\";\nimport { CategoryHeading } from \"./CategoryHeading.js\";\nimport { DeveloperHint } from \"./DeveloperHint.js\";\nimport { Heading } from \"./Heading.js\";\nimport { ProseClasses } from \"./Markdown.js\";\n\nexport const NotFoundPage = () => {\n  const params = useParams();\n\n  return (\n    <div className={ProseClasses + \" h-full pt-(--padding-content-top)\"}>\n      <CategoryHeading>404</CategoryHeading>\n      <Heading level={1} className=\"flex gap-3.5 items-center\">\n        Page not found\n        <UnlinkIcon size={24} />\n      </Heading>\n      <DeveloperHint>\n        Start by adding a file at{\" \"}\n        <code>\n          {\"{PROJECT_ROOT}\"}/{params[\"*\"]}.mdx\n        </code>{\" \"}\n        and add some content to make this error go away.\n      </DeveloperHint>\n      <p>\n        It seems that the page you are looking for does not exist or may have\n        been moved. Please check the URL for any typos or use the navigation\n        menu to find the correct page.\n      </p>\n      <Link to=\"/\">Go back home</Link>\n    </div>\n  );\n};\n","import { memo } from \"react\";\nimport { useZudoku } from \"../components/context/ZudokuContext.js\";\nimport { highlight } from \"../shiki.js\";\nimport invariant from \"../util/invariant.js\";\nimport { CodeBlock, type CodeBlockProps } from \"./CodeBlock.js\";\n\ntype SyntaxHighlightProps = CodeBlockProps &\n  ({ code: string; children?: never } | { code?: never; children: string });\n\nexport const SyntaxHighlight = memo(\n  ({ code, children, ...props }: SyntaxHighlightProps) => {\n    const { syntaxHighlighting } = useZudoku().options;\n\n    invariant(syntaxHighlighting?.highlighter, \"Highlighter not found\");\n\n    const highlightedCode = highlight(\n      syntaxHighlighting.highlighter,\n      code ?? children,\n      props.language,\n      syntaxHighlighting.themes,\n    );\n\n    return <CodeBlock {...props}>{highlightedCode}</CodeBlock>;\n  },\n);\n\nSyntaxHighlight.displayName = \"SyntaxHighlight\";\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\nimport { SyntaxHighlight } from \"zudoku/ui/SyntaxHighlight.js\";\nimport { DeveloperHint } from \"../components/DeveloperHint.js\";\nimport { Heading } from \"../components/Heading.js\";\nimport { ProseClasses } from \"../components/Markdown.js\";\nimport { cn } from \"../util/cn.js\";\nimport { ZudokuError } from \"../util/invariant.js\";\n\nexport function ErrorAlert({ error }: { error: unknown }) {\n  const message =\n    error instanceof Error ? error.message : \"Something went wrong\";\n\n  const hint = error instanceof ZudokuError ? error.developerHint : undefined;\n  const title =\n    error instanceof ZudokuError ? error.title : \"Something went wrong\";\n  const stack = error instanceof Error ? error.stack : undefined;\n  const cause = error instanceof Error ? error.cause : undefined;\n\n  const stringError = cause instanceof Error ? String(cause.stack) : stack;\n\n  return (\n    <div\n      className={cn(\n        ProseClasses,\n        \"grid grid-cols-1 !max-w-none pt-(--padding-content-top)\",\n      )}\n    >\n      <Heading level={1}>{title}</Heading>\n      Error: {message}\n      {hint && <DeveloperHint className=\"mb-4\">{hint}</DeveloperHint>}\n      {stringError && (\n        <div>\n          <SyntaxHighlight\n            className=\"max-h-[400px] border mt-2\"\n            language=\"js\"\n            code={stringError}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n","import { isRouteErrorResponse, useRouteError } from \"react-router\";\nimport { NotFoundPage } from \"../components/NotFoundPage.js\";\nimport { ErrorAlert } from \"./ErrorAlert.js\";\n\nexport function RouterError() {\n  const error = useRouteError();\n\n  if (isRouteErrorResponse(error) && error.status === 404) {\n    return <NotFoundPage />;\n  }\n\n  return <ErrorAlert error={error} />;\n}\n","import {\n  createContext,\n  Fragment,\n  use,\n  useMemo,\n  useRef,\n  type ComponentType,\n  type PropsWithChildren,\n  type ReactNode,\n} from \"react\";\nimport { createStore, useStore } from \"zustand\";\nimport {\n  useExposedProps,\n  type ExposedComponentProps,\n} from \"../../util/useExposedProps.js\";\n\nexport type SlotType = ReactNode | ComponentType<ExposedComponentProps>;\n\ntype SlotItem = {\n  id: string;\n  content: SlotType;\n  type: \"prepend\" | \"replace\" | \"append\";\n  sequence: number;\n};\n\ntype SlotStoreState = {\n  items: Map<string, SlotItem[]>;\n  // to guarantee the order of the items when appending/prepending\n  sequences: Map<string, number>;\n  getItems: (name: string) => SlotItem[];\n  setSlot: (\n    id: string,\n    name: string,\n    content: SlotType,\n    type: \"prepend\" | \"replace\" | \"append\",\n  ) => void;\n  clearSlot: (id: string, name: string) => void;\n};\n\nexport type SlotStore = ReturnType<typeof createSlotStore>;\n\nconst createSlotStore = ({\n  slots = {},\n}: {\n  slots?: Record<string, SlotType>;\n} = {}) => {\n  const initialItems = new Map(\n    Object.entries(slots).map(([id, content]) => [\n      id,\n      [{ id, content, type: \"replace\", sequence: 0 } satisfies SlotItem],\n    ]),\n  );\n  const EMPTY_ITEMS: SlotItem[] = [];\n\n  return createStore<SlotStoreState>()((set, get) => ({\n    items: initialItems,\n    sequences: new Map(),\n    getItems: (name) => get().items.get(name) ?? EMPTY_ITEMS,\n    setSlot: (id, name, content, type) =>\n      set((state) => {\n        if (content == null) return state;\n\n        const items = new Map(state.items);\n        const sequences = new Map(state.sequences);\n        const existing = items.get(name) ?? [];\n        const filtered = existing.filter((item) => item.id !== id);\n\n        const currentSequence = sequences.get(name) ?? 0;\n        const newSequence = currentSequence + 1;\n        sequences.set(name, newSequence);\n\n        const newItem = {\n          id,\n          content,\n          type,\n          // Use negative sequence values for \"prepend\" to ensure they are sorted before positive values for \"append\".\n          sequence: type === \"prepend\" ? -newSequence : newSequence,\n        } satisfies SlotItem;\n\n        if (type === \"replace\") {\n          const nonReplaceItems = filtered.filter(\n            (item) => item.type !== \"replace\",\n          );\n          items.set(name, [...nonReplaceItems, newItem]);\n        } else {\n          items.set(name, [...filtered, newItem]);\n        }\n\n        return { items, sequences };\n      }),\n    clearSlot: (id, name) =>\n      set((state) => {\n        const items = new Map(state.items);\n        const sequences = new Map(state.sequences);\n        const existing = items.get(name) ?? [];\n        const filtered = existing.filter((item) => item.id !== id);\n\n        if (filtered.length === 0) {\n          items.delete(name);\n          sequences.delete(name);\n        } else {\n          items.set(name, filtered);\n        }\n        return { items, sequences };\n      }),\n  }));\n};\n\nconst SlotContext = createContext(createSlotStore());\n\nexport const SlotProvider = ({\n  children,\n  slots,\n}: PropsWithChildren<{\n  slots?: Record<string, SlotType>;\n}>) => {\n  const store = useRef<SlotStore>(createSlotStore({ slots })).current;\n  return <SlotContext value={store}>{children}</SlotContext>;\n};\n\nexport function useSlotContext<T>(selector: (state: SlotStoreState) => T): T {\n  const store = use(SlotContext);\n  return useStore(store, selector);\n}\n\nconst ORDER = [\"prepend\", \"replace\", \"append\"] as const;\n\nexport const useRenderSlot = (name: string) => {\n  const exposedProps = useExposedProps();\n  const items = useSlotContext((s) => s.getItems(name));\n\n  return useMemo(() => {\n    if (items.length === 0) return [];\n\n    return items\n      .toSorted((a, b) => {\n        const typeOrder = ORDER.indexOf(a.type) - ORDER.indexOf(b.type);\n        if (typeOrder !== 0) return typeOrder;\n        return a.sequence - b.sequence;\n      })\n      .map((item) =>\n        typeof item.content === \"function\" ? (\n          <item.content key={item.id} {...exposedProps} />\n        ) : (\n          <Fragment key={item.id}>{item.content}</Fragment>\n        ),\n      );\n  }, [items, exposedProps]);\n};\n","import { useId, useLayoutEffect, type ReactNode } from \"react\";\nimport {\n  useRenderSlot,\n  useSlotContext,\n  type SlotType,\n} from \"./context/SlotProvider.js\";\n\n// This is to augment the type of the Slot component with custom slot names\n// This is useful for plugins to add custom slots to the Zudoku context\n// and for the user to use them in their own components\nexport type CustomSlotNames = never;\n\ntype PredefinedSlotNames =\n  | \"api-keys-list-page\"\n  | \"api-keys-list-page-before-keys\"\n  | \"footer-after\"\n  | \"footer-before\"\n  | \"head-navigation-end\"\n  | \"head-navigation-start\"\n  | \"layout-after-head\"\n  | \"layout-before-head\"\n  | \"top-navigation-after\"\n  | \"top-navigation-before\"\n  | \"top-navigation-side\"\n  | \"content-before\"\n  | \"content-after\"\n  | \"navigation-after\"\n  | \"navigation-before\";\n\nexport type SlotName = PredefinedSlotNames | CustomSlotNames;\n\nexport const Slot = {\n  Source: ({\n    name,\n    children,\n    type = \"replace\",\n  }: {\n    name: SlotName;\n    type?: \"prepend\" | \"replace\" | \"append\";\n    children: SlotType;\n  }) => {\n    const id = useId();\n    const setSlot = useSlotContext((s) => s.setSlot);\n    const clearSlot = useSlotContext((s) => s.clearSlot);\n\n    if (import.meta.env.SSR) {\n      setSlot(id, name, children, type);\n    }\n\n    useLayoutEffect(() => {\n      setSlot(id, name, children, type);\n      return () => clearSlot(id, name);\n    }, [id, name, children, type, setSlot, clearSlot]);\n\n    return null;\n  },\n\n  Target: ({ name, fallback }: { name: string; fallback?: ReactNode }) => {\n    const slot = useRenderSlot(name);\n\n    if (slot.length === 0) return fallback;\n    return slot;\n  },\n};\n"],"names":["DeveloperHint","children","className","jsx","Callout","jsxs","Markdown","NotFoundPage","params","useParams","ProseClasses","CategoryHeading","Heading","UnlinkIcon","Link","SyntaxHighlight","memo","code","props","syntaxHighlighting","useZudoku","invariant","highlightedCode","highlight","CodeBlock","ErrorAlert","error","message","hint","ZudokuError","title","stack","cause","stringError","cn","RouterError","useRouteError","isRouteErrorResponse","createSlotStore","slots","initialItems","id","content","EMPTY_ITEMS","createStore","set","get","name","type","state","items","sequences","filtered","item","newSequence","newItem","nonReplaceItems","SlotContext","createContext","SlotProvider","store","useRef","useSlotContext","selector","use","useStore","ORDER","useRenderSlot","exposedProps","useExposedProps","useMemo","a","b","typeOrder","Fragment","Slot","fallback","slot"],"mappings":"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"}