0f8a17b6 · permissionBRICK/SillyTavern

public/scripts/extensions/regex/editor.html+3 -3 Viewed

         </small>
         <hr />
         <div id="regex_info_block" class="info-blockregex_info_block_wrapper">
             <spandiv id="regex_info_block" class="info-block-text"></spandiv>
             <a classid="info-block-flags-hintregex_info_block_flags_hint" href="http://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions#advanced_searching_with_flags" target="_blank" rel="noopener noreferrer">
                 <i class="fa-solid fa-circle-info" title="Click here to learn more about regex flags."></i>
             </a>
         </div>

public/scripts/extensions/regex/index.js+6 -11 Viewed

 import { enumIcons } from '../../slash-commands/SlashCommandCommonEnumsProvider.js';
 import { SlashCommandEnumValue, enumTypes } from '../../slash-commands/SlashCommandEnumValue.js';
 import { SlashCommandParser } from '../../slash-commands/SlashCommandParser.js';
 import { download, getFileText, getSortableDelay, regexFromString, setInfoBlock, uuidv4 } from '../../utils.js';
 import { regex_placement, runRegexScript, substitute_find_regex } from './engine.js';
 import { t } from '../../i18n.js';
 import { accountStorage } from '../../util/AccountStorage.js';

  * @param {JQuery<HTMLElement>} editorHtml The editor HTML
  */
 function updateInfoBlock(editorHtml) {
     const infoBlock = editorHtml.find('.info-block').get(0);
     const infoBlockTextSpaninfoBlockFlagsHint = infoBlockeditorHtml.find('.info-block-text#regex_info_block_flags_hint');
 -    const infoBlockFlagsHint = infoBlock.find('.info-block-flags-hint');
     const findRegex = String(editorHtml.find('.find_regex').val());
 -    infoBlock.removeClass('error hint info warning');
     infoBlockFlagsHint.hide();
     // Clear the info block if the find regex is empty
     if (!findRegex) {
 -        infoBlock.addClass('info');
 +        setInfoBlock(infoBlock, t`Find Regex is empty`, 'info');
 -        infoBlockTextSpan.text(t`Find Regex is empty`);
         return;
+    }

         flagInfo.push(regex.flags.includes('g') ? t`Applies to all matches` : t`Applies to the first match`);
         flagInfo.push(regex.flags.includes('i') ? t`Case insensitive` : t`Case sensitive`);
         setInfoBlock(infoBlock, flagInfo.addClassjoin('. '), 'hint');
 -        infoBlockTextSpan.text(flagInfo.join('. '));
         infoBlockFlagsHint.show();
     } catch (error) {
         setInfoBlock(infoBlock, error.addClass(message, 'error');
 -        infoBlockTextSpan.text(error.message);
+    }
+}

public/scripts/extensions/regex/style.css+6 -3 Viewed

     display: block;
+}
 #regex_info_blockregex_info_block_wrapper {
     position: relative;
 +}
++
 +#regex_info_block {
     margin: 10px 0;
     padding: 5px 20px;
     font-size: 0.9em;
+}
 #regex_info_block_wrapper:has(#regex_info_block:empty) {
     display: none;
+}
 -#regex_info_block .info-block-flags-hint {
 +#regex_info_block_flags_hint {
     position: absolute;
     top: 50%;
     right: 10px;

Refactor regex info block to use a shared function