feat(index): enhance public API by exporting additional modules and interfaces

- Added exports for core functionalities to the main index file
- Introduced new interfaces for node resize and rotate event data
- Implemented a store for connection markers and plugins
- Refactored existing methods to utilize the new store structure
- Updated drag handler to improve event handling consistency

Author: shuzarevich

projects/f-flow/src/domain/f-canvas/center-group-or-node/center-group-or-node.execution.ts

@@ -40,14 +40,14 @@ export class CenterGroupOrNodeExecution implements IExecution<CenterGroupOrNodeR
   }
 
   private getNode(id: string): FNodeBase | undefined {
-    return this._store.fNodes.find((x) => x.fId() === id);
+    return this._store.nodes.getAll<FNodeBase>().find((x) => x.fId() === id);
   }
 
   private getNodeRect(fNode: FNodeBase): IRect {
     return RectExtensions.fromElement(fNode.hostElement);
   }
 
   private getFlowRect(): IRect {
-    return RectExtensions.fromElement(this._store.fFlow!.hostElement);
+    return RectExtensions.fromElement(this._store.flowHost);
   }
 }

projects/f-flow/src/domain/f-canvas/fit-to-flow/fit-to-flow.execution.ts

@@ -4,6 +4,7 @@ import { FExecutionRegister, FMediator, IExecution } from '@foblex/mediator';
 import { IPoint, IRect, ITransformModel, PointExtensions, RectExtensions } from '@foblex/2d';
 import { FComponentsStore } from '../../../f-storage';
 import { CalculateNodesBoundingBoxRequest, RedrawCanvasWithAnimationRequest } from '../../../domain';
+import { FNodeBase } from '../../../f-node';
 
 /**
  * Fits all nodes and groups to the flow by scaling and positioning them
@@ -28,8 +29,8 @@ export class FitToFlowExecution implements IExecution<FitToFlowRequest, void> {
 
     this.fitToParent(
       fNodesRect,
-      RectExtensions.fromElement(this._store.fFlow!.hostElement),
-      this._store.fNodes.map((x) => x._position),
+      RectExtensions.fromElement(this._store.flowHost),
+      this._store.nodes.getAll<FNodeBase>().map((x) => x._position),
       request.toCenter,
     );
 

projects/f-flow/src/domain/f-canvas/reset-scale-and-center/reset-scale-and-center.execution.ts

@@ -4,6 +4,7 @@ import { FExecutionRegister, FMediator, IExecution } from '@foblex/mediator';
 import { IPoint, IRect, ITransformModel, PointExtensions, RectExtensions } from '@foblex/2d';
 import { CalculateNodesBoundingBoxRequest, RedrawCanvasWithAnimationRequest } from '../../../domain';
 import { FComponentsStore } from '../../../f-storage';
+import { FNodeBase } from '../../../f-node';
 
 /**
  * Execution that resets the scale of the canvas and centers the nodes and groups inside the flow.
@@ -26,8 +27,8 @@ export class ResetScaleAndCenterExecution implements IExecution<ResetScaleAndCen
     }
     this._oneToOneCentering(
       fNodesRect,
-      RectExtensions.fromElement(this._store.fFlow!.hostElement),
-      this._store.fNodes.map((x) => x._position),
+      RectExtensions.fromElement(this._store.flowHost),
+      this._store.nodes.getAll<FNodeBase>().map((x) => x._position),
     );
 
     this._fMediator.execute(new RedrawCanvasWithAnimationRequest(request.animated));

projects/f-flow/src/domain/f-connection/add-connection-for-create-to-store/add-connection-for-create-to-store.ts

@@ -14,6 +14,6 @@ export class AddConnectionForCreateToStore
   private readonly _store = inject(FComponentsStore);
 
   public handle({ connection }: AddConnectionForCreateToStoreRequest): void {
-    this._store.fTempConnection = connection;
+    this._store.connections.addForCreate(connection);
   }
 }

projects/f-flow/src/domain/f-connection/add-connection-marker-to-store/add-connection-marker-to-store-request.ts

@@ -3,5 +3,5 @@ import { FConnectionMarkerBase } from '../../../f-connection-v2';
 export class AddConnectionMarkerToStoreRequest {
   static readonly fToken = Symbol('AddConnectionMarkerToStoreRequest');
 
-  constructor(public readonly component: FConnectionMarkerBase) {}
+  constructor(public readonly instance: FConnectionMarkerBase) {}
 }

projects/f-flow/src/domain/f-connection/add-connection-marker-to-store/add-connection-marker-to-store.ts

@@ -13,7 +13,8 @@ export class AddConnectionMarkerToStore
 {
   private readonly _store = inject(FComponentsStore);
 
-  public handle({ component }: AddConnectionMarkerToStoreRequest): void {
-    this._store.addComponent(this._store.fMarkers, component);
+  public handle({ instance }: AddConnectionMarkerToStoreRequest): void {
+    this._store.connectionMarkers.add(instance);
+    this._store.countChanged();
   }
 }

projects/f-flow/src/domain/f-connection/add-connection-to-store/add-connection-to-store.ts

@@ -12,7 +12,7 @@ export class AddConnectionToStore implements IExecution<AddConnectionToStoreRequ
   private readonly _store = inject(FComponentsStore);
 
   public handle({ connection }: AddConnectionToStoreRequest): void {
-    this._store.fConnections.push(connection);
+    this._store.connections.add(connection);
     this._store.dataChanged();
   }
 }

projects/f-flow/src/domain/f-connection/add-snap-connection-to-store/add-snap-connection-to-store.ts

@@ -12,6 +12,6 @@ export class AddSnapConnectionToStore implements IExecution<AddSnapConnectionToS
   private readonly _store = inject(FComponentsStore);
 
   public handle({ connection }: AddSnapConnectionToStoreRequest): void {
-    this._store.fSnapConnection = connection;
+    this._store.connections.addForSnap(connection);
   }
 }

projects/f-flow/src/domain/f-connection/create-connection-markers/create-connection-markers.ts

@@ -40,7 +40,7 @@ export class CreateConnectionMarkers implements IExecution<CreateConnectionMarke
   }
 
   public _findConnectionMarkers(connection: FConnectionBase): FConnectionMarkerBase[] {
-    return this._store.fMarkers.filter((x) => connection.hostElement.contains(x.hostElement));
+    return this._store.connectionMarkers.getAll<FConnectionMarkerBase>().filter((x) => connection.hostElement.contains(x.hostElement));
   }
 
   // Safari does not support markers on path elements if markers are defined after the path element

projects/f-flow/src/domain/f-connection/redraw-connections/redraw-connections.ts

@@ -28,15 +28,17 @@ export class RedrawConnections implements IExecution<RedrawConnectionsRequest, v
   public handle(_request: RedrawConnectionsRequest): void {
     this._resetConnectors();
 
-    if (this._store.fTempConnection) {
-      this._createMarkers(this._store.fTempConnection);
+    const instanceForCreate = this._store.connections.getForCreate<FConnectionBase>();
+    if (instanceForCreate) {
+      this._createMarkers(instanceForCreate);
     }
 
-    if (this._store.fSnapConnection) {
-      this._createMarkers(this._store.fSnapConnection);
+    const instanceForSnap = this._store.connections.getForSnap<FConnectionBase>();
+    if (instanceForSnap) {
+      this._createMarkers(instanceForSnap);
     }
 
-    this._store.fConnections.forEach((connection) => {
+    this._store.connections.getAll<FConnectionBase>().forEach((connection) => {
       this._setupConnection(
         this._getSourceConnector(connection.fOutputId()),
         this._getTargetConnector(connection.fInputId()),