update

Author: david moreno

components/file-tree.tsx

@@ -51,8 +51,7 @@ interface DirectoryEntry {
 }
 
 // Constantes para optimización
-const MAX_INITIAL_DEPTH = 2
-const MAX_VISIBLE_ITEMS = 1000
+const MAX_VISIBLE_ITEMS = 10000 // Aumentamos el límite de elementos visibles
 const CHUNK_SIZE = 100
 const FILE_CACHE_SIZE = 50 // Máximo de archivos en cache
 const CACHE_EXPIRY = 300000 // 5 minutos
@@ -1293,14 +1292,12 @@ export function FileTree({ activeFile, onFileSelect, files, onCreateFile, onLoad
             path: absolutePath, // Store absolute path
             children: [],
             isExpanded: false,
-            isLoaded: currentDepth < MAX_INITIAL_DEPTH,
+            isLoaded: true, // Siempre marcar como cargado
             directoryHandle: handle
           }
 
-          // Only load children up to initial depth for performance
-          if (currentDepth < MAX_INITIAL_DEPTH) {
-            entry.children = await readDirectoryRecursively(handle, relativeFullPath, currentDepth + 1, currentBasePath)
-          }
+          // Cargar todos los hijos recursivamente sin limitación de profundidad
+          entry.children = await readDirectoryRecursively(handle, relativeFullPath, currentDepth + 1, currentBasePath)
 
           entries.push(entry)
         } else if (handle.kind === 'file') {

main.js

@@ -496,12 +496,12 @@ const IGNORED_FILES = new Set([
 
 async function readDirectoryStructure(dirPath, options = {}) {
   const {
-    maxDepth = 3,
+    maxDepth = Infinity, // Eliminamos la limitación de profundidad
     currentDepth = 0,
     rootPath = null,
-    lazyLoad = true,
+    lazyLoad = false, // Deshabilitamos lazy loading para cargar todo
     includeFileStats = false,
-    maxFiles = 1000
+    maxFiles = 10000 // Aumentamos el límite de archivos
   } = options;
 
   if (currentDepth >= maxDepth) return [];
@@ -539,22 +539,18 @@ async function readDirectoryStructure(dirPath, options = {}) {
       let children = [];
       let hasChildren = false;
 
-      if (lazyLoad && currentDepth >= 1) {
-        // Para lazy loading, solo verificar si tiene hijos sin cargarlos
-        try {
-          const subEntries = await fs.promises.readdir(fullPath, { withFileTypes: true });
-          hasChildren = subEntries.some(subEntry => !shouldIgnoreEntry(subEntry.name, subEntry.isDirectory()));
-        } catch (error) {
-          hasChildren = false;
-        }
-      } else {
-        // Cargar hijos recursivamente solo para los primeros niveles
+      // Siempre cargar hijos recursivamente para todos los niveles
+      try {
         children = await readDirectoryStructure(fullPath, {
           ...options,
           currentDepth: currentDepth + 1,
           rootPath: actualRootPath
         });
         hasChildren = children.length > 0;
+      } catch (error) {
+        console.warn('[WARN] Could not read subdirectory:', fullPath, error);
+        children = [];
+        hasChildren = false;
       }
 
       structure.push({
@@ -564,8 +560,8 @@ async function readDirectoryStructure(dirPath, options = {}) {
         fullPath: fullPath,
         children: children,
         hasChildren: hasChildren,
-        isExpanded: currentDepth < 1, // Solo auto-expandir el primer nivel
-        isLoaded: !lazyLoad || currentDepth < 1
+        isExpanded: true, // Auto-expandir todos los niveles
+        isLoaded: true // Marcar todos como cargados
       });
     }
 

next.config.mjs

@@ -33,15 +33,18 @@ const nextConfig = {
   webpack: (config, { isServer }) => {
     // Configuración para manejar archivos CSS
     if (!isServer) {
-      config.optimization.splitChunks.cacheGroups = {
-        ...config.optimization.splitChunks.cacheGroups,
-        styles: {
-          name: 'styles',
-          test: /\.(css|scss)$/,
-          chunks: 'all',
-          enforce: true,
-        },
-      };
+      // Verificar si splitChunks existe y es un objeto antes de modificarlo
+      if (config.optimization.splitChunks && typeof config.optimization.splitChunks === 'object') {
+        config.optimization.splitChunks.cacheGroups = {
+          ...config.optimization.splitChunks.cacheGroups,
+          styles: {
+            name: 'styles',
+            test: /\.(css|scss)$/,
+            chunks: 'all',
+            enforce: true,
+          },
+        };
+      }
     }
     return config;
   },