feat: add packages to Dependency Explorer (#14)

Author: NikiforovAll

src/Dependify.Core/MsBuildService.cs

@@ -156,7 +156,6 @@ MsBuildConfig config
                     reference.Key,
                     reference.Value.FirstOrDefault(a => a.Key is "Version").Value
                 );
-                builder.WithNode(referenceNode);
                 builder.WithEdge(new Edge(projectNode, referenceNode));
             }
         }

src/Dependify.Core/Serializers/MermaidSerializer.cs

@@ -3,7 +3,7 @@ namespace Dependify.Core.Serializers;
 using System.CodeDom.Compiler;
 using Dependify.Core.Graph;
 
-public record MermaidSerializerOptions(bool ShowPackages = true, string Orientation = "LR")
+public record MermaidSerializerOptions(bool ShowPackages = true, string Orientation = "LR", bool NoStyle = false)
 {
     public static MermaidSerializerOptions Empty => new();
 }
@@ -48,13 +48,23 @@ public static string ToString(DependencyGraph graph, MermaidSerializerOptions? o
             writer.WriteLine("end");
         }
 
+        var edgeIndex = 0;
         foreach (var reference in graph.Edges)
         {
             writer.WriteLine($"{reference.Start.Id} --> {reference.End.Id}");
+
+            if (!options.NoStyle && reference.End.Type == NodeConstants.Package)
+            {
+                writer.WriteLine($"linkStyle {edgeIndex} stroke:#1976D2,stroke-width:1px;");
+            }
+            edgeIndex++;
         }
 
-        writer.WriteLine($"classDef project fill:{ProjectBackgroundColor};");
-        writer.WriteLine($"classDef package fill:{PackageBackgroundColor};");
+        if (!options.NoStyle)
+        {
+            writer.WriteLine($"classDef project fill:{ProjectBackgroundColor};");
+            writer.WriteLine($"classDef package fill:{PackageBackgroundColor};");
+        }
 
         writer.Indent--;
 

src/Web/Components/Pages/Chat.razor

@@ -78,8 +78,8 @@
                             </div>
                             <div class="ma-1">
                                 <MudLink Typo="Typo.body2"
-                                    OnClick="@(() => SubmitMessageAsync("What is the longest dependencies chain of .csproj? Only .csproj are included"))">
-                                    What is the longest dependencies chain of .csproj? Only .csproj are included
+                                    OnClick="@(() => SubmitMessageAsync("What is the longest dependencies chain of .csproj? Only components that end with \".csproj\" are included"))">
+                                    What is the longest dependencies chain of projects?
                                 </MudLink>
                             </div>
                             <div class="ma-1">

src/Web/Components/Pages/Chat.razor.cs

@@ -142,7 +142,7 @@ public async Task SubmitMessageAsync(string? input)
                     }
                 );
 
-                var diagramContent = this.CalculateCurrentContext();
+                var diagramContent = this.CalculateCurrentContext(noStyles: true);
 
                 var chatHistory = this.CalculateChatHistory(diagramContent);
 
@@ -272,7 +272,7 @@ private async Task ShowDiagramModal()
 
             return;
         }
-        var diagramContent = this.CalculateCurrentContext();
+        var diagramContent = this.CalculateCurrentContext(noStyles: false);
 
         var parameters = new DialogParameters { ["DiagramContent"] = diagramContent };
         var options = new DialogOptions
@@ -289,13 +289,13 @@ private async Task ShowDiagramModal()
         await dialog.Result;
     }
 
-    private string CalculateCurrentContext()
+    private string CalculateCurrentContext(bool noStyles)
     {
         var solution = this.solutionNodes.Find(n => n.Id == this.selectedSolution);
 
         if (solution is not null && this.SolutionRegistry.GetGraph(solution) is var graph && graph is not null)
         {
-            var content = MermaidSerializer.ToString(graph);
+            var content = MermaidSerializer.ToString(graph, new MermaidSerializerOptions(NoStyle: noStyles));
 
             return content;
         }

src/Web/Components/Pages/DependencyExplorer.razor

@@ -13,6 +13,12 @@
 <MudToolBar>
     <MudText Typo="Typo.h4">Explorer 🔎</MudText>
     <MudSpacer />
+    <MudSwitch Size="Size.Medium" T="bool" ValueChanged="@(value => OnPackagesIncludedChangedAsync(value))"
+        ThumbIcon="@(PackagesIncluded==true ? Icons.Material.Filled.Done : Icons.Material.Filled.Close)"
+        ThumbIconColor="@(PackagesIncluded==true ? Color.Success : Color.Error)">
+        <MudText Typo="Typo.subtitle2">Packages</MudText>
+    </MudSwitch>
+
     <MudTooltip Text="Unselect All">
         <MudIconButton Icon="@Icons.Material.Outlined.CleaningServices" Size="Size.Medium" Color="Color.Primary"
             OnClick="@UnselectAll" />
@@ -30,7 +36,8 @@
             <MudChip T="string" Color="@(SelectedNodeIds.Contains(nodeId) ? Color.Primary : Color.Default)"
                 OnClick="@(async () => await ToggleIncludeAsync(nodeId))"
                 Size="@(NodeIds.Count > 10 ? Size.Medium : Size.Large)" CloseIcon="@Icons.Material.Rounded.LibraryAdd"
-                OnClose="@(async () => await IncludeDependencies(nodeId))" Variant="@(nodeId.EndsWith(".sln") ?   Variant.Outlined : Variant.Text)">
+                OnClose="@(async () => await IncludeDependencies(nodeId))"
+                Variant="@(nodeId.EndsWith(".sln") ?   Variant.Outlined : Variant.Text)">
                 @nodeId
             </MudChip>
         }

src/Web/Components/Pages/DependencyExplorer.razor.cs

@@ -8,6 +8,7 @@ namespace Web.Components.Pages;
 
 public partial class DependencyExplorer
 {
+    private bool PackagesIncluded { get; set; }
     private bool Loaded { get; set; }
 
     private HashSet<string> NodeIds { get; set; } = [];
@@ -105,11 +106,28 @@ private void RefreshDiagram()
         this.DiagramContent = MermaidSerializer.ToString(subGraph);
     }
 
+    private async Task OnPackagesIncludedChangedAsync(bool value)
+    {
+        this.PackagesIncluded = value;
+        this.RefreshDiagram();
+
+        await this.JSRuntime.InvokeVoidAsync("redrawMermaidDiagram", this.DiagramContent);
+        await this.InvokeAsync(this.StateHasChanged);
+    }
+
     private DependencyGraph? GetSubGraph(HashSet<string> nodeIds)
     {
         var graph = this.SolutionRegistry.GetFullGraph();
 
-        var subGraph = graph.SubGraph(n => nodeIds.Contains(n.Id));
+        var subGraph = graph.SubGraph(n =>
+        {
+            var isPackageIncluded =
+                this.PackagesIncluded
+                && n.Type == NodeConstants.Package
+                && graph.FindAscendants(n).Any(n2 => nodeIds.Contains(n2.Id));
+
+            return nodeIds.Contains(n.Id) || isPackageIncluded;
+        });
 
         return subGraph;
     }