Merge 9f5cd3b00218da49b869e1ae224d86881f048f9f into 55c5c285558c410bb35ebf421245d320ab9ee9fa

.gitignore

@@ -0,0 +1,2 @@
+
+.DS_Store

Makefile

@@ -1,7 +1,7 @@
 PREFIX=/usr/local
 BINDIR=$(PREFIX)/bin
 RESOURCEDIR=$(PREFIX)/share/gitstats
-RESOURCES=gitstats.css sortable.js *.gif
+RESOURCES=gitstats.css sortable.js *.gif tailwind.json html.py
 BINARIES=gitstats
 VERSION=$(shell git describe 2>/dev/null || git rev-parse --short HEAD 2>/dev/null || date +%Y-%m-%d)
 SEDVERSION=perl -pi -e 's/VERSION = 0/VERSION = "$(VERSION)"/' --

README.md

@@ -0,0 +1,15 @@
+# Gitstats - meaningful data for your git repository. 
+
+## How to run
+1. Clone this repo and `cd` into it
+2. Create a output directory for your output
+3. `./gitstats [path_to_git_repo] [path_to_output_folder]`
+4. Open the `index.html` within your `ouptut_folder`
+
+## Dependencies
+
+* Gnuplot
+  * MacOS: `brew install gnuplot`
+  * Ubuntu: `sudo apt-get install gnuplot`
+* Git
+* Python >= 3.0

chart.json

@@ -0,0 +1,97 @@
+{
+  "series": [
+    {
+      "data": []
+    }
+  ],
+  "colors": ["#3C50E0"],
+  "chart": {
+    "fontFamily": "Satoshi, sans-serif",
+    "type": "bar",
+    "height": 350,
+    "toolbar": {
+      "show": false
+    }
+  },
+  "plotOptions": {
+    "bar": {
+      "horizontal": false,
+      "columnWidth": "55%",
+      "endingShape": "rounded",
+      "borderRadius": 2
+    },
+    "heatmap": {
+      "enableShades": false
+    }
+  },
+  "dataLabels": {
+    "enabled": false
+  },
+  "stroke": {
+    "show": true,
+    "width": 4,
+    "colors": ["transparent"]
+  },
+  "xaxis": {
+    "categories": [],
+    "floating": false,
+    "labels": {
+      "show": true,
+      "style": {
+        "fontFamily": "Inter, sans-serif",
+        "cssClass": "text-xs font-normal !fill-body dark:!fill-bodydark"
+      }
+    },
+    "axisBorder": {
+      "show": false
+    },
+    "axisTicks": {
+      "show": false
+    }
+  },
+  "legend": {
+    "show": true,
+    "position": "top",
+    "horizontalAlign": "left",
+    "fontFamily": "Satoshi",
+    "markers": {
+      "radius": 99
+    }
+  },
+  "yaxis": {
+    "title": false,
+    "labels": {
+      "show": true,
+      "style": {
+        "fontFamily": "Inter, sans-serif",
+        "cssClass": "text-xs font-normal !fill-body dark:!fill-bodydark"
+      }
+    }
+  },
+  "grid": {
+    "show": false,
+    "strokeDashArray": 4,
+    "padding": {
+      "left": 2,
+      "right": 2,
+      "top": -14
+    },
+    "yaxis": {
+      "lines": {
+        "show": false
+      }
+    }
+  },
+  "fill": {
+    "opacity": 1
+  },
+
+  "tooltip": {
+    "shared": true,
+    "intersect": false,
+    "x": {
+      "show": false
+    },
+    "y": {}
+  }
+}

gitstats.css

@@ -1,75 +1,71 @@
 /**
  * GitStats - default style
  */
-body {
-	color: black;
-	background-color: #dfd;
-}
 
 dt {
-	font-weight: bold;
-	float: left;
-	margin-right: 1em;
+  font-weight: bold;
+  float: left;
+  margin-right: 1em;
 }
 
 dt:after {
-	content: ': ';
+  content: ": ";
 }
 
 dd {
-	display: block;
-	clear: left;
+  display: block;
+  clear: left;
 }
 
 table {
-	border: 1px solid black;
-	border-collapse: collapse;
-	font-size: 80%;
-	margin-bottom: 1em;
+  border: 1px solid black;
+  border-collapse: collapse;
+  font-size: 80%;
+  margin-bottom: 1em;
 }
 
 table.noborders {
-	border: none;
+  border: none;
 }
 
 table.noborders td {
-	border: none;
+  border: none;
 }
 
 .vtable {
-	float: right;
-	clear: both;
+  float: right;
+  clear: both;
 }
 
 table.tags td {
-	vertical-align: top;
+  vertical-align: top;
 }
 
 td {
-	background-color: white;
+  background-color: white;
 }
 
 th {
-	background-color: #ddf;
+  background-color: #ddf;
 }
 
 th a {
-	text-decoration: none;
+  text-decoration: none;
 }
 
 tr:hover {
-	background-color: #ddf;
+  background-color: #ddf;
 }
 
 td {
-	border: 1px solid black;
-	padding: 0.2em;
-	padding-left: 0.3em;
-	padding-right: 0.2em;
+  border: 1px solid black;
+  padding: 0.2em;
+  padding-left: 0.3em;
+  padding-right: 0.2em;
 }
 
 /* Navigation bar; tabbed style */
-.nav {
+/* .nav {
 	border-bottom: 1px solid black;
 	padding: 0.3em;
 }
@@ -97,49 +93,114 @@ td {
 .nav li a:hover {
 	background-color: #ddd;
 	border-bottom: 1px solid #ddf;
-}
+} */
 
-img {
-	border: 1px solid black;
-	padding: 0.5em;
-	background-color: white;
+main img {
+  border: 1px solid black;
+  padding: 0.5em;
+  background-color: white;
 }
 
 th img {
-	border: 0px;
-	padding: 0px;
-	background-color: #ddf;
+  border: 0px;
+  padding: 0px;
+  background-color: #ddf;
 }
 
-h1 a, h2 a {
-	color: black;
-	text-decoration: none;
+h1 a,
+h2 a {
+  color: black;
+  text-decoration: none;
 }
 
-h1:hover a:after,
-h2:hover a:after {
-	content: '¶';
-	color: #555;
+main h1:hover a:after,
+main h2:hover a:after {
+  content: "¶";
+  color: #555;
 }
 
-h1 {
-	font-size: x-large;
+main h1 {
+  font-size: x-large;
 }
 
-h2 {
-	background-color: #564;
-	border: 1px solid black;
-	padding-left: 0.5em;
-	padding-right: 0.5em;
-	color: white;
-	font-size: large;
-	clear: both;
+main h2 {
+  background-color: #564;
+  border: 1px solid black;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+  color: white;
+  font-size: large;
+  clear: both;
 }
 
-h2 a {
-	color: white;
+main h2 a {
+  color: white;
+}
+
+main .moreauthors {
+  font-size: 80%;
 }
 
-.moreauthors {
-	font-size: 80%;
+.dark .apexcharts-canvas .apexcharts-legend-text {
+  color: #aeb7c0 !important;
+}
+.apexcharts-canvas .apexcharts-legend-text {
+  color: #64748b !important;
+}
+
+.dark .apexcharts-canvas .apexcharts-text {
+  fill: #aeb7c0 !important;
+}
+
+.apexcharts-canvas .apexcharts-text {
+  fill: #64748b !important;
+}
+
+.dark .apexcharts-canvas .apexcharts-xcrosshairs {
+  fill: #2e3a47 !important;
+}
+.apexcharts-canvas .apexcharts-xcrosshairs {
+  fill: #e2e8f0 !important;
+}
+
+
+.dark .apexcharts-canvas .apexcharts-gridline {
+  stroke: #2e3a47 !important;
+}
+.apexcharts-canvas .apexcharts-gridline {
+  stroke: #e2e8f0 !important;
+}
+
+.dark .apexcharts-canvas .apexcharts-series.apexcharts-pie-series path {
+  stroke: transparent !important;
+}
+
+.apexcharts-canvas .apexcharts-legend-series {
+  display: inline-flex;
+  gap: 0.375rem
+}
+
+/*
+.apexcharts-tooltip.apexcharts-theme-light {
+  @apply dark:!border-strokedark dark:!bg-boxdark;
+}
+.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
+  @apply dark:!border-strokedark dark:!bg-meta-4;
+}
+.apexcharts-xaxistooltip,
+.apexcharts-yaxistooltip {
+  @apply dark:!border-meta-4 dark:!bg-meta-4 dark:!text-bodydark1;
+}
+.apexcharts-xaxistooltip-bottom:after {
+  @apply !border-b-gray dark:!border-b-meta-4;
+}
+.apexcharts-xaxistooltip-bottom:before {
+  @apply !border-b-gray dark:!border-b-meta-4;
+}
+.apexcharts-xaxistooltip-bottom {
+  @apply !rounded !border-none !bg-gray !text-xs !font-medium !text-black dark:!text-white;
+}
+.apexcharts-tooltip-series-group {
+  @apply !pl-1.5;
 }
+*/

sortable.js

@@ -50,7 +50,7 @@ function ts_makeSortable(t) {
 		var cell = firstRow.cells[i];
 		var txt = ts_getInnerText(cell);
 		if (cell.className != "unsortable" && cell.className.indexOf("unsortable") == -1) {
-			cell.innerHTML = '<a href="#" class="sortheader" onclick="ts_resortTable(this, '+i+');return false;">'+txt+'<span class="sortarrow">&nbsp;&nbsp;<img src="'+ image_path + image_none + '" alt="&darr;"/></span></a>';
+			cell.innerHTML = '<a href="#" class="sortheader flex flex-column items-center justify-between" onclick="ts_resortTable(this, '+i+');return false;">'+txt+'<span class="sortarrow"><img src="'+ image_path + image_none + '" alt="&darr;"/></span></a>';
 		}
 	}
 	if (alternate_row_colors) {
@@ -104,7 +104,7 @@ function ts_resortTable(lnk, clid) {
 	sortfn = ts_sort_caseinsensitive;
 	if (itm.match(/^\d\d[\/\.-][a-zA-z][a-zA-Z][a-zA-Z][\/\.-]\d\d\d\d$/)) sortfn = ts_sort_date;
 	if (itm.match(/^\d\d[\/\.-]\d\d[\/\.-]\d\d\d{2}?$/)) sortfn = ts_sort_date;
-	if (itm.match(/^-?[£$€Û¢´]\d/)) sortfn = ts_sort_numeric;
+	if (itm.match(/^-?[�$�ۢ�]\d/)) sortfn = ts_sort_numeric;
 	// ignore stuff in () after the numbers.
 	if (itm.match(/^-?(\d+[,\.]?)+(E[-+][\d]+)?%?( \(.*\))?$/)) sortfn = ts_sort_numeric;
 	SORT_COLUMN_INDEX = column;
@@ -130,11 +130,11 @@ function ts_resortTable(lnk, clid) {
 	}
 	newRows.sort(sortfn);
 	if (span.getAttribute("sortdir") == 'down') {
-			ARROW = '&nbsp;&nbsp;<img src="'+ image_path + image_down + '" alt="&darr;"/>';
+			ARROW = '<img src="'+ image_path + image_down + '" alt="&darr;"/>';
 			newRows.reverse();
 			span.setAttribute('sortdir','up');
 	} else {
-			ARROW = '&nbsp;&nbsp;<img src="'+ image_path + image_up + '" alt="&uarr;"/>';
+			ARROW = '<img src="'+ image_path + image_up + '" alt="&uarr;"/>';
 			span.setAttribute('sortdir','down');
 	} 
     // We appendChild rows that already exist to the tbody, so it moves them rather than creating new ones
@@ -154,7 +154,7 @@ function ts_resortTable(lnk, clid) {
 	for (var ci=0;ci<allspans.length;ci++) {
 		if (allspans[ci].className == 'sortarrow') {
 			if (getParent(allspans[ci],"table") == getParent(lnk,"table")) { // in the same table as us?
-				allspans[ci].innerHTML = '&nbsp;&nbsp;<img src="'+ image_path + image_none + '" alt="&darr;"/>';
+				allspans[ci].innerHTML = '<img src="'+ image_path + image_none + '" alt="&darr;"/>';
 			}
 		}
 	}		

tailwind.json

@@ -0,0 +1,222 @@
+{
+    "darkMode": "class",
+    "theme": {
+      "extend": {
+        "colors": {
+          "current": "currentColor",
+          "transparent": "transparent",
+          "white": "#FFFFFF",
+          "black": "#1C2434",
+          "black-2": "#010101",
+          "body": "#64748B",
+          "bodydark": "#AEB7C0",
+          "bodydark1": "#DEE4EE",
+          "bodydark2": "#8A99AF",
+          "primary": "#3C50E0",
+          "secondary": "#80CAEE",
+          "stroke": "#E2E8F0",
+          "gray": "#EFF4FB",
+          "graydark": "#333A48",
+          "gray-2": "#F7F9FC",
+          "gray-3": "#FAFAFA",
+          "whiten": "#F1F5F9",
+          "whiter": "#F5F7FD",
+          "boxdark": "#24303F",
+          "boxdark-2": "#1A222C",
+          "strokedark": "#2E3A47",
+          "form-strokedark": "#3d4d60",
+          "form-input": "#1d2a39",
+          "meta-1": "#DC3545",
+          "meta-2": "#EFF2F7",
+          "meta-3": "#10B981",
+          "meta-4": "#313D4A",
+          "meta-5": "#259AE6",
+          "meta-6": "#FFBA00",
+          "meta-7": "#FF6766",
+          "meta-8": "#F0950C",
+          "meta-9": "#E5E7EB",
+          "success": "#219653",
+          "danger": "#D34053",
+          "warning": "#FFA70B"
+      },
+      "fontSize": {
+          "title-xxl": ["44px", "55px"],
+          "title-xl": ["36px", "45px"],
+          "title-xl2": ["33px", "45px"],
+          "title-lg": ["28px", "35px"],
+          "title-md": ["24px", "30px"],
+          "title-md2": ["26px", "30px"],
+          "title-sm": ["20px", "26px"],
+          "title-xsm": ["18px", "24px"]
+      },
+      "spacing": {
+          "4.5": "1.125rem",
+          "5.5": "1.375rem",
+          "6.5": "1.625rem",
+          "7.5": "1.875rem",
+          "8.5": "2.125rem",
+          "9.5": "2.375rem",
+          "10.5": "2.625rem",
+          "11": "2.75rem",
+          "11.5": "2.875rem",
+          "12.5": "3.125rem",
+          "13": "3.25rem",
+          "13.5": "3.375rem",
+          "14": "3.5rem",
+          "14.5": "3.625rem",
+          "15": "3.75rem",
+          "15.5": "3.875rem",
+          "16": "4rem",
+          "16.5": "4.125rem",
+          "17": "4.25rem",
+          "17.5": "4.375rem",
+          "18": "4.5rem",
+          "18.5": "4.625rem",
+          "19": "4.75rem",
+          "19.5": "4.875rem",
+          "21": "5.25rem",
+          "21.5": "5.375rem",
+          "22": "5.5rem",
+          "22.5": "5.625rem",
+          "24.5": "6.125rem",
+          "25": "6.25rem",
+          "25.5": "6.375rem",
+          "26": "6.5rem",
+          "27": "6.75rem",
+          "27.5": "6.875rem",
+          "29": "7.25rem",
+          "29.5": "7.375rem",
+          "30": "7.5rem",
+          "31": "7.75rem",
+          "32.5": "8.125rem",
+          "34": "8.5rem",
+          "34.5": "8.625rem",
+          "35": "8.75rem",
+          "36.5": "9.125rem",
+          "37.5": "9.375rem",
+          "39": "9.75rem",
+          "39.5": "9.875rem",
+          "40": "10rem",
+          "42.5": "10.625rem",
+          "44": "11rem",
+          "45": "11.25rem",
+          "46": "11.5rem",
+          "47.5": "11.875rem",
+          "49": "12.25rem",
+          "50": "12.5rem",
+          "52": "13rem",
+          "52.5": "13.125rem",
+          "54": "13.5rem",
+          "54.5": "13.625rem",
+          "55": "13.75rem",
+          "55.5": "13.875rem",
+          "59": "14.75rem",
+          "60": "15rem",
+          "62.5": "15.625rem",
+          "65": "16.25rem",
+          "67": "16.75rem",
+          "67.5": "16.875rem",
+          "70": "17.5rem",
+          "72.5": "18.125rem",
+          "73": "18.25rem",
+          "75": "18.75rem",
+          "90": "22.5rem",
+          "94": "23.5rem",
+          "95": "23.75rem",
+          "100": "25rem",
+          "115": "28.75rem",
+          "125": "31.25rem",
+          "132.5": "33.125rem",
+          "150": "37.5rem",
+          "171.5": "42.875rem",
+          "180": "45rem",
+          "187.5": "46.875rem",
+          "203": "50.75rem",
+          "230": "57.5rem",
+          "242.5": "60.625rem"
+      },
+      "maxWidth": {
+          "2.5": "0.625rem",
+          "3": "0.75rem",
+          "4": "1rem",
+          "11": "2.75rem",
+          "13": "3.25rem",
+          "14": "3.5rem",
+          "15": "3.75rem",
+          "22.5": "5.625rem",
+          "25": "6.25rem",
+          "30": "7.5rem",
+          "34": "8.5rem",
+          "35": "8.75rem",
+          "40": "10rem",
+          "42.5": "10.625rem",
+          "44": "11rem",
+          "45": "11.25rem",
+          "60": "15rem",
+          "70": "17.5rem",
+          "90": "22.5rem",
+          "94": "23.5rem",
+          "125": "31.25rem",
+          "132.5": "33.125rem",
+          "142.5": "35.625rem",
+          "150": "37.5rem",
+          "180": "45rem",
+          "203": "50.75rem",
+          "230": "57.5rem",
+          "242.5": "60.625rem",
+          "270": "67.5rem",
+          "280": "70rem",
+          "292.5": "73.125rem"
+      },
+      "maxHeight": {
+          "35": "8.75rem",
+          "70": "17.5rem",
+          "90": "22.5rem",
+          "550": "34.375rem",
+          "300": "18.75rem"
+      },
+      "minWidth": {
+          "22.5": "5.625rem",
+          "42.5": "10.625rem",
+          "47.5": "11.875rem",
+          "75": "18.75rem"
+      },
+      "zIndex": {
+          "999999": "999999",
+          "99999": "99999",
+          "9999": "9999",
+          "999": "999",
+          "99": "99",
+          "9": "9",
+          "1": "1"
+      },
+      "opacity": {
+          "65": ".65"
+      },
+      "transitionProperty": { "width": "width", "stroke": "stroke" },
+      "borderWidth": {
+          "6": "6px"
+      },
+      "boxShadow": {
+          "default": "0px 8px 13px -3px rgba(0, 0, 0, 0.07)",
+          "card": "0px 1px 3px rgba(0, 0, 0, 0.12)",
+          "card-2": "0px 1px 2px rgba(0, 0, 0, 0.05)",
+          "switcher":
+          "0px 2px 4px rgba(0, 0, 0, 0.2), inset 0px 2px 2px #FFFFFF, inset 0px -1px 1px rgba(0, 0, 0, 0.1)",
+          "switch-1": "0px 0px 5px rgba(0, 0, 0, 0.15)",
+          "1": "0px 1px 3px rgba(0, 0, 0, 0.08)",
+          "2": "0px 1px 4px rgba(0, 0, 0, 0.12)",
+          "3": "0px 1px 5px rgba(0, 0, 0, 0.14)",
+          "4": "0px 4px 10px rgba(0, 0, 0, 0.12)",
+          "5": "0px 1px 1px rgba(0, 0, 0, 0.15)",
+          "6": "0px 3px 15px rgba(0, 0, 0, 0.1)",
+          "7": "-5px 0 0 #313D4A, 5px 0 0 #313D4A",
+          "8": "1px 0 0 #313D4A, -1px 0 0 #313D4A, 0 1px 0 #313D4A, 0 -1px 0 #313D4A, 0 3px 13px rgb(0 0 0 / 8%)"
+      },
+      "dropShadow": {
+          "1": "0px 1px 0px #E2E8F0",
+          "2": "0px 1px 4px rgba(0, 0, 0, 0.12)"
+      }
+      }
+    }
+  }