Indicates extensions that add tools in the list

f7ec2e47d65acddb8f18c75ab1535e2852559fc3

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

public/scripts/extensions/assets/index.js+10 -1 Viewed

                         const url = isValidUrl(asset['url']) ? asset['url'] : '';
                         const title = assetType === 'extension' ? `Extension repo/guide: ${url}` : 'Preview in browser';
                         const previewIcon = (assetType === 'extension' || assetType === 'character') ? 'fa-arrow-up-right-from-square' : 'fa-headphones-simple';
 +                        const toolTag = assetType === 'extension' && asset['tool'];
                         const assetBlock = $('<i></i>')
                             .append(element)

                                             <a class="asset_preview" href="${url}" target="_blank" title="${title}">
                                                 <i class="fa-solid fa-sm ${previewIcon}"></i>
                                             </a>
 +                                            ${toolTag ? '<span class="tag" title="Adds a function tool"><i class="fa-solid fa-sm fa-wrench"></i> Tool</span>' : ''}
                                         </span>
                                         <small class="asset-description">
                                             ${description}
                                         </small>
                                      </div>`);
 +                        assetBlock.find('.tag').on('click', function (e) {
 +                            const a = document.createElement('a');
 +                            a.href = 'https://docs.sillytavern.app/for-contributors/function-calling/';
 +                            a.target = '_blank';
 +                            a.click();
 +                        });
++
                         if (assetType === 'character') {
                             if (asset.highlight) {
                                 assetBlock.find('.asset-name').append('<i class="fa-solid fa-sm fa-trophy"></i>');

     for (const character of characters.sort((a, b) => a.name.localeCompare(b.name))) {
         const listElement = template.find(character.highlight ? '.contestWinnersList' : '.featuredCharactersList');
         const characterElement = $(await renderExtensionTemplateAsync(MODULE_NAME, 'character', character));
         const downloadButton   = characterElement.find('.characterAssetDownloadButton');
         const checkMark = characterElement.find('.characterAssetCheckMark');
         const isInstalled = isAssetInstalled('character', character.id);

public/scripts/extensions/assets/style.css+9 -0 Viewed

     gap: 5px;
     align-items: center;
+}
++
 +.asset-name .tag {
 +    gap: 5px;
 +    align-items: baseline;
 +    font-size: calc(var(--mainFontSize)* 0.8);
 +    cursor: pointer;
 +    opacity: 0.9;
 +    margin-left: 2px;
 +}