SillyTavern/SillyTavern-extras
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern-Extras.git synced 2026-05-01 03:41:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Asset loading to data URI

Browse Source
This commit is contained in:
SillyLossy
2023-03-05 15:51:12 +02:00
parent 4e006d3f97
commit 9276656101
1 changed files with 34 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
extensions/caption/index.js
View File

@@ -30,20 +30,42 @@ async function moduleWorker() {
: $('#send_picture').show(200);
}
function setImageIcon() {
const sendButton = document.getElementById('send_picture');
const imgUrl = new URL(getApiUrl());
imgUrl.pathname = `/api/asset/${MODULE_NAME}/image-solid.svg`;
sendButton.style.backgroundImage = `url(${imgUrl.toString()})`;
sendButton.classList.remove('spin');
async function urlContentToDataUri(url) {
const response = await fetch(url);
const blob = await response.blob();
return await new Promise(callback => {
let reader = new FileReader();
reader.onload = function () { callback(this.result); };
reader.readAsDataURL(blob);
});
}
function setSpinnerIcon() {
const sendButton = document.getElementById('send_picture');
const imgUrl = new URL(getApiUrl());
imgUrl.pathname = `/api/asset/${MODULE_NAME}/spinner-solid.svg`;
sendButton.style.backgroundImage = `url(${imgUrl.toString()})`;
sendButton.classList.add('spin');
async function setImageIcon() {
try {
const sendButton = document.getElementById('send_picture');
const imgUrl = new URL(getApiUrl());
imgUrl.pathname = `/api/asset/${MODULE_NAME}/image-solid.svg`;
const dataUri = await urlContentToDataUri(imgUrl.toString());
sendButton.style.backgroundImage = `url(${dataUri})`;
sendButton.classList.remove('spin');
}
catch (error) {
console.log(error);
}
}
async function setSpinnerIcon() {
try {
const sendButton = document.getElementById('send_picture');
const imgUrl = new URL(getApiUrl());
imgUrl.pathname = `/api/asset/${MODULE_NAME}/spinner-solid.svg`;
const dataUri = await urlContentToDataUri(imgUrl.toString());
sendButton.style.backgroundImage = `url(${dataUri})`;
sendButton.classList.add('spin');
}
catch (error) {
console.log(error);
}
}
async function sendCaptionedMessage(caption, image) {