@scribdown/markdown-renderer 0.2.0 → 0.3.0

package/dist/index.js

@@ -1172,10 +1172,12 @@ var SOURCE_LINE_HAST_PROPERTY = SOURCE_LINE_DATA_ATTRIBUTE3.replace(
   /-([a-z])/gu,
   (_match, letter) => letter.toUpperCase()
 );
-var BLOCK_CONTAINER_NODE_TYPES = /* @__PURE__ */ new Set(["list", "listItem", "blockquote"]);
+function isBlockContainerNode(node) {
+  return node.type === "blockquote" || node.type === "list" || node.type === "listItem";
+}
 function remarkSourceLine() {
   return (tree) => {
-    const blockNodes = tree.children ?? [];
+    const blockNodes = tree.children;
     blockNodes.forEach((blockNode) => {
       annotateSourceLine(blockNode);
       annotateNestedBlockSourceLines(blockNode);
@@ -1194,10 +1196,10 @@ function annotateSourceLine(node) {
   node.data = nodeData;
 }
 function annotateNestedBlockSourceLines(node) {
-  if (!BLOCK_CONTAINER_NODE_TYPES.has(node.type)) {
+  if (!isBlockContainerNode(node)) {
     return;
   }
-  const childNodes = node.children ?? [];
+  const childNodes = node.children;
   childNodes.forEach((childNode) => {
     annotateSourceLine(childNode);
     annotateNestedBlockSourceLines(childNode);
@@ -1217,29 +1219,12 @@ import {
   IMAGE_FRAME_FAILED_CLASS_NAME,
   IMAGE_FRAME_LOADED_CLASS_NAME
 } from "@scribdown/shared";
+import { SKIP, visit } from "unist-util-visit";
 
 // src/core/ast.ts
-function visitMarkdownNode(node, visitor) {
-  visitor(node);
-  if (!node.children) {
-    return;
-  }
-  const childNodes = node.children;
-  for (let childIndex = 0; childIndex < childNodes.length; childIndex += 1) {
-    visitMarkdownNode(childNodes[childIndex], visitor);
-  }
-}
+import { toString as mdastToString } from "mdast-util-to-string";
 function extractNodeText(node) {
-  if (node.type === "text" || node.type === "inlineCode") {
-    return node.value ?? "";
-  }
-  if (isImageNode(node)) {
-    return node.alt ?? "";
-  }
-  if (!node.children) {
-    return "";
-  }
-  return node.children.map(extractNodeText).join("");
+  return mdastToString(node, { includeHtml: false });
 }
 function isImageNode(node) {
   return node.type === "image" || node.type === "imageReference";
@@ -1742,30 +1727,23 @@ function createMarkdownImageViewerCaption(imageElement, imageSource) {
 var IMAGE_HYDRATED_DATA_KEY = "scribdownImageHydrated";
 function remarkImageFigures() {
   return (tree) => {
-    transformImageFigures(tree);
+    visit(tree, "paragraph", (node, index, parent) => {
+      if (parent === void 0 || index === void 0) {
+        return;
+      }
+      const imageFigureNode = createImageFigureNode(node);
+      if (imageFigureNode) {
+        parent.children[index] = imageFigureNode;
+        return SKIP;
+      }
+    });
+    visit(tree, isImageNode, (node) => {
+      decorateImageNode(node);
+    });
   };
 }
-function transformImageFigures(node) {
-  if (!node.children) {
-    return;
-  }
-  const childNodes = node.children;
-  for (let childIndex = 0; childIndex < childNodes.length; childIndex += 1) {
-    const childNode = childNodes[childIndex];
-    const imageFigureNode = createImageFigureNode(childNode);
-    if (imageFigureNode) {
-      childNodes[childIndex] = imageFigureNode;
-      continue;
-    }
-    if (isImageNode(childNode)) {
-      decorateImageNode(childNode);
-      continue;
-    }
-    transformImageFigures(childNode);
-  }
-}
 function createImageFigureNode(node) {
-  if (node.type !== "paragraph" || !node.children || node.children.length !== 1) {
+  if (node.children.length !== 1) {
     return void 0;
   }
   const onlyChild = node.children[0];
@@ -1808,7 +1786,7 @@ function createImageFrameNode(imageNode) {
   };
 }
 function createImageCaptionNodes(imageNode) {
-  const imageTitle = typeof imageNode.title === "string" ? imageNode.title.trim() : "";
+  const imageTitle = imageNode.type === "image" && typeof imageNode.title === "string" ? imageNode.title.trim() : "";
   if (imageTitle.length === 0) {
     return [];
   }
@@ -1827,7 +1805,7 @@ function createImageCaptionNodes(imageNode) {
 }
 function createImageFallbackNode(imageNode) {
   const fallbackText = imageNode.alt?.trim() || "\u56FE\u7247\u52A0\u8F7D\u5931\u8D25";
-  const fallbackSource = imageNode.url ?? imageNode.identifier ?? "";
+  const fallbackSource = imageNode.type === "image" ? imageNode.url : imageNode.identifier;
   return {
     type: "imageFallback",
     data: {
@@ -1916,41 +1894,37 @@ import {
   VIDEO_FRAME_FAILED_CLASS_NAME,
   VIDEO_FRAME_LOADED_CLASS_NAME
 } from "@scribdown/shared";
+import { classnames } from "hast-util-classnames";
+import { SKIP as SKIP2, visit as visit2 } from "unist-util-visit";
 var VIDEO_HYDRATED_DATA_KEY = "scribdownVideoHydrated";
 var VIDEO_FALLBACK_DEFAULT_TEXT = "\u89C6\u9891\u52A0\u8F7D\u5931\u8D25";
 function rehypeVideoFigures() {
   return (tree) => {
-    transformVideoFigures(tree);
+    visit2(tree, "element", (node, index, parent) => {
+      if (parent === void 0 || index === void 0) {
+        return;
+      }
+      if (isHastVideoElement(node)) {
+        parent.children[index] = createVideoFigureHast(node);
+        return SKIP2;
+      }
+      const standaloneVideo = extractStandaloneParagraphVideo(node);
+      if (standaloneVideo) {
+        parent.children[index] = createVideoFigureHast(standaloneVideo);
+        return SKIP2;
+      }
+    });
   };
 }
-function transformVideoFigures(node) {
-  if (!Array.isArray(node.children)) {
-    return;
-  }
-  const childNodes = node.children;
-  for (let childIndex = 0; childIndex < childNodes.length; childIndex += 1) {
-    const childNode = childNodes[childIndex];
-    if (isHastVideoElement(childNode)) {
-      childNodes[childIndex] = createVideoFigureHast(childNode);
-      continue;
-    }
-    const standaloneVideo = extractStandaloneParagraphVideo(childNode);
-    if (standaloneVideo) {
-      childNodes[childIndex] = createVideoFigureHast(standaloneVideo);
-      continue;
-    }
-    transformVideoFigures(childNode);
-  }
-}
 function isHastVideoElement(node) {
   return node.type === "element" && node.tagName === "video";
 }
 function extractStandaloneParagraphVideo(node) {
-  if (node.type !== "element" || node.tagName !== "p" || !Array.isArray(node.children)) {
+  if (node.tagName !== "p") {
     return void 0;
   }
   const significantChildren = node.children.filter((childNode) => {
-    if (childNode.type === "text" && typeof childNode.value === "string") {
+    if (childNode.type === "text") {
       return childNode.value.trim().length > 0;
     }
     return true;
@@ -1978,25 +1952,15 @@ function createVideoFigureHast(videoNode) {
   };
 }
 function decorateHastVideoElement(videoNode) {
-  const properties = videoNode.properties ?? {};
-  const existingClassName = properties.className;
-  const classList = Array.isArray(existingClassName) ? existingClassName.map(String) : typeof existingClassName === "string" ? [existingClassName] : [];
-  if (!classList.includes(VIDEO_ELEMENT_CLASS_NAME)) {
-    classList.push(VIDEO_ELEMENT_CLASS_NAME);
-  }
-  properties.className = classList;
-  videoNode.properties = properties;
+  classnames(videoNode, VIDEO_ELEMENT_CLASS_NAME);
 }
 function readHastVideoSourceUrl(videoNode) {
-  const properties = videoNode.properties ?? {};
-  if (typeof properties.src === "string") {
-    return properties.src;
-  }
-  if (Array.isArray(videoNode.children)) {
-    for (const childNode of videoNode.children) {
-      if (childNode.type === "element" && childNode.tagName === "source" && typeof childNode.properties?.src === "string") {
-        return childNode.properties.src;
-      }
+  if (typeof videoNode.properties.src === "string") {
+    return videoNode.properties.src;
+  }
+  for (const childNode of videoNode.children) {
+    if (childNode.type === "element" && childNode.tagName === "source" && typeof childNode.properties.src === "string") {
+      return childNode.properties.src;
     }
   }
   return "";
@@ -2278,31 +2242,22 @@ function createScribdownSanitizeSchema() {
 }
 
 // src/syntax/definition-lists.ts
+import { visit as visit3 } from "unist-util-visit";
 var DEFINITION_LIST_PARAGRAPH_PATTERN = /^\s*([^\n:][^\n]*)\n\s*:\s+([^\n]+)\s*$/u;
 function remarkDefinitionLists() {
   return (tree) => {
-    transformDefinitionLists(tree);
+    visit3(tree, "paragraph", (node, index, parent) => {
+      if (parent === void 0 || index === void 0) {
+        return;
+      }
+      const definitionListNode = createDefinitionListNode(node);
+      if (definitionListNode) {
+        parent.children[index] = definitionListNode;
+      }
+    });
   };
 }
-function transformDefinitionLists(node) {
-  if (!node.children) {
-    return;
-  }
-  const childNodes = node.children;
-  for (let childIndex = 0; childIndex < childNodes.length; childIndex += 1) {
-    const childNode = childNodes[childIndex];
-    const definitionListNode = createDefinitionListNode(childNode);
-    if (definitionListNode) {
-      childNodes[childIndex] = definitionListNode;
-      continue;
-    }
-    transformDefinitionLists(childNode);
-  }
-}
 function createDefinitionListNode(node) {
-  if (node.type !== "paragraph") {
-    return void 0;
-  }
   const paragraphText = extractNodeText(node);
   const definitionMatch = DEFINITION_LIST_PARAGRAPH_PATTERN.exec(paragraphText);
   if (!definitionMatch) {
@@ -2341,25 +2296,21 @@ function createDefinitionListNode(node) {
 
 // src/syntax/frame.ts
 import { DETAILS_CLASS_NAME as DETAILS_CLASS_NAME2, FRAME_CLASS_NAME as FRAME_CLASS_NAME2, TOC_CLASS_NAME as TOC_CLASS_NAME2 } from "@scribdown/shared";
+import { classnames as classnames2 } from "hast-util-classnames";
+import { visit as visit4 } from "unist-util-visit";
 function rehypeFrameClass() {
   return (tree) => {
-    tagContentDetails(tree);
+    visit4(tree, "element", (node) => {
+      if (node.tagName !== "details") {
+        return;
+      }
+      const classNames = normalizeClassNames(node.properties.className);
+      if (!classNames.includes(TOC_CLASS_NAME2)) {
+        classnames2(node, DETAILS_CLASS_NAME2, FRAME_CLASS_NAME2);
+      }
+    });
   };
 }
-function tagContentDetails(node) {
-  if (node.type === "element" && node.tagName === "details") {
-    const classNames = normalizeClassNames(node.properties?.className);
-    const isTocDetails = classNames.includes(TOC_CLASS_NAME2);
-    if (!isTocDetails) {
-      addClassNames(node, [DETAILS_CLASS_NAME2, FRAME_CLASS_NAME2]);
-    }
-  }
-  if (Array.isArray(node.children)) {
-    for (const childNode of node.children) {
-      tagContentDetails(childNode);
-    }
-  }
-}
 function normalizeClassNames(className) {
   if (Array.isArray(className)) {
     return className.filter((item) => typeof item === "string");
@@ -2369,15 +2320,6 @@ function normalizeClassNames(className) {
   }
   return [];
 }
-function addClassNames(node, classNamesToAdd) {
-  const mergedClassNames = normalizeClassNames(node.properties?.className);
-  for (const classNameToAdd of classNamesToAdd) {
-    if (!mergedClassNames.includes(classNameToAdd)) {
-      mergedClassNames.push(classNameToAdd);
-    }
-  }
-  node.properties = { ...node.properties, className: mergedClassNames };
-}
 
 // src/syntax/frontmatter.ts
 import {
@@ -2394,16 +2336,16 @@ var FRONTMATTER_ARRAY_SEPARATOR = ", ";
 var FRONTMATTER_FALLBACK_LANGUAGE_ID = "yaml";
 function remarkFrontmatterMetadata() {
   return (tree) => {
-    const childNodes = tree.children ?? [];
+    const childNodes = tree.children;
     const yamlNode = childNodes[0];
-    if (!yamlNode || yamlNode.type !== "yaml" || typeof yamlNode.value !== "string") {
+    if (!yamlNode || yamlNode.type !== "yaml") {
       return;
     }
     childNodes[0] = createFrontmatterNode(yamlNode);
   };
 }
 function createFrontmatterNode(yamlNode) {
-  const yamlSource = yamlNode.value ?? "";
+  const yamlSource = yamlNode.value;
   let parsedValue;
   try {
     parsedValue = parseYamlSource(yamlSource);
@@ -2500,28 +2442,20 @@ function formatFrontmatterScalar(value) {
 }
 
 // src/syntax/highlight-mark.ts
+import { SKIP as SKIP3, visit as visit5 } from "unist-util-visit";
 var HIGHLIGHT_MARKER_PATTERN = /==([^=\n]+?)==/g;
 function remarkHighlightMark() {
   return (tree) => {
-    transformHighlightMarks(tree);
+    visit5(tree, "text", (node, index, parent) => {
+      if (parent === void 0 || index === void 0 || !node.value.includes("==")) {
+        return;
+      }
+      const segments = splitHighlightMarks(node.value);
+      parent.children.splice(index, 1, ...segments);
+      return [SKIP3, index + segments.length];
+    });
   };
 }
-function transformHighlightMarks(node) {
-  if (!node.children) {
-    return;
-  }
-  const nextChildren = [];
-  for (let childIndex = 0; childIndex < node.children.length; childIndex += 1) {
-    const childNode = node.children[childIndex];
-    if (childNode.type === "text" && typeof childNode.value === "string" && childNode.value.includes("==")) {
-      nextChildren.push(...splitHighlightMarks(childNode.value));
-      continue;
-    }
-    transformHighlightMarks(childNode);
-    nextChildren.push(childNode);
-  }
-  node.children = nextChildren;
-}
 function splitHighlightMarks(textValue) {
   const segments = [];
   let cursor = 0;
@@ -2565,6 +2499,8 @@ import {
   TOC_SUMMARY_CLASS_NAME as TOC_SUMMARY_CLASS_NAME2,
   TOC_TOGGLE_CLASS_NAME as TOC_TOGGLE_CLASS_NAME2
 } from "@scribdown/shared";
+import GithubSlugger from "github-slugger";
+import { visit as visit6 } from "unist-util-visit";
 var TOC_MARKER_PATTERN = /^\s*\[toc]\s*$/i;
 var TOC_TOGGLE_ARIA_LABEL = "\u5C55\u5F00\u6216\u6298\u53E0\u5B50\u76EE\u5F55";
 var TOC_TOGGLE_HYDRATED_DATA_KEY = "scribdownTocToggleHydrated";
@@ -2579,17 +2515,14 @@ function remarkTableOfContents() {
   };
 }
 function collectTocHeadings(tree) {
-  const headingSlugCounts = /* @__PURE__ */ new Map();
+  const headingSlugger = new GithubSlugger();
   const tocHeadings = [];
   const headingIndexCounts = Array.from({ length: 7 }, () => 0);
   let rootHeadingDepth;
-  visitMarkdownNode(tree, (node) => {
-    if (node.type !== "heading") {
-      return;
-    }
-    const headingDepth = node.depth ?? 2;
+  visit6(tree, "heading", (node) => {
+    const headingDepth = node.depth;
     const headingText = extractNodeText(node).trim();
-    const headingId = createUniqueSlug(headingText, headingSlugCounts, tocHeadings.length + 1);
+    const headingId = createHeadingId(headingSlugger, headingText, tocHeadings.length + 1);
     const headingIndex = createHeadingIndex(
       headingDepth,
       headingIndexCounts,
@@ -2612,7 +2545,7 @@ function collectTocHeadings(tree) {
             className: [HEADING_MARK_CLASS_NAME2]
           }
         },
-        children: node.children ?? []
+        children: node.children
       }
     ];
     tocHeadings.push({
@@ -2624,26 +2557,20 @@ function collectTocHeadings(tree) {
   });
   return tocHeadings;
 }
-function replaceTocMarkers(node, tocHeadings) {
-  if (!node.children) {
-    return;
-  }
-  const childNodes = node.children;
-  for (let childIndex = 0; childIndex < childNodes.length; childIndex += 1) {
-    const childNode = childNodes[childIndex];
-    if (isTocMarkerParagraph(childNode)) {
-      childNodes[childIndex] = createTocNode(tocHeadings, childNode);
-      continue;
+function replaceTocMarkers(tree, tocHeadings) {
+  visit6(tree, "paragraph", (node, index, parent) => {
+    if (parent === void 0 || index === void 0 || !isTocMarkerParagraph(node)) {
+      return;
     }
-    replaceTocMarkers(childNode, tocHeadings);
-  }
+    parent.children[index] = createTocNode(tocHeadings, node);
+  });
 }
 function isTocMarkerParagraph(node) {
-  if (node.type !== "paragraph" || !node.children || node.children.length !== 1) {
+  if (node.children.length !== 1) {
     return false;
   }
   const onlyChild = node.children[0];
-  return onlyChild.type === "text" && TOC_MARKER_PATTERN.test(onlyChild.value ?? "");
+  return onlyChild.type === "text" && TOC_MARKER_PATTERN.test(onlyChild.value);
 }
 function createTocNode(tocHeadings, markerNode) {
   const tocTree = createTocTree(tocHeadings);
@@ -2712,10 +2639,9 @@ function createTocTree(tocHeadings) {
 function createTocListNode(tocItems, isNested) {
   const tocListClassNames = isNested ? [TOC_LIST_CLASS_NAME2, TOC_LIST_NESTED_CLASS_NAME2] : [TOC_LIST_CLASS_NAME2];
   return {
-    type: "list",
-    ordered: true,
-    spread: false,
+    type: "tocList",
     data: {
+      hName: "ol",
       hProperties: {
         className: tocListClassNames
       }
@@ -2728,9 +2654,9 @@ function createTocListItem(tocItem) {
   const tocItemClassNames = createTocItemClassNames(tocItem.depth, hasChildren);
   const itemChildren = hasChildren ? [createTocToggleNode(), createTocLinkNode(tocItem), createTocListNode(tocItem.children, true)] : [createTocLinkNode(tocItem)];
   return {
-    type: "listItem",
-    spread: false,
+    type: "tocItem",
     data: {
+      hName: "li",
       hProperties: {
         dataTocIndex: tocItem.index,
         className: tocItemClassNames
@@ -2778,16 +2704,12 @@ function createTocLinkNode(tocItem) {
     ]
   };
 }
-function createUniqueSlug(headingText, slugCounts, fallbackIndex) {
-  const normalizedSlug = normalizeSlugText(headingText);
-  const fallbackSlug = `${EMPTY_HEADING_SLUG_PREFIX}-${fallbackIndex}`;
-  const baseSlug = normalizedSlug || fallbackSlug;
-  const usedCount = slugCounts.get(baseSlug) ?? 0;
-  slugCounts.set(baseSlug, usedCount + 1);
-  if (usedCount === 0) {
+function createHeadingId(headingSlugger, headingText, fallbackIndex) {
+  const baseSlug = headingSlugger.slug(headingText);
+  if (baseSlug) {
     return baseSlug;
   }
-  return `${baseSlug}-${usedCount}`;
+  return headingSlugger.slug(`${EMPTY_HEADING_SLUG_PREFIX}-${fallbackIndex}`);
 }
 function createHeadingIndex(headingDepth, headingIndexCounts, rootHeadingDepth) {
   const startDepth = Math.min(rootHeadingDepth, headingDepth);
@@ -2802,9 +2724,6 @@ function createHeadingIndex(headingDepth, headingIndexCounts, rootHeadingDepth)
   }
   return headingIndexCounts.slice(startDepth, headingDepth + 1).join(".");
 }
-function normalizeSlugText(headingText) {
-  return headingText.trim().toLowerCase().replace(/<[^>]+>/g, "").replace(/[^\p{L}\p{N}\s_-]+/gu, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
-}
 function collectTocHeadingsFromDom(rootElement) {
   const markdownContainer = rootElement instanceof Element && rootElement.matches(`.${SCRIBDOWN_MARKDOWN_CLASS_NAME}`) ? rootElement : rootElement.querySelector(`.${SCRIBDOWN_MARKDOWN_CLASS_NAME}`);
   if (!markdownContainer) {
@@ -3139,13 +3058,14 @@ function mountPageToolbar(ownerDocument, container, scrollToHeading) {
     ownerWindow?.scrollTo({ top: 0, behavior: "smooth" });
     closeMoreMenu();
   });
-  const aboutItem = ownerDocument.createElement("button");
-  aboutItem.type = "button";
+  const aboutItem = ownerDocument.createElement("a");
+  aboutItem.href = PROJECT_HOMEPAGE_URL;
+  aboutItem.target = "_blank";
+  aboutItem.rel = "noopener noreferrer";
   aboutItem.className = SCRIBDOWN_TOOLBAR_MENU_ITEM_CLASS_NAME;
   aboutItem.setAttribute("role", "menuitem");
   aboutItem.innerHTML = `${TOOLBAR_ABOUT_ICON_SVG}<span>\u5173\u4E8E</span>`;
   aboutItem.addEventListener("click", () => {
-    ownerWindow?.open(PROJECT_HOMEPAGE_URL, "_blank", "noopener,noreferrer");
     closeMoreMenu();
   });
   menu.appendChild(backTopItem);