feat: support status switcher

Author: Quorafind

src/autoCompleteParent.ts

@@ -86,12 +86,16 @@ function findTaskCompletion(tr: Transaction): {
 		) => {
 			// If a change involves inserting an 'x' character
 			const insertedText = inserted.toString();
-			if (insertedText === "x" || insertedText === "X") {
+			console.log(insertedText);
+			if (
+				insertedText === "x" ||
+				insertedText === "X" ||
+				insertedText.trim() === "- [x]"
+			) {
 				// Get the position context
 				const pos = fromB;
 				const line = tr.newDoc.lineAt(pos);
 				const lineText = line.text;
-				console.log(lineText);
 
 				// Check if this is a task being completed ([ ] to [x])
 				// Matches the pattern where the cursor is between [ and ]

src/taskProgressBarIndex.ts

@@ -14,7 +14,7 @@ import {
 } from "./taskProgressBarSetting";
 import { EditorView } from "@codemirror/view";
 import { autoCompleteParentExtension } from "./autoCompleteParent";
-import { taskStatusSwitcherExtension } from "./task-status-switcher";
+import { taskStatusSwitcherExtension } from "./taskStatusSwitcher";
 
 class TaskProgressBarPopover extends HoverPopover {
 	plugin: TaskProgressBarPlugin;

src/taskProgressBarSetting.ts

@@ -1,9 +1,10 @@
 import { App, PluginSettingTab, Setting, Modal } from "obsidian";
 import TaskProgressBarPlugin from "./taskProgressBarIndex";
 import { allStatusCollections } from "./task-status";
-import { STATE_MARK_MAP, TaskState } from "./task-status-switcher";
+import { STATE_MARK_MAP, TaskState } from "./taskStatusSwitcher";
 
 export interface TaskProgressBarSettings {
+	showProgressBar: boolean;
 	addTaskProgressBarToHeading: boolean;
 	enableHeadingProgressBar: boolean;
 	addNumberToProgressBar: boolean;
@@ -46,6 +47,7 @@ export interface TaskProgressBarSettings {
 }
 
 export const DEFAULT_SETTINGS: TaskProgressBarSettings = {
+	showProgressBar: false,
 	addTaskProgressBarToHeading: false,
 	enableHeadingProgressBar: false,
 	addNumberToProgressBar: false,
@@ -118,6 +120,18 @@ export class TaskProgressBarSettingTab extends PluginSettingTab {
 
 		containerEl.createEl("h2", { text: "📍 Task Progress Bar" });
 
+		new Setting(containerEl)
+			.setName("Show progress bar")
+			.setDesc("Toggle this to show the progress bar.")
+			.addToggle((toggle) =>
+				toggle
+					.setValue(this.plugin.settings.showProgressBar)
+					.onChange(async (value) => {
+						this.plugin.settings.showProgressBar = value;
+						this.applySettingsUpdate();
+					})
+			);
+
 		new Setting(containerEl)
 			.setName("Add progress bar to Heading")
 			.setDesc(

src/task-status-switcher.ts src/taskStatusSwitcher.tssrc/task-status-switcher.ts renamed to src/taskStatusSwitcher.ts

@@ -168,17 +168,23 @@ class TaskProgressBarWidget extends WidgetType {
 				// Calculate percentage of completed tasks
 				const percentage =
 					Math.round((this.completed / this.total) * 10000) / 100;
-				
+
 				// Check if custom progress ranges are enabled
 				if (this.plugin?.settings.customizeProgressRanges) {
 					// Find a matching range for the current percentage
-					const matchingRange = this.plugin.settings.progressRanges.find(
-						range => percentage >= range.min && percentage <= range.max
-					);
-					
+					const matchingRange =
+						this.plugin.settings.progressRanges.find(
+							(range) =>
+								percentage >= range.min &&
+								percentage <= range.max
+						);
+
 					// If a matching range is found, use its custom text
 					if (matchingRange) {
-						text = matchingRange.text.replace("{{PROGRESS}}", percentage.toString());
+						text = matchingRange.text.replace(
+							"{{PROGRESS}}",
+							percentage.toString()
+						);
 					} else {
 						text = `${percentage}%`;
 					}
@@ -257,6 +263,11 @@ class TaskProgressBarWidget extends WidgetType {
 			cls: "progress-bar-inline-background",
 		});
 
+		this.progressBackGroundEl.toggleClass(
+			"hidden",
+			!this.plugin?.settings.showProgressBar
+		);
+
 		// Create elements for each status type
 		this.progressEl = this.progressBackGroundEl.createEl("div", {
 			cls: "progress-bar-inline progress-completed",
@@ -286,17 +297,23 @@ class TaskProgressBarWidget extends WidgetType {
 			if (this.plugin?.settings.showPercentage) {
 				const percentage =
 					Math.round((this.completed / this.total) * 10000) / 100;
-				
+
 				// Check if custom progress ranges are enabled
 				if (this.plugin?.settings.customizeProgressRanges) {
 					// Find a matching range for the current percentage
-					const matchingRange = this.plugin.settings.progressRanges.find(
-						range => percentage >= range.min && percentage <= range.max
-					);
-					
+					const matchingRange =
+						this.plugin.settings.progressRanges.find(
+							(range) =>
+								percentage >= range.min &&
+								percentage <= range.max
+						);
+
 					// If a matching range is found, use its custom text
 					if (matchingRange) {
-						text = matchingRange.text.replace("{{PROGRESS}}", percentage.toString());
+						text = matchingRange.text.replace(
+							"{{PROGRESS}}",
+							percentage.toString()
+						);
 					} else {
 						text = `${percentage}%`;
 					}

src/widget.ts

@@ -153,6 +153,10 @@
 	overflow: hidden;
 }
 
+.progress-bar-inline-background.hidden {
+	display: none;
+}
+
 /* Status indicators in the task number display */
 .cm-task-progress-bar .task-status-indicator {
 	display: inline-block;