Add auto request

content.js

@@ -495,7 +495,7 @@ const mainProcess = async () => {
 
     if (suggestion) {
       clearInterval(animationInterval)
-       // cancel animation element
+      // cancel animation element
       inputElement.classList.remove('before-content')
 
       isRequestSuccessful = true
@@ -505,10 +505,12 @@ const mainProcess = async () => {
       // Replace the content of the text animation box with code
       animationElement.innerHTML = suggestion
     }
-  }
-}
 
+  }
+};
 
+// Automatic request timer
+let autoRequestTimeout;
 const montedEventListener = () => {
   document.addEventListener('keydown', async (event) => {
     // Check if the Ctrl + Space keys were pressed
@@ -519,15 +521,38 @@ const montedEventListener = () => {
       if (isRequestInProgress || isRequestSuccessful) {
         return
       }
-
       await mainProcess()
-
     }
 
   });
   document.addEventListener('keydown', addFillCodeKeyListener);
+
+  // '[', '{', ''','"' are invalid because of codemirror default event, did not find how to stop
+  document.addEventListener('input', async (event) => {
+
+    // If there is no code hint
+    if (document.querySelectorAll(".per-insert-code").length == 0) {
+      isRequestSuccessful = false
+    }
+
+    if (isRequestInProgress || isRequestSuccessful) {
+      return
+    }
+
+    if (autoRequestTimeout) {
+      clearTimeout(autoRequestTimeout);
+    }
+
+    // Set a new timeout for 0.8 seconds. After my test, the 0.8s delay is the most user-friendly
+    autoRequestTimeout = setTimeout(async () => {
+      await mainProcess()
+    }, 800);
+
+  })
 }
 
+
+
 // Two options 'lab' and 'notebook'
 let currctJupyterModel = {}