Support JSX development runtime (fixes #1)

index.js

@@ -87,7 +87,12 @@ export const mdxAnnotations = {
     return (tree) => {
       estreeVisit(tree, (node) => {
         if (node.type !== 'CallExpression') return
-        if (node.callee.name !== '_jsxs' && node.callee.name !== '_jsx') return
+        if (
+          node.callee.name !== '_jsxs' &&
+          node.callee.name !== '_jsx' &&
+          node.callee.name !== '_jsxDEV'
+        )
+          return
 
         let propsNode = node.arguments[1]
         if (propsNode?.type !== 'ObjectExpression') return

package.json

@@ -20,7 +20,7 @@
     "test": "node test.js"
   },
   "devDependencies": {
-    "@mdx-js/mdx": "^2.1.5",
+    "@mdx-js/mdx": "^2.2.1",
     "remark-gfm": "^3.0.1",
     "uvu": "^0.5.6"
   },

test.js

@@ -128,6 +128,42 @@ export default MDXContent;`
   )
 })
 
+test('dev runtime', async () => {
+  let compiled = await compile("# Hello {{ foo: 'bar' }}", { development: true })
+
+  assert.equal(
+    compiled,
+    `/*@jsxRuntime automatic @jsxImportSource react*/
+import {jsxDEV as _jsxDEV} from "react/jsx-dev-runtime";
+function _createMdxContent(props) {
+  const _components = Object.assign({
+    h1: "h1"
+  }, props.components);
+  return _jsxDEV(_components.h1, {
+    children: "Hello",
+    ...{
+      foo: 'bar'
+    }
+  }, undefined, false, {
+    fileName: "<source.js>",
+    lineNumber: 1,
+    columnNumber: 1
+  }, this);
+}
+function MDXContent(props = {}) {
+  const {wrapper: MDXLayout} = props.components || ({});
+  return MDXLayout ? _jsxDEV(MDXLayout, Object.assign({}, props, {
+    children: _jsxDEV(_createMdxContent, props, undefined, false, {
+      fileName: "<source.js>"
+    }, this)
+  }), undefined, false, {
+    fileName: "<source.js>"
+  }, this) : _createMdxContent(props);
+}
+export default MDXContent;`
+  )
+})
+
 test('gfm', async () => {
   let compiled = await compile(
     [