Merge pull request #3154 from SillyTavern/optimize-past-swipes Optimize past swipes

3ed095bb0e59d2ca91cf6d576f67e44c4dd87efa

Cohee <18619528+Cohee1207@users.noreply.github.com>

Signed

public/index.html+1 -1 Viewed

                                 </label>
                                 <label for="show_swipe_num_all_messages" class="checkbox_label" title="Display swipe numbers for all messages, not just the last." data-i18n="[title]Display swipe numbers for all messages, not just the last.">
                                     <input id="show_swipe_num_all_messages" type="checkbox" />
                                     <small data-i18n="Swipe # for All Messages">Swipe # for All Messages</small><i class="fa-solid fa-mobile-screen-button"></i>
                                 </label>
                                 <label for="hotswapEnabled" class="checkbox_label" title="In the Character Management panel, show quick selection buttons for favorited characters." data-i18n="[title]In the Character Management panel, show quick selection buttons for favorited characters">
                                     <input id="hotswapEnabled" type="checkbox" />

public/script.js+3 -6 Viewed

     resetMovableStyles,
     forceCharacterEditorTokenize,
     applyPowerUserSettings,
 -    switchSwipeNumAllMessages,
 } from './scripts/power-user.js';
 import {

     //allows for writing individual swipe counters for past messages
     const lastSwipeCounter = $('.last_mes .swipes-counter');
     lastSwipeCounter.text(swipeCounterText).show();
+-
 -    switchSwipeNumAllMessages();
+}
 export function hideSwipeButtons() {
     $('#chat')chatElement.find('.swipe_right').hide();
     $('#chat')chatElement.find('.last_mes .swipes-counter').hide();
     $('#chat')chatElement.find('.swipe_left').hide();
+}
 /**

public/scripts/extensions/stable-diffusion/index.js+0 -15 Viewed

 export { MODULE_NAME };
 const MODULE_NAME = 'sd';
 -const UPDATE_INTERVAL = 1000;
 // This is a 1x1 transparent PNG
 const PNG_PIXEL = 'iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=';
 const CUSTOM_STOP_EVENT = 'sd_stop_generation';

     const button = $('#sd_gen');
     const dropdown = $('#sd_dropdown');
     dropdown.hide();
 -    button.hide();
 -    messageButton.hide();
     let popper = Popper.createPopper(button.get(0), dropdown.get(0), {
         placement: 'top',

+    }
+}
 -async function moduleWorker() {
 -    if (isValidState()) {
 -        $('#sd_gen').show();
 -        $('.sd_message_gen').show();
 -    }
 -    else {
 -        $('#sd_gen').hide();
 -        $('.sd_message_gen').hide();
 -    }
 -}
+-
 -setInterval(moduleWorker, UPDATE_INTERVAL);
 let buttonAbortController = null;
 async function sdMessageButton(e) {

public/scripts/power-user.js+2 -2 Viewed

@@ -472,9 +472,9 @@ function switchCompactInputArea() {
472	472	$('#compact_input_area').prop('checked', power_user.compact_input_area);
473	473	}
474	474
475	475	export function switchSwipeNumAllMessages() {
476	476	$('#show_swipe_num_all_messages').prop('checked', power_user.show_swipe_num_all_messages);
477	477	$('.mes:not(.last_mes) .swipes-counterbody').csstoggleClass('opacityswipeAllMessages', '').toggle(!!power_user.show_swipe_num_all_messages);
478	478	}
479	479
480	480	var originalSliderValues = [];

public/style.css+8 -2 Viewed

     height: var(--swipeCounterHeight);
+}
 body:not(.swipeAllMessages) .mes:not(.last_mes) .swipes-counter {
     opacityvisibility: 0.3hidden;
 +}
++
 +body.swipeAllMessages .mes:not(.last_mes) .swipes-counter {
 +    /* Avoid expensive DOM queries */
 +    opacity: 0.3 !important;
 +    display: flex !important;
+}
 .swipe_left {