fix(markdown): do not treat autolink as a component (close #60)

Author: meteorlxy

Diff for: packages/@vuepress/markdown/__tests__/plugins/customComponentPlugin.spec.ts

@@ -773,4 +773,32 @@ describe('@vuepress/markdown > plugins > customComponentPlugin', () => {
       })
     })
   })
+
+  describe('compatibility with other markdown syntax', () => {
+    it('should work with autolink', () => {
+      const source = [
+        '<https://github.com>',
+        '<localhost:5001/foo>',
+        '<made-up-scheme://foo,bar>',
+        '<[email protected]>',
+        '<[email protected]>',
+        '<a+b+c:d>',
+      ].join('\n\n')
+
+      const expected =
+        [
+          '<a href="https://github.com">https://github.com</a>',
+          '<a href="localhost:5001/foo">localhost:5001/foo</a>',
+          '<a href="made-up-scheme://foo,bar">made-up-scheme://foo,bar</a>',
+          '<a href="mailto:[email protected]">[email protected]</a>',
+          '<a href="mailto:[email protected]">[email protected]</a>',
+          '<a href="a+b+c:d">a+b+c:d</a>',
+        ]
+          .map((a) => `<p>${a}</p>`)
+          .join('\n') + '\n'
+
+      const rendered = md.render(source)
+      expect(rendered).toBe(expected)
+    })
+  })
 })

Diff for: packages/@vuepress/markdown/__tests__/plugins/linksPlugin.spec.ts

@@ -9,6 +9,9 @@ describe('@vuepress/markdown > plugins > linksPlugin', () => {
         '[https-github](https://github.com)',
         '[http-github](http://github.com)',
         '[github](//github.com)',
+        // autolink
+        '<https://github.com>',
+        '<http://github.com>',
       ].join('\n\n')
 
       it('should render default attrs and `<OutboundLink/>`', () => {
@@ -22,6 +25,8 @@ describe('@vuepress/markdown > plugins > linksPlugin', () => {
             '<a href="https://github.com" target="_blank" rel="noopener noreferrer">https-github<OutboundLink/></a>',
             '<a href="http://github.com" target="_blank" rel="noopener noreferrer">http-github<OutboundLink/></a>',
             '<a href="//github.com" target="_blank" rel="noopener noreferrer">github<OutboundLink/></a>',
+            '<a href="https://github.com" target="_blank" rel="noopener noreferrer">https://github.com<OutboundLink/></a>',
+            '<a href="http://github.com" target="_blank" rel="noopener noreferrer">http://github.com<OutboundLink/></a>',
           ]
             .map((a) => `<p>${a}</p>`)
             .join('\n') + '\n'
@@ -45,6 +50,8 @@ describe('@vuepress/markdown > plugins > linksPlugin', () => {
             '<a href="https://github.com" target="_blank" rel="noopener noreferrer" foo="bar">https-github<OutboundLink/></a>',
             '<a href="http://github.com" target="_blank" rel="noopener noreferrer" foo="bar">http-github<OutboundLink/></a>',
             '<a href="//github.com" target="_blank" rel="noopener noreferrer" foo="bar">github<OutboundLink/></a>',
+            '<a href="https://github.com" target="_blank" rel="noopener noreferrer" foo="bar">https://github.com<OutboundLink/></a>',
+            '<a href="http://github.com" target="_blank" rel="noopener noreferrer" foo="bar">http://github.com<OutboundLink/></a>',
           ]
             .map((a) => `<p>${a}</p>`)
             .join('\n') + '\n'
@@ -67,6 +74,8 @@ describe('@vuepress/markdown > plugins > linksPlugin', () => {
             '<a href="https://github.com" target="_blank" rel="foobar">https-github<OutboundLink/></a>',
             '<a href="http://github.com" target="_blank" rel="foobar">http-github<OutboundLink/></a>',
             '<a href="//github.com" target="_blank" rel="foobar">github<OutboundLink/></a>',
+            '<a href="https://github.com" target="_blank" rel="foobar">https://github.com<OutboundLink/></a>',
+            '<a href="http://github.com" target="_blank" rel="foobar">http://github.com<OutboundLink/></a>',
           ]
             .map((a) => `<p>${a}</p>`)
             .join('\n') + '\n'
@@ -89,6 +98,8 @@ describe('@vuepress/markdown > plugins > linksPlugin', () => {
             '<a href="https://github.com" target="_self" rel="noopener noreferrer">https-github</a>',
             '<a href="http://github.com" target="_self" rel="noopener noreferrer">http-github</a>',
             '<a href="//github.com" target="_self" rel="noopener noreferrer">github</a>',
+            '<a href="https://github.com" target="_self" rel="noopener noreferrer">https://github.com</a>',
+            '<a href="http://github.com" target="_self" rel="noopener noreferrer">http://github.com</a>',
           ]
             .map((a) => `<p>${a}</p>`)
             .join('\n') + '\n'

Diff for: packages/@vuepress/markdown/src/plugins/customComponentPlugin/htmlBlockRule.ts

@@ -22,7 +22,9 @@ const HTML_SEQUENCES: [RegExp, RegExp, boolean][] = [
   ],
   // MODIFIED HERE: Treat unknown tags as block tags (custom components), excluding known inline tags
   [
-    new RegExp('^</?(?!(' + inlineTags.join('|') + ')(?![\\w-]))\\w+-?'),
+    new RegExp(
+      '^</?(?!(' + inlineTags.join('|') + ')(?![\\w-]))\\w[\\w-]*[\\s/>]'
+    ),
     /^$/,
     true,
   ],