eslint

2025-04-15 15:35:35 +08:00
parent c7763227d0
commit 2a0286e47d
12 changed files with 821 additions and 197 deletions
--- a/src/pkg/utils/monaco-editor.ts
+++ b/src/pkg/utils/monaco-editor.ts
@@ -1,8 +1,10 @@
+import { globalCache } from "@App/pages/store/global";
 import dts from "@App/template/scriptcat.d.tpl";
+import EventEmitter from "eventemitter3";
 import { languages } from "monaco-editor";

 // 注册eslint
-// const linterWorker = new Worker("/src/linter.worker.js");
+const linterWorker = new Worker("/src/linter.worker.js");

 export default function registerEditor() {
  window.MonacoEnvironment = {
@@ -59,74 +61,74 @@ export default function registerEditor() {
    },
  });

-  // // 处理quick fix
-  // languages.registerCodeActionProvider("javascript", {
-  //   provideCodeActions: (model /** ITextModel */, range /** Range */, context /** CodeActionContext */) => {
-  //     // const actions: languages.CodeAction[] = [];
-  //     // const eslintFix = <Map<string, any>>Cache.getInstance().get("eslint-fix");
-  //     // for (let i = 0; i < context.markers.length; i += 1) {
-  //     //   // 判断有没有修复方案
-  //     //   const val = context.markers[i];
-  //     //   const code = typeof val.code === "string" ? val.code : val.code!.value;
-  //     //   const fix = eslintFix.get(
-  //     //     `${code}|${val.startLineNumber}|${val.endLineNumber}|${val.startColumn}|${val.endColumn}`
-  //     //   );
-  //     //   if (fix) {
-  //     //     const edit: languages.IWorkspaceTextEdit = {
-  //     //       resource: model.uri,
-  //     //       textEdit: {
-  //     //         range: fix.range,
-  //     //         text: fix.text,
-  //     //       },
-  //     //       versionId: undefined,
-  //     //     };
-  //     //     actions.push(<languages.CodeAction>{
-  //     //       title: `修复 ${code} 问题`,
-  //     //       diagnostics: [val],
-  //     //       kind: "quickfix",
-  //     //       edit: {
-  //     //         edits: [edit],
-  //     //       },
-  //     //       isPreferred: true,
-  //     //     });
-  //     //   }
-  //     // }
+  // 处理quick fix
+  languages.registerCodeActionProvider("javascript", {
+    provideCodeActions: (model /** ITextModel */, range /** Range */, context /** CodeActionContext */) => {
+      const actions: languages.CodeAction[] = [];
+      const eslintFix = <Map<string, any>>globalCache.get("eslint-fix");
+      for (let i = 0; i < context.markers.length; i += 1) {
+        // 判断有没有修复方案
+        const val = context.markers[i];
+        const code = typeof val.code === "string" ? val.code : val.code!.value;
+        const fix = eslintFix.get(
+          `${code}|${val.startLineNumber}|${val.endLineNumber}|${val.startColumn}|${val.endColumn}`
+        );
+        if (fix) {
+          const edit: languages.IWorkspaceTextEdit = {
+            resource: model.uri,
+            textEdit: {
+              range: fix.range,
+              text: fix.text,
+            },
+            versionId: undefined,
+          };
+          actions.push(<languages.CodeAction>{
+            title: `修复 ${code} 问题`,
+            diagnostics: [val],
+            kind: "quickfix",
+            edit: {
+              edits: [edit],
+            },
+            isPreferred: true,
+          });
+        }
+      }

-  //     // const actions = context.markers.map((error) => {
-  //     //   const edit: languages.IWorkspaceTextEdit = {
-  //     //     resource: model.uri,
-  //     //     textEdit: {
-  //     //       range,
-  //     //       text: "console.log(1)",
-  //     //     },
-  //     //     versionId: undefined,
-  //     //   };
-  //     //   return <languages.CodeAction>{
-  //     //     title: ``,
-  //     //     diagnostics: [error],
-  //     //     kind: "quickfix",
-  //     //     edit: {
-  //     //       edits: [edit],
-  //     //     },
-  //     //     isPreferred: true,
-  //     //   };
-  //     // });
-  //     return {
-  //       actions,
-  //       dispose: () => {},
-  //     };
-  //   },
-  // });
+      // const actions = context.markers.map((error) => {
+      //   const edit: languages.IWorkspaceTextEdit = {
+      //     resource: model.uri,
+      //     textEdit: {
+      //       range,
+      //       text: "console.log(1)",
+      //     },
+      //     versionId: undefined,
+      //   };
+      //   return <languages.CodeAction>{
+      //     title: ``,
+      //     diagnostics: [error],
+      //     kind: "quickfix",
+      //     edit: {
+      //       edits: [edit],
+      //     },
+      //     isPreferred: true,
+      //   };
+      // });
+      return {
+        actions,
+        dispose: () => {},
+      };
+    },
+  });
 }

-// export class LinterWorker {
-//   static hook = new EventEmitter();
+export class LinterWorker {
+  static hook = new EventEmitter();

-//   static sendLinterMessage(data: unknown) {
-//     linterWorker.postMessage(data);
-//   }
-// }
+  static sendLinterMessage(data: unknown) {
+    linterWorker.postMessage(data);
+  }
+}

-// linterWorker.onmessage = (event) => {
-//   LinterWorker.hook.emit("message", event.data);
-// };
+linterWorker.onmessage = (event) => {
+  LinterWorker.hook.emit("message", event.data);
+};