fix: .* could not match multi lines, use [\s\S]* instead, close #4

Author: JounQin

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rxts/eslint-plugin-mdx",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "ESLint Parser/Plugin for MDX",
   "repository": "[email protected]:rx-ts/eslint-plugin-mdx.git",
   "author": "JounQin <[email protected]>",

src/tsconfig.json

@@ -2,7 +2,6 @@
   "extends": "../tsconfig.json",
   "compilerOptions": {
     "declaration": true,
-    "module": "commonjs",
     "outDir": "../dist"
   }
 }

src/utils.ts

@@ -26,7 +26,7 @@ const comment = '<!---->|<!--(?:-?[^>-])(?:-?[^-])*-->'
 export const OPEN_TAG_REGEX = new RegExp(`^(?:${openTag})$`)
 export const CLOSE_TAG_REGEX = new RegExp(`^(?:${closeTag})$`)
 export const OPEN_CLOSE_TAG_REGEX = new RegExp(
-  `^(?:${openTag + '.*' + closeTag})$`,
+  `^(?:${openTag + '[\\s\\S]*' + closeTag})$`,
 )
 export const VOID_TAG_REGEX = new RegExp(`^(?:${voidTag})$`)
 export const COMMENT_REGEX = new RegExp(`^(?:${comment})$`)

test/fixture4.mdx

@@ -0,0 +1,65 @@
+---
+name: FollowReveal
+route: /follow-reveal
+---
+
+# FollowReveal
+
+A `<FollowReveal>` is a like a `<TurnReveal>` that follows the mouse's movements in and out of the component.
+Just like the `<TurnReveal>`, place it in an element that has `position: relative` and make sure it is a direct child of the element on which you define the `perspective` property.
+
+import { Props, Playground } from 'docz'
+import FollowReveal from './FollowReveal'
+import { Front, PlaceHolderImage, Grid } from 'docs/PlayGroundUtils'
+
+<Props of={FollowReveal} />
+
+## Basic Usage
+
+<Playground style={{ display: 'flex', justifyContent: 'center' }}>
+  {() => {
+    const perspective = 400
+    return (
+      <div style={{ position: 'relative', perspective: perspective + 'px' }}>
+        <FollowReveal perspective={perspective}>
+          <Front>More info</Front>
+        </FollowReveal>
+        <PlaceHolderImage />
+      </div>
+    )
+  }}
+</Playground>
+
+## Masonry Layout
+
+Looks even cooler in a grid layout.
+
+<Playground>
+  {() => {
+    const perspective = 400
+    return (
+      <Grid>
+        {Array.from(Array(4 * 4).keys()).map(id => (
+          <div
+            key={id}
+            style={{
+              position: 'relative',
+              perspective: perspective + 'px',
+            }}
+          >
+            <FollowReveal perspective={perspective}>
+              <Front>More info</Front>
+            </FollowReveal>
+            <div
+              style={{
+                background: '#e2e2e2',
+                width: '100%',
+                paddingBottom: '100%',
+              }}
+            />
+          </div>
+        ))}
+      </Grid>
+    )
+  }}
+</Playground>

tsconfig.json

@@ -5,7 +5,7 @@
     "esModuleInterop": true,
     "jsx": "preserve",
     "lib": ["esnext", "dom"],
-    "module": "esnext",
+    "module": "commonjs",
     "moduleResolution": "node",
     "sourceMap": true,
     "strict": true,