From f5ce42d5d5f9ca7ffc6e2f9597310f048749346b Mon Sep 17 00:00:00 2001
From: Chenlei Hu <chenlei.hu@mail.utoronto.ca>
Date: Mon, 19 Aug 2024 12:12:37 -0400
Subject: [PATCH] Add setting to show/hide canvas info (#533)

* Add setting to show/hide canvas info

* nit
---
 src/components/graph/GraphCanvas.vue | 11 +++++++++++
 src/stores/settingStore.ts           |  7 +++++++
 2 files changed, 18 insertions(+)

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<boolean>(() =>
+  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<K extends keyof Settings>(key: K, value: Settings[K]) {