Update js/utils.js

js/utils.js

@@ -1,7 +1,8 @@
 // Display directory structure
 function displayDirectoryStructure(tree) {
-    console.log("--- displayDirectoryStructure called ---");
-    console.log("Received tree:", JSON.parse(JSON.stringify(tree)));
+    // FIX: Filter out explicit directory objects from HF API, as they interfere with tree building.
+    // We only need the file ('blob') paths to construct the hierarchy.
+    tree = tree.filter(item => item.type === 'blob').sort(sortContents);
 
     const container = document.getElementById('directoryStructure');
     container.innerHTML = '';
@@ -12,20 +13,10 @@ function displayDirectoryStructure(tree) {
     const directoryStructure = {};
     const extensionCheckboxes = {};
 
-    // Sort the tree before processing
-    tree.sort(sortContents);
-    console.log("Sorted tree:", JSON.parse(JSON.stringify(tree)));
-
-    // Build directory structure
+    // Build directory structure from file paths
     tree.forEach(item => {
-        // This was the problematic line. HF API only returns files. 
-        // We build the directory structure from file paths.
-        // if (item.type !== 'blob') return; 
-        
-        console.log("Processing item:", item);
         item.path = item.path.startsWith('/') ? item.path : '/' + item.path;
         const pathParts = item.path.split('/');
-        console.log("Path parts:", pathParts);
         let currentLevel = directoryStructure;
 
         pathParts.forEach((part, index) => {
@@ -37,11 +28,7 @@ function displayDirectoryStructure(tree) {
         });
     });
 
-    console.log("Built directory structure object:", directoryStructure);
-
-
     function createTreeNode(name, item, parentUl) {
-        console.log(`Creating tree node for: ${name}`, "Item:", item);
         const li = document.createElement('li');
         const checkbox = document.createElement('input');
         checkbox.type = 'checkbox';
@@ -49,11 +36,9 @@ function displayDirectoryStructure(tree) {
         
         if (typeof item === 'object' && item !== null && (!item.type || typeof item.type !== 'string')) {
             // Directory node
-            console.log(` -> Identified as DIRECTORY`);
             createDirectoryNode(li, checkbox, name, item, parentUl);
         } else {
             // File node
-            console.log(` -> Identified as FILE`);
             createFileNode(li, checkbox, name, item);
         }