Add explore ast link (#353)

* Add explore ast link

* Allow html in md because jsx

* Fix `remark-mdx` to support inline jsx

Author: johno

docs/advanced/ast.md

@@ -1,5 +1,11 @@
+import { Button } from 'rebass'
+
 # AST
 
+export const AST_EXPLORER_LINK = 'https://astexplorer.net/#/gist/2befce6edce1475eb4bbec001356b222/35997d3b44347daabad8dd1a107adc22dd873de2'
+
+<Button is="a" href={AST_EXPLORER_LINK}>Explore the AST</Button>
+
 This document defines two syntax trees:
 
 *   [MDXAST][], a superset of [mdast][], to represent markdown with embedded JSX

docs/getting-started/index.md

@@ -156,4 +156,5 @@ following commands:
 [next]: https://github.com/zeit/next.js
 
 [context]: https://reactjs.org/docs/context.html
+
 [context-caveats]: https://reactjs.org/docs/context.html#caveats

packages/remark-mdx/index.js

@@ -27,23 +27,30 @@ function mdx(_options) {
 }
 
 function attachParser(parser) {
-  const tokenizers = parser.prototype.blockTokenizers
-  const blocks = parser.prototype.blockMethods
-  const html = tokenizers.html
+  const blocks = parser.prototype.blockTokenizers
+  const inlines = parser.prototype.inlineTokenizers
+  const methods = parser.prototype.blockMethods
 
-  tokenizers.esSyntax = tokenizeEsSyntax
-  tokenizers.html = tokenizeJsx
+  blocks.esSyntax = tokenizeEsSyntax
+  blocks.html = wrap(blocks.html)
+  inlines.html = wrap(inlines.html)
 
-  blocks.splice(blocks.indexOf('paragraph'), 0, 'esSyntax')
+  methods.splice(methods.indexOf('paragraph'), 0, 'esSyntax')
 
-  function tokenizeJsx() {
-    const node = html.apply(this, arguments)
+  function wrap(original) {
+    tokenizeJsx.locator = original.locator
 
-    if (node) {
-      node.type = 'jsx'
-    }
+    return tokenizeJsx
+
+    function tokenizeJsx() {
+      const node = original.apply(this, arguments)
 
-    return node
+      if (node) {
+        node.type = 'jsx'
+      }
+
+      return node
+    }
   }
 }