mirror of
https://github.com/willmiao/ComfyUI-Lora-Manager.git
synced 2026-09-21 03:01:27 -03:00
Will Miao
00095a5398
The LoRA Manager page kept its active filters in localStorage, which the
ComfyUI-side autocomplete read directly. When the two run in different
browsers, origins, or the ComfyUI Desktop Electron shell, localStorage is
not shared and the active-filters search silently did nothing.
The manager page now mirrors its filter state to a server-side in-memory
store (PUT /api/lm/{prefix}/active-filters), pushed on every change via a
storage-listener hook and once on page load. The autocomplete widget sends
only use_active_filters=true, and the relative-paths endpoint injects the
stored filters into the search, with explicit query params taking
precedence.
63 lines
2.3 KiB
JavaScript
63 lines
2.3 KiB
JavaScript
import { appCore } from './core.js';
|
|
import { state } from './state/index.js';
|
|
import { updateCardsForBulkMode } from './components/shared/ModelCard.js';
|
|
import { createPageControls } from './components/controls/index.js';
|
|
import { confirmDelete, closeDeleteModal, confirmExclude, closeExcludeModal } from './utils/modalUtils.js';
|
|
import { ModelDuplicatesManager } from './components/ModelDuplicatesManager.js';
|
|
import { initActiveFiltersSync } from './utils/activeFiltersSync.js';
|
|
|
|
// Initialize the LoRA page
|
|
export class LoraPageManager {
|
|
constructor() {
|
|
// Add bulk mode to state
|
|
state.bulkMode = false;
|
|
state.selectedLoras = new Set();
|
|
|
|
// Initialize page controls
|
|
this.pageControls = createPageControls('loras');
|
|
|
|
// Initialize the ModelDuplicatesManager
|
|
this.duplicatesManager = new ModelDuplicatesManager(this);
|
|
|
|
// Expose necessary functions to the page that still need global access
|
|
// These will be refactored in future updates
|
|
this._exposeRequiredGlobalFunctions();
|
|
}
|
|
|
|
_exposeRequiredGlobalFunctions() {
|
|
// Only expose what's still needed globally
|
|
// Most functionality is now handled by the PageControls component
|
|
window.confirmDelete = confirmDelete;
|
|
window.closeDeleteModal = closeDeleteModal;
|
|
window.confirmExclude = confirmExclude;
|
|
window.closeExcludeModal = closeExcludeModal;
|
|
|
|
// Expose duplicates manager
|
|
window.modelDuplicatesManager = this.duplicatesManager;
|
|
}
|
|
|
|
async initialize() {
|
|
// Initialize cards for current bulk mode state (should be false initially)
|
|
updateCardsForBulkMode(state.bulkMode);
|
|
|
|
// Initialize common page features (including context menus and virtual scroll)
|
|
appCore.initializePageFeatures();
|
|
|
|
// Mirror active filters to the backend for the ComfyUI-side autocomplete
|
|
initActiveFiltersSync('loras');
|
|
}
|
|
}
|
|
|
|
export async function initializeLoraPage() {
|
|
// Initialize core application
|
|
await appCore.initialize();
|
|
|
|
// Initialize page-specific functionality
|
|
const loraPage = new LoraPageManager();
|
|
await loraPage.initialize();
|
|
|
|
return loraPage;
|
|
}
|
|
|
|
// Initialize everything when DOM is ready
|
|
document.addEventListener('DOMContentLoaded', initializeLoraPage); |