chore: Fix eslint errors

packages/mermaid/src/diagrams/flowchart/flowRenderer-v2.js

@@ -29,7 +29,7 @@ export const setConf = function (cnf) {
  */
 export const addVertices = async function (vert, g, svgId, root, doc, diagObj) {
   const svg = root.select(`[id="${svgId}"]`);
-  console.log('SVG:', svg, svg.node(), 'root:', root, root.node());
+  // console.log('SVG:', svg, svg.node(), 'root:', root, root.node());
 
   const keys = vert.keys();
 

packages/mermaid/src/diagrams/state/dataFetcher.js

@@ -1,41 +1,37 @@
+import { getConfig } from '../../diagram-api/diagramAPI.js';
 import { log } from '../../logger.js';
 import common from '../common/common.js';
-import { getConfig } from '../../diagram-api/diagramAPI.js';
-
 import {
-  DEFAULT_DIAGRAM_DIRECTION,
-  STMT_STATE,
-  STMT_RELATION,
-  STMT_CLASSDEF,
-  STMT_APPLYCLASS,
+  CSS_DIAGRAM_CLUSTER,
+  CSS_DIAGRAM_CLUSTER_ALT,
+  CSS_DIAGRAM_NOTE,
+  CSS_DIAGRAM_STATE,
+  CSS_EDGE,
+  CSS_EDGE_NOTE_EDGE,
+  DEFAULT_NESTED_DOC_DIR,
   DEFAULT_STATE_TYPE,
   DIVIDER_TYPE,
-  G_EDGE_STYLE,
+  DOMID_STATE,
+  DOMID_TYPE_SPACER,
   G_EDGE_ARROWHEADSTYLE,
   G_EDGE_LABELPOS,
   G_EDGE_LABELTYPE,
+  G_EDGE_STYLE,
   G_EDGE_THICKNESS,
-  CSS_EDGE,
-  DEFAULT_NESTED_DOC_DIR,
+  NOTE,
+  NOTE_ID,
+  PARENT,
+  PARENT_ID,
   SHAPE_DIVIDER,
-  SHAPE_GROUP,
-  CSS_DIAGRAM_CLUSTER,
-  CSS_DIAGRAM_CLUSTER_ALT,
-  CSS_DIAGRAM_STATE,
-  SHAPE_STATE_WITH_DESC,
-  SHAPE_STATE,
-  SHAPE_START,
   SHAPE_END,
+  SHAPE_GROUP,
   SHAPE_NOTE,
   SHAPE_NOTEGROUP,
-  CSS_DIAGRAM_NOTE,
-  DOMID_TYPE_SPACER,
-  DOMID_STATE,
-  NOTE_ID,
-  PARENT_ID,
-  NOTE,
-  PARENT,
-  CSS_EDGE_NOTE_EDGE,
+  SHAPE_START,
+  SHAPE_STATE,
+  SHAPE_STATE_WITH_DESC,
+  STMT_RELATION,
+  STMT_STATE,
 } from './stateCommon.js';
 
 // List of nodes created from the parsed diagram statement items
@@ -241,7 +237,7 @@ export const dataFetcher = (parent, parsedItem, diagramStates, nodes, edges, alt
     }
 
     const newNode = nodeDb[itemId];
-    console.log('New Node:', newNode);
+    // console.log('New Node:', newNode);
 
     // Save data for description and group so that for instance a statement without description overwrites
     // one with description  @todo TODO What does this mean? If important, add a test for it
@@ -387,7 +383,7 @@ export const dataFetcher = (parent, parsedItem, diagramStates, nodes, edges, alt
       insertOrUpdateNode(nodes, nodeData);
     }
 
-    console.log('Nodes:', nodes);
+    // console.log('Nodes:', nodes);
   }
   if (parsedItem.doc) {
     log.trace('Adding nodes children ');

packages/mermaid/src/diagrams/state/stateRenderer-v3-unified.ts

@@ -12,9 +12,9 @@ import { CSS_DIAGRAM, DEFAULT_NESTED_DOC_DIR } from './stateCommon.js';
  * Get the direction from the statement items.
  * Look through all of the documents (docs) in the parsedItems
  * Because is a _document_ direction, the default direction is not necessarily the same as the overall default _diagram_ direction.
- * @param {object[]} parsedItem - the parsed statement item to look through
- * @param [defaultDir] - the direction to use if none is found
- * @returns {string}
+ * @param parsedItem - the parsed statement item to look through
+ * @param defaultDir - the direction to use if none is found
+ * @returns The direction to use
  */
 const getDir = (parsedItem: any, defaultDir = DEFAULT_NESTED_DOC_DIR) => {
   let dir = defaultDir;
@@ -69,13 +69,13 @@ export const draw = async function (text: string, id: string, _version: string,
   data4Layout.direction = DIR;
 
   // TODO: Should we move these two to baseConfig? These types are not there in StateConfig.
-  // @ts-expect-error
+  // @ts-expect-error TODO: Will be fixed after config refactor
   data4Layout.nodeSpacing = conf?.nodeSpacing || 50;
-  // @ts-expect-error
+  // @ts-expect-error TODO: Will be fixed after config refactor
   data4Layout.rankSpacing = conf?.rankSpacing || 50;
   data4Layout.markers = ['barb'];
   data4Layout.diagramId = id;
-  console.log('REF1:', data4Layout);
+  // console.log('REF1:', data4Layout);
   await render(data4Layout, svg, element);
   const padding = 8;
   utils.insertTitle(

packages/mermaid/src/rendering-util/layout-algorithms/dagre/mermaid-graphlib.js

@@ -278,6 +278,7 @@ export const adjustClustersAndEdges = (graph, depth) => {
       clusterDb[e.w]
     );
     if (clusterDb[e.v] && clusterDb[e.w] && clusterDb[e.v] === clusterDb[e.w]) {
+      // cspell:ignore trixing
       log.warn('Fixing and trixing link to self - removing XXX', e.v, e.w, e.name);
       log.warn('Fixing and trixing - removing XXX', e.v, e.w, e.name);
       v = getAnchorId(e.v);

packages/mermaid/src/rendering-util/rendering-elements/edges.js

@@ -375,26 +375,6 @@ const cutPathAtIntersect = (_points, boundaryNode) => {
   return points;
 };
 
-const calcOffset = function (src, dest, parentLookupDb) {
-  const ancestor = findCommonAncestor(src, dest, parentLookupDb);
-  if (ancestor === undefined || ancestor === 'root') {
-    return { x: 0, y: 0 };
-  }
-
-  const ancestorOffset = nodeDb[ancestor].offset;
-  return { x: ancestorOffset.posX, y: ancestorOffset.posY };
-};
-
-// Function to insert a midpoint
-/**
- *
- * @param p1
- * @param p2
- */
-function insertMidpoint(p1, p2) {
-  return [(p1[0] + p2[0]) / 2, (p1[1] + p2[1]) / 2];
-}
-
 /**
  * Given an edge, this function will return the corner points of the edge. This is defined as:
  * one point that has a previous point and a next point such as the angle between the previous