import { Component } from "@angular/core";
import Graph from "graphology";
import erdosRenyi from "graphology-generators/random/erdos-renyi";
import circularLayout from "graphology-layout/circular";
@Component({
  selector: "app-root",
  templateUrl: "./app.component.html",
  styleUrls: ["./app.component.scss"]
})
export class AppComponent {
  title = "ng-sigma-example";
  graph: Graph;
  constructor() {
    this.graph = erdosRenyi(Graph, { order: 100, probability: 0.1 });
    circularLayout.assign(this.graph);
  }
}

import {
  Component,
  OnDestroy,
  AfterViewInit,
  ElementRef,
  ViewChild,
  Input
} from "@angular/core";
import Graph from "graphology";
import { Sigma } from "sigma";
@Component({
  selector: "sigma",
  template: "<div #container></div>",
  styleUrls: ["./sigma.component.scss"]
})
export class SigmaComponent implements AfterViewInit, OnDestroy {
  @ViewChild("container") container: ElementRef | null = null;
  @Input("graph") graph: Graph = new Graph();
  sigma?: Sigma;
  ngAfterViewInit(): void {
    if (this.container)
      this.sigma = new Sigma(this.graph, this.container.nativeElement);
  }
  ngOnDestroy(): void {
    if (this.sigma) {
      this.sigma.kill();
    }
  }
}

<sigma [graph]="graph"> </sigma>

import { 
  Component,
  OnInit,
  ElementRef,
  ViewChild,
  Input} from '@angular/core';
import { Sigma } from "sigma";
import Graph from "graphology";
@Component({
  selector: 'app-search',
  templateUrl: './search.component.html',
  styleUrls: ['./search.component.scss']
})
export class SearchComponent implements OnInit {
  @ViewChild("container") container: ElementRef | null = null; // could be null -> hence needs if statement
  @Input("graph") graph: Graph = new Graph();
  @Input() // should give me the sigma instance from sigma.component.ts
  constructor() {     
  }
  ngOnInit(): void {
      // should give me access to sigma instance graph
      console.log(this.renderer?.getGraph())
  }
}

sigmaObservable: Subject<Sigma> = new Subject();
setSigma(receivedSigma: Sigma): {
    this.sigmaObservable.next(this.receivedSigma);
}

ngAfterViewInit(): void {
    if (this.container) {
        this.sigma = new Sigma(this.graph, this.container.nativeElement);
        this.sigmaService.setSigma(this.sigma); // or create a separate variable and set it to both this.sigma and this one
    }  
}

_subscription: Subscription = Subscription.EMPTY;
sigmaInSearch: Sigma;
ngOnInit(): void {
    this._subscription = this.sigmaService.sigmaObservable.subscribe((sigmaValue) => {
        this.sigmaInSearch = sigmaValue;
    });
}
ngOnDestroy(): void {
    this._subscription.unsubscribe();
}