Refactor extension install menu

7d3f544e63a27d962b91506a4612814d9bf1da76

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

Parents: 30c19eb8fdaae54fd2d6db31469f91b2a1bbcbcb

public/scripts/extensions.js+23 -21 Viewed

+    }
+}
 +/**
 + * Prompts the user to enter the Git URL of the extension to import.
 + * After obtaining the Git URL, makes a POST request to '/api/extensions/install' to import the extension.
 + * If the extension is imported successfully, a success message is displayed.
 + * If the extension import fails, an error message is displayed and the error is logged to the console.
 + * After successfully importing the extension, the extension settings are reloaded and a 'EXTENSION_SETTINGS_LOADED' event is emitted.
 + * @param {string} [suggestUrl] Suggested URL to install
 + * @returns {Promise<void>}
 + */
 +export async function openThirdPartyExtensionMenu(suggestUrl = '') {
 +    const html = await renderTemplateAsync('installExtension');
 +    const input = await callGenericPopup(html, POPUP_TYPE.INPUT, suggestUrl ?? '');
++
 +    if (!input) {
 +        console.debug('Extension install cancelled');
 +        return;
 +    }
++
 +    const url = String(input).trim();
 +    await installExtension(url);
 +}
++
 jQuery(async function () {
     await addExtensionsButtonAndMenu();
     $('#extensionsMenuButton').css('display', 'flex');

     /**
      * Handles the click event for the third-party extension import button.
 -     * Prompts the user to enter the Git URL of the extension to import.
 -     * After obtaining the Git URL, makes a POST request to '/api/extensions/install' to import the extension.
 -     * If the extension is imported successfully, a success message is displayed.
 -     * If the extension import fails, an error message is displayed and the error is logged to the console.
 -     * After successfully importing the extension, the extension settings are reloaded and a 'EXTENSION_SETTINGS_LOADED' event is emitted.
+     *
      * @listens #third_party_extension_button#click - The click event of the '#third_party_extension_button' element.
      */
     $('#third_party_extension_button').on('click', async () => {openThirdPartyExtensionMenu());
 -        const html = `<h3>Enter the Git URL of the extension to install</h3>
 -    <br>
 -    <p><b>Disclaimer:</b> Please be aware that using external extensions can have unintended side effects and may pose security risks. Always make sure you trust the source before importing an extension. We are not responsible for any damage caused by third-party extensions.</p>
 -    <br>
 -    <p>Example: <tt> https://github.com/author/extension-name </tt></p>`;
 -        const input = await callGenericPopup(html, POPUP_TYPE.INPUT, '');
+-
 -        if (!input) {
 -            console.debug('Extension install cancelled');
 -            return;
 -        }
+-
 -        const url = String(input).trim();
 -        await installExtension(url);
 -    });
 });

public/scripts/extensions/shared.js+2 -13 Viewed

 import { getRequestHeaders } from '../../script.js';
 import { extension_settings, openThirdPartyExtensionMenu } from '../extensions.js';
 import { oai_settings } from '../openai.js';
 import { SECRET_KEYS, secret_state } from '../secrets.js';
 import { textgen_types, textgenerationwebui_settings } from '../textgen-settings.js';

                 timeOut: 0,
                 extendedTimeOut: 0,
                 preventDuplicates: true,
                 onclick: () => {openThirdPartyExtensionMenu('https://github.com/SillyTavern/Extension-WebLLM'),
 -                    const button = document.getElementById('third_party_extension_button');
 -                    if (button) {
 -                        button.click();
 -                    }
+-
 -                    const input = document.querySelector('dialog textarea');
+-
 -                    if (input instanceof HTMLTextAreaElement) {
 -                        input.value = 'https://github.com/SillyTavern/Extension-WebLLM';
 -                    }
 -                },
             });
             sessionStorage.setItem(warningKey, '1');
+        }

public/scripts/templates/installExtension.html+7 -0 Viewed

 +<h3>Enter the Git URL of the extension to install</h3>
 +<br>
 +<p><b>Disclaimer:</b> Please be aware that using external extensions can have unintended side effects and may pose
 +    security risks. Always make sure you trust the source before importing an extension. We are not responsible for any
 +    damage caused by third-party extensions.</p>
 +<br>
 +<p>Example: <tt> https://github.com/author/extension-name </tt></p>