Allow newlines in props when parsing JSX (#404)

Author: johno

packages/remark-mdx/tag.js

@@ -7,7 +7,7 @@ const attributeName = '[a-zA-Z_:][a-zA-Z0-9:._-]*'
 const unquoted = '[^"\'=<>`\\u0000-\\u0020]+'
 const singleQuoted = "'[^']*'"
 const doubleQuoted = '"[^"]*"'
-const jsProps = '{[^\n]*}'
+const jsProps = '{.*}'
 const attributeValue =
   '(?:' +
   unquoted +
@@ -42,5 +42,6 @@ exports.tag = new RegExp(
     declaration +
     '|' +
     cdata +
-    ')'
+    ')',
+  's'
 )

packages/remark-mdx/test/fixtures/inline-parsing.js

@@ -64,5 +64,20 @@ module.exports = [
   {
     description: 'Handles links',
     mdx: 'Hello, <Component>{props.world}</Component> and a moustache! }: <https://johno.com>'
+  },
+  {
+    description: 'Handles multiline JSX blocks',
+    mdx: `
+      <Image
+        src={asset(\`\${SOME_CONSTANT}/some.png\`)}
+        width="123"
+        height="456"
+        caption={
+          <span>
+            Here's a caption
+          </span>
+        }
+      />
+    `.trim()
   }
 ]