Spaces:
Running
Running
File size: 4,356 Bytes
5aa3719 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 |
function base64ToUrl(base64, mimeType = '') {
// Split the base64 string if it contains a data URL prefix
const [prefix, data] = base64.includes(',') ? base64.split(',') : ['', base64];
// Try to extract the MIME type from the prefix if not provided
const mime = mimeType || (prefix.match(/data:(.*?);base64/) || [])[1] || 'application/octet-stream';
// Decode base64 to raw binary data
const binary = atob(data);
const len = binary.length;
const bytes = new Uint8Array(len);
for (let i = 0; i < len; i++) {
bytes[i] = binary.charCodeAt(i);
}
// Create a blob and generate a URL
const blob = new Blob([bytes], { type: mime });
return URL.createObjectURL(blob);
}
function getElementByXpath(path, timeout = 5000) {
return new Promise((resolve, reject) => {
const intervalTime = 500;
let elapsedTime = 0;
const interval = setInterval(() => {
let node = document.evaluate(path, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
if (node) {
clearInterval(interval);
resolve(node);
}
elapsedTime += intervalTime;
if (elapsedTime >= timeout) {
clearInterval(interval);
reject(new Error(`XPath "${path}" not found within ${timeout}ms`));
}
}, intervalTime);
});
}
async function uploadFileFromURL(url, filename, file_element) {
try {
if (!file_element) throw new Error("File input element not found.");
const response = await fetch(url);
if (!response.ok) throw new Error(`Failed to fetch file: ${response.statusText}`);
const blob = await response.blob();
const newFile = new File([blob], filename, { type: blob.type });
const dataTransfer = new DataTransfer();
if (file_element.multiple) {
for (const file of file_element.files) {
dataTransfer.items.add(file);
}
}
dataTransfer.items.add(newFile);
file_element.files = dataTransfer.files;
file_element.dispatchEvent(new Event("change", { bubbles: true }));
} catch (error) {
console.error("Error:", error);
}
}
function waitForElement(selector, timeout = 5000) {
return new Promise((resolve, reject) => {
const intervalTime = 500;
let elapsedTime = 0;
const interval = setInterval(() => {
const element = document.querySelector(selector);
if (element) {
clearInterval(interval);
resolve(element);
}
elapsedTime += intervalTime;
if (elapsedTime >= timeout) {
clearInterval(interval);
reject(new Error(`Element "${selector}" not found within ${timeout}ms`));
}
}, intervalTime);
});
}
document.addEventListener("DOMContentLoaded", function () {
getElementByXpath("//*[text()='Hide top bar']", 5000)
.then((node) => {
node.scrollIntoView();
node.click();
return waitForElement("#midi_file_input");
})
.then((file_upload) => {
if (!file_upload) throw new Error("File input element not found.");
// Wait for stability before proceeding
return new Promise(resolve => setTimeout(() => resolve(file_upload), 500));
})
.then((file_upload) => {
return waitForElement(".show_top_button").then((node) => {
node.remove();
selector = document.getElementById("renderer_mode_selector");
selector.selectedIndex = 2;
selector.dispatchEvent(new Event('change'));
// return uploadFileFromURL("/output.mid", "output.mid", file_upload);
});
})
.catch((error) => {
console.error("Error:", error);
});
});
window.addEventListener("message", async (event) => {
if (event.data?.type === "load-midi" && event.data.name) {
const url = event.data.url;
const file_name = event.data.name
const input = document.getElementById("midi_file_input");
if (url && input) {
await uploadFileFromURL(url, file_name, input);
}
}
});
|