mirror of
https://github.com/willmiao/ComfyUI-Lora-Manager.git
synced 2026-09-21 11:11:26 -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.
55 lines
2.0 KiB
JavaScript
55 lines
2.0 KiB
JavaScript
import { appCore } from './core.js';
|
|
import { confirmDelete, closeDeleteModal, confirmExclude, closeExcludeModal } from './utils/modalUtils.js';
|
|
import { createPageControls } from './components/controls/index.js';
|
|
import { ModelDuplicatesManager } from './components/ModelDuplicatesManager.js';
|
|
import { MODEL_TYPES } from './api/apiConfig.js';
|
|
import { initActiveFiltersSync } from './utils/activeFiltersSync.js';
|
|
|
|
// Initialize the Checkpoints page
|
|
export class CheckpointsPageManager {
|
|
constructor() {
|
|
// Initialize page controls
|
|
this.pageControls = createPageControls(MODEL_TYPES.CHECKPOINT);
|
|
|
|
// Initialize the ModelDuplicatesManager
|
|
this.duplicatesManager = new ModelDuplicatesManager(this, MODEL_TYPES.CHECKPOINT);
|
|
|
|
// Expose only necessary functions to global scope
|
|
this._exposeRequiredGlobalFunctions();
|
|
}
|
|
|
|
_exposeRequiredGlobalFunctions() {
|
|
// Minimal set of functions that need to remain global
|
|
window.confirmDelete = confirmDelete;
|
|
window.closeDeleteModal = closeDeleteModal;
|
|
window.confirmExclude = confirmExclude;
|
|
window.closeExcludeModal = closeExcludeModal;
|
|
|
|
// Expose duplicates manager
|
|
window.modelDuplicatesManager = this.duplicatesManager;
|
|
}
|
|
|
|
async initialize() {
|
|
// Initialize common page features (including context menus)
|
|
appCore.initializePageFeatures();
|
|
|
|
// Mirror active filters to the backend for the ComfyUI-side autocomplete
|
|
initActiveFiltersSync(MODEL_TYPES.CHECKPOINT);
|
|
|
|
console.log('Checkpoints Manager initialized');
|
|
}
|
|
}
|
|
|
|
export async function initializeCheckpointsPage() {
|
|
// Initialize core application
|
|
await appCore.initialize();
|
|
|
|
// Initialize checkpoints page
|
|
const checkpointsPage = new CheckpointsPageManager();
|
|
await checkpointsPage.initialize();
|
|
|
|
return checkpointsPage;
|
|
}
|
|
|
|
// Initialize everything when DOM is ready
|
|
document.addEventListener('DOMContentLoaded', initializeCheckpointsPage); |