import { baseStyles } from '/static/js/graph/style.js';

export function mountCy(container, graphJson) {
  const styles = Array.isArray(graphJson.styles)
    ? [...baseStyles, ...graphJson.styles]
    : baseStyles;

  const cy = cytoscape({
    container,
    style: styles,
    elements: graphJson.elements,
    layout: graphJson.layout || { name: 'preset' }
  });

  cy.once('render', () => cy.fit(undefined, 40));
  window.addEventListener('resize', () => cy && cy.fit(undefined, 40));
  return cy;
}