From c89de64dc57b2f17ce3a5270d1a866b6395cf34b Mon Sep 17 00:00:00 2001
From: Ross Keenan <rossk29@gmail.com>
Date: Mon, 2 Aug 2021 12:24:22 +0200
Subject: [PATCH] feat(Stats View): :sparkles: Node, Real Edge, Implied Edge
 counts

---
 src/Components/Stats.svelte | 94 +++++++++++++++++++++++++++++++++++++
 src/StatsView.ts            |  7 +--
 src/sharedFunctions.ts      |  4 ++
 3 files changed, 100 insertions(+), 5 deletions(-)

diff --git a/src/Components/Stats.svelte b/src/Components/Stats.svelte
index e69de29b..b7a0fb20 100644
--- a/src/Components/Stats.svelte
+++ b/src/Components/Stats.svelte
@@ -0,0 +1,94 @@
+<script lang="ts">
+  import { closeImpliedLinks, complement } from "src/sharedFunctions";
+
+  import type BreadcrumbsPlugin from "src/main";
+
+  export let plugin: BreadcrumbsPlugin;
+
+  const { gParents, gSiblings, gChildren } = plugin.currGraphs;
+  const allRG = [gParents, gSiblings, gChildren];
+
+  const [pRNodes, sRNodes, cRNodes] = allRG.map((g) => g.nodes());
+  const [pREdges, sREdges, cREdges] = allRG.map((g) => g.edges());
+
+  const [closedP, closedS, closedC] = [
+    closeImpliedLinks(gParents, gChildren),
+    closeImpliedLinks(gSiblings, gSiblings),
+    closeImpliedLinks(gChildren, gParents),
+  ];
+  const allG = [closedP, closedS, closedC];
+
+  const [pANodes, sANodes, cANodes] = allG.map((g) => g.nodes());
+  const [pAEdges, sAEdges, cAEdges] = allG.map((g) => g.edges());
+</script>
+
+<table>
+  <thead>
+    <tr>
+      <th scope="col">Measure</th>
+      <th scope="col">Parent</th>
+      <th scope="col">Sibling</th>
+      <th scope="col">Child</th>
+      <th scope="col">Total</th>
+    </tr>
+  </thead>
+
+  <tr>
+    <td>Nodes</td>
+    <td title={pRNodes.join("\n")}>{pRNodes.length}</td>
+    <td title={sRNodes.join("\n")}>{sRNodes.length}</td>
+    <td title={cRNodes.join("\n")}>{cRNodes.length}</td>
+    <td>{pRNodes.length + sRNodes.length + cRNodes.length}</td>
+  </tr>
+
+  <tr>
+    <td>Real Edges</td>
+    <td title={pREdges.map((e) => `${e.v} → ${e.w}`).join("\n")}
+      >{pREdges.length}</td
+    >
+    <td title={sREdges.map((e) => `${e.v} → ${e.w}`).join("\n")}
+      >{sREdges.length}</td
+    >
+    <td title={cREdges.map((e) => `${e.v} → ${e.w}`).join("\n")}
+      >{cREdges.length}</td
+    >
+    <td>{pREdges.length + sREdges.length + cREdges.length}</td>
+  </tr>
+
+  <tr>
+    <td>Implied Edges</td>
+    <td
+      title={complement(
+        pAEdges.map((e) => `${e.v} → ${e.w}`),
+        pREdges.map((e) => `${e.v} → ${e.w}`)
+      ).join("\n")}>{pAEdges.length - pREdges.length}</td
+    >
+    <td
+      title={complement(
+        sAEdges.map((e) => `${e.v} → ${e.w}`),
+        sREdges.map((e) => `${e.v} → ${e.w}`)
+      ).join("\n")}>{sAEdges.length - sREdges.length}</td
+    >
+    <td
+      title={complement(
+        cAEdges.map((e) => `${e.v} → ${e.w}`),
+        cREdges.map((e) => `${e.v} → ${e.w}`)
+      ).join("\n")}>{cAEdges.length - cREdges.length}</td
+    >
+    <td>{pREdges.length + sREdges.length + cREdges.length}</td>
+  </tr>
+</table>
+
+<style>
+  table {
+  }
+
+  td:first-child {
+    text-align: right;
+  }
+  td,
+  th {
+    padding: 3px;
+    border: 1px solid var(--text-accent);
+  }
+</style>
diff --git a/src/StatsView.ts b/src/StatsView.ts
index 244d2065..b0ada018 100644
--- a/src/StatsView.ts
+++ b/src/StatsView.ts
@@ -31,7 +31,7 @@ export default class StatsView extends ItemView {
     return "Breadcrumbs Stats";
   }
 
-  icon = "bullet-list-glyph";
+  icon = "info";
 
   async onOpen(): Promise<void> {
     await this.plugin.saveSettings();
@@ -74,13 +74,10 @@ export default class StatsView extends ItemView {
 
   async draw(): Promise<void> {
     this.contentEl.empty();
-    // const { gParents, gSiblings, gChildren } = this.plugin.currGraphs;
-    // const currFile = this.app.workspace.getActiveFile();
-    // const settings = this.plugin.settings;
 
     this.view = new Stats({
       target: this.contentEl,
-      props: {},
+      props: { plugin: this.plugin },
     });
   }
 }
diff --git a/src/sharedFunctions.ts b/src/sharedFunctions.ts
index 93156a01..9b2c3243 100644
--- a/src/sharedFunctions.ts
+++ b/src/sharedFunctions.ts
@@ -397,3 +397,7 @@ export function dropMD(path: string) {
 }
 
 export const range = (n: number) => [...Array(5).keys()];
+
+export function complement<T>(A: T[], B: T[]) {
+  return A.filter((a) => !B.includes(a));
+}