refactor: add default plugin support

Author: sheikalthaf

projects/flow/src/lib/flow.component.ts

@@ -23,6 +23,7 @@ import {
   ArrowPathFn,
 } from './flow-interface';
 import { FlowConfig, FlowPlugin } from './plugins/plugin';
+import { Connections } from './plugins/connections';
 
 const BASE_SCALE_AMOUNT = 0.05;
 
@@ -137,6 +138,7 @@ export class FlowComponent
   @ViewChild('guideLines') guideLines: ElementRef<SVGGElement>;
   initialX = 0;
   initialY = 0;
+  defaultPlugins = [new Connections()];
 
   constructor(
     public el: ElementRef<HTMLElement>,
@@ -171,6 +173,9 @@ export class FlowComponent
   }
 
   private runPlugin(callback: (e: FlowPlugin) => void) {
+    for (const plug of this.defaultPlugins) {
+      callback(plug);
+    }
     for (const key in this.config.Plugins) {
       if (Object.prototype.hasOwnProperty.call(this.config.Plugins, key)) {
         const element = this.config.Plugins[key];

projects/flow/src/public-api.ts

@@ -10,5 +10,4 @@ export * from './lib/svg';
 export { FitToWindow } from './lib/plugins/fit-to-window';
 export { ScrollIntoView } from './lib/plugins/scroll-into-view';
 export { Arrangements } from './lib/plugins/arrangements';
-export { Connections } from './lib/plugins/connections';
 export { FlowConfig, FlowPlugin } from './lib/plugins/plugin';

src/app/demo/demo-one.component.ts

@@ -13,7 +13,6 @@ import {
   FitToWindow,
   ScrollIntoView,
   Arrangements,
-  Connections,
 } from '@ngu/flow';
 import { EditorComponent } from '../editor.component';
 import { ToolbarComponent } from './toolbar.component';
@@ -91,7 +90,6 @@ export class DemoOneComponent implements AfterViewInit {
     scroll: new ScrollIntoView('1'),
     fitWindow: new FitToWindow(true),
     arrange: new Arrangements(),
-    connections: new Connections(),
   };
   config: FlowConfig = {
     Arrows: true,

src/app/demo/demo-two.component.ts

@@ -13,7 +13,6 @@ import {
   ScrollIntoView,
   FitToWindow,
   Arrangements,
-  Connections,
 } from '@ngu/flow';
 import { EditorComponent } from '../editor.component';
 import { ToolbarComponent } from './toolbar.component';
@@ -101,7 +100,6 @@ export class DemoTwoComponent implements AfterViewInit {
     scroll: new ScrollIntoView('1'),
     fitWindow: new FitToWindow(false),
     arrange: new Arrangements(),
-    connections: new Connections(),
   };
   config: FlowConfig = {
     Arrows: true,