refactor(store): move hooks to store dir

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>

src/store/hooks.ts

@@ -0,0 +1,51 @@
+import { EmitFunc, FlowHooks, FlowEvents, FlowStore } from '~/types'
+
+// flow event hooks
+export const createHooks = (): FlowHooks => ({
+  edgesChange: createEventHook(),
+  nodesChange: createEventHook(),
+  elementClick: createEventHook(),
+  nodeDoubleClick: createEventHook(),
+  nodeClick: createEventHook(),
+  nodeMouseEnter: createEventHook(),
+  nodeMouseMove: createEventHook(),
+  nodeMouseLeave: createEventHook(),
+  nodeContextMenu: createEventHook(),
+  nodeDragStart: createEventHook(),
+  nodeDrag: createEventHook(),
+  nodeDragStop: createEventHook(),
+  connect: createEventHook(),
+  connectStart: createEventHook(),
+  connectStop: createEventHook(),
+  connectEnd: createEventHook(),
+  paneReady: createEventHook(),
+  move: createEventHook(),
+  moveStart: createEventHook(),
+  moveEnd: createEventHook(),
+  selectionDragStart: createEventHook(),
+  selectionDrag: createEventHook(),
+  selectionDragStop: createEventHook(),
+  selectionContextMenu: createEventHook(),
+  paneScroll: createEventHook(),
+  paneClick: createEventHook(),
+  paneContextMenu: createEventHook(),
+  edgeContextMenu: createEventHook(),
+  edgeMouseEnter: createEventHook(),
+  edgeMouseMove: createEventHook(),
+  edgeMouseLeave: createEventHook(),
+  edgeDoubleClick: createEventHook(),
+  edgeClick: createEventHook(),
+  edgeUpdateStart: createEventHook(),
+  edgeUpdate: createEventHook(),
+  edgeUpdateEnd: createEventHook(),
+})
+
+const bind = (emit: EmitFunc, hooks: FlowHooks) => {
+  for (const [key, value] of Object.entries(hooks)) {
+    value.on((data: FlowEvents[keyof FlowHooks]) => {
+      emit(key as keyof FlowHooks, data)
+    })
+  }
+}
+
+export default (store: FlowStore, emit: EmitFunc) => bind(emit, store.hooks)

src/store/index.ts

@@ -1,2 +1,3 @@
+export { default as useHooks } from './hooks'
 export { default as useStore } from './store'
 export * from './state'

src/store/state.ts

@@ -1,6 +1,6 @@
+import { createHooks } from './hooks'
 import { ConnectionMode, FlowState, PanOnScrollMode, DefaultNodeTypes, DefaultEdgeTypes, ConnectionLineType } from '~/types'
 import { DefaultNode, InputNode, OutputNode, BezierEdge, SmoothStepEdge, StepEdge, StraightEdge } from '~/components'
-import { createHooks } from '~/composables'
 
 export const defaultNodeTypes: DefaultNodeTypes = {
   input: InputNode,