@emailmaker/filemanager 0.10.97 → 0.10.98

package/debug-script.js

@@ -1,446 +1,446 @@
-/**
- * Отладочный скрипт для проверки и исправления циклических зависимостей в папках
- */
-document.addEventListener('DOMContentLoaded', () => {
-  const debugContainer = document.createElement('div');
-  debugContainer.style.padding = '20px';
-  debugContainer.style.margin = '20px';
-  debugContainer.style.background = '#f0f0f0';
-  debugContainer.style.border = '1px solid #ddd';
-  debugContainer.style.borderRadius = '5px';
-  
-  const heading = document.createElement('h1');
-  heading.textContent = 'Отладка структуры папок файлового менеджера';
-  debugContainer.appendChild(heading);
-  
-  // Кнопка для проверки наличия сервера
-  const checkServerButton = document.createElement('button');
-  checkServerButton.textContent = 'Проверить состояние сервера';
-  checkServerButton.style.padding = '10px 15px';
-  checkServerButton.style.margin = '10px 0';
-  checkServerButton.style.background = '#722ed1';
-  checkServerButton.style.color = 'white';
-  checkServerButton.style.border = 'none';
-  checkServerButton.style.borderRadius = '4px';
-  checkServerButton.style.cursor = 'pointer';
-  debugContainer.appendChild(checkServerButton);
-  
-  // Кнопка для проверки циклических зависимостей
-  const checkButton = document.createElement('button');
-  checkButton.textContent = 'Проверить и исправить циклические зависимости';
-  checkButton.style.padding = '10px 15px';
-  checkButton.style.margin = '10px 0 10px 10px';
-  checkButton.style.background = '#1890ff';
-  checkButton.style.color = 'white';
-  checkButton.style.border = 'none';
-  checkButton.style.borderRadius = '4px';
-  checkButton.style.cursor = 'pointer';
-  debugContainer.appendChild(checkButton);
-  
-  // Кнопка для тестирования создания папки
-  const testCreateFolderButton = document.createElement('button');
-  testCreateFolderButton.textContent = 'Тест создания папки';
-  testCreateFolderButton.style.padding = '10px 15px';
-  testCreateFolderButton.style.margin = '10px 0 10px 10px';
-  testCreateFolderButton.style.background = '#52c41a';
-  testCreateFolderButton.style.color = 'white';
-  testCreateFolderButton.style.border = 'none';
-  testCreateFolderButton.style.borderRadius = '4px';
-  testCreateFolderButton.style.cursor = 'pointer';
-  debugContainer.appendChild(testCreateFolderButton);
-  
-  // Лог результатов
-  const resultLog = document.createElement('div');
-  resultLog.style.marginTop = '20px';
-  resultLog.style.padding = '15px';
-  resultLog.style.background = '#fff';
-  resultLog.style.border = '1px solid #ddd';
-  resultLog.style.borderRadius = '4px';
-  resultLog.style.height = '400px';
-  resultLog.style.overflowY = 'auto';
-  resultLog.style.fontFamily = 'monospace';
-  debugContainer.appendChild(resultLog);
-  
-  document.getElementById('root').appendChild(debugContainer);
-  
-  // Функция добавления записи в лог
-  function logMessage(message, type = 'info') {
-    const logEntry = document.createElement('div');
-    logEntry.style.margin = '5px 0';
-    logEntry.style.padding = '5px';
-    
-    switch (type) {
-      case 'error':
-        logEntry.style.color = '#ff4d4f';
-        logEntry.style.fontWeight = 'bold';
-        break;
-      case 'success':
-        logEntry.style.color = '#52c41a';
-        break;
-      case 'warning':
-        logEntry.style.color = '#faad14';
-        break;
-      default:
-        logEntry.style.color = '#222';
-    }
-    
-    logEntry.textContent = `[${new Date().toLocaleTimeString()}] ${message}`;
-    resultLog.appendChild(logEntry);
-    resultLog.scrollTop = resultLog.scrollHeight;
-    console.log(`[DEBUG] ${message}`);
-  }
-  
-  // Обработчик кнопки проверки сервера
-  checkServerButton.addEventListener('click', () => {
-    resultLog.innerHTML = '';
-    logMessage('Проверка состояния сервера...');
-    
-    if (window.server) {
-      logMessage('Сервер инициализирован!', 'success');
-      logMessage(`Версия Mirage: ${window.server.miragejs.VERSION || 'неизвестна'}`);
-      logMessage('Доступные модели:');
-      
-      // Перечисляем доступные модели
-      try {
-        const models = window.server.db._collections;
-        for (const modelName in models) {
-          logMessage(`- ${modelName}: ${models[modelName].length} записей`);
-        }
-      } catch (error) {
-        logMessage(`Ошибка при получении моделей: ${error.message}`, 'error');
-      }
-      
-      // Проверяем доступ к API через fetch
-      logMessage('Проверка доступа к API...');
-      
-      fetch('/api/folders')
-        .then(response => {
-          if (response.ok) {
-            logMessage('API /api/folders доступен', 'success');
-            return response.json();
-          } else {
-            throw new Error(`HTTP ошибка ${response.status}`);
-          }
-        })
-        .then(data => {
-          logMessage(`Получено ${data.folders?.length || 0} папок`);
-        })
-        .catch(error => {
-          logMessage(`Ошибка при доступе к API: ${error.message}`, 'error');
-        });
-    } else {
-      logMessage('Сервер не найден в глобальном объекте window!', 'error');
-      logMessage('Проверяем доступность API напрямую...');
-      
-      // Пробуем получить доступ к API даже если server не найден
-      fetch('/api/folders')
-        .then(response => {
-          if (response.ok) {
-            logMessage('API /api/folders доступен несмотря на отсутствие объекта server', 'success');
-          } else {
-            throw new Error(`HTTP ошибка ${response.status}`);
-          }
-        })
-        .catch(error => {
-          logMessage(`API недоступен: ${error.message}`, 'error');
-          logMessage('Возможно, сервер не запущен или не настроен правильно', 'warning');
-        });
-    }
-  });
-  
-  // Обработчик кнопки проверки циклических зависимостей
-  checkButton.addEventListener('click', async () => {
-    resultLog.innerHTML = '';
-    logMessage('Начинаем проверку структуры папок...');
-    
-    try {
-      // Загружаем папки с сервера
-      logMessage('Загрузка списка папок...');
-      const foldersResponse = await fetch('/api/folders');
-      
-      if (!foldersResponse.ok) {
-        throw new Error(`Ошибка при загрузке папок: ${foldersResponse.status}`);
-      }
-      
-      const foldersData = await foldersResponse.json();
-      const folders = foldersData.folders || [];
-      
-      logMessage(`Загружено ${folders.length} папок`, 'success');
-      
-      // Проверка на прямые циклические зависимости (папка сама себе родитель)
-      const directCycles = folders.filter(folder => folder.id === folder.parentId && folder.parentId !== null);
-      
-      if (directCycles.length > 0) {
-        logMessage(`Обнаружено ${directCycles.length} папок с прямыми циклическими зависимостями:`, 'error');
-        directCycles.forEach(folder => {
-          logMessage(`- Папка "${folder.name}" (ID: ${folder.id}) является родителем самой себя`, 'error');
-        });
-        
-        // Исправляем прямые циклические зависимости
-        logMessage('Исправление прямых циклических зависимостей...');
-        
-        for (const folder of directCycles) {
-          logMessage(`Исправление папки "${folder.name}" (ID: ${folder.id})...`);
-          
-          // Сбрасываем parentId на null
-          const fixResponse = await fetch(`/api/folders/${folder.id}`, {
-            method: 'PATCH',
-            headers: {
-              'Content-Type': 'application/json'
-            },
-            body: JSON.stringify({
-              parentId: null
-            })
-          }).catch(error => {
-            // Если API не поддерживает PATCH, симулируем изменение через консоль
-            logMessage(`API метод PATCH не поддерживается: ${error.message}`, 'warning');
-            logMessage(`Симуляция исправления: window.server.db.folders.update(${folder.id}, { parentId: null })`, 'info');
-            
-            // Выполняем прямую модификацию в консоли, если доступно
-            if (window.server && window.server.db && window.server.db.folders) {
-              const updatedFolder = window.server.db.folders.update(folder.id, { parentId: null });
-              return { ok: true, json: () => updatedFolder };
-            }
-            
-            return { ok: false };
-          });
-          
-          if (fixResponse.ok) {
-            logMessage(`Папка "${folder.name}" исправлена`, 'success');
-          } else {
-            logMessage(`Не удалось исправить папку "${folder.name}"`, 'error');
-          }
-        }
-      } else {
-        logMessage('Прямых циклических зависимостей не обнаружено', 'success');
-      }
-      
-      // Ищем непрямые циклические зависимости
-      logMessage('Проверка на непрямые циклические зависимости...');
-      
-      // Функция для проверки циклических зависимостей
-      function findCyclicDependencies(folders) {
-        const cyclicFolders = [];
-        
-        for (const folder of folders) {
-          if (!folder.parentId) continue;
-          
-          const visited = new Set();
-          let currentId = folder.parentId;
-          
-          while (currentId) {
-            if (visited.has(currentId)) {
-              // Цикл обнаружен
-              cyclicFolders.push(folder);
-              break;
-            }
-            
-            if (currentId === folder.id) {
-              // Прямой цикл (уже обработан выше)
-              break;
-            }
-            
-            visited.add(currentId);
-            
-            const parentFolder = folders.find(f => f.id === currentId);
-            if (!parentFolder) break;
-            
-            currentId = parentFolder.parentId;
-          }
-        }
-        
-        return cyclicFolders;
-      }
-      
-      const cyclicFolders = findCyclicDependencies(folders);
-      
-      if (cyclicFolders.length > 0) {
-        logMessage(`Обнаружено ${cyclicFolders.length} папок с непрямыми циклическими зависимостями:`, 'error');
-        
-        cyclicFolders.forEach(folder => {
-          logMessage(`- Папка "${folder.name}" (ID: ${folder.id}) имеет циклическую зависимость через родителя ${folder.parentId}`, 'error');
-        });
-        
-        // Исправляем непрямые циклические зависимости
-        logMessage('Исправление непрямых циклических зависимостей...');
-        
-        for (const folder of cyclicFolders) {
-          logMessage(`Исправление папки "${folder.name}" (ID: ${folder.id})...`);
-          
-          // Сбрасываем parentId на null
-          const fixResponse = await fetch(`/api/folders/${folder.id}`, {
-            method: 'PATCH',
-            headers: {
-              'Content-Type': 'application/json'
-            },
-            body: JSON.stringify({
-              parentId: null
-            })
-          }).catch(error => {
-            // Если API не поддерживает PATCH, симулируем изменение
-            logMessage(`API метод PATCH не поддерживается: ${error.message}`, 'warning');
-            logMessage(`Симуляция исправления: window.server.db.folders.update(${folder.id}, { parentId: null })`, 'info');
-            
-            // Выполняем прямую модификацию, если доступно
-            if (window.server && window.server.db && window.server.db.folders) {
-              const updatedFolder = window.server.db.folders.update(folder.id, { parentId: null });
-              return { ok: true, json: () => updatedFolder };
-            }
-            
-            return { ok: false };
-          });
-          
-          if (fixResponse.ok) {
-            logMessage(`Папка "${folder.name}" исправлена`, 'success');
-          } else {
-            logMessage(`Не удалось исправить папку "${folder.name}"`, 'error');
-          }
-        }
-      } else {
-        logMessage('Непрямых циклических зависимостей не обнаружено', 'success');
-      }
-      
-      // Финальная проверка после исправлений
-      logMessage('Выполняем повторную проверку после исправлений...');
-      
-      const finalCheckResponse = await fetch('/api/folders');
-      const finalFoldersData = await finalCheckResponse.json();
-      const finalFolders = finalFoldersData.folders || [];
-      
-      const remainingDirectCycles = finalFolders.filter(folder => folder.id === folder.parentId && folder.parentId !== null);
-      const remainingIndirectCycles = findCyclicDependencies(finalFolders);
-      
-      if (remainingDirectCycles.length === 0 && remainingIndirectCycles.length === 0) {
-        logMessage('Все циклические зависимости успешно устранены!', 'success');
-      } else {
-        logMessage(`Осталось нерешенных проблем: ${remainingDirectCycles.length + remainingIndirectCycles.length}`, 'warning');
-      }
-      
-      // Визуализация итоговой структуры папок
-      logMessage('Итоговая структура папок:');
-      
-      // Строим карту отношений родитель-дети
-      const folderMap = {};
-      finalFolders.forEach(folder => {
-        if (!folderMap[folder.id]) {
-          folderMap[folder.id] = {
-            ...folder,
-            children: []
-          };
-        } else {
-          folderMap[folder.id] = {
-            ...folderMap[folder.id],
-            ...folder
-          };
-        }
-      });
-      
-      // Создаем связи родитель-дети
-      finalFolders.forEach(folder => {
-        if (folder.parentId && folderMap[folder.parentId]) {
-          folderMap[folder.parentId].children.push(folderMap[folder.id]);
-        }
-      });
-      
-      // Корневые папки (без родителя)
-      const rootFolders = finalFolders.filter(folder => !folder.parentId);
-      
-      // Рекурсивная функция для вывода структуры папок
-      function printFolderStructure(folder, level = 0) {
-        const indent = '  '.repeat(level);
-        logMessage(`${indent}└─ ${folder.name} (ID: ${folder.id})`);
-        
-        const children = finalFolders.filter(f => f.parentId === folder.id);
-        children.forEach(child => {
-          printFolderStructure(child, level + 1);
-        });
-      }
-      
-      rootFolders.forEach(folder => {
-        printFolderStructure(folder);
-      });
-      
-    } catch (error) {
-      logMessage(`Ошибка при выполнении проверки: ${error.message}`, 'error');
-      console.error('Ошибка при отладке:', error);
-    }
-  });
-  
-  // Обработчик кнопки тестирования создания папки
-  testCreateFolderButton.addEventListener('click', async () => {
-    resultLog.innerHTML = '';
-    logMessage('Тестирование создания папки...');
-    
-    try {
-      // Генерируем уникальное имя папки для тестирования
-      const testFolderName = `Тестовая папка ${new Date().toLocaleTimeString()}`;
-      logMessage(`Создаем папку "${testFolderName}" в корневом каталоге...`);
-      
-      // Отправляем запрос на создание папки
-      const response = await fetch('/api/folders', {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json'
-        },
-        body: JSON.stringify({
-          name: testFolderName,
-          parentId: null
-        })
-      });
-      
-      // Анализируем ответ
-      logMessage(`Статус ответа: ${response.status} ${response.statusText}`);
-      const responseData = await response.json();
-      
-      // Выводим подробную информацию о структуре ответа
-      logMessage('Структура ответа сервера:');
-      const responseStructure = JSON.stringify(responseData, null, 2);
-      
-      const responseDetails = document.createElement('pre');
-      responseDetails.style.backgroundColor = '#f5f5f5';
-      responseDetails.style.padding = '10px';
-      responseDetails.style.borderRadius = '4px';
-      responseDetails.style.fontSize = '12px';
-      responseDetails.style.overflow = 'auto';
-      responseDetails.style.maxHeight = '200px';
-      responseDetails.textContent = responseStructure;
-      resultLog.appendChild(responseDetails);
-      
-      if (response.ok) {
-        logMessage(`Папка "${testFolderName}" успешно создана!`, 'success');
-        
-        // Проверяем структуру ответа
-        if (responseData.folder) {
-          logMessage(`ID новой папки: ${responseData.folder.id}`, 'success');
-          logMessage('Формат ответа: { folder: {...} }', 'info');
-        } else if (responseData.id) {
-          logMessage(`ID новой папки: ${responseData.id}`, 'success');
-          logMessage('Формат ответа: {...}', 'info');
-        } else {
-          logMessage('Некорректный формат ответа: отсутствует ID папки', 'error');
-        }
-        
-        // Загружаем список папок для проверки
-        logMessage('Проверяем, что папка появилась в списке...');
-        const foldersResponse = await fetch('/api/folders');
-        const foldersData = await foldersResponse.json();
-        const folders = foldersData.folders || [];
-        
-        // Ищем созданную папку в списке
-        const folderId = responseData.folder ? responseData.folder.id : responseData.id;
-        const createdFolder = folders.find(folder => folder.id === folderId);
-        
-        if (createdFolder) {
-          logMessage(`Папка "${createdFolder.name}" найдена в списке!`, 'success');
-        } else {
-          logMessage('Папка не найдена в списке после создания!', 'error');
-        }
-      } else {
-        logMessage(`Ошибка при создании папки: ${responseData.error || 'Неизвестная ошибка'}`, 'error');
-      }
-    } catch (error) {
-      logMessage(`Ошибка при тестировании: ${error.message}`, 'error');
-      console.error('Ошибка при тестировании создания папки:', error);
-    }
-  });
+/**
+ * Отладочный скрипт для проверки и исправления циклических зависимостей в папках
+ */
+document.addEventListener('DOMContentLoaded', () => {
+  const debugContainer = document.createElement('div');
+  debugContainer.style.padding = '20px';
+  debugContainer.style.margin = '20px';
+  debugContainer.style.background = '#f0f0f0';
+  debugContainer.style.border = '1px solid #ddd';
+  debugContainer.style.borderRadius = '5px';
+  
+  const heading = document.createElement('h1');
+  heading.textContent = 'Отладка структуры папок файлового менеджера';
+  debugContainer.appendChild(heading);
+  
+  // Кнопка для проверки наличия сервера
+  const checkServerButton = document.createElement('button');
+  checkServerButton.textContent = 'Проверить состояние сервера';
+  checkServerButton.style.padding = '10px 15px';
+  checkServerButton.style.margin = '10px 0';
+  checkServerButton.style.background = '#722ed1';
+  checkServerButton.style.color = 'white';
+  checkServerButton.style.border = 'none';
+  checkServerButton.style.borderRadius = '4px';
+  checkServerButton.style.cursor = 'pointer';
+  debugContainer.appendChild(checkServerButton);
+  
+  // Кнопка для проверки циклических зависимостей
+  const checkButton = document.createElement('button');
+  checkButton.textContent = 'Проверить и исправить циклические зависимости';
+  checkButton.style.padding = '10px 15px';
+  checkButton.style.margin = '10px 0 10px 10px';
+  checkButton.style.background = '#1890ff';
+  checkButton.style.color = 'white';
+  checkButton.style.border = 'none';
+  checkButton.style.borderRadius = '4px';
+  checkButton.style.cursor = 'pointer';
+  debugContainer.appendChild(checkButton);
+  
+  // Кнопка для тестирования создания папки
+  const testCreateFolderButton = document.createElement('button');
+  testCreateFolderButton.textContent = 'Тест создания папки';
+  testCreateFolderButton.style.padding = '10px 15px';
+  testCreateFolderButton.style.margin = '10px 0 10px 10px';
+  testCreateFolderButton.style.background = '#52c41a';
+  testCreateFolderButton.style.color = 'white';
+  testCreateFolderButton.style.border = 'none';
+  testCreateFolderButton.style.borderRadius = '4px';
+  testCreateFolderButton.style.cursor = 'pointer';
+  debugContainer.appendChild(testCreateFolderButton);
+  
+  // Лог результатов
+  const resultLog = document.createElement('div');
+  resultLog.style.marginTop = '20px';
+  resultLog.style.padding = '15px';
+  resultLog.style.background = '#fff';
+  resultLog.style.border = '1px solid #ddd';
+  resultLog.style.borderRadius = '4px';
+  resultLog.style.height = '400px';
+  resultLog.style.overflowY = 'auto';
+  resultLog.style.fontFamily = 'monospace';
+  debugContainer.appendChild(resultLog);
+  
+  document.getElementById('root').appendChild(debugContainer);
+  
+  // Функция добавления записи в лог
+  function logMessage(message, type = 'info') {
+    const logEntry = document.createElement('div');
+    logEntry.style.margin = '5px 0';
+    logEntry.style.padding = '5px';
+    
+    switch (type) {
+      case 'error':
+        logEntry.style.color = '#ff4d4f';
+        logEntry.style.fontWeight = 'bold';
+        break;
+      case 'success':
+        logEntry.style.color = '#52c41a';
+        break;
+      case 'warning':
+        logEntry.style.color = '#faad14';
+        break;
+      default:
+        logEntry.style.color = '#222';
+    }
+    
+    logEntry.textContent = `[${new Date().toLocaleTimeString()}] ${message}`;
+    resultLog.appendChild(logEntry);
+    resultLog.scrollTop = resultLog.scrollHeight;
+    console.log(`[DEBUG] ${message}`);
+  }
+  
+  // Обработчик кнопки проверки сервера
+  checkServerButton.addEventListener('click', () => {
+    resultLog.innerHTML = '';
+    logMessage('Проверка состояния сервера...');
+    
+    if (window.server) {
+      logMessage('Сервер инициализирован!', 'success');
+      logMessage(`Версия Mirage: ${window.server.miragejs.VERSION || 'неизвестна'}`);
+      logMessage('Доступные модели:');
+      
+      // Перечисляем доступные модели
+      try {
+        const models = window.server.db._collections;
+        for (const modelName in models) {
+          logMessage(`- ${modelName}: ${models[modelName].length} записей`);
+        }
+      } catch (error) {
+        logMessage(`Ошибка при получении моделей: ${error.message}`, 'error');
+      }
+      
+      // Проверяем доступ к API через fetch
+      logMessage('Проверка доступа к API...');
+      
+      fetch('/api/folders')
+        .then(response => {
+          if (response.ok) {
+            logMessage('API /api/folders доступен', 'success');
+            return response.json();
+          } else {
+            throw new Error(`HTTP ошибка ${response.status}`);
+          }
+        })
+        .then(data => {
+          logMessage(`Получено ${data.folders?.length || 0} папок`);
+        })
+        .catch(error => {
+          logMessage(`Ошибка при доступе к API: ${error.message}`, 'error');
+        });
+    } else {
+      logMessage('Сервер не найден в глобальном объекте window!', 'error');
+      logMessage('Проверяем доступность API напрямую...');
+      
+      // Пробуем получить доступ к API даже если server не найден
+      fetch('/api/folders')
+        .then(response => {
+          if (response.ok) {
+            logMessage('API /api/folders доступен несмотря на отсутствие объекта server', 'success');
+          } else {
+            throw new Error(`HTTP ошибка ${response.status}`);
+          }
+        })
+        .catch(error => {
+          logMessage(`API недоступен: ${error.message}`, 'error');
+          logMessage('Возможно, сервер не запущен или не настроен правильно', 'warning');
+        });
+    }
+  });
+  
+  // Обработчик кнопки проверки циклических зависимостей
+  checkButton.addEventListener('click', async () => {
+    resultLog.innerHTML = '';
+    logMessage('Начинаем проверку структуры папок...');
+    
+    try {
+      // Загружаем папки с сервера
+      logMessage('Загрузка списка папок...');
+      const foldersResponse = await fetch('/api/folders');
+      
+      if (!foldersResponse.ok) {
+        throw new Error(`Ошибка при загрузке папок: ${foldersResponse.status}`);
+      }
+      
+      const foldersData = await foldersResponse.json();
+      const folders = foldersData.folders || [];
+      
+      logMessage(`Загружено ${folders.length} папок`, 'success');
+      
+      // Проверка на прямые циклические зависимости (папка сама себе родитель)
+      const directCycles = folders.filter(folder => folder.id === folder.parentId && folder.parentId !== null);
+      
+      if (directCycles.length > 0) {
+        logMessage(`Обнаружено ${directCycles.length} папок с прямыми циклическими зависимостями:`, 'error');
+        directCycles.forEach(folder => {
+          logMessage(`- Папка "${folder.name}" (ID: ${folder.id}) является родителем самой себя`, 'error');
+        });
+        
+        // Исправляем прямые циклические зависимости
+        logMessage('Исправление прямых циклических зависимостей...');
+        
+        for (const folder of directCycles) {
+          logMessage(`Исправление папки "${folder.name}" (ID: ${folder.id})...`);
+          
+          // Сбрасываем parentId на null
+          const fixResponse = await fetch(`/api/folders/${folder.id}`, {
+            method: 'PATCH',
+            headers: {
+              'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+              parentId: null
+            })
+          }).catch(error => {
+            // Если API не поддерживает PATCH, симулируем изменение через консоль
+            logMessage(`API метод PATCH не поддерживается: ${error.message}`, 'warning');
+            logMessage(`Симуляция исправления: window.server.db.folders.update(${folder.id}, { parentId: null })`, 'info');
+            
+            // Выполняем прямую модификацию в консоли, если доступно
+            if (window.server && window.server.db && window.server.db.folders) {
+              const updatedFolder = window.server.db.folders.update(folder.id, { parentId: null });
+              return { ok: true, json: () => updatedFolder };
+            }
+            
+            return { ok: false };
+          });
+          
+          if (fixResponse.ok) {
+            logMessage(`Папка "${folder.name}" исправлена`, 'success');
+          } else {
+            logMessage(`Не удалось исправить папку "${folder.name}"`, 'error');
+          }
+        }
+      } else {
+        logMessage('Прямых циклических зависимостей не обнаружено', 'success');
+      }
+      
+      // Ищем непрямые циклические зависимости
+      logMessage('Проверка на непрямые циклические зависимости...');
+      
+      // Функция для проверки циклических зависимостей
+      function findCyclicDependencies(folders) {
+        const cyclicFolders = [];
+        
+        for (const folder of folders) {
+          if (!folder.parentId) continue;
+          
+          const visited = new Set();
+          let currentId = folder.parentId;
+          
+          while (currentId) {
+            if (visited.has(currentId)) {
+              // Цикл обнаружен
+              cyclicFolders.push(folder);
+              break;
+            }
+            
+            if (currentId === folder.id) {
+              // Прямой цикл (уже обработан выше)
+              break;
+            }
+            
+            visited.add(currentId);
+            
+            const parentFolder = folders.find(f => f.id === currentId);
+            if (!parentFolder) break;
+            
+            currentId = parentFolder.parentId;
+          }
+        }
+        
+        return cyclicFolders;
+      }
+      
+      const cyclicFolders = findCyclicDependencies(folders);
+      
+      if (cyclicFolders.length > 0) {
+        logMessage(`Обнаружено ${cyclicFolders.length} папок с непрямыми циклическими зависимостями:`, 'error');
+        
+        cyclicFolders.forEach(folder => {
+          logMessage(`- Папка "${folder.name}" (ID: ${folder.id}) имеет циклическую зависимость через родителя ${folder.parentId}`, 'error');
+        });
+        
+        // Исправляем непрямые циклические зависимости
+        logMessage('Исправление непрямых циклических зависимостей...');
+        
+        for (const folder of cyclicFolders) {
+          logMessage(`Исправление папки "${folder.name}" (ID: ${folder.id})...`);
+          
+          // Сбрасываем parentId на null
+          const fixResponse = await fetch(`/api/folders/${folder.id}`, {
+            method: 'PATCH',
+            headers: {
+              'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+              parentId: null
+            })
+          }).catch(error => {
+            // Если API не поддерживает PATCH, симулируем изменение
+            logMessage(`API метод PATCH не поддерживается: ${error.message}`, 'warning');
+            logMessage(`Симуляция исправления: window.server.db.folders.update(${folder.id}, { parentId: null })`, 'info');
+            
+            // Выполняем прямую модификацию, если доступно
+            if (window.server && window.server.db && window.server.db.folders) {
+              const updatedFolder = window.server.db.folders.update(folder.id, { parentId: null });
+              return { ok: true, json: () => updatedFolder };
+            }
+            
+            return { ok: false };
+          });
+          
+          if (fixResponse.ok) {
+            logMessage(`Папка "${folder.name}" исправлена`, 'success');
+          } else {
+            logMessage(`Не удалось исправить папку "${folder.name}"`, 'error');
+          }
+        }
+      } else {
+        logMessage('Непрямых циклических зависимостей не обнаружено', 'success');
+      }
+      
+      // Финальная проверка после исправлений
+      logMessage('Выполняем повторную проверку после исправлений...');
+      
+      const finalCheckResponse = await fetch('/api/folders');
+      const finalFoldersData = await finalCheckResponse.json();
+      const finalFolders = finalFoldersData.folders || [];
+      
+      const remainingDirectCycles = finalFolders.filter(folder => folder.id === folder.parentId && folder.parentId !== null);
+      const remainingIndirectCycles = findCyclicDependencies(finalFolders);
+      
+      if (remainingDirectCycles.length === 0 && remainingIndirectCycles.length === 0) {
+        logMessage('Все циклические зависимости успешно устранены!', 'success');
+      } else {
+        logMessage(`Осталось нерешенных проблем: ${remainingDirectCycles.length + remainingIndirectCycles.length}`, 'warning');
+      }
+      
+      // Визуализация итоговой структуры папок
+      logMessage('Итоговая структура папок:');
+      
+      // Строим карту отношений родитель-дети
+      const folderMap = {};
+      finalFolders.forEach(folder => {
+        if (!folderMap[folder.id]) {
+          folderMap[folder.id] = {
+            ...folder,
+            children: []
+          };
+        } else {
+          folderMap[folder.id] = {
+            ...folderMap[folder.id],
+            ...folder
+          };
+        }
+      });
+      
+      // Создаем связи родитель-дети
+      finalFolders.forEach(folder => {
+        if (folder.parentId && folderMap[folder.parentId]) {
+          folderMap[folder.parentId].children.push(folderMap[folder.id]);
+        }
+      });
+      
+      // Корневые папки (без родителя)
+      const rootFolders = finalFolders.filter(folder => !folder.parentId);
+      
+      // Рекурсивная функция для вывода структуры папок
+      function printFolderStructure(folder, level = 0) {
+        const indent = '  '.repeat(level);
+        logMessage(`${indent}└─ ${folder.name} (ID: ${folder.id})`);
+        
+        const children = finalFolders.filter(f => f.parentId === folder.id);
+        children.forEach(child => {
+          printFolderStructure(child, level + 1);
+        });
+      }
+      
+      rootFolders.forEach(folder => {
+        printFolderStructure(folder);
+      });
+      
+    } catch (error) {
+      logMessage(`Ошибка при выполнении проверки: ${error.message}`, 'error');
+      console.error('Ошибка при отладке:', error);
+    }
+  });
+  
+  // Обработчик кнопки тестирования создания папки
+  testCreateFolderButton.addEventListener('click', async () => {
+    resultLog.innerHTML = '';
+    logMessage('Тестирование создания папки...');
+    
+    try {
+      // Генерируем уникальное имя папки для тестирования
+      const testFolderName = `Тестовая папка ${new Date().toLocaleTimeString()}`;
+      logMessage(`Создаем папку "${testFolderName}" в корневом каталоге...`);
+      
+      // Отправляем запрос на создание папки
+      const response = await fetch('/api/folders', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({
+          name: testFolderName,
+          parentId: null
+        })
+      });
+      
+      // Анализируем ответ
+      logMessage(`Статус ответа: ${response.status} ${response.statusText}`);
+      const responseData = await response.json();
+      
+      // Выводим подробную информацию о структуре ответа
+      logMessage('Структура ответа сервера:');
+      const responseStructure = JSON.stringify(responseData, null, 2);
+      
+      const responseDetails = document.createElement('pre');
+      responseDetails.style.backgroundColor = '#f5f5f5';
+      responseDetails.style.padding = '10px';
+      responseDetails.style.borderRadius = '4px';
+      responseDetails.style.fontSize = '12px';
+      responseDetails.style.overflow = 'auto';
+      responseDetails.style.maxHeight = '200px';
+      responseDetails.textContent = responseStructure;
+      resultLog.appendChild(responseDetails);
+      
+      if (response.ok) {
+        logMessage(`Папка "${testFolderName}" успешно создана!`, 'success');
+        
+        // Проверяем структуру ответа
+        if (responseData.folder) {
+          logMessage(`ID новой папки: ${responseData.folder.id}`, 'success');
+          logMessage('Формат ответа: { folder: {...} }', 'info');
+        } else if (responseData.id) {
+          logMessage(`ID новой папки: ${responseData.id}`, 'success');
+          logMessage('Формат ответа: {...}', 'info');
+        } else {
+          logMessage('Некорректный формат ответа: отсутствует ID папки', 'error');
+        }
+        
+        // Загружаем список папок для проверки
+        logMessage('Проверяем, что папка появилась в списке...');
+        const foldersResponse = await fetch('/api/folders');
+        const foldersData = await foldersResponse.json();
+        const folders = foldersData.folders || [];
+        
+        // Ищем созданную папку в списке
+        const folderId = responseData.folder ? responseData.folder.id : responseData.id;
+        const createdFolder = folders.find(folder => folder.id === folderId);
+        
+        if (createdFolder) {
+          logMessage(`Папка "${createdFolder.name}" найдена в списке!`, 'success');
+        } else {
+          logMessage('Папка не найдена в списке после создания!', 'error');
+        }
+      } else {
+        logMessage(`Ошибка при создании папки: ${responseData.error || 'Неизвестная ошибка'}`, 'error');
+      }
+    } catch (error) {
+      logMessage(`Ошибка при тестировании: ${error.message}`, 'error');
+      console.error('Ошибка при тестировании создания папки:', error);
+    }
+  });
 });