refactor(editor): Move remaining canvas code to features (no-changelog) (#20633)

packages/frontend/editor-ui/src/__tests__/data/index.ts

@@ -1 +0,0 @@
-export * from './canvas';

packages/frontend/editor-ui/src/components/FocusPanel.test.ts

@@ -1,4 +1,4 @@
-import { createCanvasGraphNode } from '@/__tests__/data';
+import { createCanvasGraphNode } from '@/features/canvas/__tests__/utils';
 import { createTestNode, createTestWorkflow, mockNodeTypeDescription } from '@/__tests__/mocks';
 import { createComponentRenderer } from '@/__tests__/render';
 import { mockedStore } from '@/__tests__/utils';

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

@@ -117,7 +117,7 @@ import { isChatNode } from '@/utils/aiUtils';
 import cloneDeep from 'lodash/cloneDeep';
 import uniq from 'lodash/uniq';
 import { useExperimentalNdvStore } from '@/features/canvas/experimental/experimentalNdv.store';
-import { canvasEventBus } from '@/event-bus/canvas';
+import { canvasEventBus } from '@/features/canvas/canvas.eventBus';
 import { useFocusPanelStore } from '@/stores/focusPanel.store';
 import type { TelemetryNdvSource, TelemetryNdvType } from '@/types/telemetry';
 import { useRoute, useRouter } from 'vue-router';

packages/frontend/editor-ui/src/features/canvas/canvas.eventBus.ts

@@ -1,4 +1,4 @@
-import type { CanvasEventBusEvents } from '@/features/canvas/canvas.types';
+import type { CanvasEventBusEvents } from './canvas.types';
 import { createEventBus } from '@n8n/utils/event-bus';
 
 export const canvasEventBus = createEventBus<CanvasEventBusEvents>();

packages/frontend/editor-ui/src/features/canvas/components/Canvas.test.ts

@@ -4,12 +4,12 @@ import { createComponentRenderer } from '@/__tests__/render';
 import Canvas from './Canvas.vue';
 import { createPinia, setActivePinia } from 'pinia';
 import type { CanvasConnection, CanvasNode } from '../canvas.types';
-import { createCanvasConnection, createCanvasNodeElement } from '@/__tests__/data';
+import { createCanvasConnection, createCanvasNodeElement } from '@/features/canvas/__tests__/utils';
 import { NodeConnectionTypes } from 'n8n-workflow';
 import type { useDeviceSupport } from '@n8n/composables/useDeviceSupport';
 import { useVueFlow } from '@vue-flow/core';
 import { SIMULATE_NODE_TYPE } from '@/constants';
-import { canvasEventBus } from '@/event-bus/canvas';
+import { canvasEventBus } from '@/features/canvas/canvas.eventBus';
 
 const matchMedia = global.window.matchMedia;
 // @ts-expect-error Initialize window object

packages/frontend/editor-ui/src/features/canvas/components/elements/edges/CanvasConnectionLine.test.ts

@@ -4,7 +4,7 @@ import { createTestingPinia } from '@pinia/testing';
 import { setActivePinia } from 'pinia';
 import type { ConnectionLineProps } from '@vue-flow/core';
 import { Position } from '@vue-flow/core';
-import { createCanvasProvide } from '@/__tests__/data';
+import { createCanvasProvide } from '@/features/canvas/__tests__/utils';
 import { waitFor } from '@testing-library/vue';
 
 const DEFAULT_PROPS = {

packages/frontend/editor-ui/src/features/canvas/components/elements/handles/render-types/CanvasHandleMainInput.test.ts

@@ -1,6 +1,6 @@
 import CanvasHandleMainInput from './CanvasHandleMainInput.vue';
 import { createComponentRenderer } from '@/__tests__/render';
-import { createCanvasHandleProvide } from '@/__tests__/data';
+import { createCanvasHandleProvide } from '@/features/canvas/__tests__/utils';
 
 const renderComponent = createComponentRenderer(CanvasHandleMainInput);
 

packages/frontend/editor-ui/src/features/canvas/components/elements/handles/render-types/CanvasHandleMainOutput.test.ts

@@ -1,6 +1,6 @@
 import CanvasHandleMainOutput from './CanvasHandleMainOutput.vue';
 import { createComponentRenderer } from '@/__tests__/render';
-import { createCanvasHandleProvide } from '@/__tests__/data';
+import { createCanvasHandleProvide } from '@/features/canvas/__tests__/utils';
 
 const renderComponent = createComponentRenderer(CanvasHandleMainOutput);
 

packages/frontend/editor-ui/src/features/canvas/components/elements/handles/render-types/CanvasHandleNonMainInput.test.ts

@@ -1,6 +1,6 @@
 import CanvasHandleNonMainInput from './CanvasHandleNonMainInput.vue';
 import { createComponentRenderer } from '@/__tests__/render';
-import { createCanvasHandleProvide } from '@/__tests__/data';
+import { createCanvasHandleProvide } from '@/features/canvas/__tests__/utils';
 
 const renderComponent = createComponentRenderer(CanvasHandleNonMainInput);
 

packages/frontend/editor-ui/src/features/canvas/components/elements/handles/render-types/CanvasHandleNonMainOutput.test.ts

@@ -1,6 +1,6 @@
 import CanvasHandleNonMainOutput from './CanvasHandleNonMainOutput.vue';
 import { createComponentRenderer } from '@/__tests__/render';
-import { createCanvasHandleProvide } from '@/__tests__/data';
+import { createCanvasHandleProvide } from '@/features/canvas/__tests__/utils';
 
 const renderComponent = createComponentRenderer(CanvasHandleNonMainOutput);
 

packages/frontend/editor-ui/src/features/canvas/components/elements/handles/render-types/parts/CanvasHandlePlus.test.ts

@@ -1,7 +1,7 @@
 import { fireEvent } from '@testing-library/vue';
 import CanvasHandlePlus from './CanvasHandlePlus.vue';
 import { createComponentRenderer } from '@/__tests__/render';
-import { createCanvasHandleProvide } from '@/__tests__/data';
+import { createCanvasHandleProvide } from '@/features/canvas/__tests__/utils';
 
 const renderComponent = createComponentRenderer(CanvasHandlePlus, {
 	global: {

packages/frontend/editor-ui/src/features/canvas/components/elements/nodes/CanvasNode.test.ts

@@ -3,7 +3,11 @@ import { createComponentRenderer } from '@/__tests__/render';
 import { createPinia, setActivePinia } from 'pinia';
 import { NodeConnectionTypes } from 'n8n-workflow';
 import { fireEvent } from '@testing-library/vue';
-import { createCanvasNodeData, createCanvasNodeProps, createCanvasProvide } from '@/__tests__/data';
+import {
+	createCanvasNodeData,
+	createCanvasNodeProps,
+	createCanvasProvide,
+} from '@/features/canvas/__tests__/utils';
 import { CanvasNodeRenderType } from '../../../canvas.types';
 
 vi.mock('@/stores/nodeTypes.store', () => ({

packages/frontend/editor-ui/src/features/canvas/components/elements/nodes/CanvasNodeRenderer.test.ts

@@ -1,6 +1,6 @@
 import CanvasNodeRenderer from './CanvasNodeRenderer.vue';
 import { createComponentRenderer } from '@/__tests__/render';
-import { createCanvasNodeProvide, createCanvasProvide } from '@/__tests__/data';
+import { createCanvasNodeProvide, createCanvasProvide } from '@/features/canvas/__tests__/utils';
 import { createTestingPinia } from '@pinia/testing';
 import { setActivePinia } from 'pinia';
 import { CanvasNodeRenderType } from '../../../canvas.types';

packages/frontend/editor-ui/src/features/canvas/components/elements/nodes/CanvasNodeToolbar.test.ts

@@ -2,7 +2,7 @@ import { waitFor } from '@testing-library/vue';
 import userEvent from '@testing-library/user-event';
 import CanvasNodeToolbar from './CanvasNodeToolbar.vue';
 import { createComponentRenderer } from '@/__tests__/render';
-import { createCanvasNodeProvide, createCanvasProvide } from '@/__tests__/data';
+import { createCanvasNodeProvide, createCanvasProvide } from '@/features/canvas/__tests__/utils';
 import { CanvasNodeRenderType } from '../../../canvas.types';
 import { createPinia, setActivePinia, type Pinia } from 'pinia';
 

packages/frontend/editor-ui/src/features/canvas/components/elements/nodes/render-types/CanvasNodeAddNodes.test.ts

@@ -1,4 +1,4 @@
-import { createCanvasNodeProvide, createCanvasProvide } from '@/__tests__/data';
+import { createCanvasNodeProvide, createCanvasProvide } from '@/features/canvas/__tests__/utils';
 import { createComponentRenderer } from '@/__tests__/render';
 import { TEMPLATES_URLS } from '@/constants';
 import { useSettingsStore } from '@/stores/settings.store';

packages/frontend/editor-ui/src/features/canvas/components/elements/nodes/render-types/CanvasNodeDefault.test.ts

@@ -1,7 +1,7 @@
 import CanvasNodeDefault from './CanvasNodeDefault.vue';
 import { createComponentRenderer } from '@/__tests__/render';
 import { NodeConnectionTypes } from 'n8n-workflow';
-import { createCanvasNodeProvide, createCanvasProvide } from '@/__tests__/data';
+import { createCanvasNodeProvide, createCanvasProvide } from '@/features/canvas/__tests__/utils';
 import { createTestingPinia } from '@pinia/testing';
 import { setActivePinia } from 'pinia';
 import { CanvasConnectionMode, CanvasNodeRenderType } from '../../../../canvas.types';

packages/frontend/editor-ui/src/features/canvas/components/elements/nodes/render-types/CanvasNodeStickyNote.test.ts

@@ -1,6 +1,6 @@
 import CanvasNodeStickyNote from './CanvasNodeStickyNote.vue';
 import { createComponentRenderer } from '@/__tests__/render';
-import { createCanvasNodeProvide } from '@/__tests__/data';
+import { createCanvasNodeProvide } from '@/features/canvas/__tests__/utils';
 import { createTestingPinia } from '@pinia/testing';
 import { setActivePinia } from 'pinia';
 import { fireEvent } from '@testing-library/vue';

packages/frontend/editor-ui/src/features/canvas/components/elements/nodes/render-types/parts/CanvasNodeStatusIcons.test.ts

@@ -1,6 +1,6 @@
 import CanvasNodeStatusIcons from './CanvasNodeStatusIcons.vue';
 import { createComponentRenderer } from '@/__tests__/render';
-import { createCanvasNodeProvide, createCanvasProvide } from '@/__tests__/data';
+import { createCanvasNodeProvide, createCanvasProvide } from '@/features/canvas/__tests__/utils';
 import { createTestingPinia } from '@pinia/testing';
 import { CanvasNodeDirtiness, CanvasNodeRenderType } from '../../../../../canvas.types';
 

packages/frontend/editor-ui/src/features/canvas/components/elements/nodes/render-types/parts/CanvasNodeTooltip.test.ts

@@ -1,7 +1,7 @@
 import CanvasNodeTooltip from './CanvasNodeTooltip.vue';
 import { createComponentRenderer } from '@/__tests__/render';
 import type { CanvasNodeDefaultRender } from '../../../../../canvas.types';
-import { createCanvasNodeProvide } from '@/__tests__/data';
+import { createCanvasNodeProvide } from '@/features/canvas/__tests__/utils';
 import { waitFor } from '@testing-library/vue';
 
 const renderComponent = createComponentRenderer(CanvasNodeTooltip);

packages/frontend/editor-ui/src/features/canvas/components/elements/nodes/toolbar/CanvasNodeStickyColorSelector.test.ts

@@ -1,7 +1,7 @@
 import { fireEvent } from '@testing-library/vue';
 import CanvasNodeStickyColorSelector from './CanvasNodeStickyColorSelector.vue';
 import { createComponentRenderer } from '@/__tests__/render';
-import { createCanvasNodeProvide } from '@/__tests__/data';
+import { createCanvasNodeProvide } from '@/features/canvas/__tests__/utils';
 
 const renderComponent = createComponentRenderer(CanvasNodeStickyColorSelector);
 

packages/frontend/editor-ui/src/features/canvas/composables/useCanvasLayout.test.ts

@@ -1,6 +1,6 @@
 import { useVueFlow, type GraphNode, type VueFlowStore } from '@vue-flow/core';
 import { computed, ref } from 'vue';
-import { createCanvasGraphEdge, createCanvasGraphNode } from '@/__tests__/data';
+import { createCanvasGraphEdge, createCanvasGraphNode } from '@/features/canvas/__tests__/utils';
 import { CanvasNodeRenderType, type CanvasNodeData } from '../canvas.types';
 import { useCanvasLayout, type CanvasLayoutResult } from './useCanvasLayout';
 import { STICKY_NODE_TYPE } from '@/constants';

packages/frontend/editor-ui/src/features/logs/composables/useLogsSelection.ts

@@ -7,7 +7,7 @@ import {
 	isSubNodeLog,
 } from '@/features/logs/logs.utils';
 import { useTelemetry } from '@/composables/useTelemetry';
-import { canvasEventBus } from '@/event-bus/canvas';
+import { canvasEventBus } from '@/features/canvas/canvas.eventBus';
 import type { IExecutionResponse } from '@/Interface';
 import { useCanvasStore } from '@/stores/canvas.store';
 import { useLogsStore } from '@/stores/logs.store';

packages/frontend/editor-ui/src/features/ui/commandBar/composables/useNodeCommands.ts

@@ -5,7 +5,7 @@ import { useCredentialsStore } from '@/stores/credentials.store';
 import { useRootStore } from '@n8n/stores/useRootStore';
 import { useCanvasOperations } from '@/composables/useCanvasOperations';
 import { useActionsGenerator } from '@/components/Node/NodeCreator/composables/useActionsGeneration';
-import { canvasEventBus } from '@/event-bus/canvas';
+import { canvasEventBus } from '@/features/canvas/canvas.eventBus';
 import { type CommandBarItem } from '@n8n/design-system/components/N8nCommandBar/types';
 import { getNodeIcon, getNodeIconUrl } from '@/utils/nodeIcon';
 import type { SimplifiedNodeType } from '@/Interface';

packages/frontend/editor-ui/src/features/ui/commandBar/composables/useWorkflowCommands.ts

@@ -10,7 +10,7 @@ import { useTelemetry } from '@/composables/useTelemetry';
 import { useWorkflowSaving } from '@/composables/useWorkflowSaving';
 import { useRunWorkflow } from '@/composables/useRunWorkflow';
 import { useWorkflowHelpers } from '@/composables/useWorkflowHelpers';
-import { canvasEventBus } from '@/event-bus/canvas';
+import { canvasEventBus } from '@/features/canvas/canvas.eventBus';
 import { DUPLICATE_MODAL_KEY, EXECUTE_WORKFLOW_NODE_TYPE, VIEWS } from '@/constants';
 import type { IWorkflowToShare } from '@/Interface';
 import { saveAs } from 'file-saver';

packages/frontend/editor-ui/src/views/NodeView.vue

@@ -129,7 +129,7 @@ import { useWorkflowExtraction } from '@/composables/useWorkflowExtraction';
 import { useAgentRequestStore } from '@n8n/stores/useAgentRequestStore';
 import { needsAgentInput } from '@/utils/nodes/nodeTransforms';
 import { useLogsStore } from '@/stores/logs.store';
-import { canvasEventBus } from '@/event-bus/canvas';
+import { canvasEventBus } from '@/features/canvas/canvas.eventBus';
 import CanvasChatButton from '@/features/canvas/components/elements/buttons/CanvasChatButton.vue';
 import { useFocusPanelStore } from '@/stores/focusPanel.store';
 import { useAITemplatesStarterCollectionStore } from '@/experiments/aiTemplatesStarterCollection/stores/aiTemplatesStarterCollection.store';