Expressions: Add WebLLM extension classification

f1bc217e79f7854c094090cbb378cd633d9cf218

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

public/scripts/extensions/expressions/index.js+48 -14 Viewed

 import { commonEnumProviders } from '../../slash-commands/SlashCommandCommonEnumsProvider.js';
 import { slashCommandReturnHelper } from '../../slash-commands/SlashCommandReturnHelper.js';
 import { SlashCommandClosure } from '../../slash-commands/SlashCommandClosure.js';
 +import { generateWebLlmChatPrompt, isWebLlmSupported } from '../shared.js';
 export { MODULE_NAME };
 const MODULE_NAME = 'expressions';

     local: 0,
     extras: 1,
     llm: 2,
 +    webllm: 3,
 };
 let expressionsList = null;

     extension_settings.expressions.talkinghead = newState; // Store setting
     saveSettingsDebounced();
     if (extension_settings.expressions.api == [EXPRESSION_API.local, ||EXPRESSION_API.llm, EXPRESSION_API.webllm].includes(extension_settings.expressions.api == EXPRESSION_API.llm)) {
         return;
+    }

             console.debug(`fuzzy search found: ${result[0].item} as closest for the LLM response:`, emotionResponse);
             return result[0].item;
+        }
 +        const lowerCaseResponse = String(emotionResponse || '').toLowerCase();
 +        for (const label of labels) {
 +            if (lowerCaseResponse.includes(label.toLowerCase())) {
 +                console.debug(`Found label ${label} in the LLM response:`, emotionResponse);
 +                return label;
 +            }
 +        }
+    }
     throw new Error('Could not parse emotion response ' + emotionResponse);
+}
 -function onTextGenSettingsReady(args) {
 +/**
 -    // Only call if inside an API call
 + * Gets the JSON schema for the LLM API.
 -    if (inApiCall && extension_settings.expressions.api === EXPRESSION_API.llm && isJsonSchemaSupported()) {
 + * @param {string[]} emotions A list of emotions to search for.
 -        const emotions = DEFAULT_EXPRESSIONS.filter((e) => e != 'talkinghead');
 + * @returns {object} The JSON schema for the LLM API.
 -        Object.assign(args, {
 + */
 -            top_k: 1,
 +function getJsonSchema(emotions) {
 -            stop: [],
 +    return {
 -            stopping_strings: [],
 -            custom_token_bans: [],
 -            json_schema: {
         $schema: 'http://json-schema.org/draft-04/schema#',
         type: 'object',
         properties: {

         required: [
             'emotion',
         ],
 -            },
 +    };
 +}
++
 +function onTextGenSettingsReady(args) {
 +    // Only call if inside an API call
 +    if (inApiCall && extension_settings.expressions.api === EXPRESSION_API.llm && isJsonSchemaSupported()) {
 +        const emotions = DEFAULT_EXPRESSIONS.filter((e) => e != 'talkinghead');
 +        Object.assign(args, {
 +            top_k: 1,
 +            stop: [],
 +            stopping_strings: [],
 +            custom_token_bans: [],
 +            json_schema: getJsonSchema(emotions),
         });
+    }
+}

                 const emotionResponse = await generateRaw(text, main_api, false, false, prompt);
                 return parseLlmResponse(emotionResponse, expressionsList);
+            }
 +            // Using WebLLM
 +            case EXPRESSION_API.webllm: {
 +                if (!isWebLlmSupported()) {
 +                    console.warn('WebLLM is not supported. Using fallback expression');
 +                    return getFallbackExpression();
 +                }
++
 +                const expressionsList = await getExpressionsList();
 +                const prompt = substituteParamsExtended(customPrompt, { labels: expressionsList }) || await getLlmPrompt(expressionsList);
 +                const messages = [
 +                    { role: 'user', content: text + '\n\n' + prompt },
 +                ];
++
 +                const emotionResponse = await generateWebLlmChatPrompt(messages);
 +                return parseLlmResponse(emotionResponse, expressionsList);
 +            }
             // Extras
             default: {
                 const url = new URL(getApiUrl());

     const tempApi = this.value;
     if (tempApi) {
         extension_settings.expressions.api = Number(tempApi);
         $('.expression_llm_prompt_block').toggle([EXPRESSION_API.llm, EXPRESSION_API.webllm].includes(extension_settings.expressions.api === EXPRESSION_API.llm));
         expressionsList = null;
         spriteCache = {};
         moduleWorker();

         await renderAdditionalExpressionSettings();
         $('#expression_api').val(extension_settings.expressions.api ?? EXPRESSION_API.extras);
         $('.expression_llm_prompt_block').toggle([EXPRESSION_API.llm, EXPRESSION_API.webllm].includes(extension_settings.expressions.api === EXPRESSION_API.llm));
         $('#expression_llm_prompt').val(extension_settings.expressions.llmPrompt ?? '');
         $('#expression_llm_prompt').on('input', function () {
             extension_settings.expressions.llmPrompt = $(this).val();

public/scripts/extensions/expressions/settings.html+2 -1 Viewed

                 <select id="expression_api" class="flex1 margin0">
                     <option value="0" data-i18n="Local">Local</option>
                     <option value="1" data-i18n="Extras">Extras</option>
                     <option value="2" data-i18n="LLMMain API">LLMMain API</option>
 +                    <option value="3" data-i18n="WebLLM Extension">WebLLM Extension</option>
                 </select>
             </div>
             <div class="expression_llm_prompt_block m-b-1 m-t-1">