Merge pull request #3309 from SillyTavern/extensions-sort Add sorting order for extensions manager

75f36b992df291f2a037bbe84e3f345feed7f901

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

Signed

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

 let activeExtensions = new Set();
 const getApiUrl = () => extension_settings.apiUrl;
 const sortManifestssortManifestsByOrder = (a, b) => parseInt(a.loading_order) - parseInt(b.loading_order) || String(a.display_name).localeCompare(String(b.display_name));
 +const sortManifestsByName = (a, b) => String(a.display_name).localeCompare(String(b.display_name)) || parseInt(a.loading_order) - parseInt(b.loading_order);
 let connectedToApi = false;
 /**

  * @returns {Promise<void>}
  */
 async function activateExtensions() {
     const extensions = Object.entries(manifests).sort((a, b) => sortManifestssortManifestsByOrder(a[1], b[1]));
     const promises = [];
     for (let entry of extensions) {

         htmlExternal.append(htmlLoading);
 -        const extensions = Object.entries(manifests).sort((a, b) => sortManifests(a[1], b[1])).map(getExtensionData);
 +        const sortOrderKey = 'extensions_sortByName';
 +        const sortByName = localStorage.getItem(sortOrderKey) === 'true';
 +        const sortFn = sortByName ? sortManifestsByName : sortManifestsByOrder;
 +        const extensions = Object.entries(manifests).sort((a, b) => sortFn(a[1], b[1])).map(getExtensionData);
         extensions.forEach(value => {
             const { isExternal, extensionHtml } = value;

         /** @type {import('./popup.js').CustomPopupButton} */
         const updateAllButton = {
             text: t`Update all`,
 -            appendAtEnd: true,
             action: async () => {
                 requiresReload = true;
                 await autoUpdateExtensions(true);

             },
         };
 +        /** @type {import('./popup.js').CustomPopupButton} */
 +        const sortOrderButton = {
 +            text: sortByName ? t`Sort: Display Name` : t`Sort: Loading Order`,
 +            action: async () => {
 +                abortController.abort();
 +                localStorage.setItem(sortOrderKey, sortByName ? 'false' : 'true');
 +                await showExtensionsDetails();
 +            },
 +        };
++
         let waitingForSave = false;
         const popup = new Popup(html, POPUP_TYPE.TEXT, '', {
             okButton: t`Close`,
             wide: true,
             large: true,
             customButtons: [sortOrderButton, updateAllButton],
             allowVerticalScrolling: true,
             onClosing: async () => {
                 if (waitingForSave) {

         });
         popupPromise = popup.show();
         popup.content.scrollTop = initialScrollTop;
         checkForUpdatesManual(sortFn, abortController.signal).finally(() => htmlLoading.remove());
     } catch (error) {
         toastr.error(t`Error loading extensions. See browser console for details.`);
         console.error(error);

 /**
  * Performs a manual check for updates on all 3rd-party extensions.
 + * @param {function} sortFn Sort function
  * @param {AbortSignal} abortSignal Signal to abort the operation
  * @returns {Promise<any[]>}
  */
 async function checkForUpdatesManual(sortFn, abortSignal) {
     const promises = [];
     for (const id of Object.keys(manifests).filter(x => x.startsWith('third-party')).sort((a, b) => sortManifestssortFn(manifests[a], manifests[b]))) {
         const externalId = id.replace('third-party', '');
         const promise = enqueueVersionCheck(async () => {
             try {

         exitImmediately = immediately;
     };
     for (const manifest of Object.values(manifests).filter(x => x.generate_interceptor).sort((a, b) => sortManifestssortManifestsByOrder(a, b))) {
         const interceptorKey = manifest.generate_interceptor;
         if (typeof globalThis[interceptorKey] === 'function') {
             try {