feat: add current date marker flag (#27)

araujogui · web-flow · commit 9214be5592f1 · 2025-09-10T23:07:28.000+02:00
Refs: nodejs/nodejs.org#8101
diff --git a/.gitignore b/.gitignore
@@ -37,3 +37,8 @@ jspm_packages
 .node_repl_history
 
 .eslintcache
+
+# Artifacts
+*.html
+*.png
+*.svg
diff --git a/bin/lts.js b/bin/lts.js
@@ -80,6 +80,14 @@ const cliArgs = {
     require: false,
     multiple: false,
     default: 'Node.js'
+  },
+  'c': {
+    description: 'Current date marker',
+    alias: 'currentDateMarker',
+    type: 'string',
+    require: false,
+    multiple: false,
+    default: null
   }
 };
 
@@ -99,7 +107,8 @@ const options = {
   png: args.png ? Path.resolve(args.png) : null,
   animate: args.animate,
   excludeMain: args.excludeMain,
-  projectName: args.projectName
+  projectName: args.projectName,
+  currentDateMarker: args.currentDateMarker
 };
 
 Lib.create(options);
diff --git a/lib/index.js b/lib/index.js
@@ -38,7 +38,6 @@ const styles = `
   text-transform: uppercase;
 }`;
 
-
 function parseInput (data, queryStart, queryEnd, excludeMain, projectName) {
   const output = [];
 
@@ -93,7 +92,7 @@ function parseInput (data, queryStart, queryEnd, excludeMain, projectName) {
 
 
 function create (options) {
-  const { queryStart, queryEnd, html, svg: svgFile, png, animate, excludeMain, projectName, margin: marginInput } = options;
+  const { queryStart, queryEnd, html, svg: svgFile, png, animate, excludeMain, projectName, margin: marginInput, currentDateMarker } = options;
   const data = parseInput(options.data, queryStart, queryEnd, excludeMain, projectName);
   const d3n = new D3Node({ svgStyles: styles, d3Module: D3 });
   const margin = marginInput || { top: 30, right: 30, bottom: 30, left: 110 };
@@ -149,6 +148,21 @@ function create (options) {
      .attr('stroke', '#89a19d');
   }
 
+  if (currentDateMarker) {
+    const currentDate = new Date();
+
+    // Add a vertical red line for the current date
+    const currentX = xScale(currentDate);
+    svg.append('line')
+      .attr('x1', currentX)
+      .attr('x2', currentX)
+      .attr('stroke-width', 2)
+      .attr('y1', 0)
+      .attr('y2', height)
+      .attr('stroke', currentDateMarker) 
+      .attr('opacity', 1);
+  }
+
   svg.append('g')
      .attr('class', 'axis axis--x')
      .call(customXAxis);
