Merge pull request #3898 from awaae001/staging feat(slash-commands): Add /goto-floor command and implement message highlighting

fe4f0c2ea63a7ceedc314d02e8610b8e1948e6e5

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

Signed

Parents: 4bcfe6c2be9a17f24f954d62793f4b8c62839100 870abe077675f30e3546a9c4eaa6a4b68b1c234e

public/scripts/slash-commands.js+61 -0 Viewed

 import { Fuse, DOMPurify } from '../lib.js';
 +import { flashHighlight } from './utils.js';
 import {
     Generate,

     extractMessageBias,
     generateQuietPrompt,
     generateRaw,
 +    getFirstDisplayedMessageId,
     getThumbnailUrl,
     is_send_press,
     main_api,

         `,
     }));
 +    SlashCommandParser.addCommandObject(SlashCommand.fromProps({
 +        name: 'chat-jump',
 +        aliases: ['chat-scrollto', 'floor-teleport'],
 +        callback: async (_, index) => {
 +            const messageIndex = Number(index);
++
 +            if (isNaN(messageIndex) || messageIndex < 0 || messageIndex >= chat.length) {
 +                toastr.warning(t`Invalid message index: ${index}. Please enter a number between 0 and ${chat.length}.`);
 +                console.warn(`WARN: Invalid message index provided for /chat-jump: ${index}. Max index: ${chat.length}`);
 +                return '';
 +            }
++
 +            // Load more messages if needed
 +            const firstDisplayedMessageId = getFirstDisplayedMessageId();
 +            if (isFinite(firstDisplayedMessageId) && messageIndex < firstDisplayedMessageId) {
 +                const needToLoadCount = firstDisplayedMessageId - messageIndex;
 +                await showMoreMessages(needToLoadCount);
 +                await delay(1);
 +            }
++
 +            const chatContainer = document.getElementById('chat');
 +            const messageElement = document.querySelector(`#chat .mes[mesid="${messageIndex}"]`);
++
 +            if (messageElement instanceof HTMLElement && chatContainer instanceof HTMLElement) {
 +                const elementRect = messageElement.getBoundingClientRect();
 +                const containerRect = chatContainer.getBoundingClientRect();
++
 +                const scrollPosition = elementRect.top - containerRect.top + chatContainer.scrollTop;
 +                chatContainer.scrollTo({
 +                    top: scrollPosition,
 +                    behavior: 'smooth',
 +                });
++
 +                flashHighlight($(messageElement), 2000);
 +            } else {
 +                toastr.warning(t`Could not find element for message ${messageIndex}. It might not be rendered yet or the index is invalid.`);
 +                console.warn(`WARN: Element not found for message index ${messageIndex} in /chat-jump.`);
 +            }
++
 +            return '';
 +        },
 +        unnamedArgumentList: [
 +            SlashCommandArgument.fromProps({
 +                description: 'The message index (0-based) to scroll to.',
 +                typeList: [ARGUMENT_TYPE.NUMBER],
 +                isRequired: true,
 +                enumProvider: commonEnumProviders.messages(),
 +            }),
 +        ],
 +        helpString: `
 +        <div>
 +            Scrolls the chat view to the specified message index. Index starts at 0.
 +        </div>
 +        <div>
 +            <strong>Example:</strong> <pre><code>/chat-jump 10</code></pre> Scrolls to the 11th message (id=10).
 +        </div>
 +    `,
 +    }));
++
     registerVariableCommands();
+}