update(Monaco.js): support code debounce

Signed-off-by: Rohith-Raju <[email protected]>
falcosecurity · Dec 5, 2023 · a0f665b · a0f665b
1 parent 3f9f855
commit a0f665b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 33 deletions.
diff --git a/src/Hooks/UseDebounce.tsx b/src/Hooks/UseDebounce.tsx
diff --git a/src/components/Editor/Monaco.tsx b/src/components/Editor/Monaco.tsx
@@ -54,6 +54,9 @@ const Monaco = () => {
 
   const originalURL = window.location.origin + window.location.pathname;
 
+  //debounce code
+  let debounce: NodeJS.Timeout;
+
   useEffect(() => {
     if (monacoEL) {
       setEditor((editor) => {
@@ -164,7 +167,10 @@ const Monaco = () => {
   };
   squiggly();
   editor?.getModel().onDidChangeContent(() => {
-    dispatch(autosave(editor.getModel().getValue()));
+    if (debounce) clearTimeout(debounce);
+    debounce = setTimeout(() => {
+      dispatch(autosave(editor.getModel().getValue()));
+    }, 500);
   });
   return <Editor className="monaco" ref={monacoEL} />;
 };