feat(core): add init hook

Author: bcakmakoglu

packages/core/src/composables/useOnInitHandler.ts

@@ -7,6 +7,7 @@ export function useOnInitHandler() {
   watch(vfInstance.viewportInitialized, (isInitialized) => {
     if (isInitialized) {
       setTimeout(() => {
+        vfInstance.emits.init(vfInstance)
         vfInstance.emits.paneReady(vfInstance)
       }, 1)
     }

packages/core/src/store/hooks.ts

@@ -30,6 +30,7 @@ export function createHooks(): FlowHooks {
     clickConnectStart: createExtendedEventHook(),
     clickConnectEnd: createExtendedEventHook(),
     paneReady: createExtendedEventHook(),
+    init: createExtendedEventHook(),
     move: createExtendedEventHook(),
     moveStart: createExtendedEventHook(),
     moveEnd: createExtendedEventHook(),

packages/core/src/types/flow.ts

@@ -250,7 +250,9 @@ export interface FlowEmits {
   (event: 'viewportChangeStart', viewport: ViewportTransform): void
   (event: 'viewportChange', viewport: ViewportTransform): void
   (event: 'viewportChangeEnd', viewport: ViewportTransform): void
+  /** @deprecated use `init` instead */
   (event: 'paneReady', paneEvent: VueFlowStore): void
+  (event: 'init', paneEvent: VueFlowStore): void
   (event: 'paneScroll', paneEvent: WheelEvent | undefined): void
   (event: 'paneClick', paneEvent: MouseEvent): void
   (event: 'paneContextMenu', paneEvent: MouseEvent): void

packages/core/src/types/hooks.ts

@@ -63,7 +63,9 @@ export interface FlowEvents {
     event?: MouseEvent | TouchEvent
   } & OnConnectStartParams
   clickConnectEnd: MouseEvent | TouchEvent | undefined
+  /** @deprecated use `init` instead */
   paneReady: VueFlowStore
+  init: VueFlowStore
   move: { event: D3ZoomEvent<HTMLDivElement, any> | WheelEvent; flowTransform: ViewportTransform }
   moveStart: { event: D3ZoomEvent<HTMLDivElement, any> | WheelEvent; flowTransform: ViewportTransform }
   moveEnd: { event: D3ZoomEvent<HTMLDivElement, any> | WheelEvent; flowTransform: ViewportTransform }