Resolved comments on pr of ipsep-cola

packages/mermaid/src/docs/layouts/development.md

@@ -20,34 +20,13 @@ Before starting, ensure the following:
 
 ## 🔄 Step-by-Step Integration
 
-### 1. Clone the Mermaid Repository
-
-```bash
-git clone https://github.com/mermaid-js/mermaid.git
-cd mermaid
-```
-
-### 2. Install Dependencies
-
-Mermaid uses `pnpm` for dependency management:
-
-```bash
-pnpm i
-```
-
-### 3. Start the Development Server
-
-This will spin up a local dev environment with hot reload:
-
-```bash
-pnpm dev
-```
+### Refer [Mermaid Contributing Guide](/packages/mermaid/src/docs/community/contributing.md)
 
 ---
 
 ## 🧠 Implementing Your Custom Layout Algorithm
 
-### 4. Create Your Layout Folder
+### 1. Create Your Layout Folder
 
 Navigate to the relevant source directory and create a folder for your new algorithm:
 
@@ -59,7 +38,7 @@ touch myCustomLayout/index.ts
 
 > 📁 You can organize supporting files, utils, and types inside this folder.
 
-### 5. Register the Layout Algorithm
+### 2. Register the Layout Algorithm
 
 Open the file:
 
@@ -85,7 +64,7 @@ This tells Mermaid how to load your layout dynamically by name (`id`).
 
 ## 🧪 Testing Your Algorithm
 
-### 6. Create a Test File
+### 3. Create a Test File
 
 To visually test your layout implementation, create a test HTML file in:
 
@@ -121,7 +100,7 @@ Inside the file, load your diagram like this:
 </html>
 ```
 
-### 7. Open in Browser
+### 4. Open in Browser
 
 After running `pnpm dev`, open your test in the browser:
 

packages/mermaid/src/docs/layouts/introduction.md

@@ -108,7 +108,7 @@ IPSep-CoLa is ideal for:
 
 ## 🔍 Comparison Table
 
-| Feature                   | Dagre       | ELK                 | IPSep-CoLa (Upcoming)          |
+| Feature                   | Dagre       | ELK                 | IPSep-CoLa                     |
 | ------------------------- | ----------- | ------------------- | ------------------------------ |
 | Layout Type               | Layered DAG | Modular (varied)    | Constraint-driven force layout |
 | Edge Labeling             | ⚠️ Basic    | ✅ Yes              | ✅ Smart Placement             |

packages/mermaid/src/rendering-util/layout-algorithms/ipsepCola/adjustLayout.ts

@@ -20,15 +20,15 @@ export async function adjustLayout(
     }
   }
 
-  data4Layout.edges.forEach((edge) => {
+  for (const edge of data4Layout.edges) {
     insertEdge(
       groups.edgePaths,
-      { ...edge },
+      edge,
       {},
       data4Layout.type,
       edge.start,
       edge.end,
       data4Layout.diagramId
     );
-  });
+  }
 }

packages/mermaid/src/rendering-util/types.ts

@@ -72,6 +72,12 @@ interface BaseNode {
   defaultWidth?: number;
   imageAspectRatio?: number;
   constraint?: 'on' | 'off';
+  isEdgeLabel?: boolean;
+  edgeStart?: string;
+  edgeEnd?: string;
+  layer?: number;
+  order?: number;
+  isDummy?: boolean;
 }
 
 /**
@@ -80,23 +86,11 @@ interface BaseNode {
 export interface ClusterNode extends BaseNode {
   shape?: ClusterShapeID;
   isGroup: true;
-  isEdgeLabel?: boolean;
-  edgeStart?: string;
-  edgeEnd?: string;
-  layer?: number;
-  order?: number;
-  isDummy?: boolean;
 }
 
 export interface NonClusterNode extends BaseNode {
   shape?: ShapeID;
   isGroup: false;
-  isEdgeLabel?: boolean;
-  edgeStart?: string;
-  edgeEnd?: string;
-  layer?: number;
-  order?: number;
-  isDummy?: boolean;
 }
 
 // Common properties for any node in the system