New settings API (#1292)

* Add settings API

* Add playwright test

* Update README

src/stores/extensionStore.ts

@@ -47,6 +47,7 @@ export const useExtensionStore = defineStore('extension', () => {
     useKeybindingStore().loadExtensionKeybindings(extension)
     useCommandStore().loadExtensionCommands(extension)
     useMenuItemStore().loadExtensionMenuCommands(extension)
+    useSettingStore().loadExtensionSettings(extension)
 
     /*
      * Extensions are currently stored in both extensionStore and app.extensions.

src/stores/settingStore.ts

@@ -16,6 +16,7 @@ import { buildTree } from '@/utils/treeUtil'
 import { defineStore } from 'pinia'
 import type { TreeNode } from 'primevue/treenode'
 import { CORE_SETTINGS } from '@/stores/coreSettings'
+import { ComfyExtension } from '@/types/comfy'
 
 export interface SettingTreeNode extends TreeNode {
   data?: SettingParams
@@ -68,6 +69,12 @@ export const useSettingStore = defineStore('setting', {
       })
     },
 
+    loadExtensionSettings(extension: ComfyExtension) {
+      extension.settings?.forEach((setting: SettingParams) => {
+        app.ui.settings.addSetting(setting)
+      })
+    },
+
     async set<K extends keyof Settings>(key: K, value: Settings[K]) {
       this.settingValues[key] = value
       await app.ui.settings.setSettingValueAsync(key, value)

src/stores/workspaceStateStore.ts

@@ -4,6 +4,7 @@ import { useToastStore } from './toastStore'
 import { useQueueSettingsStore } from './queueStore'
 import { useCommandStore } from './commandStore'
 import { useSidebarTabStore } from './workspace/sidebarTabStore'
+import { useSettingStore } from './settingStore'
 
 interface WorkspaceState {
   spinner: boolean
@@ -30,6 +31,12 @@ export const useWorkspaceStore = defineStore('workspace', {
     },
     sidebarTab() {
       return useSidebarTabStore()
+    },
+    setting() {
+      return {
+        get: useSettingStore().get,
+        set: useSettingStore().set
+      }
     }
   },
   actions: {