pantsdown 2.0.0 → 2.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pantsdown",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "author": "wallpants",
   "description": "Markdown to 'GitHub HTML' parser",
   "license": "MIT",

package/src/css/styles.css

@@ -52,7 +52,7 @@
     --color-done-fg: #b780ff;
     --color-icon-directory: #f0f3f6;
     --color-icon-file: #7d8590;
-    --color-btn-bg: #7d8590;
+    --color-btn-bg: #272b33;
     --color-btn-border: #7a828e;
     --color-btn-hover-bg: #525964;
 }
@@ -190,10 +190,6 @@
     margin-bottom: 16px;
 }
 
-/* TODO: clean-up */
-/* .pantsdown .mermaid { */
-/* } */
-
 .pantsdown .octicon {
     display: inline-block;
     fill: currentColor;

package/src/renderer.ts

@@ -42,7 +42,7 @@ export class Renderer {
     }
 
     alert(body: string, token: Tokens["Alert"]): string {
-        const result = `<div>\n${body}</div>\n`;
+        const result = `<div><span>${token.icon + token.variant}</span>${body}</div>\n`;
         return injectHtmlAttributes(result, [
             ["class", `markdown-alert markdown-alert-${token.variant.toLowerCase()}`],
         ]);

package/src/tokenizer.ts

@@ -105,7 +105,7 @@ export class Tokenizer {
         const cap = block.blockquote.exec(src);
         if (!cap) return undefined;
 
-        const text = rtrim(cap[0].replace(/^ *>[ \t]?/gm, ""), "\n");
+        let text = rtrim(cap[0].replace(/^ *>[ \t]?/gm, ""), "\n");
         const top = this.lexer.state.top;
         this.lexer.state.top = true;
         const tokens = this.lexer.blockTokens(text, []);
@@ -119,20 +119,21 @@ export class Tokenizer {
             text,
         };
 
-        const matchedVariant = ALERTS.find(({ regex }) => regex.test(blockquoteToken.text));
+        const matchedAlertVariant = ALERTS.find(({ regex }) => regex.test(blockquoteToken.text));
 
-        if (matchedVariant) {
-            const { variant, icon, regex } = matchedVariant;
+        if (matchedAlertVariant) {
+            const { variant, icon, regex } = matchedAlertVariant;
 
-            const firstLine = blockquoteToken.tokens[0] as Tokens["Paragraph"];
-            const firstLineText = firstLine.raw.replace(regex, "");
-            firstLine.tokens = [
-                {
-                    type: "text",
-                    raw: firstLine.raw,
-                    text: `<span>${icon + variant}</span>${firstLineText}`,
-                },
-            ];
+            const firstToken = blockquoteToken.tokens[0] as Tokens["Paragraph"];
+
+            text = firstToken.raw.replace(regex, "");
+
+            // since we're modifying firstToken.raw by removing the first line,
+            // resulting tokens also change and thus also the sourceMap that
+            // was generated for the blockquote
+            if (firstToken.sourceMap?.[0]) firstToken.sourceMap[0]++;
+
+            firstToken.tokens = this.lexer.inlineTokens(text, []);
 
             const alertToken: Tokens["Alert"] = {
                 ...blockquoteToken,
@@ -141,8 +142,6 @@ export class Tokenizer {
                 icon,
             };
 
-            alertToken.tokens.splice(0, 1, firstLine);
-
             return alertToken;
         }