feat(editor): Add node enable/disable functionality in new canvas (no-changelog) (#9872)

packages/editor-ui/src/composables/useCanvasOperations.ts

@@ -46,6 +46,7 @@ import { useCredentialsStore } from '@/stores/credentials.store';
 import { useWorkflowHelpers } from '@/composables/useWorkflowHelpers';
 import type { useRouter } from 'vue-router';
 import { useCanvasStore } from '@/stores/canvas.store';
+import { useNodeHelpers } from '@/composables/useNodeHelpers';
 
 type AddNodeData = {
 	name?: string;
@@ -78,6 +79,7 @@ export function useCanvasOperations({
 	const i18n = useI18n();
 	const toast = useToast();
 	const workflowHelpers = useWorkflowHelpers({ router });
+	const nodeHelpers = useNodeHelpers();
 	const telemetry = useTelemetry();
 	const externalHooks = useExternalHooks();
 
@@ -235,6 +237,18 @@ export function useCanvasOperations({
 		uiStore.lastSelectedNode = node.name;
 	}
 
+	function toggleNodeDisabled(
+		id: string,
+		{ trackHistory = true }: { trackHistory?: boolean } = {},
+	) {
+		const node = workflowsStore.getNodeById(id);
+		if (!node) {
+			return;
+		}
+
+		nodeHelpers.disableNodes([node], trackHistory);
+	}
+
 	async function addNodes(
 		nodes: AddedNodesAndConnections['nodes'],
 		{
@@ -886,6 +900,7 @@ export function useCanvasOperations({
 		setNodeActive,
 		setNodeActiveByName,
 		setNodeSelected,
+		toggleNodeDisabled,
 		renameNode,
 		revertRenameNode,
 		deleteNode,