livemark 0.22.0 → 0.24.0

package/source/elements/sidebar.tsx

@@ -93,10 +93,7 @@ function SidebarProvider({
   // Adds a keyboard shortcut to toggle the sidebar.
   React.useEffect(() => {
     const handleKeyDown = (event: KeyboardEvent) => {
-      if (
-        event.key === SIDEBAR_KEYBOARD_SHORTCUT &&
-        (event.metaKey || event.ctrlKey)
-      ) {
+      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault()
         toggleSidebar()
       }
@@ -312,10 +309,7 @@ function SidebarInset({ className, ...props }: React.ComponentProps<"main">) {
   )
 }
 
-function SidebarInput({
-  className,
-  ...props
-}: React.ComponentProps<typeof Input>) {
+function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>) {
   return (
     <Input
       data-slot="sidebar-input"
@@ -435,10 +429,7 @@ function SidebarGroupAction({
   })
 }
 
-function SidebarGroupContent({
-  className,
-  ...props
-}: React.ComponentProps<"div">) {
+function SidebarGroupContent({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="sidebar-group-content"
@@ -577,10 +568,7 @@ function SidebarMenuAction({
   })
 }
 
-function SidebarMenuBadge({
-  className,
-  ...props
-}: React.ComponentProps<"div">) {
+function SidebarMenuBadge({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="sidebar-menu-badge"
@@ -614,10 +602,7 @@ function SidebarMenuSkeleton({
       {...props}
     >
       {showIcon && (
-        <Skeleton
-          className="size-4 rounded-md"
-          data-sidebar="menu-skeleton-icon"
-        />
+        <Skeleton className="size-4 rounded-md" data-sidebar="menu-skeleton-icon" />
       )}
       <Skeleton
         className="h-4 max-w-(--skeleton-width) flex-1"
@@ -646,10 +631,7 @@ function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">) {
   )
 }
 
-function SidebarMenuSubItem({
-  className,
-  ...props
-}: React.ComponentProps<"li">) {
+function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<"li">) {
   return (
     <li
       data-slot="sidebar-menu-sub-item"

package/source/elements/table.tsx

@@ -2,10 +2,7 @@ import { cn } from "../utils/style.ts"
 
 function Table({ className, ...props }: React.ComponentProps<"table">) {
   return (
-    <div
-      data-slot="table-container"
-      className="relative w-full overflow-x-auto"
-    >
+    <div data-slot="table-container" className="relative w-full overflow-x-auto">
       <table
         data-slot="table"
         className={cn("w-full caption-bottom text-sm", className)}
@@ -39,10 +36,7 @@ function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) {
   return (
     <tfoot
       data-slot="table-footer"
-      className={cn(
-        "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
-        className,
-      )}
+      className={cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className)}
       {...props}
     />
   )
@@ -87,10 +81,7 @@ function TableCell({ className, ...props }: React.ComponentProps<"td">) {
   )
 }
 
-function TableCaption({
-  className,
-  ...props
-}: React.ComponentProps<"caption">) {
+function TableCaption({ className, ...props }: React.ComponentProps<"caption">) {
   return (
     <caption
       data-slot="table-caption"

package/source/elements/toggle-group.tsx

@@ -45,9 +45,7 @@ function ToggleGroup({
       )}
       {...props}
     >
-      <ToggleGroupContext.Provider
-        value={{ variant, size, spacing, orientation }}
-      >
+      <ToggleGroupContext.Provider value={{ variant, size, spacing, orientation }}>
         {children}
       </ToggleGroupContext.Provider>
     </ToggleGroupPrimitive>

package/source/elements/tooltip.tsx

@@ -1,16 +1,9 @@
 import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip"
 import { cn } from "../utils/style.ts"
 
-function TooltipProvider({
-  delay = 0,
-  ...props
-}: TooltipPrimitive.Provider.Props) {
+function TooltipProvider({ delay = 0, ...props }: TooltipPrimitive.Provider.Props) {
   return (
-    <TooltipPrimitive.Provider
-      data-slot="tooltip-provider"
-      delay={delay}
-      {...props}
-    />
+    <TooltipPrimitive.Provider data-slot="tooltip-provider" delay={delay} {...props} />
   )
 }
 

package/source/helpers/changelog-source.ts

@@ -5,9 +5,7 @@ export function isGitHubUrl(source: string) {
 
 /** Extract `{ owner, repo }` from a GitHub URL. Returns undefined if unparseable */
 export function parseGitHubRepo(source: string) {
-  const match = source.match(
-    /^(?:https?:\/\/)?(?:www\.)?github\.com\/([^/]+)\/([^/#?]+)/,
-  )
+  const match = source.match(/^(?:https?:\/\/)?(?:www\.)?github\.com\/([^/]+)\/([^/#?]+)/)
   if (!match) return undefined
   const owner = match[1]
   const repo = match[2]?.replace(/\.git$/, "")

package/source/helpers/dynamic-icon-resolver.tsx

@@ -8,10 +8,7 @@ function toPascalCase(name: string) {
 }
 
 /** Resolves a Lucide icon by kebab-case name from the full registry */
-export default function DynamicIconResolver(props: {
-  name: string
-  className?: string
-}) {
+export default function DynamicIconResolver(props: { name: string; className?: string }) {
   const key = toPascalCase(props.name)
   if (!(key in icons)) return null
   const Icon = icons[key as keyof typeof icons]

package/source/helpers/resolve-asset-path.unit.ts

@@ -6,15 +6,11 @@ describe("resolveAssetPath", () => {
   const filePath = "/site/docs/page.md"
 
   it("should resolve a sibling relative path", () => {
-    expect(resolveAssetPath("./logo.png", filePath, root)).toBe(
-      "/docs/logo.png",
-    )
+    expect(resolveAssetPath("./logo.png", filePath, root)).toBe("/docs/logo.png")
   })
 
   it("should resolve a parent relative path", () => {
-    expect(resolveAssetPath("../assets/x.png", filePath, root)).toBe(
-      "/assets/x.png",
-    )
+    expect(resolveAssetPath("../assets/x.png", filePath, root)).toBe("/assets/x.png")
   })
 
   it("should pass through a root-relative url", () => {
@@ -40,9 +36,7 @@ describe("resolveAssetPath", () => {
   })
 
   it("should prefix a root-relative url with base", () => {
-    expect(resolveAssetPath("/foo.png", filePath, root, "/repo")).toBe(
-      "/repo/foo.png",
-    )
+    expect(resolveAssetPath("/foo.png", filePath, root, "/repo")).toBe("/repo/foo.png")
   })
 
   it("should not double-prefix an already-prefixed url", () => {
@@ -52,8 +46,8 @@ describe("resolveAssetPath", () => {
   })
 
   it("should not prefix external urls when base is set", () => {
-    expect(
-      resolveAssetPath("https://x.com/y.png", filePath, root, "/repo"),
-    ).toBe("https://x.com/y.png")
+    expect(resolveAssetPath("https://x.com/y.png", filePath, root, "/repo")).toBe(
+      "https://x.com/y.png",
+    )
   })
 })

package/source/helpers/resolve-base.unit.ts

@@ -43,8 +43,7 @@ describe("resolveBase", () => {
   })
 
   it("should handle a function returning undefined", () => {
-    const fn = (cmd: "build" | "serve") =>
-      cmd === "serve" ? undefined : "prod"
+    const fn = (cmd: "build" | "serve") => (cmd === "serve" ? undefined : "prod")
     expect(resolveBase(fn, "serve")).toBeUndefined()
     expect(resolveBase(fn, "build")).toBe("/prod")
   })

package/source/helpers/resolve-includes.ts

@@ -76,9 +76,7 @@ function resolveDirective(
       const filename = file.split("/").pop()!
       const title = `title="${filename}"`
       const meta = attrs.meta ? ` ${attrs.meta}` : ""
-      return (
-        "```" + lang + " " + title + meta + "\n" + included.trimEnd() + "\n```"
-      )
+      return "```" + lang + " " + title + meta + "\n" + included.trimEnd() + "\n```"
     }
 
     included = included.replace(FRONTMATTER_RE, "")
@@ -89,11 +87,7 @@ function resolveDirective(
 }
 
 /** Resolves ::include{file="..."} directives by replacing them with referenced file contents */
-export function resolveIncludes(
-  content: string,
-  filePath: string,
-  depth = 0,
-): string {
+export function resolveIncludes(content: string, filePath: string, depth = 0): string {
   if (depth > 5) return content
 
   const fileDir = dirname(filePath)

package/source/helpers/resolve-includes.unit.ts

@@ -8,23 +8,14 @@ describe("resolveIncludes", () => {
   it("should replace include directive with file content", () => {
     const dir = temporaryDirectory()
     writeFileSync(join(dir, "snippet.md"), "Hello from snippet")
-    const result = resolveIncludes(
-      '::include{file="snippet.md"}',
-      join(dir, "main.md"),
-    )
+    const result = resolveIncludes('::include{file="snippet.md"}', join(dir, "main.md"))
     expect(result).toBe("Hello from snippet")
   })
 
   it("should strip frontmatter from included files", () => {
     const dir = temporaryDirectory()
-    writeFileSync(
-      join(dir, "snippet.md"),
-      "---\ntitle: Test\n---\nContent here",
-    )
-    const result = resolveIncludes(
-      '::include{file="snippet.md"}',
-      join(dir, "main.md"),
-    )
+    writeFileSync(join(dir, "snippet.md"), "---\ntitle: Test\n---\nContent here")
+    const result = resolveIncludes('::include{file="snippet.md"}', join(dir, "main.md"))
     expect(result).toBe("Content here")
   })
 
@@ -39,10 +30,7 @@ describe("resolveIncludes", () => {
   })
 
   it("should keep directive when file is missing", () => {
-    const result = resolveIncludes(
-      '::include{file="nonexistent.md"}',
-      "/tmp/main.md",
-    )
+    const result = resolveIncludes('::include{file="nonexistent.md"}', "/tmp/main.md")
     expect(result).toBe('::include{file="nonexistent.md"}')
   })
 
@@ -50,20 +38,14 @@ describe("resolveIncludes", () => {
     const dir = temporaryDirectory()
     writeFileSync(join(dir, "inner.md"), "Inner content")
     writeFileSync(join(dir, "outer.md"), '::include{file="inner.md"}')
-    const result = resolveIncludes(
-      '::include{file="outer.md"}',
-      join(dir, "main.md"),
-    )
+    const result = resolveIncludes('::include{file="outer.md"}', join(dir, "main.md"))
     expect(result).toBe("Inner content")
   })
 
   it("should limit recursion depth", () => {
     const dir = temporaryDirectory()
     writeFileSync(join(dir, "recursive.md"), '::include{file="recursive.md"}')
-    const result = resolveIncludes(
-      '::include{file="recursive.md"}',
-      join(dir, "main.md"),
-    )
+    const result = resolveIncludes('::include{file="recursive.md"}', join(dir, "main.md"))
     expect(result).toBe('::include{file="recursive.md"}')
   })
 
@@ -72,10 +54,7 @@ describe("resolveIncludes", () => {
     mkdirSync(join(dir, "sub"))
     writeFileSync(join(dir, "sub", "child.md"), "Child content")
     writeFileSync(join(dir, "parent.md"), '::include{file="sub/child.md"}')
-    const result = resolveIncludes(
-      '::include{file="parent.md"}',
-      join(dir, "main.md"),
-    )
+    const result = resolveIncludes('::include{file="parent.md"}', join(dir, "main.md"))
     expect(result).toBe("Child content")
   })
 
@@ -93,10 +72,7 @@ describe("resolveIncludes", () => {
   it("should wrap code files in fenced blocks", () => {
     const dir = temporaryDirectory()
     writeFileSync(join(dir, "example.ts"), 'const x = 1\nconst y = "hello"')
-    const result = resolveIncludes(
-      '::include{file="example.ts"}',
-      join(dir, "main.md"),
-    )
+    const result = resolveIncludes('::include{file="example.ts"}', join(dir, "main.md"))
     expect(result).toBe(
       '```typescript title="example.ts"\nconst x = 1\nconst y = "hello"\n```',
     )
@@ -117,10 +93,7 @@ describe("resolveIncludes", () => {
   it("should treat unknown extensions as markdown", () => {
     const dir = temporaryDirectory()
     writeFileSync(join(dir, "notes.txt"), "Plain text")
-    const result = resolveIncludes(
-      '::include{file="notes.txt"}',
-      join(dir, "main.md"),
-    )
+    const result = resolveIncludes('::include{file="notes.txt"}', join(dir, "main.md"))
     expect(result).toBe("Plain text")
   })
 })

package/source/helpers/rss.ts

@@ -37,19 +37,13 @@ export function renderRssFeed(feed: RssFeed) {
     lines.push(`      <link>${escapeXml(item.link)}</link>`)
     lines.push(`      <guid isPermaLink="true">${escapeXml(item.guid)}</guid>`)
     if (item.description) {
-      lines.push(
-        `      <description>${escapeXml(item.description)}</description>`,
-      )
+      lines.push(`      <description>${escapeXml(item.description)}</description>`)
     }
     if (item.pubDate) {
-      lines.push(
-        `      <pubDate>${escapeXml(toRfc822(item.pubDate))}</pubDate>`,
-      )
+      lines.push(`      <pubDate>${escapeXml(toRfc822(item.pubDate))}</pubDate>`)
     }
     if (item.author) {
-      const author = Array.isArray(item.author)
-        ? item.author.join(", ")
-        : item.author
+      const author = Array.isArray(item.author) ? item.author.join(", ") : item.author
       lines.push(`      <author>${escapeXml(author)}</author>`)
     }
     if (item.categories) {

package/source/helpers/rss.unit.ts

@@ -106,9 +106,7 @@ describe("renderRssFeed", () => {
         },
       ],
     })
-    expect(xml).toContain(
-      "<title>Title &amp; &quot;quoted&quot; &lt;tag&gt;</title>",
-    )
+    expect(xml).toContain("<title>Title &amp; &quot;quoted&quot; &lt;tag&gt;</title>")
     expect(xml).toContain("<description>A &amp; B</description>")
     expect(xml).toContain("<title>1 &lt; 2 &amp; 3 &gt; 0</title>")
     expect(xml).toContain("<description>It&apos;s fine</description>")

package/source/helpers/section.ts

@@ -63,10 +63,7 @@ export function matchSection<S extends { prefix: string }>(
   let best: S | undefined
   let bestLen = 0
   for (const section of sections) {
-    if (
-      articlePath.startsWith(section.prefix) &&
-      section.prefix.length > bestLen
-    ) {
+    if (articlePath.startsWith(section.prefix) && section.prefix.length > bestLen) {
       best = section
       bestLen = section.prefix.length
     }

package/source/helpers/section.unit.ts

@@ -53,14 +53,8 @@ describe("partitionBySection", () => {
 
   it("should split articles into section buckets", () => {
     const result = partitionBySection(articles, sections)
-    expect(result.get("/")?.map(a => a.path)).toEqual([
-      "/getting-started/",
-      "/guide/",
-    ])
-    expect(result.get("/api/")?.map(a => a.path)).toEqual([
-      "/api/users/",
-      "/api/auth/",
-    ])
+    expect(result.get("/")?.map(a => a.path)).toEqual(["/getting-started/", "/guide/"])
+    expect(result.get("/api/")?.map(a => a.path)).toEqual(["/api/users/", "/api/auth/"])
   })
 
   it("should put unmatched articles in __default__ bucket", () => {
@@ -70,10 +64,7 @@ describe("partitionBySection", () => {
       "/getting-started/",
       "/guide/",
     ])
-    expect(result.get("/api/")?.map(a => a.path)).toEqual([
-      "/api/users/",
-      "/api/auth/",
-    ])
+    expect(result.get("/api/")?.map(a => a.path)).toEqual(["/api/users/", "/api/auth/"])
   })
 })
 
@@ -152,16 +143,12 @@ describe("activeSiteSection", () => {
   })
 
   it("should return the custom section matching by internal url", () => {
-    expect(activeSiteSection("/api/v2/users/", [docs, apiCustom])?.title).toBe(
-      "API",
-    )
+    expect(activeSiteSection("/api/v2/users/", [docs, apiCustom])?.title).toBe("API")
   })
 
   it("should pick the longest match among overlapping prefixes", () => {
     expect(activeSiteSection("/blog/post/", [docs, blog])?.title).toBe("Blog")
-    expect(activeSiteSection("/api/v2/foo/", [docs, apiCustom])?.title).toBe(
-      "API",
-    )
+    expect(activeSiteSection("/api/v2/foo/", [docs, apiCustom])?.title).toBe("API")
   })
 
   it("should ignore custom sections with absolute URLs", () => {

package/source/helpers/toc.unit.ts

@@ -35,9 +35,7 @@ describe("extractToc", () => {
   it("should handle code formatting with custom ids", () => {
     const content = "## `config` Options [#config-opts]"
     const toc = extractToc(content)
-    expect(toc).toEqual([
-      { url: "#config-opts", title: "config Options", depth: 2 },
-    ])
+    expect(toc).toEqual([{ url: "#config-opts", title: "config Options", depth: 2 }])
   })
 
   it("should skip h1 headings", () => {

package/source/plugins/rehype-inline-code.ts

@@ -1,23 +1,13 @@
 import type { Plugin } from "unified"
 import { visit } from "unist-util-visit"
-import {
-  type BundledLanguage,
-  bundledLanguages,
-  getSingletonHighlighter,
-} from "shiki"
+import { type BundledLanguage, bundledLanguages, getSingletonHighlighter } from "shiki"
 
 interface HastText {
   type: "text"
   value: string
 }
 
-type PropertyValue =
-  | boolean
-  | number
-  | string
-  | null
-  | undefined
-  | Array<string | number>
+type PropertyValue = boolean | number | string | null | undefined | Array<string | number>
 
 interface HastElement {
   type: "element"
@@ -56,15 +46,10 @@ export const rehypeInlineCode: Plugin<[], HastRoot> = () => {
     visit(
       tree,
       "element",
-      (
-        node: HastNode,
-        _index: number | undefined,
-        parent: HastNode | undefined,
-      ) => {
+      (node: HastNode, _index: number | undefined, parent: HastNode | undefined) => {
         if (node.type !== "element") return
         if (node.tagName !== "code") return
-        if (parent && parent.type === "element" && parent.tagName === "pre")
-          return
+        if (parent && parent.type === "element" && parent.tagName === "pre") return
 
         const textChild = node.children[0]
         if (!textChild || textChild.type !== "text") return
@@ -92,8 +77,7 @@ export const rehypeInlineCode: Plugin<[], HastRoot> = () => {
         const codeEl = pre.children[0]
         if (codeEl && codeEl.type === "element" && "children" in codeEl) {
           node.children = codeEl.children.filter(
-            (c): c is HastElement | HastText =>
-              c.type === "element" || c.type === "text",
+            (c): c is HastElement | HastText => c.type === "element" || c.type === "text",
           )
           node.properties = {
             ...node.properties,

package/source/plugins/rehype-task-list-a11y.ts

@@ -14,8 +14,7 @@ export function rehypeTaskListA11y() {
     visit(tree, "element", (node: HastNode) => {
       if (node.tagName !== "li") return
       const classes = node.properties?.className
-      const hasTaskClass =
-        Array.isArray(classes) && classes.includes("task-list-item")
+      const hasTaskClass = Array.isArray(classes) && classes.includes("task-list-item")
       if (!hasTaskClass) return
 
       for (const child of node.children ?? []) {

package/source/plugins/remark-abbr.ts

@@ -8,9 +8,7 @@ export function transformAbbrDirectives(tree: Root) {
   visit(tree, "textDirective", (node: TextDirective, index, parent) => {
     if (node.name !== "abbr" || index === undefined || !parent) return
 
-    const text = node.children
-      .map(c => ("value" in c ? String(c.value) : ""))
-      .join("")
+    const text = node.children.map(c => ("value" in c ? String(c.value) : "")).join("")
 
     const title = node.attributes?.title ?? ""
 

package/source/plugins/remark-ansi.ts

@@ -41,8 +41,7 @@ function color256(n: number): string | undefined {
     const r = Math.floor(idx / 36)
     const g = Math.floor((idx % 36) / 6)
     const b = idx % 6
-    const toHex = (v: number) =>
-      (v === 0 ? 0 : 55 + v * 40).toString(16).padStart(2, "0")
+    const toHex = (v: number) => (v === 0 ? 0 : 55 + v * 40).toString(16).padStart(2, "0")
     return `#${toHex(r)}${toHex(g)}${toHex(b)}`
   }
   if (n < 256) {
@@ -192,9 +191,7 @@ export function ansiToHtml(input: string): string {
 
     const rawParams = match[1]!
     const params =
-      rawParams === ""
-        ? [0]
-        : rawParams.split(";").map(s => Number.parseInt(s, 10))
+      rawParams === "" ? [0] : rawParams.split(";").map(s => Number.parseInt(s, 10))
     applyParams(state, params)
     lastIndex = match.index + match[0].length
     match = sgr.exec(input)

package/source/plugins/remark-ansi.unit.ts

@@ -17,9 +17,7 @@ describe("ansiToHtml", () => {
 
   it("should render standard foreground colors", () => {
     const input = "\x1b[31mred text\x1b[0m"
-    expect(ansiToHtml(input)).toBe(
-      '<span style="color:#bf616a">red text</span>',
-    )
+    expect(ansiToHtml(input)).toBe('<span style="color:#bf616a">red text</span>')
   })
 
   it("should render bold text", () => {
@@ -29,9 +27,7 @@ describe("ansiToHtml", () => {
 
   it("should render italic text", () => {
     const input = "\x1b[3mitalic\x1b[0m"
-    expect(ansiToHtml(input)).toBe(
-      '<span style="font-style:italic">italic</span>',
-    )
+    expect(ansiToHtml(input)).toBe('<span style="font-style:italic">italic</span>')
   })
 
   it("should render underline text", () => {
@@ -69,9 +65,7 @@ describe("ansiToHtml", () => {
 
   it("should handle bright foreground colors", () => {
     const input = "\x1b[91mbright red\x1b[0m"
-    expect(ansiToHtml(input)).toBe(
-      '<span style="color:#bf616a">bright red</span>',
-    )
+    expect(ansiToHtml(input)).toBe('<span style="color:#bf616a">bright red</span>')
   })
 
   it("should handle bright background colors", () => {
@@ -88,9 +82,7 @@ describe("ansiToHtml", () => {
 
   it("should handle 256-color background", () => {
     const input = "\x1b[48;5;21mbg\x1b[0m"
-    expect(ansiToHtml(input)).toBe(
-      '<span style="background-color:#0000ff">bg</span>',
-    )
+    expect(ansiToHtml(input)).toBe('<span style="background-color:#0000ff">bg</span>')
   })
 
   it("should handle 24-bit RGB foreground", () => {
@@ -100,16 +92,12 @@ describe("ansiToHtml", () => {
 
   it("should handle 24-bit RGB background", () => {
     const input = "\x1b[48;2;0;128;255mbg\x1b[0m"
-    expect(ansiToHtml(input)).toBe(
-      '<span style="background-color:#0080ff">bg</span>',
-    )
+    expect(ansiToHtml(input)).toBe('<span style="background-color:#0080ff">bg</span>')
   })
 
   it("should handle reset via empty escape", () => {
     const input = "\x1b[31mred\x1b[mnormal"
-    expect(ansiToHtml(input)).toBe(
-      '<span style="color:#bf616a">red</span>normal',
-    )
+    expect(ansiToHtml(input)).toBe('<span style="color:#bf616a">red</span>normal')
   })
 
   it("should handle multiple segments", () => {

package/source/plugins/remark-badge.ts

@@ -8,9 +8,7 @@ export function transformBadgeDirectives(tree: Root) {
   visit(tree, "textDirective", (node: TextDirective, index, parent) => {
     if (node.name !== "badge" || index === undefined || !parent) return
 
-    const label = node.children
-      .map(c => ("value" in c ? String(c.value) : ""))
-      .join("")
+    const label = node.children.map(c => ("value" in c ? String(c.value) : "")).join("")
 
     const variant = node.attributes?.variant
 

package/source/plugins/remark-button.unit.ts

@@ -47,9 +47,7 @@ describe("transformButtonDirectives", () => {
 
   it("should convert ::button with label attribute to LinkButton JSX element", () => {
     const tree = process(
-      makeTree(
-        makeLeafDirective("button", { href: "/docs", label: "Read Docs" }),
-      ),
+      makeTree(makeLeafDirective("button", { href: "/docs", label: "Read Docs" })),
     )
     const node = tree.children[0]
     expect(node).toMatchObject({
@@ -122,17 +120,13 @@ describe("transformButtonDirectives", () => {
   })
 
   it("should skip button directive without href", () => {
-    const tree = process(
-      makeTree(makeLeafDirective("button", { label: "No Link" })),
-    )
+    const tree = process(makeTree(makeLeafDirective("button", { label: "No Link" })))
     const node = tree.children[0]
     expect(node).toMatchObject({ type: "leafDirective", name: "button" })
   })
 
   it("should skip button directive without label or bracket text", () => {
-    const tree = process(
-      makeTree(makeLeafDirective("button", { href: "/no-label" })),
-    )
+    const tree = process(makeTree(makeLeafDirective("button", { href: "/no-label" })))
     const node = tree.children[0]
     expect(node).toMatchObject({ type: "leafDirective", name: "button" })
   })