moved debounce timer to config

sybila · Mar 29, 2024 · eb02439 · eb02439
1 parent d956d39
commit eb02439
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 5 deletions.
diff --git a/src/html/component/functions-editor/editor-tile/editor-tile.ts b/src/html/component/functions-editor/editor-tile/editor-tile.ts
@@ -20,7 +20,6 @@ export abstract class EditorTile extends LitElement {
   @state() variableName = ''
   @query('#name-field') nameField: HTMLInputElement | undefined
   declare aceEditor: ace.Ace.Editor
-  static DEBOUNCE = 1000
 
   protected constructor () {
     super()

diff --git a/src/html/component/functions-editor/editor-tile/function-tile.ts b/src/html/component/functions-editor/editor-tile/function-tile.ts
@@ -9,6 +9,7 @@ import ace, { type Ace } from 'ace-builds'
 import langTools from 'ace-builds/src-noconflict/ext-language_tools'
 import 'ace-builds/esm-resolver'
 import { EditorTile } from './editor-tile'
+import { functionDebounceTimer } from '../../../util/config'
 
 library.add(faTrash, faMagnifyingGlass)
 
@@ -38,6 +39,7 @@ export class FunctionTile extends EditorTile {
         })))
       }
     })
+    this.aceEditor.setOption('placeholder', '$f_' + this.functions[this.index].id + '(...)')
   }
 
   protected firstUpdated (_changedProperties: PropertyValues): void {
@@ -54,7 +56,7 @@ export class FunctionTile extends EditorTile {
       bubbles: true,
       composed: true
     }))
-  }, EditorTile.DEBOUNCE
+  }, functionDebounceTimer
   )
 
   functionUpdated = debounce(() => {
@@ -66,7 +68,7 @@ export class FunctionTile extends EditorTile {
       bubbles: true,
       composed: true
     }))
-  }, EditorTile.DEBOUNCE
+  }, functionDebounceTimer
   )
 
   async removeVariable (): Promise<void> {

diff --git a/src/html/component/functions-editor/editor-tile/variable-tile.ts b/src/html/component/functions-editor/editor-tile/variable-tile.ts
@@ -9,6 +9,7 @@ import ace, { type Ace } from 'ace-builds'
 import langTools from 'ace-builds/src-noconflict/ext-language_tools'
 import 'ace-builds/esm-resolver'
 import { EditorTile } from './editor-tile'
+import { functionDebounceTimer } from '../../../util/config'
 library.add(faTrash, faMagnifyingGlass)
 
 @customElement('variable-tile')
@@ -56,7 +57,7 @@ export class VariableTile extends EditorTile {
       bubbles: true,
       composed: true
     }))
-  }, EditorTile.DEBOUNCE
+  }, functionDebounceTimer
   )
 
   functionUpdated = debounce(() => {
@@ -68,7 +69,7 @@ export class VariableTile extends EditorTile {
       bubbles: true,
       composed: true
     }))
-  }, EditorTile.DEBOUNCE
+  }, functionDebounceTimer
   )
 
   toggleEssentiality (regulation: IRegulationData): void {

diff --git a/src/html/util/config.ts b/src/html/util/config.ts
@@ -36,3 +36,5 @@ export const tabList: TabData[] = [
     icon: 'a'
   })
 ]
+
+export const functionDebounceTimer = 1000
-Original file line number
+Diff line change
@@ Expand Up / @@ -36,3 +36,5 @@ export const tabList: TabData[] = [ @@
         icon: 'a'
       })
     ]
+    export const functionDebounceTimer = 1000