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>
+                                    <small data-i18n="Swipe # for All Messages">Swipe # for All Messages</small>
                                 </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').find('.swipe_right').hide();
+    chatElement.find('.swipe_right').hide();
-    $('#chat').find('.last_mes .swipes-counter').hide();
+    chatElement.find('.last_mes .swipes-counter').hide();
-    $('#chat').find('.swipe_left').hide();
+    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	$('#compact_input_area').prop('checked', power_user.compact_input_area);	472	$('#compact_input_area').prop('checked', power_user.compact_input_area);
473	}	473	}
474		474
475	export function switchSwipeNumAllMessages() {	475	function switchSwipeNumAllMessages() {
476	$('#show_swipe_num_all_messages').prop('checked', power_user.show_swipe_num_all_messages);	476	$('#show_swipe_num_all_messages').prop('checked', power_user.show_swipe_num_all_messages);
477	$('.mes:not(.last_mes) .swipes-counter').css('opacity', '').toggle(power_user.show_swipe_num_all_messages);	477	$('body').toggleClass('swipeAllMessages', !!power_user.show_swipe_num_all_messages);
478	}	478	}
479		479
480	var originalSliderValues = [];	480	var originalSliderValues = [];

public/style.css+8 -2 Viewed

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