fix: line/column sorted error output (#390)

Co-authored-by: JounQin <[email protected]>

Author: Dimitri POSTOLOV

.gitignore

@@ -7,3 +7,4 @@ coverage
 lib
 node_modules
 /test.mdx
+.idea/

packages/eslint-plugin-mdx/src/processors/remark.ts

@@ -30,27 +30,29 @@ export const remark: Linter.Processor = {
     return [
       ...mdxMessages,
       ...processors.markdown.postprocess(markdownMessages, filename),
-    ].map(lintMessage => {
-      const {
-        message,
-        ruleId: eslintRuleId,
-        severity: eslintSeverity,
-      } = lintMessage
+    ]
+      .sort((a, b) => a.line - b.line || a.column - b.column)
+      .map(lintMessage => {
+        const {
+          message,
+          ruleId: eslintRuleId,
+          severity: eslintSeverity,
+        } = lintMessage
 
-      if (eslintRuleId !== 'mdx/remark') {
-        return lintMessage
-      }
+        if (eslintRuleId !== 'mdx/remark') {
+          return lintMessage
+        }
 
-      const { source, ruleId, reason, severity } = JSON.parse(
-        message,
-      ) as RemarkLintMessage
+        const { source, ruleId, reason, severity } = JSON.parse(
+          message,
+        ) as RemarkLintMessage
 
-      return {
-        ...lintMessage,
-        ruleId: `${source}-${ruleId}`,
-        message: reason,
-        severity: Math.max(eslintSeverity, severity) as Linter.Severity,
-      }
-    })
+        return {
+          ...lintMessage,
+          ruleId: `${source}-${ruleId}`,
+          message: reason,
+          severity: Math.max(eslintSeverity, severity) as Linter.Severity,
+        }
+      })
   },
 }

test/__snapshots__/fixtures.test.ts.snap

@@ -78,16 +78,6 @@ import React from 'react'
     "ruleId": "remark-lint-no-duplicate-headings-in-section",
     "severity": 1,
   },
-  Object {
-    "column": 1,
-    "endColumn": 4,
-    "endLine": 17,
-    "line": 15,
-    "message": "Missing code language flag",
-    "nodeType": "Program",
-    "ruleId": "remark-lint-fenced-code-flag",
-    "severity": 1,
-  },
   Object {
     "column": 18,
     "endColumn": 30,
@@ -106,6 +96,16 @@ import React from 'react'
     "ruleId": "unicorn/prefer-array-flat",
     "severity": 2,
   },
+  Object {
+    "column": 1,
+    "endColumn": 4,
+    "endLine": 17,
+    "line": 15,
+    "message": "Missing code language flag",
+    "nodeType": "Program",
+    "ruleId": "remark-lint-fenced-code-flag",
+    "severity": 1,
+  },
   Object {
     "column": 1,
     "endColumn": 6,