rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

add jsDoc and allow custom icon lists

Browse Source
This commit is contained in:
LenAnderson
2024-07-16 09:28:03 -04:00
parent 4b5704896d
commit 6af46a34fd
1 changed files with 19 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
public/scripts/utils.js
View File

@ -1899,18 +1899,26 @@ export function getFreeName(name, list, numberFormatter = (n) => ` #${n}`) {
return `${name}${numberFormatter(counter)}`; return `${name}${numberFormatter(counter)}`;
} }
export async function showFontAwesomePicker() { export async function fetchFaFile(name) {
const fetchFa = async(name)=>{ const style = document.createElement('style');
const style = document.createElement('style'); style.innerHTML = await (await fetch(`/css/${name}`)).text();
style.innerHTML = await (await fetch(`/css/${name}`)).text(); document.head.append(style);
document.head.append(style); const sheet = style.sheet;
const sheet = style.sheet; style.remove();
style.remove(); return [...sheet.cssRules].filter(it=>it.style?.content).map(it=>it.selectorText.split('::').shift().slice(1));
return [...sheet.cssRules].filter(it=>it.style?.content).map(it=>it.selectorText.split('::').shift().slice(1)); }
}; export async function fetchFa() {
const faList = [...new Set((await Promise.all([ return [...new Set((await Promise.all([
fetchFa('fontawesome.min.css'), fetchFaFile('fontawesome.min.css'),
])).flat())]; ])).flat())];
}
/**
* Opens a popup with all the available Font Awesome icons and returns the selected icon's name.
* @prop {string[]} customList A custom list of Font Awesome icons to use instead of all available icons.
* @returns {Promise<string>} The icon name (fa-pencil) or null if cancelled.
*/
export async function showFontAwesomePicker(customList = null) {
const faList = customList ?? await fetchFa();
const fas = {}; const fas = {};
const dom = document.createElement('div'); { const dom = document.createElement('div'); {
const search = document.createElement('div'); { const search = document.createElement('div'); {