mirror of
				https://github.com/SillyTavern/SillyTavern.git
				synced 2025-06-05 21:59:27 +02:00 
			
		
		
		
	
		
			
				
	
	
		
			455 lines
		
	
	
		
			15 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			455 lines
		
	
	
		
			15 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
import {
 | 
						|
    amount_gen,
 | 
						|
    callPopup,
 | 
						|
    getRequestHeaders,
 | 
						|
    max_context,
 | 
						|
    saveSettingsDebounced,
 | 
						|
    setGenerationProgress,
 | 
						|
} from '../script.js';
 | 
						|
import { SECRET_KEYS, writeSecret } from './secrets.js';
 | 
						|
import { delay } from './utils.js';
 | 
						|
import { isMobile } from './RossAscends-mods.js';
 | 
						|
import { autoSelectInstructPreset } from './instruct-mode.js';
 | 
						|
 | 
						|
export {
 | 
						|
    horde_settings,
 | 
						|
    generateHorde,
 | 
						|
    checkHordeStatus,
 | 
						|
    loadHordeSettings,
 | 
						|
    adjustHordeGenerationParams,
 | 
						|
    getHordeModels,
 | 
						|
    MIN_LENGTH,
 | 
						|
};
 | 
						|
 | 
						|
let models = [];
 | 
						|
 | 
						|
let horde_settings = {
 | 
						|
    models: [],
 | 
						|
    auto_adjust_response_length: true,
 | 
						|
    auto_adjust_context_length: false,
 | 
						|
    trusted_workers_only: false,
 | 
						|
};
 | 
						|
 | 
						|
const MAX_RETRIES = 480;
 | 
						|
const CHECK_INTERVAL = 2500;
 | 
						|
const MIN_LENGTH = 16;
 | 
						|
 | 
						|
/**
 | 
						|
 * Gets the available workers from Horde.
 | 
						|
 * @param {boolean} force Do a force refresh of the workers
 | 
						|
 * @returns {Promise<Array>} Array of workers
 | 
						|
 */
 | 
						|
async function getWorkers(force) {
 | 
						|
    const response = await fetch('/api/horde/text-workers', {
 | 
						|
        method: 'POST',
 | 
						|
        headers: getRequestHeaders(),
 | 
						|
        body: JSON.stringify({ force }),
 | 
						|
    });
 | 
						|
    return await response.json();
 | 
						|
}
 | 
						|
 | 
						|
/**
 | 
						|
 * Gets the available models from Horde.
 | 
						|
 * @param {boolean} force Do a force refresh of the models
 | 
						|
 * @returns {Promise<Array>} Array of models
 | 
						|
 */
 | 
						|
async function getModels(force) {
 | 
						|
    const response = await fetch('/api/horde/text-models', {
 | 
						|
        method: 'POST',
 | 
						|
        headers: getRequestHeaders(),
 | 
						|
        body: JSON.stringify({ force }),
 | 
						|
    });
 | 
						|
    const data = await response.json();
 | 
						|
    console.log('getModels', data);
 | 
						|
    return data;
 | 
						|
}
 | 
						|
 | 
						|
 | 
						|
/**
 | 
						|
 * Gets the status of a Horde task.
 | 
						|
 * @param {string} taskId Task ID
 | 
						|
 * @returns {Promise<Object>} Task status
 | 
						|
 */
 | 
						|
async function getTaskStatus(taskId) {
 | 
						|
    const response = await fetch('/api/horde/task-status', {
 | 
						|
        method: 'POST',
 | 
						|
        headers: getRequestHeaders(),
 | 
						|
        body: JSON.stringify({ taskId }),
 | 
						|
    });
 | 
						|
 | 
						|
    if (!response.ok) {
 | 
						|
        throw new Error(`Failed to get task status: ${response.statusText}`);
 | 
						|
    }
 | 
						|
 | 
						|
    return await response.json();
 | 
						|
}
 | 
						|
 | 
						|
/**
 | 
						|
 * Cancels a Horde task.
 | 
						|
 * @param {string} taskId Task ID
 | 
						|
 */
 | 
						|
async function cancelTask(taskId) {
 | 
						|
    const response = await fetch('/api/horde/cancel-task', {
 | 
						|
        method: 'POST',
 | 
						|
        headers: getRequestHeaders(),
 | 
						|
        body: JSON.stringify({ taskId }),
 | 
						|
    });
 | 
						|
 | 
						|
    if (!response.ok) {
 | 
						|
        throw new Error(`Failed to cancel task: ${response.statusText}`);
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
/**
 | 
						|
 * Checks if Horde is online.
 | 
						|
 * @returns {Promise<boolean>} True if Horde is online, false otherwise
 | 
						|
 */
 | 
						|
async function checkHordeStatus() {
 | 
						|
    try {
 | 
						|
        const response = await fetch('/api/horde/status', {
 | 
						|
            method: 'POST',
 | 
						|
            headers: getRequestHeaders(),
 | 
						|
        });
 | 
						|
 | 
						|
        if (!response.ok) {
 | 
						|
            return false;
 | 
						|
        }
 | 
						|
 | 
						|
        const data = await response.json();
 | 
						|
        return data.ok;
 | 
						|
    } catch (error) {
 | 
						|
        console.error(error);
 | 
						|
        return false;
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
function validateHordeModel() {
 | 
						|
    let selectedModels = models.filter(m => horde_settings.models.includes(m.name));
 | 
						|
 | 
						|
    if (selectedModels.length === 0) {
 | 
						|
        toastr.warning('No Horde model selected or the selected models are no longer available. Please choose another model');
 | 
						|
        throw new Error('No Horde model available');
 | 
						|
    }
 | 
						|
 | 
						|
    return selectedModels;
 | 
						|
}
 | 
						|
 | 
						|
async function adjustHordeGenerationParams(max_context_length, max_length) {
 | 
						|
    console.log(max_context_length, max_length);
 | 
						|
    const workers = await getWorkers(false);
 | 
						|
    let maxContextLength = max_context_length;
 | 
						|
    let maxLength = max_length;
 | 
						|
    let availableWorkers = [];
 | 
						|
    let selectedModels = validateHordeModel();
 | 
						|
 | 
						|
    if (selectedModels.length === 0) {
 | 
						|
        return { maxContextLength, maxLength };
 | 
						|
    }
 | 
						|
 | 
						|
    for (const model of selectedModels) {
 | 
						|
        for (const worker of workers) {
 | 
						|
            if (model.cluster === worker.cluster && worker.models.includes(model.name)) {
 | 
						|
                // Skip workers that are not trusted if the option is enabled
 | 
						|
                if (horde_settings.trusted_workers_only && !worker.trusted) {
 | 
						|
                    continue;
 | 
						|
                }
 | 
						|
 | 
						|
                availableWorkers.push(worker);
 | 
						|
            }
 | 
						|
        }
 | 
						|
    }
 | 
						|
 | 
						|
    //get the minimum requires parameters, lowest common value for all selected
 | 
						|
    for (const worker of availableWorkers) {
 | 
						|
        if (horde_settings.auto_adjust_context_length) {
 | 
						|
            maxContextLength = Math.min(worker.max_context_length, maxContextLength);
 | 
						|
        }
 | 
						|
        if (horde_settings.auto_adjust_response_length) {
 | 
						|
            maxLength = Math.min(worker.max_length, maxLength);
 | 
						|
        }
 | 
						|
    }
 | 
						|
    console.log(maxContextLength, maxLength);
 | 
						|
    $('#adjustedHordeParams').text(`Context: ${maxContextLength}, Response: ${maxLength}`);
 | 
						|
    return { maxContextLength, maxLength };
 | 
						|
}
 | 
						|
 | 
						|
function setContextSizePreview() {
 | 
						|
    if (horde_settings.models.length) {
 | 
						|
        adjustHordeGenerationParams(max_context, amount_gen);
 | 
						|
    } else {
 | 
						|
        $('#adjustedHordeParams').text('Context: --, Response: --');
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
/** Generates text using the Horde API.
 | 
						|
 * @param {string} prompt
 | 
						|
 * @param params
 | 
						|
 * @param signal
 | 
						|
 * @param reportProgress
 | 
						|
 * @returns {Promise<{text: *, workerName: string}>}
 | 
						|
 * @throws {Error}
 | 
						|
 */
 | 
						|
async function generateHorde(prompt, params, signal, reportProgress) {
 | 
						|
    validateHordeModel();
 | 
						|
    delete params.prompt;
 | 
						|
 | 
						|
    // No idea what these do
 | 
						|
    params['n'] = 1;
 | 
						|
    params['frmtadsnsp'] = false;
 | 
						|
    params['frmtrmblln'] = false;
 | 
						|
    params['frmtrmspch'] = false;
 | 
						|
    params['frmttriminc'] = false;
 | 
						|
 | 
						|
    const payload = {
 | 
						|
        'prompt': prompt,
 | 
						|
        'params': params,
 | 
						|
        'trusted_workers': horde_settings.trusted_workers_only,
 | 
						|
        //"slow_workers": false,
 | 
						|
        'models': horde_settings.models,
 | 
						|
    };
 | 
						|
 | 
						|
    const response = await fetch('/api/horde/generate-text', {
 | 
						|
        method: 'POST',
 | 
						|
        headers: getRequestHeaders(),
 | 
						|
        body: JSON.stringify(payload),
 | 
						|
    });
 | 
						|
 | 
						|
    if (!response.ok) {
 | 
						|
        toastr.error(response.statusText, 'Horde generation failed');
 | 
						|
        throw new Error(`Horde generation failed: ${response.statusText}`);
 | 
						|
    }
 | 
						|
 | 
						|
    const responseJson = await response.json();
 | 
						|
 | 
						|
    if (responseJson.error) {
 | 
						|
        const reason = responseJson.error?.message || 'Unknown error';
 | 
						|
        toastr.error(reason, 'Horde generation failed');
 | 
						|
        throw new Error(`Horde generation failed: ${reason}`);
 | 
						|
    }
 | 
						|
 | 
						|
    const taskId = responseJson.id;
 | 
						|
    let queue_position_first = null;
 | 
						|
    console.log(`Horde task id = ${taskId}`);
 | 
						|
 | 
						|
    for (let retryNumber = 0; retryNumber < MAX_RETRIES; retryNumber++) {
 | 
						|
        if (signal.aborted) {
 | 
						|
            cancelTask(taskId);
 | 
						|
            throw new Error('Request aborted');
 | 
						|
        }
 | 
						|
 | 
						|
        const statusCheckJson = await getTaskStatus(taskId);
 | 
						|
        console.log(statusCheckJson);
 | 
						|
 | 
						|
        if (statusCheckJson.faulted === true) {
 | 
						|
            toastr.error('Horde request faulted. Please try again.');
 | 
						|
            throw new Error('Horde generation failed: Faulted');
 | 
						|
        }
 | 
						|
 | 
						|
        if (statusCheckJson.is_possible === false) {
 | 
						|
            toastr.error('There are no Horde workers that are able to generate text with your request. Please change the parameters or try again later.');
 | 
						|
            throw new Error('Horde generation failed: Unsatisfiable request');
 | 
						|
        }
 | 
						|
 | 
						|
        if (statusCheckJson.done && Array.isArray(statusCheckJson.generations) && statusCheckJson.generations.length) {
 | 
						|
            reportProgress && setGenerationProgress(100);
 | 
						|
            const generatedText = statusCheckJson.generations[0].text;
 | 
						|
            const WorkerName = statusCheckJson.generations[0].worker_name;
 | 
						|
            const WorkerModel = statusCheckJson.generations[0].model;
 | 
						|
            console.log(generatedText);
 | 
						|
            console.log(`Generated by Horde Worker: ${WorkerName} [${WorkerModel}]`);
 | 
						|
            return { text: generatedText, workerName: `Generated by Horde worker: ${WorkerName} [${WorkerModel}]` };
 | 
						|
        } else if (!queue_position_first) {
 | 
						|
            queue_position_first = statusCheckJson.queue_position;
 | 
						|
            reportProgress && setGenerationProgress(0);
 | 
						|
        } else if (statusCheckJson.queue_position >= 0) {
 | 
						|
            let queue_position = statusCheckJson.queue_position;
 | 
						|
            const progress = Math.round(100 - (queue_position / queue_position_first * 100));
 | 
						|
            reportProgress && setGenerationProgress(progress);
 | 
						|
        }
 | 
						|
 | 
						|
        await delay(CHECK_INTERVAL);
 | 
						|
    }
 | 
						|
 | 
						|
    callPopup('Horde request timed out. Try again', 'text');
 | 
						|
    throw new Error('Horde timeout');
 | 
						|
}
 | 
						|
 | 
						|
 | 
						|
/**
 | 
						|
 * Displays the available models in the Horde model selection dropdown.
 | 
						|
 * @param {boolean} force Force refresh of the models
 | 
						|
 */
 | 
						|
async function getHordeModels(force) {
 | 
						|
    const sortByPerformance = (a, b) => b.performance - a.performance;
 | 
						|
    const sortByWhitelisted = (a, b) => b.is_whitelisted - a.is_whitelisted;
 | 
						|
    const sortByPopular = (a, b) => b.tags?.includes('popular') - a.tags?.includes('popular');
 | 
						|
 | 
						|
    $('#horde_model').empty();
 | 
						|
    models = (await getModels(force)).sort((a, b) => {
 | 
						|
        return sortByWhitelisted(a, b) || sortByPopular(a, b) || sortByPerformance(a, b);
 | 
						|
    });
 | 
						|
    for (const model of models) {
 | 
						|
        const option = document.createElement('option');
 | 
						|
        option.value = model.name;
 | 
						|
        option.innerText = hordeModelTextString(model);
 | 
						|
        option.selected = horde_settings.models.includes(model.name);
 | 
						|
        $('#horde_model').append(option);
 | 
						|
    }
 | 
						|
 | 
						|
    // if previously selected is no longer available
 | 
						|
    if (horde_settings.models.length && models.filter(m => horde_settings.models.includes(m.name)).length === 0) {
 | 
						|
        horde_settings.models = [];
 | 
						|
    }
 | 
						|
 | 
						|
    setContextSizePreview();
 | 
						|
}
 | 
						|
 | 
						|
function loadHordeSettings(settings) {
 | 
						|
    if (settings.horde_settings) {
 | 
						|
        Object.assign(horde_settings, settings.horde_settings);
 | 
						|
    }
 | 
						|
 | 
						|
    $('#horde_auto_adjust_response_length').prop('checked', horde_settings.auto_adjust_response_length);
 | 
						|
    $('#horde_auto_adjust_context_length').prop('checked', horde_settings.auto_adjust_context_length);
 | 
						|
    $('#horde_trusted_workers_only').prop('checked', horde_settings.trusted_workers_only);
 | 
						|
}
 | 
						|
 | 
						|
async function showKudos() {
 | 
						|
    const response = await fetch('/api/horde/user-info', {
 | 
						|
        method: 'POST',
 | 
						|
        headers: getRequestHeaders(),
 | 
						|
    });
 | 
						|
 | 
						|
    if (!response.ok) {
 | 
						|
        toastr.warning('Could not load user info from Horde. Please try again later.');
 | 
						|
        return;
 | 
						|
    }
 | 
						|
 | 
						|
    const data = await response.json();
 | 
						|
 | 
						|
    if (data.anonymous) {
 | 
						|
        toastr.info('You are in anonymous mode. Set your personal Horde API key to see kudos.');
 | 
						|
        return;
 | 
						|
    }
 | 
						|
 | 
						|
    console.log('Horde user data', data);
 | 
						|
    toastr.info(`Kudos: ${data.kudos}`, data.username);
 | 
						|
}
 | 
						|
 | 
						|
function hordeModelTextString(model) {
 | 
						|
    const q = hordeModelQueueStateString(model);
 | 
						|
    return `${model.name} (${q})`;
 | 
						|
}
 | 
						|
 | 
						|
function hordeModelQueueStateString(model) {
 | 
						|
    return `ETA: ${model.eta}s, Speed: ${model.performance}, Queue: ${model.queued}, Workers: ${model.count}`;
 | 
						|
}
 | 
						|
 | 
						|
function getHordeModelTemplate(option) {
 | 
						|
    const model = models.find(x => x.name === option?.element?.value);
 | 
						|
 | 
						|
    if (!option.id || !model) {
 | 
						|
        console.debug('No model found for option', option, option?.element?.value);
 | 
						|
        console.debug('Models', models);
 | 
						|
        return option.text;
 | 
						|
    }
 | 
						|
 | 
						|
    const strip = html => {
 | 
						|
        const tmp = document.createElement('DIV');
 | 
						|
        tmp.innerHTML = html || '';
 | 
						|
        return tmp.textContent || tmp.innerText || '';
 | 
						|
    };
 | 
						|
 | 
						|
    // how much do we trust the metadata from the models repo? about this much
 | 
						|
    const displayName = strip(model.display_name || model.name).replace(/.*\//g, '');
 | 
						|
    const description = strip(model.description);
 | 
						|
    const tags = model.tags ? model.tags.map(strip) : [];
 | 
						|
    const url = strip(model.url);
 | 
						|
    const style = strip(model.style);
 | 
						|
 | 
						|
    const workerInfo = hordeModelQueueStateString(model);
 | 
						|
    const isPopular = model.tags?.includes('popular');
 | 
						|
    const descriptionDiv = description ? `<div class="horde-model-description">${description}</div>` : '';
 | 
						|
    const tagSpans = tags.length > 0 &&
 | 
						|
        `${tags.map(tag => `<span class="tag tag_name">${tag}</span>`).join('')}</span>` || '';
 | 
						|
 | 
						|
    const modelDetailsLink = url && `<a href="${url}" target="_blank" rel="noopener noreferrer" class="model-details-link fa-solid fa-circle-question"> </a>`;
 | 
						|
    const capitalize = s => s ? s[0].toUpperCase() + s.slice(1) : '';
 | 
						|
    const innerContent = [
 | 
						|
        `<strong>${displayName}</strong> ${modelDetailsLink}`,
 | 
						|
        style ? `${capitalize(style)}` : '',
 | 
						|
        tagSpans ? `<span class="tags tags_inline inline-flex margin-r2">${tagSpans}</span>` : '',
 | 
						|
    ].filter(Boolean).join(' | ');
 | 
						|
 | 
						|
    return $((`
 | 
						|
        <div class="flex-container flexFlowColumn">
 | 
						|
            <div>
 | 
						|
                ${isPopular ? '<span class="fa-fw fa-solid fa-star" title="Popular"></span>' : ''}
 | 
						|
                ${innerContent}
 | 
						|
            </div>
 | 
						|
            ${descriptionDiv}
 | 
						|
            <div><small>${workerInfo}</small></div>
 | 
						|
        </div>
 | 
						|
    `));
 | 
						|
}
 | 
						|
 | 
						|
jQuery(function () {
 | 
						|
    $('#horde_model').on('mousedown change', async function (e) {
 | 
						|
        console.log('Horde model change', e);
 | 
						|
        horde_settings.models = $('#horde_model').val();
 | 
						|
        console.log('Updated Horde models', horde_settings.models);
 | 
						|
 | 
						|
        // Try select instruct preset
 | 
						|
        autoSelectInstructPreset(horde_settings.models.join(' '));
 | 
						|
        if (horde_settings.models.length) {
 | 
						|
            adjustHordeGenerationParams(max_context, amount_gen);
 | 
						|
        } else {
 | 
						|
            $('#adjustedHordeParams').text('Context: --, Response: --');
 | 
						|
        }
 | 
						|
 | 
						|
        saveSettingsDebounced();
 | 
						|
    });
 | 
						|
 | 
						|
    $('#horde_auto_adjust_response_length').on('input', function () {
 | 
						|
        horde_settings.auto_adjust_response_length = !!$(this).prop('checked');
 | 
						|
        setContextSizePreview();
 | 
						|
        saveSettingsDebounced();
 | 
						|
    });
 | 
						|
 | 
						|
    $('#horde_auto_adjust_context_length').on('input', function () {
 | 
						|
        horde_settings.auto_adjust_context_length = !!$(this).prop('checked');
 | 
						|
        setContextSizePreview();
 | 
						|
        saveSettingsDebounced();
 | 
						|
    });
 | 
						|
 | 
						|
    $('#horde_trusted_workers_only').on('input', function () {
 | 
						|
        horde_settings.trusted_workers_only = !!$(this).prop('checked');
 | 
						|
        setContextSizePreview();
 | 
						|
        saveSettingsDebounced();
 | 
						|
    });
 | 
						|
 | 
						|
    $('#horde_api_key').on('input', async function () {
 | 
						|
        const key = String($(this).val()).trim();
 | 
						|
        await writeSecret(SECRET_KEYS.HORDE, key);
 | 
						|
    });
 | 
						|
 | 
						|
    $('#horde_refresh').on('click', () => getHordeModels(true));
 | 
						|
    $('#horde_kudos').on('click', showKudos);
 | 
						|
 | 
						|
    // Not needed on mobile
 | 
						|
    if (!isMobile()) {
 | 
						|
        $('#horde_model').select2({
 | 
						|
            width: '100%',
 | 
						|
            placeholder: 'Select Horde models',
 | 
						|
            allowClear: true,
 | 
						|
            closeOnSelect: false,
 | 
						|
            templateSelection: function (data) {
 | 
						|
                // Customize the pillbox text by shortening the full text
 | 
						|
                return data.id;
 | 
						|
            },
 | 
						|
            templateResult: getHordeModelTemplate,
 | 
						|
        });
 | 
						|
    }
 | 
						|
});
 | 
						|
 |