Debounce folder regex typing path

Author: Alexander Phillips

archive/folderview.plus-2026.04.14.01.txz.sha256

@@ -0,0 +1 @@
+757be4e0eff2276fd286894c788f01a6056e1a20da57b253f2f5c8fc5948f391  folderview.plus-2026.04.15.11.txz

archive/folderview.plus-2026.04.14.01.txz archive/folderview.plus-2026.04.15.11.txzarchive/folderview.plus-2026.04.14.01.txz renamed to archive/folderview.plus-2026.04.15.11.txz

@@ -6,13 +6,18 @@
 <!ENTITY launch "Settings/FolderViewPlus">
 <!ENTITY plugdir "/usr/local/emhttp/plugins/&name;">
 <!ENTITY pluginURL "https://raw.githubusercontent.com/&github;/dev/folderview.plus.plg">
-<!ENTITY version "2026.04.15.10">
-<!ENTITY md5 "7cb604ebba883c89e58430b61f88972a">
+<!ENTITY version "2026.04.15.11">
+<!ENTITY md5 "d01fe1451050c8cb7d527a719108af02">
 ]>
 
 <PLUGIN name="&name;" author="&author;" version="&version;" launch="&launch;" pluginURL="&pluginURL;" icon="folder-icon.png" support="https://forums.unraid.net/topic/197631-plugin-folderview-plus/" min="7.0.0">
     <CHANGES>
 
+###2026.04.15.11
+- Perf: Debounce legacy folder-regex matching while typing and stop running the duplicate editor recalculation path on every regex keystroke.
+- Perf: Avoid the extra pre-worker member-table redraw so large regex edits render once per settled pattern instead of twice.
+
+
 ###2026.04.15.10
 - Fix: Settings privacy mode no longer blurs the Folder Defaults source picker or saved-default summary.
 - UX: Folder Defaults action buttons now use the same FolderView Plus settings button styling as the rest of the plugin.

archive/folderview.plus-2026.04.15.11.txz.sha256

@@ -301,6 +301,7 @@ const CUSTOM_ICON_SEARCH_DEBOUNCE_MS = 150;
 const THIRD_PARTY_ICON_SEARCH_DEBOUNCE_MS = 140;
 const EDITOR_INPUT_RECALC_DEBOUNCE_MS = 90;
 const NAME_REGEX_SYNC_DEBOUNCE_MS = 150;
+const REGEX_INPUT_SYNC_DEBOUNCE_MS = 120;
 const MEMBER_LIST_RENDER_CHUNK_SIZE = 140;
 const REGEX_WORKER_MIN_ITEMS = 180;
 const THIRD_PARTY_RECENT_LIMIT = 36;
@@ -382,6 +383,7 @@ let isFormInitialized = false;
 let suppressUnloadPrompt = false;
 let editorRecalcTimer = null;
 let nameRegexSyncTimer = null;
+let regexInputSyncTimer = null;
 let lastNameRegexSyncValue = '';
 let memberListRenderToken = 0;
 let regexWorker = null;
@@ -1508,7 +1510,7 @@ const runNameDrivenRegexSync = () => {
         return;
     }
     lastNameRegexSyncValue = nextName;
-    updateRegex(form.regex);
+    updateRegex(form.regex, { immediate: true });
 };
 
 const scheduleNameDrivenRegexSync = (mode = 'debounced') => {
@@ -2569,7 +2571,7 @@ const suggestDefaultsFromMembers = () => {
             }
         });
         updateIcon(form.icon);
-        updateRegex(form.regex);
+        updateRegex(form.regex, { immediate: true });
         updateForm();
         validateForm();
         updateLiveSummary();
@@ -3390,7 +3392,7 @@ const startFolderEditorRuntime = async () => {
 
         // make the ui respond to the previus changes
         updateForm();
-        updateRegex(getFormField(form, 'regex'));
+        updateRegex(getFormField(form, 'regex'), { immediate: true });
         updateIcon(getFormField(form, 'icon'));
         setParentDefaultsNote('');
     }
@@ -3467,6 +3469,14 @@ const startFolderEditorRuntime = async () => {
             }
             scheduleNameDrivenRegexSync('immediate');
         }
+        if (fieldName === 'regex') {
+            if (event.type === 'input') {
+                markUnsavedIndicatorDirty();
+                return;
+            }
+            updateRegex(form.regex, { immediate: true });
+            return;
+        }
         if (fieldName === 'dropdown_style' || fieldName === 'dropdown_color' || fieldName === 'dropdown_hover_color'
             || fieldName === 'preview_border' || fieldName === 'preview_border_color' || fieldName === 'preview_border_width'
             || fieldName === 'folder_accent_enabled' || fieldName === 'folder_accent_color') {
@@ -3619,21 +3629,23 @@ const mergeMembersByName = (baseMembers, candidateMembers) => {
     return ordered;
 };
 
-/**
- * Update the regex selection when editing the respective field
- * @param {*} e the element
- */
-const updateRegex = (e) => {
+const evaluateRegexSelection = (e) => {
+    regexInputSyncTimer = null;
+    const regexField = e || getFormField(getForm(), 'regex');
+    if (!regexField) {
+        return false;
+    }
+    const requestId = ++latestRegexEvaluationRequestId;
     syncMemberArraysFromTable();
     choose = choose.concat(selectedRegex);
     const fldName = ($('[name="name"]')[0].value || '').trim();
     if (fldName) {
-        selectedRegex = choose.filter(el => el.Label === fldName);
-        choose = choose.filter(el => el.Label !== fldName);
+        selectedRegex = choose.filter((el) => el.Label === fldName);
+        choose = choose.filter((el) => el.Label !== fldName);
     } else {
         selectedRegex = [];
     }
-    const regexSource = String(e?.value || '').trim();
+    const regexSource = String(regexField.value || '').trim();
     if (!regexSource) {
         updateList();
         updateRegexSimulator();
@@ -3648,7 +3660,6 @@ const updateRegex = (e) => {
     }
 
     const baseChoose = choose.slice();
-    const requestId = ++latestRegexEvaluationRequestId;
     const applyMatchResult = (matchNames) => {
         if (requestId !== latestRegexEvaluationRequestId) {
             return;
@@ -3700,11 +3711,30 @@ const updateRegex = (e) => {
             applyMatchResult(matchedNames);
         });
 
-    updateList();
     updateRegexSimulator();
     return true;
 };
 
+/**
+ * Update the regex selection when editing the respective field
+ * @param {*} e the element
+ */
+const updateRegex = (e, options = {}) => {
+    const immediate = options && typeof options === 'object' && options.immediate === true;
+    if (regexInputSyncTimer) {
+        clearTimeout(regexInputSyncTimer);
+        regexInputSyncTimer = null;
+    }
+    latestRegexEvaluationRequestId += 1;
+    if (immediate || !isFormInitialized) {
+        return evaluateRegexSelection(e);
+    }
+    regexInputSyncTimer = setTimeout(() => {
+        evaluateRegexSelection(e);
+    }, REGEX_INPUT_SYNC_DEBOUNCE_MS);
+    return true;
+};
+
 /**
  * Update the setting visibility according to the preview setting
  * @param {*} e the element

folderview.plus.plg

@@ -325,11 +325,17 @@ test('settings/runtime scripts use batched localStorage writes', () => {
 test('folder editor avoids synchronous large-list stalls via chunking and worker-backed regex matching', () => {
     assert.match(folderEditorJs, /const MEMBER_LIST_RENDER_CHUNK_SIZE = \d+;/);
     assert.match(folderEditorJs, /const REGEX_WORKER_MIN_ITEMS = \d+;/);
+    assert.match(folderEditorJs, /const REGEX_INPUT_SYNC_DEBOUNCE_MS = \d+;/);
     assert.match(folderEditorJs, /const getRegexWorker = \(\) =>/);
     assert.match(folderEditorJs, /const runRegexMatch = async \(pattern,\s*names\) =>/);
+    assert.match(folderEditorJs, /const evaluateRegexSelection = \(e\) =>/);
+    assert.match(folderEditorJs, /const updateRegex = \(e,\s*options = \{\}\) =>/);
     assert.match(folderEditorJs, /const mergeMembersByName = \(baseMembers,\s*candidateMembers\) =>/);
     assert.match(folderEditorJs, /if \(rows\.length <= MEMBER_LIST_RENDER_CHUNK_SIZE\) \{/);
     assert.match(folderEditorJs, /scheduleAnimationFrameTask\(appendChunk\)/);
+    assert.match(folderEditorJs, /if \(fieldName === 'regex'\) \{\s*if \(event\.type === 'input'\) \{\s*markUnsavedIndicatorDirty\(\);\s*return;\s*\}\s*updateRegex\(form\.regex,\s*\{\s*immediate:\s*true\s*\}\);\s*return;\s*\}/);
+    assert.match(folderEditorJs, /regexInputSyncTimer = setTimeout\(\(\) => \{\s*evaluateRegexSelection\(e\);\s*\}, REGEX_INPUT_SYNC_DEBOUNCE_MS\);/);
+    assert.doesNotMatch(folderEditorJs, /runRegexMatch\(regexSource,\s*baseChoose\.map\(\(member\) => member\.Name\)\)\s*[\s\S]*updateList\(\);\s*updateRegexSimulator\(\);\s*return true;/);
 });
 
 test('folder editor save queues docker order sync off the submit critical path in both runtimes', () => {