git-truck 1.2.0 → 1.2.2

package/README.md

@@ -1,27 +1,24 @@
-# Git Truck 🚛
+# Git Truck 🚛 ·
+[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/git-truck/git-truck/blob/main/LICENSE)
+[![Git Truck on NPM](https://img.shields.io/npm/v/git-truck)](https://www.npmjs.com/git-truck)
 
-Git-Truck provides you with a truckload of visualizations for your git repository, and find out if your project has a good [truck factor](https://www.agileadvice.com/2005/05/15/agilemanagement/truck-factor/):
+![Demo](demo.gif)
 
+Git-Truck provides you with a truckload of visualizations for your git repository, and helps you find out if your project has a good [truck factor](https://www.agileadvice.com/2005/05/15/agilemanagement/truck-factor/):
 
-### 1. The files in your system where you have a single contributor (i.e., truck-factor = 1)
+| | |
+|-|-|
+| The files in your system where you have a single contributor (i.e., truck-factor = 1) | <img width="1912" alt="image" src="https://user-images.githubusercontent.com/464519/167393939-8d683732-4583-44fe-99a3-36c818761bcb.png"> |
+| You can see how the various developers contribute to your codebase | <img width="1913" alt="image" src="https://user-images.githubusercontent.com/464519/167394548-ca66665a-a699-44d7-8a97-bc7309c72f8a.png"> |
+| You can determine which parts of the system that are most often changed | <img width="1912" alt="image" src="https://user-images.githubusercontent.com/464519/167395118-6a4f50f4-5f37-4e0d-bcc8-144797b83e65.png"> |
 
-<img width="1912" alt="image" src="https://user-images.githubusercontent.com/464519/167393939-8d683732-4583-44fe-99a3-36c818761bcb.png">
 
+### What makes Git Truck different?
 
-### 2. How the various developers contribute to your codebase
-
-<img width="1913" alt="image" src="https://user-images.githubusercontent.com/464519/167394548-ca66665a-a699-44d7-8a97-bc7309c72f8a.png">
-
-
-
-### 3. The parts of the system that are most often changed
-
-<img width="1912" alt="image" src="https://user-images.githubusercontent.com/464519/167395118-6a4f50f4-5f37-4e0d-bcc8-144797b83e65.png">
-
-
-### 4. You can also merge multiple developer accounts
-
-<img width="1907" alt="image" src="https://user-images.githubusercontent.com/464519/167394405-67bd5b5d-be50-444e-8a1f-68af083a6cba.png">
+- Private by design
+- Works offline
+- Git provider agnostic - Works with any Git repository
+- No tracking, no ads, no data mining, no analytics, no cloud, no servers
 
 
 ## [Prerequisites](#prerequisites)

package/build/index.js

@@ -179707,7 +179707,7 @@ var Box = import_styled_components2.default.div`
   line-height: 100%;
   margin: 0px;
 `, LegendDot = import_styled_components2.default.div`
-  height: 100%;
+  height: 1em;
   aspect-ratio: 1;
   width: 1em;
   border-radius: 50%;
@@ -179718,6 +179718,9 @@ var Box = import_styled_components2.default.div`
   margin: 0px;
   font-weight: bold;
   cursor: default;
+  overflow: hidden;
+  white-space: pre;
+  text-overflow: ellipsis;
 `, LegendGradient = import_styled_components2.default.div`
   background-image: linear-gradient(to right, ${(props) => `${props.min},${props.max}`});
   width: 100%;
@@ -179727,10 +179730,11 @@ var Box = import_styled_components2.default.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-`, DetailsKey = import_styled_components2.default.span`
+`, DetailsKey = import_styled_components2.default.div`
+  display: flex;
+  align-items: center;
   font-size: 0.9em;
   font-weight: 500;
-  opacity: 0.7;
   white-space: pre;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -179968,7 +179972,7 @@ var import_perf_hooks = require("perf_hooks"), import_path2 = require("path");
 // package.json
 var package_default = {
   name: "git-truck",
-  version: "1.2.0",
+  version: "1.2.2",
   private: !1,
   description: "Visualizing a Git repository",
   license: "MIT",
@@ -184413,149 +184417,22 @@ async function getTruckConfigWithArgs(repo) {
 }
 
 // src/components/Details.tsx
-var import_react10 = __toESM(require_react()), import_react11 = __toESM(require_dist()), import_styled_components6 = __toESM(require_styled_components_cjs());
+var import_react11 = __toESM(require_react()), import_react12 = __toESM(require_dist()), import_styled_components6 = __toESM(require_styled_components_cjs());
 
 // src/components/AuthorDistFragment.tsx
-var import_react4 = __toESM(require_react());
-var import_jsx_runtime = __toESM(require_jsx_runtime());
-function AuthorDistFragment(props) {
-  return props.show ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-    children: props.items.map((legendItem) => {
-      let [author, contrib] = legendItem, roundedContrib = Math.round(contrib * 100);
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react4.Fragment, {
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DetailsKey, {
-            title: author,
-            grow: !0,
-            children: author
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DetailsValue, {
-            children: [
-              roundedContrib === 0 ? "<1" : roundedContrib,
-              "%"
-            ]
-          })
-        ]
-      }, author + contrib);
-    })
-  }) : null;
-}
-
-// src/components/AuthorDistOther.tsx
-var import_styled_components3 = __toESM(require_styled_components_cjs()), import_jsx_runtime = __toESM(require_jsx_runtime()), OtherText = import_styled_components3.default.span`
-  white-space: pre;
-  font-size: 0.7em;
-  font-weight: 500;
-  opacity: 0.7;
-  &:hover {
-    cursor: pointer;
-  }
-`;
-function AuthorDistOther(props) {
-  return props.show ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(OtherText, {
-    onClick: props.toggle,
-    children: [
-      "+ ",
-      props.items.length,
-      " more"
-    ]
-  }) : null;
-}
-
-// src/components/Spacer.tsx
-var import_jsx_runtime = __toESM(require_jsx_runtime());
-var Spacer = (props) => {
-  let sizeProp = `calc(${props.size ?? props.xs ? 0.5 /* xs */ : props.sm ? 0.75 /* sm */ : props.md ? 1 /* md */ : props.lg ? 1.5 /* lg */ : props.xl ? 2 /* xl */ : props.xxl ? 3 /* xxl */ : 1 /* md */} * var(--unit))`, styles = {
-    height: props.horizontal ? "1px" : sizeProp,
-    width: props.horizontal ? sizeProp : "1px",
-    ...props.horizontal ? {
-      display: "inline-block"
-    } : {}
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-    "aria-hidden": !0,
-    style: styles
-  });
-};
-Spacer.defaultProps = {
-  size: null,
-  sm: !1,
-  md: !1,
-  lg: !1,
-  xl: !1,
-  horizontal: !1
-};
-
-// src/components/Toggle.tsx
-var import_styled_components4 = __toESM(require_styled_components_cjs()), import_material2 = __toESM(require_material()), import_jsx_runtime = __toESM(require_jsx_runtime());
-function ExpandDown({ relative = !1, collapse, toggle }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleButton, {
-    relative,
-    collapse,
-    onClick: toggle,
-    up: !1,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material2.ExpandLess, {
-      display: "inline-block",
-      height: "1.5rem"
-    })
-  });
-}
-function ExpandUp({ relative = !1, collapse, toggle }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleButton, {
-    relative,
-    collapse,
-    onClick: toggle,
-    up: !0,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material2.ExpandLess, {
-      display: "inline-block",
-      height: "1.5rem"
-    })
-  });
-}
-var ToggleButton = import_styled_components4.default.button`
-  ${({ relative, up }) => relative ? "" : import_styled_components4.css`
-          position: absolute;
-          right: var(--unit);
-          ${up ? import_styled_components4.css`
-                bottom: var(--unit);
-              ` : import_styled_components4.css`
-                top: var(--unit);
-              `}
-        `}
-
-  border: none;
-  background-color: rgba(0, 0, 0, 0);
-  transition-duration: 0.4s;
-  color: grey;
-  transform-origin: 50% 55%;
-  transform: ${(props) => props.collapse !== props.up ? "rotate(180deg)" : "none"};
-  font-size: large;
-  &:hover {
-    color: #606060;
-    cursor: pointer;
-  }
-`;
-
-// src/contexts/ClickedContext.ts
-var import_react5 = __toESM(require_react()), ClickedObjectContext = (0, import_react5.createContext)(null);
-function useClickedObject() {
-  let context = (0, import_react5.useContext)(ClickedObjectContext);
-  if (!context)
-    throw new Error("useClickedObject must be used within a ClickedObjectProvider");
-  return context;
-}
+var import_react7 = __toESM(require_react());
 
-// src/contexts/DataContext.ts
-var import_react6 = __toESM(require_react()), DataContext = (0, import_react6.createContext)(void 0);
-function useData() {
-  let context = (0, import_react6.useContext)(DataContext);
+// src/contexts/MetricContext.ts
+var import_react4 = __toESM(require_react()), MetricsContext = (0, import_react4.createContext)(void 0);
+function useMetrics() {
+  let context = (0, import_react4.useContext)(MetricsContext);
   if (!context)
-    throw new Error("useData must be used within a DataContext");
+    throw new Error("useMetrics must be used within a MetricsContext");
   return context;
 }
 
 // src/contexts/OptionsContext.ts
-var import_react8 = __toESM(require_react());
+var import_react6 = __toESM(require_react());
 
 // src/metrics/metrics.ts
 var import_distinct_colors = __toESM(require_lib6());
@@ -186922,8 +186799,84 @@ var SpectrumTranslater = class {
 };
 
 // src/components/legend/PointLegend.tsx
-var import_react7 = __toESM(require_react());
-var import_styled_components5 = __toESM(require_styled_components_cjs()), import_jsx_runtime = __toESM(require_jsx_runtime()), legendCutoff = 3, PointInfo = class {
+var import_react5 = __toESM(require_react());
+
+// src/components/Toggle.tsx
+var import_styled_components3 = __toESM(require_styled_components_cjs()), import_material2 = __toESM(require_material()), import_jsx_runtime = __toESM(require_jsx_runtime());
+function ExpandDown({ relative = !1, collapse, toggle }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleButton, {
+    relative,
+    collapse,
+    onClick: toggle,
+    up: !1,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material2.ExpandLess, {
+      display: "inline-block",
+      height: "1.5rem"
+    })
+  });
+}
+function ExpandUp({ relative = !1, collapse, toggle }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleButton, {
+    relative,
+    collapse,
+    onClick: toggle,
+    up: !0,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material2.ExpandLess, {
+      display: "inline-block",
+      height: "1.5rem"
+    })
+  });
+}
+var ToggleButton = import_styled_components3.default.button`
+  ${({ relative, up }) => relative ? "" : import_styled_components3.css`
+          position: absolute;
+          right: var(--unit);
+          ${up ? import_styled_components3.css`
+                bottom: var(--unit);
+              ` : import_styled_components3.css`
+                top: var(--unit);
+              `}
+        `}
+
+  border: none;
+  background-color: rgba(0, 0, 0, 0);
+  transition-duration: 0.4s;
+  color: grey;
+  transform-origin: 50% 55%;
+  transform: ${(props) => props.collapse !== props.up ? "rotate(180deg)" : "none"};
+  font-size: large;
+  &:hover {
+    color: #606060;
+    cursor: pointer;
+  }
+`;
+
+// src/components/Spacer.tsx
+var import_jsx_runtime = __toESM(require_jsx_runtime());
+var Spacer = (props) => {
+  let sizeProp = `calc(${props.size ?? props.xs ? 0.5 /* xs */ : props.sm ? 0.75 /* sm */ : props.md ? 1 /* md */ : props.lg ? 1.5 /* lg */ : props.xl ? 2 /* xl */ : props.xxl ? 3 /* xxl */ : 1 /* md */} * var(--unit))`, styles = {
+    minHeight: props.horizontal ? "1px" : sizeProp,
+    minWidth: props.horizontal ? sizeProp : "1px",
+    ...props.horizontal ? {
+      display: "inline-block"
+    } : {}
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+    "aria-hidden": !0,
+    style: styles
+  });
+};
+Spacer.defaultProps = {
+  size: null,
+  sm: !1,
+  md: !1,
+  lg: !1,
+  xl: !1,
+  horizontal: !1
+};
+
+// src/components/legend/PointLegend.tsx
+var import_styled_components4 = __toESM(require_styled_components_cjs()), import_jsx_runtime = __toESM(require_jsx_runtime()), legendCutoff = 3, PointInfo = class {
   constructor(color, weight) {
     this.color = color;
     this.weight = weight;
@@ -186933,7 +186886,7 @@ var import_styled_components5 = __toESM(require_styled_components_cjs()), import
   }
 };
 function PointLegend({ metricCache }) {
-  let [collapse, setCollapse] = (0, import_react7.useState)(!0), items = Array.from(metricCache.legend).sort(([, info1], [, info2]) => info1.weight < info2.weight ? 1 : info1.weight > info2.weight ? -1 : 0);
+  let [collapse, setCollapse] = (0, import_react5.useState)(!0), items = Array.from(metricCache.legend).sort(([, info1], [, info2]) => info1.weight < info2.weight ? 1 : info1.weight > info2.weight ? -1 : 0);
   return items.length === 0 ? null : items.length <= legendCutoff + 1 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PointLegendFragment, {
     show: !0,
     items
@@ -186984,7 +186937,7 @@ function PointLegendFragment(props) {
     })
   }) : null;
 }
-var LegendOtherDiv = import_styled_components5.default.div`
+var LegendOtherDiv = import_styled_components4.default.div`
   width: fit-content;
   &:hover {
     cursor: pointer;
@@ -187337,9 +187290,9 @@ function setupMetricsCacheRec(tree, metricCalcs, acc) {
 var Chart = {
   BUBBLE_CHART: "Bubble chart",
   TREE_MAP: "Tree map"
-}, OptionsContext = (0, import_react8.createContext)(void 0);
+}, OptionsContext = (0, import_react6.createContext)(void 0);
 function useOptions() {
-  let context = (0, import_react8.useContext)(OptionsContext);
+  let context = (0, import_react6.useContext)(OptionsContext);
   if (!context)
     throw new Error("useSearch must be used within a SearchProvider");
   return context;
@@ -187365,10 +187318,90 @@ function getDefaultOptions() {
   };
 }
 
+// src/components/AuthorDistFragment.tsx
+var import_jsx_runtime = __toESM(require_jsx_runtime());
+function AuthorDistFragment(props) {
+  let [, authorColors] = useMetrics(), { metricType } = useOptions();
+  return props.show ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children: props.items.map((legendItem) => {
+      let [author, contrib] = legendItem, roundedContrib = Math.round(contrib * 100);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react7.Fragment, {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DetailsKey, {
+            title: author,
+            grow: !0,
+            children: [
+              metricType == "TOP_CONTRIBUTOR" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LegendDot, {
+                    dotColor: authorColors.get(author) ?? "white"
+                  }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spacer, {
+                    horizontal: !0
+                  })
+                ]
+              }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LegendLabel, {
+                style: { opacity: 0.7 },
+                children: author
+              })
+            ]
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DetailsValue, {
+            children: [
+              roundedContrib === 0 ? "<1" : roundedContrib,
+              "%"
+            ]
+          })
+        ]
+      }, author + contrib);
+    })
+  }) : null;
+}
+
+// src/components/AuthorDistOther.tsx
+var import_styled_components5 = __toESM(require_styled_components_cjs()), import_jsx_runtime = __toESM(require_jsx_runtime()), OtherText = import_styled_components5.default.span`
+  white-space: pre;
+  font-size: 0.7em;
+  font-weight: 500;
+  opacity: 0.7;
+  &:hover {
+    cursor: pointer;
+  }
+`;
+function AuthorDistOther(props) {
+  return props.show ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(OtherText, {
+    onClick: props.toggle,
+    children: [
+      "+ ",
+      props.items.length,
+      " more"
+    ]
+  }) : null;
+}
+
+// src/contexts/ClickedContext.ts
+var import_react8 = __toESM(require_react()), ClickedObjectContext = (0, import_react8.createContext)(null);
+function useClickedObject() {
+  let context = (0, import_react8.useContext)(ClickedObjectContext);
+  if (!context)
+    throw new Error("useClickedObject must be used within a ClickedObjectProvider");
+  return context;
+}
+
+// src/contexts/DataContext.ts
+var import_react9 = __toESM(require_react()), DataContext = (0, import_react9.createContext)(void 0);
+function useData() {
+  let context = (0, import_react9.useContext)(DataContext);
+  if (!context)
+    throw new Error("useData must be used within a DataContext");
+  return context;
+}
+
 // src/contexts/PathContext.ts
-var import_react9 = __toESM(require_react()), PathContext = (0, import_react9.createContext)(void 0);
+var import_react10 = __toESM(require_react()), PathContext = (0, import_react10.createContext)(void 0);
 function usePath() {
-  let context = (0, import_react9.useContext)(PathContext);
+  let context = (0, import_react10.useContext)(PathContext);
   if (!context)
     throw new Error("useSearch must be used within a PathProvider");
   return context;
@@ -187465,10 +187498,10 @@ function OneFolderOut(path) {
 }
 function Details(props) {
   var _a;
-  let { setClickedObject, clickedObject } = useClickedObject(), location = (0, import_react11.useLocation)(), { authorshipType } = useOptions(), { state } = (0, import_react11.useTransition)(), { setPath, path } = usePath(), { analyzerData } = useData(), isProcessingHideRef = (0, import_react10.useRef)(!1);
-  if ((0, import_react10.useEffect)(() => {
+  let { setClickedObject, clickedObject } = useClickedObject(), location = (0, import_react12.useLocation)(), { authorshipType } = useOptions(), { state } = (0, import_react12.useTransition)(), { setPath, path } = usePath(), { analyzerData } = useData(), isProcessingHideRef = (0, import_react11.useRef)(!1);
+  if ((0, import_react11.useEffect)(() => {
     isProcessingHideRef.current && (setClickedObject(null), isProcessingHideRef.current = !1);
-  }, [clickedObject, setClickedObject, state]), (0, import_react10.useEffect)(() => {
+  }, [clickedObject, setClickedObject, state]), (0, import_react11.useEffect)(() => {
     setClickedObject((clickedObject2) => findObjectInTree(analyzerData.commit.tree, clickedObject2));
   }, [analyzerData, setClickedObject]), !clickedObject)
     return null;
@@ -187530,7 +187563,7 @@ function Details(props) {
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spacer, {}),
       isBlob2 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react11.Form, {
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react12.Form, {
             method: "post",
             action: location.pathname,
             children: [
@@ -187558,7 +187591,7 @@ function Details(props) {
           clickedObject.name.includes(".") ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spacer, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react11.Form, {
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react12.Form, {
                 method: "post",
                 action: location.pathname,
                 children: [
@@ -187592,7 +187625,7 @@ function Details(props) {
             ]
           }) : null,
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spacer, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react11.Form, {
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react12.Form, {
             method: "post",
             action: location.pathname,
             children: [
@@ -187614,7 +187647,7 @@ function Details(props) {
             ]
           })
         ]
-      }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react11.Form, {
+      }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react12.Form, {
         method: "post",
         action: location.pathname,
         children: [
@@ -187756,7 +187789,7 @@ var AuthorDistHeader = import_styled_components6.default.div`
   justify-content: space-between;
 `, authorCutoff = 2;
 function AuthorDistribution(props) {
-  let [collapse, setCollapse] = (0, import_react10.useState)(!0), contribDist = Object.entries(makePercentResponsibilityDistribution(props.authors)).sort(
+  let [collapse, setCollapse] = (0, import_react11.useState)(!0), contribDist = Object.entries(makePercentResponsibilityDistribution(props.authors)).sort(
     (a, b) => a[1] < b[1] ? 1 : -1
   );
   return contribDist.length <= authorCutoff + 1 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
@@ -187866,8 +187899,8 @@ function calculateAuthorshipForSubTree(tree, authorshipType) {
 }
 
 // src/components/GlobalInfo.tsx
-var import_react12 = __toESM(require_dist());
-var import_styled_components7 = __toESM(require_styled_components_cjs()), import_react13 = __toESM(require_react());
+var import_react13 = __toESM(require_dist());
+var import_styled_components7 = __toESM(require_styled_components_cjs()), import_react14 = __toESM(require_react());
 
 // src/components/RevisionSelect.tsx
 var import_GitBranch = __toESM(require_GitBranch()), import_jsx_runtime = __toESM(require_jsx_runtime());
@@ -187913,14 +187946,14 @@ function RevisionSelect({
 // src/components/GlobalInfo.tsx
 var import_material4 = __toESM(require_material()), import_jsx_runtime = __toESM(require_jsx_runtime()), title = "Git Truck", analyzingTitle = "Analyzing | Git Truck";
 function GlobalInfo() {
-  let { analyzerData, repo } = useData(), transitionState = (0, import_react12.useTransition)(), location = (0, import_react12.useLocation)(), navigate = (0, import_react12.useNavigate)(), [isAnalyzing, setIsAnalyzing] = (0, import_react13.useState)(!1);
-  (0, import_react13.useEffect)(() => {
+  let { analyzerData, repo } = useData(), transitionState = (0, import_react13.useTransition)(), location = (0, import_react13.useLocation)(), navigate = (0, import_react13.useNavigate)(), [isAnalyzing, setIsAnalyzing] = (0, import_react14.useState)(!1);
+  (0, import_react14.useEffect)(() => {
     document.title = isAnalyzing ? analyzingTitle : title;
   }, [isAnalyzing]);
   let switchBranch = (branch) => {
     setIsAnalyzing(!0), navigate(["", repo.name, branch].join("/"));
   };
-  return (0, import_react13.useEffect)(() => {
+  return (0, import_react14.useEffect)(() => {
     transitionState.state === "idle" && setIsAnalyzing(!1);
   }, [transitionState.state]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
     children: [
@@ -187976,7 +188009,7 @@ function GlobalInfo() {
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spacer, {
         xl: !0
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react12.Form, {
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react13.Form, {
         method: "post",
         action: location.pathname,
         onSubmit: () => {
@@ -188005,7 +188038,7 @@ function GlobalInfo() {
 }
 var StyledP = import_styled_components7.default.p`
   margin-left: var(--unit);
-`, StyledLink = (0, import_styled_components7.default)(import_react12.Link)`
+`, StyledLink = (0, import_styled_components7.default)(import_react13.Link)`
   display: inline-flex;
   margin-right: var(--unit);
   text-decoration: none;
@@ -188019,13 +188052,13 @@ var StyledP = import_styled_components7.default.p`
 
 // src/components/HiddenFiles.tsx
 var import_react_use = __toESM(require_lib4()), import_styled_components8 = __toESM(require_styled_components_cjs());
-var import_react14 = __toESM(require_dist()), import_material5 = __toESM(require_material()), import_jsx_runtime = __toESM(require_jsx_runtime()), Line = import_styled_components8.default.div`
+var import_react15 = __toESM(require_dist()), import_material5 = __toESM(require_material()), import_jsx_runtime = __toESM(require_jsx_runtime()), Line = import_styled_components8.default.div`
   display: grid;
   grid-template-columns: auto 1fr;
   gap: var(--unit);
   margin-top: calc(var(--unit) * 0.5);
   align-items: center;
-`, InlineForm = (0, import_styled_components8.default)(import_react14.Form)`
+`, InlineForm = (0, import_styled_components8.default)(import_react15.Form)`
   width: calc(2 * var(--unit));
 `, StyledIconButton = (0, import_styled_components8.default)(IconButton)`
   & > #eye {
@@ -188048,7 +188081,7 @@ function hiddenFileFormat(ignored) {
   return split[split.length - 1];
 }
 function HiddenFiles() {
-  let location = (0, import_react14.useLocation)(), [collapse, setCollapse] = (0, import_react_use.useBoolean)(!1), transitionState = (0, import_react14.useTransition)(), { analyzerData } = useData();
+  let location = (0, import_react15.useLocation)(), [collapse, setCollapse] = (0, import_react_use.useBoolean)(!1), transitionState = (0, import_react15.useTransition)(), { analyzerData } = useData();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(BoxSubTitle, {
@@ -188106,17 +188139,6 @@ function HiddenFiles() {
 
 // src/components/legend/Legend.tsx
 var import_styled_components11 = __toESM(require_styled_components_cjs());
-
-// src/contexts/MetricContext.ts
-var import_react15 = __toESM(require_react()), MetricsContext = (0, import_react15.createContext)(void 0);
-function useMetrics() {
-  let context = (0, import_react15.useContext)(MetricsContext);
-  if (!context)
-    throw new Error("useMetrics must be used within a MetricsContext");
-  return context;
-}
-
-// src/components/legend/Legend.tsx
 var import_material6 = __toESM(require_material());
 
 // src/components/legend/SegmentLegend.tsx
@@ -190219,7 +190241,7 @@ var Wrapper = import_styled_components22.default.div`
 `;
 
 // server-assets-manifest:@remix-run/dev/assets-manifest
-var assets_manifest_default = { version: "c3317511", entry: { module: "/build/entry.client-YPWZXPQ4.js", imports: ["/build/_shared/chunk-XMAWJ27N.js", "/build/_shared/chunk-2BPXJFRU.js"] }, routes: { root: { id: "root", parentId: void 0, path: "", index: void 0, caseSensitive: void 0, module: "/build/root-JP3CV4WY.js", imports: ["/build/_shared/chunk-2EHCKJST.js", "/build/_shared/chunk-7N2WUEGE.js"], hasAction: !1, hasLoader: !1, hasCatchBoundary: !0, hasErrorBoundary: !0 }, "routes/$repo.$": { id: "routes/$repo.$", parentId: "root", path: ":repo/*", index: void 0, caseSensitive: void 0, module: "/build/routes/$repo.$-QBHUPVJP.js", imports: ["/build/_shared/chunk-YLJSRSGG.js"], hasAction: !0, hasLoader: !0, hasCatchBoundary: !1, hasErrorBoundary: !0 }, "routes/index": { id: "routes/index", parentId: "root", path: void 0, index: !0, caseSensitive: void 0, module: "/build/routes/index-UFMJKIDU.js", imports: ["/build/_shared/chunk-YLJSRSGG.js"], hasAction: !1, hasLoader: !0, hasCatchBoundary: !1, hasErrorBoundary: !1 } }, url: "/build/manifest-C3317511.js" };
+var assets_manifest_default = { version: "170b0f78", entry: { module: "/build/entry.client-YPWZXPQ4.js", imports: ["/build/_shared/chunk-XMAWJ27N.js", "/build/_shared/chunk-2BPXJFRU.js"] }, routes: { root: { id: "root", parentId: void 0, path: "", index: void 0, caseSensitive: void 0, module: "/build/root-4FO5NL4Q.js", imports: ["/build/_shared/chunk-2EHCKJST.js", "/build/_shared/chunk-Y7QOL3BF.js"], hasAction: !1, hasLoader: !1, hasCatchBoundary: !0, hasErrorBoundary: !0 }, "routes/$repo.$": { id: "routes/$repo.$", parentId: "root", path: ":repo/*", index: void 0, caseSensitive: void 0, module: "/build/routes/$repo.$-5L6E3AFW.js", imports: ["/build/_shared/chunk-CWCEXXYS.js"], hasAction: !0, hasLoader: !0, hasCatchBoundary: !1, hasErrorBoundary: !0 }, "routes/index": { id: "routes/index", parentId: "root", path: void 0, index: !0, caseSensitive: void 0, module: "/build/routes/index-YLUZZH4I.js", imports: ["/build/_shared/chunk-CWCEXXYS.js"], hasAction: !1, hasLoader: !0, hasCatchBoundary: !1, hasErrorBoundary: !1 } }, url: "/build/manifest-170B0F78.js" };
 
 // server-entry-module:@remix-run/dev/server-build
 var assetsBuildDirectory = "public/build", publicPath = "/build/", entry = { module: entry_server_exports }, routes = {

package/cli.js

@@ -213723,7 +213723,7 @@ var import_path5 = __toESM(require("path"));
 // package.json
 var package_default = {
   name: "git-truck",
-  version: "1.2.0",
+  version: "1.2.2",
   private: false,
   description: "Visualizing a Git repository",
   license: "MIT",
@@ -218838,7 +218838,7 @@ var LegendEntry = import_styled_components.default.div`
   margin: 0px;
 `;
 var LegendDot = import_styled_components.default.div`
-  height: 100%;
+  height: 1em;
   aspect-ratio: 1;
   width: 1em;
   border-radius: 50%;
@@ -218850,6 +218850,9 @@ var LegendLabel = import_styled_components.default.p`
   margin: 0px;
   font-weight: bold;
   cursor: default;
+  overflow: hidden;
+  white-space: pre;
+  text-overflow: ellipsis;
 `;
 var LegendGradient = import_styled_components.default.div`
   background-image: linear-gradient(to right, ${(props) => `${props.min},${props.max}`});
@@ -218862,10 +218865,11 @@ var GradientLegendDiv = import_styled_components.default.div`
   flex-direction: row;
   justify-content: space-between;
 `;
-var DetailsKey = import_styled_components.default.span`
+var DetailsKey = import_styled_components.default.div`
+  display: flex;
+  align-items: center;
   font-size: 0.9em;
   font-weight: 500;
-  opacity: 0.7;
   white-space: pre;
   overflow: hidden;
   text-overflow: ellipsis;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "git-truck",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "private": false,
   "description": "Visualizing a Git repository",
   "license": "MIT",

package/public/build/_shared/chunk-CWCEXXYS.js

@@ -0,0 +1 @@
+import{M as b,N as v,O as y,P as S,d as x}from"/build/_shared/chunk-Y7QOL3BF.js";import{a as M,b as g,c as s,d as E,e as p,f as k,v as d}from"/build/_shared/chunk-2BPXJFRU.js";var B,H=M(()=>{B="ab".substr(-1)==="b"?function(e,t,r){return e.substr(t,r)}:function(e,t,r){return t<0&&(t=e.length+t),e.substr(t,r)}});var L=g((O,z)=>{z.exports={}});var T=g((D,A)=>{A.exports={}});var j=g(($,P)=>{P.exports={}});var W=s(d());var G=e=>{var n;let r=`calc(${((n=e.size)!=null?n:e.xs)?.5:e.sm?.75:e.md?1:e.lg?1.5:e.xl?2:e.xxl?3:1} * var(--unit))`,i={minHeight:e.horizontal?"1px":r,minWidth:e.horizontal?r:"1px",...e.horizontal?{display:"inline-block"}:{}};return(0,W.jsx)("div",{"aria-hidden":!0,style:i})};G.defaultProps={size:null,sm:!1,md:!1,lg:!1,xl:!1,horizontal:!1};function V(e){return e?new Date(e*1e3).toLocaleString("en-gb",{day:"2-digit",month:"short",year:"numeric"}):"Invalid date"}function N(e){return new Date(e).toLocaleString("da-dk",{day:"2-digit",month:"2-digit",year:"2-digit"})}function q(e){return new Date(e).toLocaleString("en-gb",{hour:"2-digit",minute:"2-digit",day:"2-digit",month:"short",year:"2-digit"})}function C(e){let t=Date.now(),r=60*60*1e3,i=24*r,n=t-e*1e3;if(n<0)return"Unknown time ago";if(n>i){let a=Math.floor(n/i);return`${a} day${a>1?"s":""} ago`}let l=Math.floor(n/r);return l>1?`${l} hours ago`:l===1?"1 hour ago":"<1 hour ago"}var U=e=>e[e.length-1],_=e=>e.length<=1?[]:e.slice(0,e.length-1);function J(e){return e.includes("\\")?"\\":"/"}var K=(e,t)=>[e,t].join("/");k();var u=s(E());var h=u.forwardRef(function(e,t){var r={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return u.createElement(x,p({iconAttrs:r,iconVerticalAlign:"middle",iconViewBox:"0 0 16 16"},e,{ref:t}),u.createElement("path",{fillRule:"evenodd",d:"M11.75 2.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5zm-2.25.75a2.25 2.25 0 1 1 3 2.122V6A2.5 2.5 0 0 1 10 8.5H6a1 1 0 0 0-1 1v1.128a2.251 2.251 0 1 1-1.5 0V5.372a2.25 2.25 0 1 1 1.5 0v1.836A2.492 2.492 0 0 1 6 7h4a1 1 0 0 0 1-1v-.628A2.25 2.25 0 0 1 9.5 3.25zM4.25 12a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5zM3.5 3.25a.75.75 0 1 1 1.5 0 .75.75 0 0 1-1.5 0z"}))});h.displayName="GitBranch";var o=s(d());function re({headGroups:e,analyzedHeads:t,iconColor:r,disabled:i,...n}){let l=Object.entries(e),a=l.reduce((c,f)=>c.concat(Object.keys(f)),[]);return(0,o.jsxs)(y,{children:[(0,o.jsx)(h,{display:"inline-block",height:"1em",color:r!=null?r:"#333"}),a.length===1?(0,o.jsx)(S,{children:a[0]}):(0,o.jsx)(b,{inline:!0,...n,children:l.map(([c,f])=>Object.entries(f).length>0?(0,o.jsx)("optgroup",{label:c,children:Object.entries(f).map(([m,w])=>{let R=t[w];return(0,o.jsx)(v,{value:m,disabled:i,title:R?"Analyzed":"Not analyzed",children:m},m)})},c):null)})]})}export{H as a,L as b,T as c,j as d,G as e,V as f,N as g,q as h,C as i,U as j,_ as k,J as l,K as m,re as n};