livemark 0.23.0 → 0.24.1

package/source/plugins/remark-callout.ts

@@ -8,50 +8,45 @@ const calloutTypes = new Set(["note", "tip", "info", "warning", "danger"])
 /** Remark plugin that converts container directives into Callout JSX elements */
 export const remarkCallout: Plugin<[], Root> = () => {
   return tree => {
-    visit(
-      tree,
-      "containerDirective",
-      (node: ContainerDirective, index, parent) => {
-        if (!calloutTypes.has(node.name) || index === undefined || !parent)
-          return
+    visit(tree, "containerDirective", (node: ContainerDirective, index, parent) => {
+      if (!calloutTypes.has(node.name) || index === undefined || !parent) return
 
-        const labelParagraph = node.children.find(
-          (child): child is Paragraph =>
-            child.type === "paragraph" && !!child.data?.directiveLabel,
-        )
+      const labelParagraph = node.children.find(
+        (child): child is Paragraph =>
+          child.type === "paragraph" && !!child.data?.directiveLabel,
+      )
 
-        const title = labelParagraph
-          ? {
-              type: "mdxJsxAttribute" as const,
-              name: "title",
-              value: labelParagraph.children
-                .map(c => ("value" in c ? String(c.value) : ""))
-                .join(""),
-            }
-          : undefined
+      const title = labelParagraph
+        ? {
+            type: "mdxJsxAttribute" as const,
+            name: "title",
+            value: labelParagraph.children
+              .map(c => ("value" in c ? String(c.value) : ""))
+              .join(""),
+          }
+        : undefined
 
-        const body = node.children.filter(
-          child => !(child.type === "paragraph" && child.data?.directiveLabel),
-        )
+      const body = node.children.filter(
+        child => !(child.type === "paragraph" && child.data?.directiveLabel),
+      )
 
-        const jsxNode = {
-          type: "mdxJsxFlowElement" as const,
-          name: "Callout",
-          attributes: [
-            {
-              type: "mdxJsxAttribute" as const,
-              name: "type",
-              value: node.name,
-            },
-            ...(title ? [title] : []),
-          ],
-          children: body,
-          data: { _mdxExplicitJsx: true },
-        }
+      const jsxNode = {
+        type: "mdxJsxFlowElement" as const,
+        name: "Callout",
+        attributes: [
+          {
+            type: "mdxJsxAttribute" as const,
+            name: "type",
+            value: node.name,
+          },
+          ...(title ? [title] : []),
+        ],
+        children: body,
+        data: { _mdxExplicitJsx: true },
+      }
 
-        // @ts-expect-error mdxJsxFlowElement is not in mdast types
-        parent.children.splice(index, 1, jsxNode)
-      },
-    )
+      // @ts-expect-error mdxJsxFlowElement is not in mdast types
+      parent.children.splice(index, 1, jsxNode)
+    })
   }
 }

package/source/plugins/remark-card.ts

@@ -6,39 +6,35 @@ import { visit, SKIP } from "unist-util-visit"
 /** Remark plugin that converts :::card directives into Card/Cards JSX elements */
 export const remarkCard: Plugin<[], Root> = () => {
   return tree => {
-    visit(
-      tree,
-      "containerDirective",
-      (node: ContainerDirective, index, parent) => {
-        if (node.name !== "card" || index === undefined || !parent) return
+    visit(tree, "containerDirective", (node: ContainerDirective, index, parent) => {
+      if (node.name !== "card" || index === undefined || !parent) return
 
-        const title = node.attributes?.title ?? ""
-        const href = node.attributes?.href
-        const icon = node.attributes?.icon
+      const title = node.attributes?.title ?? ""
+      const href = node.attributes?.href
+      const icon = node.attributes?.icon
 
-        const attributes = [
-          { type: "mdxJsxAttribute" as const, name: "title", value: title },
-          ...(href
-            ? [{ type: "mdxJsxAttribute" as const, name: "href", value: href }]
-            : []),
-          ...(icon
-            ? [{ type: "mdxJsxAttribute" as const, name: "icon", value: icon }]
-            : []),
-        ]
+      const attributes = [
+        { type: "mdxJsxAttribute" as const, name: "title", value: title },
+        ...(href
+          ? [{ type: "mdxJsxAttribute" as const, name: "href", value: href }]
+          : []),
+        ...(icon
+          ? [{ type: "mdxJsxAttribute" as const, name: "icon", value: icon }]
+          : []),
+      ]
 
-        const jsxNode = {
-          type: "mdxJsxFlowElement" as const,
-          name: "Card",
-          attributes,
-          children: node.children,
-          data: { _mdxExplicitJsx: true },
-        }
+      const jsxNode = {
+        type: "mdxJsxFlowElement" as const,
+        name: "Card",
+        attributes,
+        children: node.children,
+        data: { _mdxExplicitJsx: true },
+      }
 
-        // @ts-expect-error mdxJsxFlowElement is not in mdast types
-        parent.children[index] = jsxNode
-        return SKIP
-      },
-    )
+      // @ts-expect-error mdxJsxFlowElement is not in mdast types
+      parent.children[index] = jsxNode
+      return SKIP
+    })
 
     const children = tree.children
     let i = 0

package/source/plugins/remark-code-tabs.ts

@@ -23,9 +23,7 @@ export const remarkCodeTabs: Plugin<[], Root> = () => {
         continue
       }
 
-      const group: { name: string; code: Code }[] = [
-        { name: firstMatch[1]!, code: node },
-      ]
+      const group: { name: string; code: Code }[] = [{ name: firstMatch[1]!, code: node }]
 
       let j = i + 1
       while (j < children.length) {
@@ -47,10 +45,8 @@ export const remarkCodeTabs: Plugin<[], Root> = () => {
 
       for (const item of group) {
         item.code.meta =
-          item.code
-            .meta!.replace(TAB_PATTERN, "")
-            .replace(SYNC_PATTERN, "")
-            .trim() || null
+          item.code.meta!.replace(TAB_PATTERN, "").replace(SYNC_PATTERN, "").trim() ||
+          null
       }
 
       const codeTabsAttrs: {

package/source/plugins/remark-columns.ts

@@ -6,25 +6,21 @@ import { visit, SKIP } from "unist-util-visit"
 /** Remark plugin that converts consecutive :::column directives into a Columns grid */
 export const remarkColumns: Plugin<[], Root> = () => {
   return tree => {
-    visit(
-      tree,
-      "containerDirective",
-      (node: ContainerDirective, index, parent) => {
-        if (node.name !== "column" || index === undefined || !parent) return
+    visit(tree, "containerDirective", (node: ContainerDirective, index, parent) => {
+      if (node.name !== "column" || index === undefined || !parent) return
 
-        const jsxNode = {
-          type: "mdxJsxFlowElement" as const,
-          name: "Column",
-          attributes: [],
-          children: node.children,
-          data: { _mdxExplicitJsx: true },
-        }
+      const jsxNode = {
+        type: "mdxJsxFlowElement" as const,
+        name: "Column",
+        attributes: [],
+        children: node.children,
+        data: { _mdxExplicitJsx: true },
+      }
 
-        // @ts-expect-error mdxJsxFlowElement is not in mdast types
-        parent.children[index] = jsxNode
-        return SKIP
-      },
-    )
+      // @ts-expect-error mdxJsxFlowElement is not in mdast types
+      parent.children[index] = jsxNode
+      return SKIP
+    })
 
     const children = tree.children
     let i = 0

package/source/plugins/remark-custom-heading-id.unit.ts

@@ -75,18 +75,14 @@ describe("transformHeadingAnnotations", () => {
   })
 
   it("should handle ids with hyphens and numbers", () => {
-    const tree = process(
-      makeTree(makeHeading(2, "Section 1 [#section-1-intro]")),
-    )
+    const tree = process(makeTree(makeHeading(2, "Section 1 [#section-1-intro]")))
     const heading = findHeading(tree, 0)
     expect(heading.data?.hProperties).toEqual({ id: "section-1-intro" })
     expect(headingText(heading)).toBe("Section 1")
   })
 
   it("should preserve inline formatting before the id", () => {
-    const tree = process(
-      makeTree(makeBoldHeading("Bold", " heading [#bold-heading]")),
-    )
+    const tree = process(makeTree(makeBoldHeading("Bold", " heading [#bold-heading]")))
     const heading = findHeading(tree, 0)
     expect(heading.data?.hProperties).toEqual({ id: "bold-heading" })
     expect(heading.children.some(c => c.type === "strong")).toBe(true)

package/source/plugins/remark-deflist.ts

@@ -9,8 +9,7 @@ export const remarkDeflist: Plugin<[], Root> = () => {
       if (index === undefined || !parent) return
 
       const children = node.children.map(child => {
-        const name =
-          child.type === "defListTerm" ? "DefinitionTerm" : "DefinitionDetail"
+        const name = child.type === "defListTerm" ? "DefinitionTerm" : "DefinitionDetail"
         return {
           type: "mdxJsxFlowElement" as const,
           name,

package/source/plugins/remark-details.ts

@@ -6,44 +6,38 @@ import { visit } from "unist-util-visit"
 /** Remark plugin that converts :::details directives into collapsible details/summary elements */
 export const remarkDetails: Plugin<[], Root> = () => {
   return tree => {
-    visit(
-      tree,
-      "containerDirective",
-      (node: ContainerDirective, index, parent) => {
-        if (node.name !== "details" || index === undefined || !parent) return
+    visit(tree, "containerDirective", (node: ContainerDirective, index, parent) => {
+      if (node.name !== "details" || index === undefined || !parent) return
 
-        const labelParagraph = node.children.find(
-          (child): child is Paragraph =>
-            child.type === "paragraph" && !!child.data?.directiveLabel,
-        )
+      const labelParagraph = node.children.find(
+        (child): child is Paragraph =>
+          child.type === "paragraph" && !!child.data?.directiveLabel,
+      )
 
-        const summary = labelParagraph
-          ? labelParagraph.children
-              .map(c => ("value" in c ? String(c.value) : ""))
-              .join("")
-          : "Details"
+      const summary = labelParagraph
+        ? labelParagraph.children.map(c => ("value" in c ? String(c.value) : "")).join("")
+        : "Details"
 
-        const body = node.children.filter(
-          child => !(child.type === "paragraph" && child.data?.directiveLabel),
-        )
+      const body = node.children.filter(
+        child => !(child.type === "paragraph" && child.data?.directiveLabel),
+      )
 
-        const jsxNode = {
-          type: "mdxJsxFlowElement" as const,
-          name: "Details",
-          attributes: [
-            {
-              type: "mdxJsxAttribute" as const,
-              name: "summary",
-              value: summary,
-            },
-          ],
-          children: body,
-          data: { _mdxExplicitJsx: true },
-        }
+      const jsxNode = {
+        type: "mdxJsxFlowElement" as const,
+        name: "Details",
+        attributes: [
+          {
+            type: "mdxJsxAttribute" as const,
+            name: "summary",
+            value: summary,
+          },
+        ],
+        children: body,
+        data: { _mdxExplicitJsx: true },
+      }
 
-        // @ts-expect-error mdxJsxFlowElement is not in mdast types
-        parent.children.splice(index, 1, jsxNode)
-      },
-    )
+      // @ts-expect-error mdxJsxFlowElement is not in mdast types
+      parent.children.splice(index, 1, jsxNode)
+    })
   }
 }

package/source/plugins/remark-filetree.ts

@@ -51,39 +51,33 @@ function parseListItem(listItem: ListItem): TreeItem | undefined {
 /** Remark plugin that converts :::filetree directives into FileTree JSX elements */
 export const remarkFiletree: Plugin<[], Root> = () => {
   return tree => {
-    visit(
-      tree,
-      "containerDirective",
-      (node: ContainerDirective, index, parent) => {
-        if (node.name !== "filetree" || index === undefined || !parent) return
-
-        const lists = node.children.filter(
-          (child): child is List => child.type === "list",
-        )
-
-        const treeItems: TreeItem[] = []
-        for (const list of lists) {
-          treeItems.push(...parseList(list))
-        }
-
-        const jsxNode = {
-          type: "mdxJsxFlowElement" as const,
-          name: "FileTree",
-          attributes: [
-            {
-              type: "mdxJsxAttribute" as const,
-              name: "tree",
-              value: JSON.stringify(treeItems),
-            },
-          ],
-          children: [],
-          data: { _mdxExplicitJsx: true },
-        }
-
-        // @ts-expect-error mdxJsxFlowElement is not in mdast types
-        parent.children[index] = jsxNode
-        return SKIP
-      },
-    )
+    visit(tree, "containerDirective", (node: ContainerDirective, index, parent) => {
+      if (node.name !== "filetree" || index === undefined || !parent) return
+
+      const lists = node.children.filter((child): child is List => child.type === "list")
+
+      const treeItems: TreeItem[] = []
+      for (const list of lists) {
+        treeItems.push(...parseList(list))
+      }
+
+      const jsxNode = {
+        type: "mdxJsxFlowElement" as const,
+        name: "FileTree",
+        attributes: [
+          {
+            type: "mdxJsxAttribute" as const,
+            name: "tree",
+            value: JSON.stringify(treeItems),
+          },
+        ],
+        children: [],
+        data: { _mdxExplicitJsx: true },
+      }
+
+      // @ts-expect-error mdxJsxFlowElement is not in mdast types
+      parent.children[index] = jsxNode
+      return SKIP
+    })
   }
 }

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

@@ -98,10 +98,7 @@ describe("parseList", () => {
           listItem(
             paragraph(text("b/")),
             list(
-              listItem(
-                paragraph(text("c/")),
-                list(listItem(paragraph(text("deep.ts")))),
-              ),
+              listItem(paragraph(text("c/")), list(listItem(paragraph(text("deep.ts"))))),
             ),
           ),
         ),

package/source/plugins/remark-media.ts

@@ -23,9 +23,7 @@ export function transformMediaDirectives(tree: Root) {
       const jsxNode = {
         type: "mdxJsxFlowElement" as const,
         name: "YouTube",
-        attributes: [
-          { type: "mdxJsxAttribute" as const, name: "id", value: id },
-        ],
+        attributes: [{ type: "mdxJsxAttribute" as const, name: "id", value: id }],
         children: [],
         data: { _mdxExplicitJsx: true },
       }
@@ -41,9 +39,7 @@ export function transformMediaDirectives(tree: Root) {
       const jsxNode = {
         type: "mdxJsxFlowElement" as const,
         name: "SoundCloud",
-        attributes: [
-          { type: "mdxJsxAttribute" as const, name: "url", value: url },
-        ],
+        attributes: [{ type: "mdxJsxAttribute" as const, name: "url", value: url }],
         children: [],
         data: { _mdxExplicitJsx: true },
       }

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

@@ -57,17 +57,13 @@ describe("transformMediaDirectives", () => {
   })
 
   it("should skip audio directive without url", () => {
-    const tree = process(
-      makeTree(makeLeafDirective("audio", { type: "soundcloud" })),
-    )
+    const tree = process(makeTree(makeLeafDirective("audio", { type: "soundcloud" })))
     const node = tree.children[0]
     expect(node).toMatchObject({ type: "leafDirective", name: "audio" })
   })
 
   it("should ignore unrelated leaf directives", () => {
-    const tree = process(
-      makeTree(makeLeafDirective("include", { file: "test.md" })),
-    )
+    const tree = process(makeTree(makeLeafDirective("include", { file: "test.md" })))
     const node = tree.children[0]
     expect(node).toMatchObject({ type: "leafDirective", name: "include" })
   })

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

@@ -30,9 +30,7 @@ describe("transformStepHeadings", () => {
   }
 
   it("should strip [step] and set data-step attribute", () => {
-    const tree = process(
-      makeTree(makeHeading(3, "Install Dependencies [step]")),
-    )
+    const tree = process(makeTree(makeHeading(3, "Install Dependencies [step]")))
     const heading = findHeading(tree, 0)
     expect(heading.data?.hProperties).toEqual({ "data-step": 1 })
     expect(headingText(heading)).toBe("Install Dependencies")
@@ -75,10 +73,7 @@ describe("transformStepHeadings", () => {
 
   it("should handle different heading depths", () => {
     const tree = process(
-      makeTree(
-        makeHeading(2, "Big Step [step]"),
-        makeHeading(4, "Small Step [step]"),
-      ),
+      makeTree(makeHeading(2, "Big Step [step]"), makeHeading(4, "Small Step [step]")),
     )
 
     expect(findHeading(tree, 0).data?.hProperties).toEqual({ "data-step": 1 })

package/source/plugins/remark-tab.ts

@@ -5,38 +5,35 @@ import { visit, SKIP } from "unist-util-visit"
 
 /** Walk a mdast tree and convert :::tab directives into ContentTab/ContentTabs JSX elements */
 export function transformTabDirectives(tree: Root) {
-  visit(
-    tree,
-    "containerDirective",
-    (node: ContainerDirective, index, parent) => {
-      if (node.name !== "tab" || index === undefined || !parent) return
+  visit(tree, "containerDirective", (node: ContainerDirective, index, parent) => {
+    if (node.name !== "tab" || index === undefined || !parent) return
 
-      const title = node.attributes?.title ?? ""
-      const sync = node.attributes?.sync
+    const title = node.attributes?.title ?? ""
+    const sync = node.attributes?.sync
 
-      const attrs: { type: "mdxJsxAttribute"; name: string; value: string }[] =
-        [{ type: "mdxJsxAttribute" as const, name: "title", value: title }]
-      if (sync) {
-        attrs.push({
-          type: "mdxJsxAttribute" as const,
-          name: "sync",
-          value: sync,
-        })
-      }
+    const attrs: { type: "mdxJsxAttribute"; name: string; value: string }[] = [
+      { type: "mdxJsxAttribute" as const, name: "title", value: title },
+    ]
+    if (sync) {
+      attrs.push({
+        type: "mdxJsxAttribute" as const,
+        name: "sync",
+        value: sync,
+      })
+    }
 
-      const jsxNode = {
-        type: "mdxJsxFlowElement" as const,
-        name: "ContentTab",
-        attributes: attrs,
-        children: node.children,
-        data: { _mdxExplicitJsx: true },
-      }
+    const jsxNode = {
+      type: "mdxJsxFlowElement" as const,
+      name: "ContentTab",
+      attributes: attrs,
+      children: node.children,
+      data: { _mdxExplicitJsx: true },
+    }
 
-      // @ts-expect-error mdxJsxFlowElement is not in mdast types
-      parent.children[index] = jsxNode
-      return SKIP
-    },
-  )
+    // @ts-expect-error mdxJsxFlowElement is not in mdast types
+    parent.children[index] = jsxNode
+    return SKIP
+  })
 
   const children = tree.children
   let i = 0
@@ -52,8 +49,7 @@ export function transformTabDirectives(tree: Root) {
     while (j < children.length) {
       const next = children[j]
       // @ts-expect-error mdxJsxFlowElement is not in mdast types
-      if (next?.type !== "mdxJsxFlowElement" || next.name !== "ContentTab")
-        break
+      if (next?.type !== "mdxJsxFlowElement" || next.name !== "ContentTab") break
       j++
     }
 

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

@@ -11,9 +11,7 @@ function makeContainerDirective(
     type: "containerDirective",
     name,
     attributes: attributes ?? {},
-    children: [
-      { type: "paragraph", children: [{ type: "text", value: "content" }] },
-    ],
+    children: [{ type: "paragraph", children: [{ type: "text", value: "content" }] }],
   }
 }
 
@@ -39,9 +37,7 @@ describe("transformTabDirectives", () => {
         {
           type: "mdxJsxFlowElement",
           name: "ContentTab",
-          attributes: [
-            { type: "mdxJsxAttribute", name: "title", value: "React" },
-          ],
+          attributes: [{ type: "mdxJsxAttribute", name: "title", value: "React" }],
         },
       ],
     })

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

@@ -37,9 +37,7 @@ describe("transformTocDirectives", () => {
   })
 
   it("should ignore unrelated leaf directives", () => {
-    const tree = process(
-      makeTree(makeLeafDirective("video", { type: "youtube" })),
-    )
+    const tree = process(makeTree(makeLeafDirective("video", { type: "youtube" })))
     const node = tree.children[0]
     expect(node).toMatchObject({ type: "leafDirective", name: "video" })
   })

package/source/plugins/shiki-icon.ts

@@ -4,10 +4,7 @@ interface HastElement {
 
 interface ShikiTransformer {
   name: string
-  pre: (
-    this: { options: { lang?: string } },
-    pre: HastElement,
-  ) => HastElement | void
+  pre: (this: { options: { lang?: string } }, pre: HastElement) => HastElement | void
 }
 
 type Icon = { viewBox: string; fill: string; d: string }

package/source/plugins/shiki-line-highlight.ts

@@ -11,10 +11,7 @@ interface HastElement {
 
 interface ShikiTransformer {
   name: string
-  preprocess?: (
-    this: { options: { meta?: { __raw?: string } } },
-    code: string,
-  ) => void
+  preprocess?: (this: { options: { meta?: { __raw?: string } } }, code: string) => void
   pre?: (pre: HastElement) => HastElement | void
   line?: (line: HastElement, lineNumber: number) => HastElement | void
   span?: (span: HastElement) => HastElement | void
@@ -67,8 +64,7 @@ function spanContainsWord(span: HastElement, word: string): boolean {
   return false
 }
 
-const NOTATION_RE =
-  /\/\/\s*\[!code\s+(highlight|focus|\+\+|--|error|warning)\]\s*$/
+const NOTATION_RE = /\/\/\s*\[!code\s+(highlight|focus|\+\+|--|error|warning)\]\s*$/
 const NOTATION_BLOCK_RE =
   /\/\*\s*\[!code\s+(highlight|focus|\+\+|--|error|warning)\]\s*\*\/\s*$/
 
@@ -79,8 +75,7 @@ function stripNotationFromLine(line: HastElement): string | undefined {
       if (result !== undefined) return result
     }
     if (child.type === "text") {
-      const match =
-        child.value.match(NOTATION_RE) ?? child.value.match(NOTATION_BLOCK_RE)
+      const match = child.value.match(NOTATION_RE) ?? child.value.match(NOTATION_BLOCK_RE)
       if (match) {
         child.value = child.value.slice(0, match.index).trimEnd()
         return match[1]!
@@ -158,9 +153,7 @@ export function transformerLineHighlight(): ShikiTransformer {
         line.properties["data-highlighted"] = ""
       }
       if (lineNumbers.enabled) {
-        line.properties["data-line-number"] = String(
-          lineNumber - 1 + lineNumbers.start,
-        )
+        line.properties["data-line-number"] = String(lineNumber - 1 + lineNumbers.start)
       }
       return line
     },