knsv/mermaid

File flowRenderer-elk.js has 668 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { select, line, curveLinear } from 'd3';
import { insertNode } from '../../../dagre-wrapper/nodes.js';
import insertMarkers from '../../../dagre-wrapper/markers.js';
import { insertEdgeLabel } from '../../../dagre-wrapper/edges.js';
import { findCommonAncestor } from './render-utils.js';

Function addVertices has 155 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const addVertices = async function (vert, svgId, root, doc, diagObj, parentLookupDb, graph) {
  const svg = root.select(`[id="${svgId}"]`);
  const nodes = svg.insert('g').attr('class', 'nodes');
  const keys = Object.keys(vert);

Function addEdges has 132 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const addEdges = function (edges, diagObj, graph, svg) {
  log.info('abc78 edges = ', edges);
  const labelsEl = svg.insert('g').attr('class', 'edgeLabels');
  let linkIdCnt = {};
  let dir = diagObj.db.getDirection();

Function draw has 100 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const draw = async function (text, id, _version, diagObj) {
  // Add temporary render element
  diagObj.db.clear();
  nodeDb = {};
  portPos = {};

Function getNextPort has 45 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const getNextPort = (node, edgeDirection, graphDirection) => {
  log.info('getNextPort', { node, edgeDirection, graphDirection });
  if (!portPos[node]) {
    switch (graphDirection) {
      case 'TB':

Function drawNodes has 44 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const drawNodes = (relX, relY, nodeArray, svg, subgraphsEl, diagObj, depth) => {
  nodeArray.forEach(function (node) {
    if (node) {
      nodeDb[node.id].offset = {
        posX: node.x + relX,

Function getNextPosition has 44 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const getNextPosition = (position, edgeDirection, graphDirection) => {
  const portPos = {
    TB: {
      in: {
        north: 'north',

Function insertEdge has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const insertEdge = function (edgesEl, edge, edgeData, diagObj, parentLookupDb, id) {
  const offset = calcOffset(edge.sourceId, edge.targetId, parentLookupDb);

  const src = edge.sections[0].startPoint;
  const dest = edge.sections[0].endPoint;

Function addVertices has 7 arguments (exceeds 4 allowed). Consider refactoring.

Open

export const addVertices = async function (vert, svgId, root, doc, diagObj, parentLookupDb, graph) {

Function insertEdge has 6 arguments (exceeds 4 allowed). Consider refactoring.

Open

const insertEdge = function (edgesEl, edge, edgeData, diagObj, parentLookupDb, id) {

Function addMarkersToEdge has 5 arguments (exceeds 4 allowed). Consider refactoring.

Open

const addMarkersToEdge = function (svgPath, edgeData, diagramType, arrowMarkerAbsolute, id) {

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      const node = {
        labelStyle: styles.labelStyle,
        shape: _shape,
        labelText: vertexText,
        labelType: vertex.labelType,

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

    switch (edge.type) {
      case 'double_arrow_cross':
        edgeData.arrowTypeStart = 'arrow_cross';
      case 'arrow_cross':
        edgeData.arrowTypeEnd = 'arrow_cross';

• Read up
  Read up

Identical blocks of code found in 3 locations. Consider refactoring.

Open

    if (edge.interpolate !== undefined) {
      edgeData.curve = interpolateToCurve(edge.interpolate, curveLinear);
    } else if (edges.defaultInterpolate !== undefined) {
      edgeData.curve = interpolateToCurve(edges.defaultInterpolate, curveLinear);
    } else {

• Read up
  Read up

Identical blocks of code found in 5 locations. Consider refactoring.

Open

  if (arrowMarkerAbsolute) {
    url =
      window.location.protocol +
      '//' +
      window.location.host +

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

    if (linkIdCnt[linkIdBase] === undefined) {
      linkIdCnt[linkIdBase] = 0;
      log.info('abc78 new entry', linkIdBase, linkIdCnt[linkIdBase]);
    } else {
      linkIdCnt[linkIdBase]++;

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

      case 'normal':
        style = 'fill:none;';
        if (defaultStyle !== undefined) {
          style = defaultStyle;
        }

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

    if (edge.text === undefined) {
      if (edge.style !== undefined) {
        edgeData.arrowheadStyle = 'fill: #333';
      }
    } else {

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

  if (edges.defaultStyle !== undefined) {
    const defaultStyles = getStylesFromArray(edges.defaultStyle);
    defaultStyle = defaultStyles.style;
    defaultLabelStyle = defaultStyles.labelStyle;
  }

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

    if (edge.style !== undefined) {
      const styles = getStylesFromArray(edge.style);
      style = styles.style;
      labelStyle = styles.labelStyle;
    }

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

    diagObj.db.addVertex(
      subG.id,
      { text: subG.title, type: subG.labelType },
      'group',
      undefined,

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

    if (edge.type === 'arrow_open') {
      edgeData.arrowhead = 'none';
    } else {
      edgeData.arrowhead = 'normal';
    }

• Read up
  Read up