show that a streak stars even before the displayed dates

TODO.md

@@ -1,4 +1,5 @@
 ## Now
+- show streak even if it's starting from before the 21(displayed days)
 
 ## Next
 - pass Today as a variable
@@ -8,7 +9,6 @@
 - allow user to create a habit from the tracker
 - show only habits that have activity in the past 21 days
 - settings page
-- show streak even if it's starting from before the 21(displayed days)
 - add dashboard for each habit with stats (current streak, avg streak, best streak, avg completion rate etc)
 
 ## Done

manifest.json

@@ -1,7 +1,7 @@
 {
 	"id": "habit-tracker-21",
 	"name": "Habit Tracker 21",
-	"version": "1.0.2",
+	"version": "1.0.3",
 	"minAppVersion": "1.1.0",
 	"description": "Your 21-day journey to habit formation simplified",
 	"author": "Zoreet",

src/HabitTracker.ts

@@ -9,7 +9,9 @@
 import { App, parseYaml, Notice, TAbstractFile } from 'obsidian';
 
 const PLUGIN_NAME = "Habit Tracker 21"
-const DAYS_TO_SHOW = 21;
+/* i want to show that a streak is already ongoing even if the previous dates are not rendered
+  so I load an extra date in the range, but never display it in the UI */
+const DAYS_TO_LOAD = 22;
 
 interface HabitTrackerSettings {
 	path: string;
@@ -20,7 +22,7 @@ interface HabitTrackerSettings {
 
 const DEFAULT_SETTINGS: HabitTrackerSettings = {
 	path: '',
-	range: DAYS_TO_SHOW,
+	range: DAYS_TO_LOAD,
 	rootElement: undefined,
 	habitsGoHere: undefined,
 }

src/styles.css

@@ -123,3 +123,9 @@ If your plugin does not need CSS, delete this file.
   border-bottom-right-radius: 0;
   width: 100%;
 }
+
+.habit-cell__name + * {
+  /* i want to show that a streak is already ongoing even if the previous dates are not rendered
+  so I load an extra date in the range, but never display it in the UI */
+  display: none;
+}

versions.json

@@ -1,5 +1,6 @@
 {
 	"1.0.0": "1.1.0",
 	"1.0.1": "1.1.0",
-	"1.0.2": "1.1.0"
+	"1.0.2": "1.1.0",
+	"1.0.3": "1.1.0"
 }