feat: add rule document link (fixes #5)

Author: yeonjuan

src/components/Message.tsx

@@ -1,8 +1,12 @@
 import React from "react";
 import { Alert } from "react-bootstrap";
+import { TS_ESLINT_SCOPE } from "@/components/constants";
 import type { FC } from "react";
 import type { Linter } from "eslint";
 
+const DOCS_PATH =
+  "https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/eslint-plugin/docs/rules/";
+
 interface Props {
   message: Linter.LintMessage;
 }
@@ -12,7 +16,15 @@ export const Message: FC<Props> = ({ message }) => {
 
   return (
     <Alert variant={fatal ? "danger" : "primary"}>
-      {`${line}:${column} - ${lintMsg} (${ruleId})`}
+      {`${line}:${column} - ${lintMsg} (`}
+      <Alert.Link
+        target="_blank"
+        rel="noopener noreferrer"
+        href={`${DOCS_PATH}${ruleId?.replace(`${TS_ESLINT_SCOPE}/`, "")}.md`}
+      >
+        {ruleId}
+      </Alert.Link>
+      {")"}
     </Alert>
   );
 };

src/components/constants.ts

@@ -1,7 +1,7 @@
 import type { Linter } from "eslint";
 
 export const EDITING_TIMEOUT = 300;
-
+export const TS_ESLINT_SCOPE = "@typescript-eslint";
 export const DEFAULT_CODE = `
 async function invalidInTryCatch1() {
   try {