vowel 0.3.0 → 0.3.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vowel",
   "type": "module",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "bin": "bin.js",
   "main": "index.js",
   "scripts": {
@@ -47,6 +47,7 @@
     "postcss": "^8.5.9",
     "rehype": "^13.0.2",
     "rehype-document": "^7.0.3",
+    "rehype-github-alert": "^1.0.0",
     "rehype-parse": "^9.0.1",
     "rehype-preset-minify": "^7.0.1",
     "rehype-slug": "^6.0.0",

package/plugins/markdown/index.js

@@ -13,6 +13,7 @@ import { gfmFootnoteFromMarkdown } from "mdast-util-gfm-footnote"
 import { gfmStrikethrough } from 'micromark-extension-gfm-strikethrough'
 import { gfmStrikethroughFromMarkdown } from 'mdast-util-gfm-strikethrough'
 import { gfmTable } from 'micromark-extension-gfm-table'
+import rehypeGithubAlert from "rehype-github-alert"
 import { gfmTableFromMarkdown } from 'mdast-util-gfm-table'
 import { h } from 'hastscript'
 import { normalizeHeadings } from 'mdast-normalize-headings'
@@ -903,9 +904,8 @@ function writeHTML(destination, database, config) {
       treeContent
     ])
 
-  /* URL handling */
   visit(treeMain, (node, index, parent) => {
-    if (node.type === "text" && parent.tagName === 'p' && parent.children.length === 1) {
+    /* URLs */ if (node.type === "text" && parent.tagName === 'p' && parent.children.length === 1) {
       const validURL = testURL(node.value)
       if (validURL) {
         const metadata = database.url.get(node.value)
@@ -918,6 +918,35 @@ function writeHTML(destination, database, config) {
           ]
         }
       }
+    } /* GFM Alerts */ else if (node.tagName === "blockquote") {
+      if (node.children[1]
+        && node.children[1].tagName === "p"
+        && node.children[1].children.length === 1
+        && node.children[1].children[0].type === "text"
+      ) {
+        const matches = node.children[1].children[0].value.match(/^\[!(\w+)\]$/)
+
+        if (matches) {
+          const [_, alertLabel] = matches
+
+          node.tagName = "aside"
+          node.properties = {
+            class: `alert ${alertLabel.toLowerCase()}`
+          }
+
+          node.children.splice(0, 2, {
+            type: "element",
+            tagName: "h2",
+            children: [
+              {
+                value: toTitleCase(alertLabel),
+                type: "text"
+              }
+            ]
+          })
+        }
+
+      }
     }
   })
 
@@ -1027,7 +1056,6 @@ function writeHTML(destination, database, config) {
     ]
   )
 
-
   const data = unified()
     .use(rehypePresetMinify)
     .use(rehypeStringify)