Regex: Add trimStrings option

Sometimes the matched regex string needs to be pruned before
replacement. Add a method for the user to provide strings which
globally trims a regex match before any replacement is done.

Example without trim:
input - <Manami's thoughts: This is a thought>
regex - /<([^>]*)>/g
output - <Manami's thoughts: Manami's thoughts: This is a thought>

With trim:
input - <Manami's thoughts: This is a thought>
regex - /<([^>]*)>/g
trim - ["{{char}}'s thoughts: "]
output - <Manami's thoughts: This is a thought>

Signed-off-by: kingbri <bdashore3@proton.me>

public/scripts/extensions/regex/editor.html

@@ -8,7 +8,7 @@
                     <small data-i18n="Script Name">Script Name</small>
                 </label>
                 <div>
-                    <input class="regex_script_name text_pole textarea_compact" type="text" maxlength="100" />
+                    <input class="regex_script_name text_pole textarea_compact" type="text" />
                 </div>
             </div>
             <div class="flex1">
@@ -16,19 +16,30 @@
                     <small data-i18n="Find Regex">Find Regex</small>
                 </label>
                 <div>
-                    <input class="find_regex text_pole textarea_compact" type="text" maxlength="100" />
+                    <input class="find_regex text_pole textarea_compact" type="text" />
                 </div>
             </div>
             <div class="flex1">
-                <label for="replace_string" class="title_restorable">
+                <label for="regex_replace_string" class="title_restorable">
                     <small data-i18n="Replace With">Replace With</small>
                 </label>
                 <div>
                     <textarea 
                         class="regex_replace_string text_pole wide100p textarea_compact"
-                        placeholder="Use {{match}} to include the matched text from Find Regex"
+                        placeholder="Use {{match}} to include the matched text from the Find Regex"
                         rows="2"
-                        maxlength="100"
+                    ></textarea>
+                </div>
+            </div>
+            <div class="flex1">
+                <label for="regex_trim_strings" class="title_restorable">
+                    <small data-i18n="Trim Out">Trim Out</small>
+                </label>
+                <div>
+                    <textarea 
+                        class="regex_trim_strings text_pole wide100p textarea_compact"
+                        placeholder="Globally trims any unwanted parts from a regex match before replacement. Separate each element by an enter."
+                        rows="3"
                     ></textarea>
                 </div>
             </div>

public/scripts/extensions/regex/engine.js

@@ -30,9 +30,19 @@ function runRegexScript(regexScript, rawString) {
         const fencedMatch = match[0];
         const capturedMatch = match[1];
 
+        let trimCapturedMatch;
+        let trimFencedMatch;
+        if (capturedMatch) {
+            const tempTrimCapture = filterString(capturedMatch, regexScript.trimStrings);
+            trimFencedMatch = fencedMatch.replaceAll(capturedMatch, tempTrimCapture);
+            trimCapturedMatch = tempTrimCapture;
+        } else {
+            trimFencedMatch = filterString(fencedMatch, regexScript.trimStrings);
+        }
+
         // TODO: Use substrings for replacement. But not necessary at this time.
         // A substring is from match.index to match.index + match[0].length or fencedMatch.length
-        const subReplaceString = substituteRegexParams(regexScript.replaceString, { regexMatch: capturedMatch ?? fencedMatch });
+        const subReplaceString = substituteRegexParams(regexScript.replaceString, trimCapturedMatch ?? trimFencedMatch);
         if (!newString) {
             newString = rawString.replace(fencedMatch, subReplaceString);
         } else {
@@ -48,8 +58,19 @@ function runRegexScript(regexScript, rawString) {
     return newString;
 }
 
-// Substitutes parameters 
+// Filters anything to trim from the regex match
-function substituteRegexParams(rawString, { regexMatch }) {
+function filterString(rawString, trimStrings) {
+    let finalString = rawString;
+    trimStrings.forEach((trimString) => {
+        const subTrimString = substituteParams(trimString);
+        finalString = finalString.replaceAll(subTrimString, "");
+    });
+
+    return finalString;
+}
+
+// Substitutes regex-specific and normal parameters
+function substituteRegexParams(rawString, regexMatch) {
     let finalString = rawString;
     finalString = finalString.replace("{{match}}", regexMatch);
     finalString = substituteParams(finalString);

public/scripts/extensions/regex/index.js

@@ -87,9 +87,10 @@ async function onRegexEditorOpenClick(existingId) {
             editorHtml.find(`.regex_script_name`).val(existingScript.scriptName);
             editorHtml.find(`.find_regex`).val(existingScript.findRegex);
             editorHtml.find(`.regex_replace_string`).val(existingScript.replaceString);
+            editorHtml.find(`.regex_trim_strings`).val(existingScript.trimStrings?.join("\n") || []);
             editorHtml
                 .find(`input[name="disabled"]`)
-                .prop("checked", existingScript.disabled);
+                .prop("checked", existingScript.disabled ?? false);
             editorHtml
                 .find(`input[name="run_on_edit"]`)
                 .prop("checked", existingScript.runOnEdit);
@@ -116,13 +117,14 @@ async function onRegexEditorOpenClick(existingId) {
             scriptName: editorHtml.find(".regex_script_name").val(),
             findRegex: editorHtml.find(".find_regex").val(),
             replaceString: editorHtml.find(".regex_replace_string").val(),
+            trimStrings: editorHtml.find(".regex_trim_strings").val().split("\n").filter((e) => e.length !== 0) || [],
             placement:
                 editorHtml
                     .find(`input[name="replace_position"]`)
                     .filter(":checked")
                     .map(function() { return parseInt($(this).val()) })
                     .get()
-                    .filter((e) => e !== NaN) ?? [],
+                    .filter((e) => e !== NaN) || [],
             disabled:
                 editorHtml
                     .find(`input[name="disabled"]`)