[refactor] Improve settings domain organization (#5550)

* refactor: move settingStore to platform/settings Move src/stores/settingStore.ts to src/platform/settings/settingStore.ts to separate platform infrastructure from domain logic following DDD principles. Updates all import references across ~70 files to maintain compatibility. * fix: update remaining settingStore imports after rebase * fix: complete remaining settingStore import updates * fix: update vi.mock paths for settingStore in tests Update all test files to mock the new settingStore location at @/platform/settings/settingStore instead of @/stores/settingStore * fix: resolve remaining settingStore imports and unused imports after rebase * fix: update settingStore mock path in SelectionToolbox test Fix vi.mock path from @/stores/settingStore to @/platform/settings/settingStore to resolve failing Load3D viewer button test. * refactor: complete comprehensive settings migration to platform layer This commit completes the migration of all settings-related code to the platform layer as part of the Domain-Driven Design (DDD) architecture refactoring. - constants/coreSettings.ts → platform/settings/constants/coreSettings.ts - types/settingTypes.ts → platform/settings/types.ts - stores/settingStore.ts → platform/settings/settingStore.ts (already moved) - composables/setting/useSettingUI.ts → platform/settings/composables/useSettingUI.ts - composables/setting/useSettingSearch.ts → platform/settings/composables/useSettingSearch.ts - composables/useLitegraphSettings.ts → platform/settings/composables/useLitegraphSettings.ts - components/dialog/content/SettingDialogContent.vue → platform/settings/components/SettingDialogContent.vue - components/dialog/content/setting/SettingItem.vue → platform/settings/components/SettingItem.vue - components/dialog/content/setting/SettingGroup.vue → platform/settings/components/SettingGroup.vue - components/dialog/content/setting/SettingsPanel.vue → platform/settings/components/SettingsPanel.vue - components/dialog/content/setting/ColorPaletteMessage.vue → platform/settings/components/ColorPaletteMessage.vue - components/dialog/content/setting/ExtensionPanel.vue → platform/settings/components/ExtensionPanel.vue - components/dialog/content/setting/ServerConfigPanel.vue → platform/settings/components/ServerConfigPanel.vue - ~100+ import statements updated across the codebase - Test file imports corrected - Component imports fixed in dialog service and command menubar - Composable imports updated in GraphCanvas.vue ``` src/platform/settings/ ├── components/ # All settings UI components ├── composables/ # Settings-related composables ├── constants/ # Core settings definitions ├── types.ts # Settings type definitions └── settingStore.ts # Central settings state management ``` ✅ TypeScript compilation successful ✅ All tests passing (settings store, search functionality, UI components) ✅ Production build successful ✅ Domain boundaries properly established This migration consolidates all settings functionality into a cohesive platform domain, improving maintainability and following DDD principles for better code organization. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> * fix: format and lint after rebase conflict resolution * fix: update remaining import paths to platform settings - Fix browser test import: extensionAPI.spec.ts - Fix script import: collect-i18n-general.ts - Complete settings migration import path updates 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> --------- Co-authored-by: Claude <noreply@anthropic.com>
2026-04-26 09:19:43 +00:00 · 2025-09-15 03:53:08 -07:00
parent e3bb29ceb8
commit 4c8c4a1ad4
118 changed files with 161 additions and 157 deletions
--- a/src/platform/settings/composables/useLitegraphSettings.ts
+++ b/src/platform/settings/composables/useLitegraphSettings.ts
@@ -0,0 +1,144 @@
+import { watchEffect } from 'vue'
+
+import {
+  CanvasPointer,
+  LGraphNode,
+  LiteGraph
+} from '@/lib/litegraph/src/litegraph'
+import { useSettingStore } from '@/platform/settings/settingStore'
+import { useCanvasStore } from '@/renderer/core/canvas/canvasStore'
+
+/**
+ * Watch for changes in the setting store and update the LiteGraph settings accordingly.
+ */
+export const useLitegraphSettings = () => {
+  const settingStore = useSettingStore()
+  const canvasStore = useCanvasStore()
+
+  watchEffect(() => {
+    const canvasInfoEnabled = settingStore.get('Comfy.Graph.CanvasInfo')
+    if (canvasStore.canvas) {
+      canvasStore.canvas.show_info = canvasInfoEnabled
+      canvasStore.canvas.draw(false, true)
+    }
+  })
+
+  watchEffect(() => {
+    const zoomSpeed = settingStore.get('Comfy.Graph.ZoomSpeed')
+    if (canvasStore.canvas) {
+      canvasStore.canvas.zoom_speed = zoomSpeed
+    }
+  })
+
+  watchEffect(() => {
+    LiteGraph.snaps_for_comfy = settingStore.get(
+      'Comfy.Node.AutoSnapLinkToSlot'
+    )
+  })
+
+  watchEffect(() => {
+    LiteGraph.snap_highlights_node = settingStore.get(
+      'Comfy.Node.SnapHighlightsNode'
+    )
+  })
+
+  watchEffect(() => {
+    LGraphNode.keepAllLinksOnBypass = settingStore.get(
+      'Comfy.Node.BypassAllLinksOnDelete'
+    )
+  })
+
+  watchEffect(() => {
+    LiteGraph.middle_click_slot_add_default_node = settingStore.get(
+      'Comfy.Node.MiddleClickRerouteNode'
+    )
+  })
+
+  watchEffect(() => {
+    const linkRenderMode = settingStore.get('Comfy.LinkRenderMode')
+    if (canvasStore.canvas) {
+      canvasStore.canvas.links_render_mode = linkRenderMode
+      canvasStore.canvas.setDirty(/* fg */ false, /* bg */ true)
+    }
+  })
+
+  watchEffect(() => {
+    const minFontSizeForLOD = settingStore.get(
+      'LiteGraph.Canvas.MinFontSizeForLOD'
+    )
+    if (canvasStore.canvas) {
+      canvasStore.canvas.min_font_size_for_lod = minFontSizeForLOD
+      canvasStore.canvas.setDirty(/* fg */ true, /* bg */ true)
+    }
+  })
+
+  watchEffect(() => {
+    const linkMarkerShape = settingStore.get('Comfy.Graph.LinkMarkers')
+    const { canvas } = canvasStore
+    if (canvas) {
+      canvas.linkMarkerShape = linkMarkerShape
+      canvas.setDirty(false, true)
+    }
+  })
+
+  watchEffect(() => {
+    const maximumFps = settingStore.get('LiteGraph.Canvas.MaximumFps')
+    const { canvas } = canvasStore
+    if (canvas) canvas.maximumFps = maximumFps
+  })
+
+  watchEffect(() => {
+    const dragZoomEnabled = settingStore.get('Comfy.Graph.CtrlShiftZoom')
+    const { canvas } = canvasStore
+    if (canvas) canvas.dragZoomEnabled = dragZoomEnabled
+  })
+
+  watchEffect(() => {
+    CanvasPointer.doubleClickTime = settingStore.get(
+      'Comfy.Pointer.DoubleClickTime'
+    )
+  })
+
+  watchEffect(() => {
+    CanvasPointer.bufferTime = settingStore.get('Comfy.Pointer.ClickBufferTime')
+  })
+
+  watchEffect(() => {
+    CanvasPointer.maxClickDrift = settingStore.get('Comfy.Pointer.ClickDrift')
+  })
+
+  watchEffect(() => {
+    LiteGraph.CANVAS_GRID_SIZE = settingStore.get('Comfy.SnapToGrid.GridSize')
+  })
+
+  watchEffect(() => {
+    LiteGraph.alwaysSnapToGrid = settingStore.get('pysssss.SnapToGrid')
+  })
+
+  watchEffect(() => {
+    LiteGraph.context_menu_scaling = settingStore.get(
+      'LiteGraph.ContextMenu.Scaling'
+    )
+  })
+
+  watchEffect(() => {
+    LiteGraph.Reroute.maxSplineOffset = settingStore.get(
+      'LiteGraph.Reroute.SplineOffset'
+    )
+  })
+
+  watchEffect(() => {
+    const navigationMode = settingStore.get('Comfy.Canvas.NavigationMode') as
+      | 'standard'
+      | 'legacy'
+
+    LiteGraph.canvasNavigationMode = navigationMode
+    LiteGraph.macTrackpadGestures = navigationMode === 'standard'
+  })
+
+  watchEffect(() => {
+    LiteGraph.saveViewportWithGraph = settingStore.get(
+      'Comfy.EnableWorkflowViewRestore'
+    )
+  })
+}