alphard/ComfyUI-Lora-Manager
1
0
Fork 0
mirror of https://github.com/willmiao/ComfyUI-Lora-Manager.git synced 2026-03-24 22:52:12 -03:00
Code Issues Packages Projects Releases Wiki Activity

Refactor core application and recipe manager: remove lazy loading functionality and clean up imports in uiHelpers.

Browse Source
This commit is contained in:
Will Miao
2025-06-03 15:40:51 +08:00
parent 2d39b84806
commit 7945647b0b
3 changed files with 4 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
static/js/core.js
View File

@@ -6,7 +6,7 @@ import { updateService } from './managers/UpdateService.js';
import { HeaderManager } from './components/Header.js'; import { HeaderManager } from './components/Header.js';
import { settingsManager } from './managers/SettingsManager.js'; import { settingsManager } from './managers/SettingsManager.js';
import { exampleImagesManager } from './managers/ExampleImagesManager.js'; import { exampleImagesManager } from './managers/ExampleImagesManager.js';
import { showToast, initTheme, initBackToTop, lazyLoadImages } from './utils/uiHelpers.js'; import { showToast, initTheme, initBackToTop } from './utils/uiHelpers.js';
import { initializeInfiniteScroll } from './utils/infiniteScroll.js'; import { initializeInfiniteScroll } from './utils/infiniteScroll.js';
import { migrateStorageItems } from './utils/storageHelpers.js'; import { migrateStorageItems } from './utils/storageHelpers.js';
import { setupLoraCardEventDelegation } from './components/LoraCard.js'; import { setupLoraCardEventDelegation } from './components/LoraCard.js';
@@ -61,9 +61,6 @@ export class AppCore {
initializePageFeatures() { initializePageFeatures() {
const pageType = this.getPageType(); const pageType = this.getPageType();
// Initialize lazy loading for images on all pages
lazyLoadImages();
// Setup event delegation for lora cards if on the loras page // Setup event delegation for lora cards if on the loras page
if (pageType === 'loras') { if (pageType === 'loras') {
setupLoraCardEventDelegation(); setupLoraCardEventDelegation();
@@ -84,7 +81,4 @@ document.addEventListener('DOMContentLoaded', () => {
}); });
// Create and export a singleton instance // Create and export a singleton instance
export const appCore = new AppCore(); export const appCore = new AppCore();
// Export common utilities for global use
export { showToast, lazyLoadImages, initializeInfiniteScroll };

9
static/js/recipes.js
View File

@@ -6,8 +6,8 @@ import { getCurrentPageState, state } from './state/index.js';
import { getSessionItem, removeSessionItem } from './utils/storageHelpers.js'; import { getSessionItem, removeSessionItem } from './utils/storageHelpers.js';
import { RecipeContextMenu } from './components/ContextMenu/index.js'; import { RecipeContextMenu } from './components/ContextMenu/index.js';
import { DuplicatesManager } from './components/DuplicatesManager.js'; import { DuplicatesManager } from './components/DuplicatesManager.js';
import { initializeInfiniteScroll, refreshVirtualScroll } from './utils/infiniteScroll.js'; import { refreshVirtualScroll } from './utils/infiniteScroll.js';
import { resetAndReload, refreshRecipes } from './api/recipeApi.js'; import { refreshRecipes } from './api/recipeApi.js';
class RecipeManager { class RecipeManager {
constructor() { constructor() {
@@ -228,11 +228,6 @@ class RecipeManager {
} }
this.duplicatesManager.exitDuplicateMode(); this.duplicatesManager.exitDuplicateMode();
// Use a small delay before initializing to ensure DOM is ready
setTimeout(() => {
initializeInfiniteScroll('recipes');
}, 100);
} }
} }

13
static/js/utils/uiHelpers.js
View File

@@ -91,19 +91,6 @@ export function showToast(message, type = 'info') {
}); });
} }
export function lazyLoadImages() {
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => {
if (entry.isIntersecting && entry.target.dataset.src) {
entry.target.src = entry.target.dataset.src;
observer.unobserve(entry.target);
}
});
});
document.querySelectorAll('img[data-src]').forEach(img => observer.observe(img));
}
export function restoreFolderFilter() { export function restoreFolderFilter() {
const activeFolder = getStorageItem('activeFolder'); const activeFolder = getStorageItem('activeFolder');
const folderTag = activeFolder && document.querySelector(`.tag[data-folder="${activeFolder}"]`); const folderTag = activeFolder && document.querySelector(`.tag[data-folder="${activeFolder}"]`);