dangerously prevent change event from formatter

Author: softmarshmallow

editor-packages/editor-services-prettier/index.ts

@@ -2,6 +2,8 @@ import * as monaco from "monaco-editor";
 import { formatCode as formatDartCode } from "dart-style";
 import { createWorkerQueue } from "@code-editor/webworker-services-core";
 
+export let __dangerous__lastFormattedValue__global: string;
+
 export function registerDocumentPrettier(editor, monaco) {
   const disposables: monaco.IDisposable[] = [];
   let prettierWorker;
@@ -11,6 +13,7 @@ export function registerDocumentPrettier(editor, monaco) {
       const raw = model.getValue();
       const { code, error } = formatDartCode(raw);
       if (error) return [];
+      __dangerous__lastFormattedValue__global = code;
       return [
         {
           range: model.getFullModelRange(),
@@ -34,7 +37,7 @@ export function registerDocumentPrettier(editor, monaco) {
       });
 
       if (canceled || error) return [];
-
+      __dangerous__lastFormattedValue__global = pretty;
       return [
         {
           range: model.getFullModelRange(),

editor/components/code-editor/monaco.tsx

@@ -8,6 +8,7 @@ import Editor, {
 import * as monaco from "monaco-editor/esm/vs/editor/editor.api";
 import { MonacoEmptyMock } from "./monaco-mock-empty";
 import { register } from "./monaco-utils";
+import { __dangerous__lastFormattedValue__global } from "@code-editor/prettier-services";
 
 type ICodeEditor = monaco.editor.IStandaloneCodeEditor;
 
@@ -66,7 +67,13 @@ export function MonacoEditor(props: MonacoEditorProps) {
       loading={<MonacoEmptyMock l={5} />}
       defaultValue={props.defaultValue ?? "// no content"}
       theme="vs-dark"
-      onChange={props.onChange}
+      onChange={(...v) => {
+        if (v[0] === __dangerous__lastFormattedValue__global) {
+          // if change is caused by formatter, ignore.
+          return;
+        }
+        props.onChange(...v);
+      }}
       options={{
         ...props.options,
         // overrided default options