Reduce Code Editor Debounce Delay (#2819)

* Reduce Editor debounce delay to make it send changes back to the server more quickly

* Update CL

* Add the delay in the hook

* Format

CHANGELOG.md

@@ -29,6 +29,8 @@ and this project adheres to
 
 ### Fixed
 
+- Fixed Save and Run to always execute jobs with latest changes
+  [#2804](https://github.com/OpenFn/lightning/issues/2804)
 - Fixed aggressive CSS rule in app.css that made it hard to style menu items
   [#2807](https://github.com/OpenFn/lightning/pull/2807)
 - `z-index` broken on unsaved dot on workflow edit page

assets/js/common.js

@@ -1,14 +1,29 @@
-// this has been added here because we still can't find a better place for it
-// it's being used in both the hooks and the job editor
+// @ts-nocheck
+import pDebounce from 'p-debounce';
+
+export const EDITOR_DEBOUNCE_MS = 300
+
+const debouncedDispatchEvent = pDebounce(
+  (eventTarget, event) => {
+    eventTarget.dispatchEvent(event);
+  },
+  EDITOR_DEBOUNCE_MS
+);
+
 export function initiateSaveAndRun(buttonElement) {
-  if (buttonElement.getAttribute('type') == 'submit') {
+  if (buttonElement.getAttribute('type') === 'submit') {
     const formId = buttonElement.getAttribute('form');
     const form = document.getElementById(formId);
-    form.dispatchEvent(
-      new Event('submit', { bubbles: true, cancelable: true })
-    );
+
+    if (form) {
+      debouncedDispatchEvent(
+        form,
+        new Event('submit', { bubbles: true, cancelable: true })
+      );
+    }
   } else {
-    buttonElement.dispatchEvent(
+    debouncedDispatchEvent(
+      buttonElement,
       new Event('click', { bubbles: true, cancelable: true })
     );
   }

assets/js/job-editor/mount.tsx

@@ -8,6 +8,7 @@ import pRetry from 'p-retry';
 import pDebounce from 'p-debounce';
 import { WorkflowStore } from '../workflow-editor/store';
 import { Lightning } from '../workflow-diagram/types';
+import { EDITOR_DEBOUNCE_MS } from '../common';
 
 type JobEditorEntrypoint = PhoenixHook<
   {
@@ -42,8 +43,6 @@ type AttributeMutationRecord = MutationRecord & {
 
 let JobEditorComponent: typeof JobEditor | undefined;
 
-const EDITOR_DEBOUNCE_MS = 300;
-
 export default {
   findWorkflowEditorStore() {
     return pRetry(