Update patch.js

patch.js

@@ -1,107 +1,117 @@
-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);
-        });
-});
+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);
+        }
+    }
+});