73 lines
2.5 KiB
TypeScript
73 lines
2.5 KiB
TypeScript
import { createPopoverManager } from "./views/popoverManager.js";
|
|
import { clearActiveGridContainer } from "./panelRuntimeRefs.js";
|
|
|
|
/**
|
|
* Bootstraps the panel container for a new mount.
|
|
*
|
|
* Captures the host-wrapper inline styles so they can be restored on dispose,
|
|
* tears down any previous runtime instance registered on the same container,
|
|
* then resets the DOM and creates a fresh popover manager.
|
|
*
|
|
* @param {HTMLElement} container
|
|
* @param {{ useComfyThemeUI: boolean }} opts
|
|
* @returns {{ popovers, hostWrapper, hostWrapperPrevStyle }}
|
|
*/
|
|
export function bootstrapPanelContainer(container: HTMLElement, { useComfyThemeUI }: { useComfyThemeUI: boolean }): Record<string, any> {
|
|
if (useComfyThemeUI) {
|
|
container.classList.add("mjr-assets-manager");
|
|
} else {
|
|
container.classList.remove("mjr-assets-manager");
|
|
}
|
|
|
|
// Capture current host-wrapper styles so they can be restored on dispose.
|
|
const hostWrapper = container.parentElement || null;
|
|
const hostWrapperPrevStyle = hostWrapper
|
|
? {
|
|
height: hostWrapper.style.height,
|
|
minHeight: hostWrapper.style.minHeight,
|
|
width: hostWrapper.style.width,
|
|
}
|
|
: null;
|
|
try {
|
|
if (hostWrapper) {
|
|
hostWrapper.style.height = "100%";
|
|
hostWrapper.style.minHeight = "0";
|
|
hostWrapper.style.width = "100%";
|
|
}
|
|
} catch (e) {
|
|
console.debug?.(e);
|
|
}
|
|
|
|
// Invalidate cached grid reference before cleanup to prevent stale access
|
|
// during async teardown of the old panel instance.
|
|
clearActiveGridContainer();
|
|
|
|
// Tear down any previous runtime instance registered on this container.
|
|
for (const cleanup of [
|
|
() => (container as any)._eventCleanup?.(),
|
|
() => (container as any)._mjrPopoverManager?.dispose?.(),
|
|
() => (container as any)._mjrHotkeys?.dispose?.(),
|
|
() => (container as any)._mjrRatingHotkeys?.dispose?.(),
|
|
() => (container as any)._mjrSidebarController?.dispose?.(),
|
|
() => (container as any)._mjrGridContextMenuUnbind?.(),
|
|
]) {
|
|
try {
|
|
cleanup();
|
|
} catch (e) {
|
|
console.debug?.(e);
|
|
}
|
|
}
|
|
|
|
container.replaceChildren();
|
|
container.classList.add("mjr-am-container");
|
|
|
|
const popovers = createPopoverManager(container);
|
|
try {
|
|
(container as any)._mjrPopoverManager = popovers;
|
|
} catch (e) {
|
|
console.debug?.(e);
|
|
}
|
|
|
|
return { popovers, hostWrapper, hostWrapperPrevStyle };
|
|
}
|