Files
MajoorWaldi-ComfyUI-Majoor-…/js/app/settings/settingsViewer.js
T
Ewald f56d6284da fix: MFV popup dark theme, gen info panel, reset zoom + popout polish
- FloatingViewer.impl.js: add missing _resetMfvZoom() method (was called
  from floatingViewerLoader/Mode but never defined on the class)
- viewerShell.js: return genInfoTitle + genInfoTitleLeft from createViewerStageShell
- ViewerRuntime.js: destructure genInfoTitle + genInfoTitleLeft (were undefined
  => gen info body was never populated)
- floatingViewerPopout.js: inject document.documentElement.style.cssText as
  :root{...} in popup head so ComfyUI CSS vars are available; set body
  background to #0d0d0d; remove broken history.replaceState (Chrome blocks
  it from about:blank)
- __init__.py: remove unused FailureSeverity/StageStatus imports
2026-04-11 19:06:23 +02:00

155 lines
6.3 KiB
JavaScript

/**
* Settings section: Viewer (pan, WebGL, workflow minimap).
*/
import { t } from "../i18n.js";
import { saveMajoorSettings, applySettingsToConfig } from "./settingsCore.js";
const SETTINGS_PREFIX = "Majoor";
const SETTINGS_CATEGORY = "Majoor Assets Manager";
/**
* Register all Viewer-related settings.
*
* @param {Function} safeAddSetting - Wrapped addSetting function from the parent.
* @param {object} settings - Live settings object (mutated on change).
* @param {Function} notifyApplied - Callback(key) to schedule change notifications.
*/
export function registerViewerSettings(safeAddSetting, settings, notifyApplied) {
const cat = (section, label) => [SETTINGS_CATEGORY, section, label];
// ──────────────────────────────────────────────
// Section: Viewer
// ──────────────────────────────────────────────
safeAddSetting({
id: `${SETTINGS_PREFIX}.Viewer.AllowPanAtZoom1`,
category: cat(t("cat.viewer"), t("setting.viewer.pan.name").replace("Majoor: ", "")),
name: t("setting.viewer.pan.name"),
tooltip: t("setting.viewer.pan.desc"),
type: "boolean",
defaultValue: !!settings.viewer?.allowPanAtZoom1,
onChange: (value) => {
settings.viewer = settings.viewer || {};
settings.viewer.allowPanAtZoom1 = !!value;
saveMajoorSettings(settings);
applySettingsToConfig(settings);
notifyApplied("viewer.allowPanAtZoom1");
},
});
safeAddSetting({
id: `${SETTINGS_PREFIX}.Viewer.DisableWebGL`,
category: cat(t("cat.viewer"), "Disable WebGL Video"),
name: "Disable WebGL Video",
tooltip:
"Use CPU rendering (Canvas 2D) for video playback. Fixes 'black screen' issues on incompatible hardware/browsers.",
type: "boolean",
defaultValue: !!settings.viewer?.disableWebGL,
onChange: (value) => {
settings.viewer = settings.viewer || {};
settings.viewer.disableWebGL = !!value;
saveMajoorSettings(settings);
applySettingsToConfig(settings);
notifyApplied("viewer.disableWebGL");
},
});
safeAddSetting({
id: `${SETTINGS_PREFIX}.Viewer.PauseDuringExecution`,
category: cat(t("cat.viewer"), t("setting.viewer.pauseExecution.name").replace("Majoor: ", "")),
name: t("setting.viewer.pauseExecution.name"),
tooltip: t("setting.viewer.pauseExecution.desc"),
type: "boolean",
defaultValue: !!settings.viewer?.pauseDuringExecution,
onChange: (value) => {
settings.viewer = settings.viewer || {};
settings.viewer.pauseDuringExecution = !!value;
saveMajoorSettings(settings);
applySettingsToConfig(settings);
notifyApplied("viewer.pauseDuringExecution");
},
});
safeAddSetting({
id: `${SETTINGS_PREFIX}.Viewer.FloatingPauseDuringExecution`,
category: cat(
t("cat.viewer"),
t("setting.viewer.floatingPauseExecution.name").replace("Majoor: ", ""),
),
name: t("setting.viewer.floatingPauseExecution.name"),
tooltip: t("setting.viewer.floatingPauseExecution.desc"),
type: "boolean",
defaultValue: !!settings.viewer?.floatingPauseDuringExecution,
onChange: (value) => {
settings.viewer = settings.viewer || {};
settings.viewer.floatingPauseDuringExecution = !!value;
saveMajoorSettings(settings);
applySettingsToConfig(settings);
notifyApplied("viewer.floatingPauseDuringExecution");
},
});
safeAddSetting({
id: `${SETTINGS_PREFIX}.Viewer.MfvSidebarPosition`,
category: cat(t("cat.viewer"), "Node Parameters sidebar position"),
name: "Node Parameters sidebar position",
tooltip: "Position of the Node Parameters sidebar in the Floating Viewer (right, left, or bottom).",
type: "combo",
defaultValue: settings.viewer?.mfvSidebarPosition || "right",
options: ["right", "left", "bottom"],
onChange: (value) => {
const pos = ["left", "right", "bottom"].includes(value) ? value : "right";
settings.viewer = settings.viewer || {};
settings.viewer.mfvSidebarPosition = pos;
saveMajoorSettings(settings);
applySettingsToConfig(settings);
notifyApplied("viewer.mfvSidebarPosition");
},
});
safeAddSetting({
id: `${SETTINGS_PREFIX}.Viewer.MfvPreviewMethod`,
category: cat(t("cat.viewer"), t("setting.viewer.mfvPreviewMethod.name").replace("Majoor: ", "")),
name: t("setting.viewer.mfvPreviewMethod.name"),
tooltip: t("setting.viewer.mfvPreviewMethod.desc"),
type: "combo",
defaultValue: settings.viewer?.mfvPreviewMethod || "taesd",
options: ["taesd", "latent2rgb", "auto", "default", "none"],
onChange: (value) => {
const method = ["taesd", "latent2rgb", "auto", "default", "none"].includes(value)
? value
: "taesd";
settings.viewer = settings.viewer || {};
settings.viewer.mfvPreviewMethod = method;
saveMajoorSettings(settings);
applySettingsToConfig(settings);
notifyApplied("viewer.mfvPreviewMethod");
},
});
const registerMinimapToggle = (idKey, stateKey, nameKey, descKey) => {
safeAddSetting({
id: `${SETTINGS_PREFIX}.WorkflowMinimap.${idKey}`,
category: cat(t("cat.viewer"), t(nameKey).replace("Majoor: ", "")),
name: t(nameKey),
tooltip: t(descKey),
type: "boolean",
defaultValue: !!settings.workflowMinimap?.[stateKey],
onChange: (value) => {
settings.workflowMinimap = settings.workflowMinimap || {};
settings.workflowMinimap[stateKey] = !!value;
saveMajoorSettings(settings);
notifyApplied(`workflowMinimap.${stateKey}`);
},
});
};
registerMinimapToggle(
"Enabled",
"enabled",
"setting.minimap.enabled.name",
"setting.minimap.enabled.desc",
);
}