From c6b6bdcb67cde4c35d77bfec894aa433f6fff3fd Mon Sep 17 00:00:00 2001
From: Chenlei Hu <chenlei.hu@mail.utoronto.ca>
Date: Wed, 14 Aug 2024 10:29:32 -0400
Subject: [PATCH] Add setting to disable node preview in searchbox (#421)

---
 src/components/searchbox/NodeSearchBox.vue | 8 +++++++-
 src/stores/settingStore.ts                 | 8 ++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/components/searchbox/NodeSearchBox.vue b/src/components/searchbox/NodeSearchBox.vue
index 18f7e739b..4325c466e 100644
--- a/src/components/searchbox/NodeSearchBox.vue
+++ b/src/components/searchbox/NodeSearchBox.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="comfy-vue-node-search-container">
-    <div class="comfy-vue-node-preview-container">
+    <div class="comfy-vue-node-preview-container" v-if="enableNodePreview">
       <NodePreview
         :nodeDef="hoveredSuggestion"
         :key="hoveredSuggestion?.name || ''"
@@ -64,6 +64,12 @@ import NodeSourceChip from '@/components/node/NodeSourceChip.vue'
 import { type FilterAndValue } from '@/services/nodeSearchService'
 import NodePreview from '@/components/node/NodePreview.vue'
 import { ComfyNodeDefImpl, useNodeDefStore } from '@/stores/nodeDefStore'
+import { useSettingStore } from '@/stores/settingStore'
+
+const settingStore = useSettingStore()
+const enableNodePreview = computed(() =>
+  settingStore.get<boolean>('Comfy.NodeSearchBoxImpl.NodePreview')
+)
 
 const props = defineProps({
   filters: {
diff --git a/src/stores/settingStore.ts b/src/stores/settingStore.ts
index db1336d4c..7de677157 100644
--- a/src/stores/settingStore.ts
+++ b/src/stores/settingStore.ts
@@ -82,6 +82,14 @@ export const useSettingStore = defineStore('setting', {
         defaultValue: LinkReleaseTriggerMode.ALWAYS
       })
 
+      app.ui.settings.addSetting({
+        id: 'Comfy.NodeSearchBoxImpl.NodePreview',
+        name: 'Node Preview',
+        tooltip: 'Only applies to the default implementation',
+        type: 'boolean',
+        defaultValue: true
+      })
+
       app.ui.settings.addSetting({
         id: 'Comfy.SideBar.Location',
         name: 'Sidebar location',