diff --git a/src/components/graph/GraphCanvas.vue b/src/components/graph/GraphCanvas.vue index e5f74ea90..05f31211d 100644 --- a/src/components/graph/GraphCanvas.vue +++ b/src/components/graph/GraphCanvas.vue @@ -52,6 +52,16 @@ watch( }, { immediate: true } ) +const canvasInfoEnabled = computed(() => + settingStore.get('Comfy.Graph.CanvasInfo') +) +watch( + canvasInfoEnabled, + (newVal) => { + if (comfyApp.canvas) comfyApp.canvas.show_info = newVal + }, + { immediate: true } +) let dropTargetCleanup = () => {} @@ -72,6 +82,7 @@ onMounted(async () => { workspaceStore.spinner = true await comfyApp.setup(canvasRef.value) comfyApp.canvas.allow_searchbox = !nodeSearchEnabled.value + comfyApp.canvas.show_info = canvasInfoEnabled.value workspaceStore.spinner = false window['app'] = comfyApp diff --git a/src/stores/settingStore.ts b/src/stores/settingStore.ts index ba921c2d9..0030edfdb 100644 --- a/src/stores/settingStore.ts +++ b/src/stores/settingStore.ts @@ -131,6 +131,13 @@ export const useSettingStore = defineStore('setting', { type: 'boolean', defaultValue: false }) + + app.ui.settings.addSetting({ + id: 'Comfy.Graph.CanvasInfo', + name: 'Show canvas info (fps, etc.)', + type: 'boolean', + defaultValue: true + }) }, set(key: K, value: Settings[K]) {