82 lines
4.1 KiB
JavaScript
82 lines
4.1 KiB
JavaScript
// // alert("Hierarchical Audio Widget JS Loaded!");
|
|
// console.log("Hierarchical Audio Widget JS file is being processed.");
|
|
|
|
// // File: js/hierarchicalFileAudioWidget.js
|
|
// import { app } from "../../scripts/app.js";
|
|
// import { api } from "../../scripts/api.js";
|
|
|
|
// // Helper function to create tree elements
|
|
// function createTreeElement(item, onFileSelect, currentPath) {
|
|
// const element = document.createElement("li");
|
|
// element.style.cursor = "pointer";
|
|
// element.style.marginLeft = "10px"; // Basic indentation
|
|
|
|
// const nameSpan = document.createElement("span");
|
|
// nameSpan.textContent = (item.type === "folder" ? "📁 " : "🎵 ") + item.name;
|
|
// element.appendChild(nameSpan);
|
|
|
|
// if (item.type === "folder") {
|
|
// nameSpan.style.fontWeight = "bold";
|
|
// const childrenContainer = document.createElement("ul");
|
|
// childrenContainer.style.display = "none"; // Collapsed by default
|
|
// childrenContainer.style.listStyleType = "none";
|
|
// childrenContainer.style.paddingLeft = "15px";
|
|
|
|
// if (item.children && item.children.length > 0) {
|
|
// item.children.forEach(child => {
|
|
// childrenContainer.appendChild(createTreeElement(child, onFileSelect, item.path));
|
|
// });
|
|
// } else {
|
|
// const emptyMsg = document.createElement("li");
|
|
// emptyMsg.textContent = "(empty)";
|
|
// emptyMsg.style.fontStyle = "italic";
|
|
// emptyMsg.style.color = "#888";
|
|
// childrenContainer.appendChild(emptyMsg);
|
|
// }
|
|
// element.appendChild(childrenContainer);
|
|
|
|
// element.addEventListener("click", (e) => {
|
|
// e.stopPropagation(); // Prevent event from bubbling up to parent folders
|
|
// const isVisible = childrenContainer.style.display !== "none";
|
|
// childrenContainer.style.display = isVisible ? "none" : "block";
|
|
// nameSpan.textContent = (isVisible ? "📁 " : "📂 ") + item.name; // Change icon
|
|
// });
|
|
// } else { // File
|
|
// element.addEventListener("click", (e) => {
|
|
// e.stopPropagation();
|
|
// onFileSelect(item.path); // Pass the relative path of the file
|
|
// });
|
|
// }
|
|
// return element;
|
|
// }
|
|
|
|
// if (app && typeof app.registerExtension === 'function') {
|
|
// console.log("[MW_AUDIO_WIDGET] app.registerExtension IS a function. Attempting to register.");
|
|
// app.registerExtension({
|
|
// name: "MW.HierarchicalFileAudioWidget", // Unique name for your extension
|
|
// // 添加 setup 函数
|
|
// setup(appInstance) {
|
|
// console.log("[MW_AUDIO_WIDGET] EXTENSION SETUP FUNCTION CALLED!");
|
|
// },
|
|
// async getCustomWidgets(appInstance) {
|
|
// console.log("[MW_AUDIO_WIDGET] getCustomWidgets CALLED. Preparing to return object. (USING NORMAL FUNCTION)");
|
|
|
|
// const widgetsToRegister = {
|
|
// "HIERARCHICAL_FILE_AUDIO": function(node, inputName, inputData, appRef) { // 改为普通函数
|
|
// // 使用 'this' 关键字时要小心，在这个上下文中它可能不是你期望的
|
|
// console.log(`[MW_AUDIO_WIDGET] NORMAL FUNCTION FACTORY for HIERARCHICAL_FILE_AUDIO CALLED! Input: ${inputName}`);
|
|
// // ... (其余的工厂函数逻辑保持不变，使用空的或简化的版本进行测试)
|
|
// let el = document.createElement("span");
|
|
// el.textContent = "Normal Function Factory Called";
|
|
// return { type: "STRING", name: inputName, value: "", element: el, computeSize: (w)=>[w,20] };
|
|
// }
|
|
// };
|
|
|
|
// console.log("[MW_AUDIO_WIDGET] Object being returned by getCustomWidgets:", widgetsToRegister);
|
|
// return widgetsToRegister;
|
|
// }
|
|
// });
|
|
// console.log("[MW_AUDIO_WIDGET] Extension registration attempt FINISHED.");
|
|
// } else {
|
|
// console.error("[MW_AUDIO_WIDGET] ERROR: app or app.registerExtension is not available!");
|
|
// }
|