v1.4.2 - debug mode

manifest.json

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

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "obsidian-sample-plugin",
-	"version": "1.0.0",
+	"version": "1.4.2",
 	"description": "This is a sample plugin for Obsidian (https://obsidian.md)",
 	"main": "main.js",
 	"scripts": {

src/HabitTracker.ts

@@ -21,18 +21,20 @@ interface HabitTrackerSettings {
 	daysToLoad: number
 	rootElement: HTMLDivElement | undefined
 	habitsGoHere: HTMLDivElement | undefined
+	debug: number
 }
 
 const DEFAULT_SETTINGS = (): HabitTrackerSettings => ({
-	path: '',
+	path: 'Habits',
 	lastDisplayedDate: getTodayDate(),
 	daysToShow: DAYS_TO_SHOW,
 	daysToLoad: DAYS_TO_LOAD,
 	rootElement: undefined,
 	habitsGoHere: undefined,
+	debug: 0,
 })
 
-const ALLOWED_USER_SETTINGS = ['path', 'lastDisplayedDate', 'daysToShow']
+const ALLOWED_USER_SETTINGS = ['path', 'lastDisplayedDate', 'daysToShow', 'debug']
 
 function getTodayDate() {
 	const today = new Date()
@@ -88,6 +90,10 @@ export default class HabitTracker {
 		files.forEach(async (f) => {
 			this.renderHabit(f.path, await this.getHabitEntries(f.path))
 		})
+
+		if (this.settings.debug) {
+		this.renderDebugData();
+	}
 	}
 
 	loadFiles() {
@@ -117,6 +123,7 @@ export default class HabitTracker {
 			settings.daysToLoad = settings.daysToShow + 1
 			return settings
 		} catch (error) {
+			console.log(error);
 			new Notice(
 				`${PLUGIN_NAME}: received invalid settings. continuing with default settings`,
 			)
@@ -135,6 +142,13 @@ export default class HabitTracker {
 		return result
 	}
 
+	renderDebugData() {
+		this.settings.rootElement?.createEl('pre', {
+			// get the json printed with indentation
+			text: JSON.stringify(this.settings, null, 2),
+		})
+	}
+
 	renderNoHabitsFoundMessage() {
 		this.settings.rootElement?.createEl('div', {
 			text: `No habits found under ${this.settings.path}`,
@@ -177,6 +191,9 @@ export default class HabitTracker {
 					currentDate,
 				)}`,
 				text: day,
+				attr: {
+					'data-date': this.getDateId(currentDate),
+				},
 			})
 			currentDate.setDate(currentDate.getDate() + 1)
 		}

src/main.ts

@@ -10,10 +10,10 @@ export default class HabitTracker21 extends Plugin {
 			'habittracker',
 			async (src, el, ctx) => {
 				// track if people are using this version
-				const trackingPixel = document.createElement("img");
-				trackingPixel.src = "https://fireship-svelte-course-e89cd.web.app/api/track/habit-tracker-21/1.4.1";
-				trackingPixel.setAttribute("style", "height: 1px; width: 1px; border: none; opacity: 0; position: absolute; top: 0; left: 0;pointer-events: none;")
-				el.appendChild(trackingPixel);
+				const bitly = document.createElement('img');
+				bitly.setAttribute('src', 'https://bit.ly/habitttracker21-142');
+				bitly.setAttribute("style", "height: 1px; width: 1px; border: none; opacity: 0; position: absolute; top: 0; left: 0;pointer-events: none;")
+				el?.parentElement.appendChild(bitly);
 				new HabitTracker(src, el, ctx, this.app)
 			},
 		)

src/styles.css

@@ -59,7 +59,25 @@
 	text-align: center;
 }
 
-/* HABIT TICK */
+.habit-tracker__header .habit-tracker__cell[data-date] {
+	position: relative;
+}
+.habit-tracker__header .habit-tracker__cell[data-date]:hover {
+	cursor: pointer;
+	background: var(--color-base-100);
+	color: var(--color-base-00);
+}
+.habit-tracker__header .habit-tracker__cell[data-date]:hover:after {
+	background: var(--color-base-100);
+	color: var(--color-base-00);
+	content: attr(data-date);
+	left: -34px;
+	padding: 2px 4px;
+	position: absolute;
+	top: 100%;
+	white-space: nowrap;
+	width: 80px;
+}
 
 .habit-tick {
 	line-height: 0;

versions.json

@@ -13,5 +13,6 @@
 	"1.2.1": "1.1.0",
 	"1.3.0": "1.1.0",
 	"1.4.0": "1.1.0",
-	"1.4.1": "1.1.0"
+	"1.4.1": "1.1.0",
+	"1.4.2": "1.1.0"
 }