joplin-plugin-minimap 1.1.7 → 1.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "joplin-plugin-minimap",
-  "version": "1.1.7",
+  "version": "1.1.8",
   "description": "A hover-to-expand table of contents minimap for the Joplin note viewer",
   "author": "lim0513",
   "homepage": "https://github.com/lim0513/joplin-minimap",

package/publish/index.js

@@ -6,6 +6,7 @@
 
 // SettingItemType numeric values: Int=1, String=2, Bool=3 (no 'api' import in plain JS)
 const TYPE_INT = 1;
+const TYPE_BOOL = 3;
 
 // Settings-screen strings, resolved from the app locale at registration time
 // (matching Joplin's own restart-on-language-switch behavior).
@@ -17,6 +18,8 @@ const SETTINGS_I18N = {
 		panelWidthDesc: 'Maximum width of the hover-expanded table of contents. Default: 240.',
 		rightOffset: 'Distance from right edge (px)',
 		rightOffsetDesc: 'Gap between the minimap and the right edge of the viewer. Default: 6.',
+		showTodos: 'Show to-do markers',
+		showTodosDesc: 'Show a small red dot before a section\'s tick bar when it contains open to-dos. Default: on.',
 	},
 	zh_CN: {
 		minHeadings: '最少标题数',
@@ -25,6 +28,8 @@ const SETTINGS_I18N = {
 		panelWidthDesc: '悬停展开的目录面板最大宽度。默认 240。',
 		rightOffset: '距右边缘距离（px）',
 		rightOffsetDesc: '小地图与阅读器右边缘的间距。默认 6。',
+		showTodos: '显示待办标记',
+		showTodosDesc: '当章节内含未完成待办时，在该章节横线前显示一个小红点提醒。默认开启。',
 	},
 	zh_TW: {
 		minHeadings: '最少標題數',
@@ -33,6 +38,8 @@ const SETTINGS_I18N = {
 		panelWidthDesc: '懸停展開的目錄面板最大寬度。預設 240。',
 		rightOffset: '距右邊緣距離（px）',
 		rightOffsetDesc: '小地圖與檢視器右邊緣的間距。預設 6。',
+		showTodos: '顯示待辦標記',
+		showTodosDesc: '當章節內含未完成待辦時，在該章節橫線前顯示一個小紅點提醒。預設開啟。',
 	},
 	ru: {
 		minHeadings: 'Минимум заголовков',
@@ -41,6 +48,8 @@ const SETTINGS_I18N = {
 		panelWidthDesc: 'Максимальная ширина оглавления при наведении. По умолчанию: 240.',
 		rightOffset: 'Отступ от правого края (px)',
 		rightOffsetDesc: 'Зазор между миникартой и правым краем просмотра. По умолчанию: 6.',
+		showTodos: 'Показывать метки задач',
+		showTodosDesc: 'Показывать маленькую красную точку перед линией раздела, если в нём есть открытые задачи. По умолчанию: вкл.',
 	},
 	ja_JP: {
 		minHeadings: '最小見出し数',
@@ -49,6 +58,8 @@ const SETTINGS_I18N = {
 		panelWidthDesc: 'ホバーで展開する目次の最大幅。既定値：240。',
 		rightOffset: '右端からの距離（px）',
 		rightOffsetDesc: 'ミニマップとビューアー右端の間隔。既定値：6。',
+		showTodos: 'ToDoマーカーを表示',
+		showTodosDesc: '未完了のToDoを含むセクションの線の前に小さな赤い点を表示します。既定値：オン。',
 	},
 };
 
@@ -100,6 +111,14 @@ joplin.plugins.register({
 				label: t.rightOffset,
 				description: t.rightOffsetDesc,
 			},
+			'minimapShowTodos': {
+				value: true,
+				type: TYPE_BOOL,
+				section: 'minimap',
+				public: true,
+				label: t.showTodos,
+				description: t.showTodosDesc,
+			},
 			});
 		} catch (error) {
 			console.error('Joplin Minimap: registerSettings failed:', error);
@@ -117,6 +136,7 @@ joplin.plugins.register({
 					minHeadings: await joplin.settings.value('minimapMinHeadings'),
 					panelWidth: await joplin.settings.value('minimapPanelWidth'),
 					rightOffset: await joplin.settings.value('minimapRightOffset'),
+					showTodos: await joplin.settings.value('minimapShowTodos'),
 				};
 			}
 			return null;

package/publish/manifest.json

@@ -2,7 +2,7 @@
 	"manifest_version": 1,
 	"id": "com.github.joplin-minimap",
 	"app_min_version": "2.8",
-	"version": "1.1.7",
+	"version": "1.1.8",
 	"name": "Joplin Minimap",
 	"description": "A hover-to-expand table of contents minimap for the note viewer. Shows heading tick marks on the right edge; hover to expand into a full ToC, click to jump.",
 	"author": "lim0513",

package/publish/minimap-view.js

@@ -8,7 +8,7 @@
 
 	// Defaults; overridden from Joplin's plugin settings (Tools > Options > Minimap)
 	// when webviewApi is available in this webview.
-	var settings = { minHeadings: 2, panelWidth: 240, rightOffset: 6 };
+	var settings = { minHeadings: 2, panelWidth: 240, rightOffset: 6, showTodos: true };
 
 	function loadSettings() {
 		if (typeof webviewApi === 'undefined' || !webviewApi.postMessage) {
@@ -47,7 +47,7 @@
 	// then renders UNSTYLED as flow content below the note (looks like a
 	// duplicated outline under the document). Keeping the CSS inline and
 	// re-injecting guarantees the nav and its styling live and die together.
-	var MINIMAP_CSS = "/* Joplin Minimap \u2014 collapsed tick bars, hover-expanded ToC panel.\n * Colors use currentColor / rgba so it follows both light and dark themes.\n */\n\n#jp-minimap {\n\tuser-select: none;\n\t-webkit-user-select: none;\n\tcaret-color: transparent;\n\tcursor: default;\n\tposition: fixed;\n\ttop: 50%;\n\tright: 6px;\n\ttransform: translateY(-50%);\n\tz-index: 9999;\n\tfont-size: 12.5px;\n\tline-height: 1.35;\n\tcolor: inherit;\n}\n\n.jp-mm-list {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: flex-end;\n\tpadding: 8px 6px;\n\tmax-height: 84vh;\n\toverflow: hidden;\n\tborder-radius: 10px;\n\ttransition: background 0.15s ease, box-shadow 0.15s ease;\n}\n\n.jp-mm-item {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n\tpadding: 3px 4px;\n\tborder-radius: 6px;\n\ttext-decoration: none;\n\tcolor: inherit;\n\topacity: 0.5;\n\tcursor: pointer;\n\toutline: none;\n}\n\n/* ---- collapsed state: tick bars, width by heading level ---- */\n\n.jp-mm-bar {\n\tdisplay: block;\n\theight: 2px;\n\tborder-radius: 1px;\n\tbackground: currentColor;\n}\n\n.jp-mm-l1 .jp-mm-bar { width: 18px; }\n.jp-mm-l2 .jp-mm-bar { width: 13px; }\n.jp-mm-l3 .jp-mm-bar { width: 9px; }\n.jp-mm-l4 .jp-mm-bar { width: 7px; }\n.jp-mm-l5 .jp-mm-bar { width: 5px; }\n.jp-mm-l6 .jp-mm-bar { width: 5px; }\n\n.jp-mm-label { display: none; }\n\n/* ---- expanded state (hover) ---- */\n\n#jp-minimap:hover .jp-mm-list {\n\talign-items: stretch;\n\toverflow-y: auto;\n\toverscroll-behavior: contain;\n\tbackground: rgba(127, 127, 127, 0.16);\n\tbackdrop-filter: blur(10px);\n\t-webkit-backdrop-filter: blur(10px);\n\tbox-shadow: 0 6px 28px rgba(0, 0, 0, 0.28);\n}\n\n#jp-minimap:hover .jp-mm-bar { display: none; }\n\n#jp-minimap:hover .jp-mm-item { justify-content: flex-start; }\n\n#jp-minimap:hover .jp-mm-label {\n\tdisplay: block;\n\tmax-width: var(--jp-mm-width, 240px);\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n}\n\n/* indent by heading level when expanded */\n#jp-minimap:hover .jp-mm-l2 { padding-left: 16px; }\n#jp-minimap:hover .jp-mm-l3 { padding-left: 28px; }\n#jp-minimap:hover .jp-mm-l4 { padding-left: 40px; }\n#jp-minimap:hover .jp-mm-l5 { padding-left: 52px; }\n#jp-minimap:hover .jp-mm-l6 { padding-left: 52px; }\n\n/* ---- shared states ---- */\n\n.jp-mm-item:hover {\n\topacity: 1;\n\tbackground: rgba(127, 127, 127, 0.22);\n}\n\n.jp-mm-active { opacity: 1; }\n\n#jp-minimap:hover .jp-mm-active {\n\tbackground: rgba(127, 127, 127, 0.18);\n}\n\n/* No scrollbar in the expanded panel: the wheel handler owns scrolling,\n * and a visible scrollbar at the panel edge invites overlay-scrollbar\n * style hover/click interference. */\n.jp-mm-list::-webkit-scrollbar { display: none; }\n.jp-mm-list { scrollbar-width: none; }\n\n/* don't show over printed/exported output */\n@media print {\n\t#jp-minimap { display: none; }\n}\n";
+	var MINIMAP_CSS = "/* Joplin Minimap \u2014 collapsed tick bars, hover-expanded ToC panel.\n * Colors use currentColor / rgba so it follows both light and dark themes.\n */\n\n#jp-minimap {\n\tuser-select: none;\n\t-webkit-user-select: none;\n\tcaret-color: transparent;\n\tcursor: default;\n\tposition: fixed;\n\ttop: 50%;\n\tright: 6px;\n\ttransform: translateY(-50%);\n\tz-index: 9999;\n\tfont-size: 12.5px;\n\tline-height: 1.35;\n\tcolor: inherit;\n}\n\n.jp-mm-list {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: flex-end;\n\tpadding: 8px 6px;\n\tmax-height: 84vh;\n\toverflow: hidden;\n\tborder-radius: 10px;\n\ttransition: background 0.15s ease, box-shadow 0.15s ease;\n}\n\n.jp-mm-item {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n\tpadding: 3px 4px;\n\tborder-radius: 6px;\n\ttext-decoration: none;\n\tcolor: inherit;\n\topacity: 0.5;\n\tcursor: pointer;\n\toutline: none;\n}\n\n/* ---- collapsed state: tick bars, width by heading level ---- */\n\n.jp-mm-bar {\n\tdisplay: block;\n\theight: 2px;\n\tborder-radius: 1px;\n\tbackground: currentColor;\n}\n\n.jp-mm-l1 .jp-mm-bar { width: 18px; }\n.jp-mm-l2 .jp-mm-bar { width: 13px; }\n.jp-mm-l3 .jp-mm-bar { width: 9px; }\n.jp-mm-l4 .jp-mm-bar { width: 7px; }\n.jp-mm-l5 .jp-mm-bar { width: 5px; }\n.jp-mm-l6 .jp-mm-bar { width: 5px; }\n\n.jp-mm-label { display: none; }\n\n/* ---- expanded state (hover) ---- */\n\n#jp-minimap:hover .jp-mm-list {\n\talign-items: stretch;\n\toverflow-y: auto;\n\toverscroll-behavior: contain;\n\tbackground: rgba(127, 127, 127, 0.16);\n\tbackdrop-filter: blur(10px);\n\t-webkit-backdrop-filter: blur(10px);\n\tbox-shadow: 0 6px 28px rgba(0, 0, 0, 0.28);\n}\n\n#jp-minimap:hover .jp-mm-bar { display: none; }\n\n#jp-minimap:hover .jp-mm-item { justify-content: flex-start; }\n\n#jp-minimap:hover .jp-mm-label {\n\tdisplay: block;\n\tmax-width: var(--jp-mm-width, 240px);\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n}\n\n/* indent by heading level when expanded */\n#jp-minimap:hover .jp-mm-l2 { padding-left: 16px; }\n#jp-minimap:hover .jp-mm-l3 { padding-left: 28px; }\n#jp-minimap:hover .jp-mm-l4 { padding-left: 40px; }\n#jp-minimap:hover .jp-mm-l5 { padding-left: 52px; }\n#jp-minimap:hover .jp-mm-l6 { padding-left: 52px; }\n\n/* ---- shared states ---- */\n\n.jp-mm-item:hover {\n\topacity: 1;\n\tbackground: rgba(127, 127, 127, 0.22);\n}\n\n.jp-mm-active { opacity: 1; }\n\n#jp-minimap:hover .jp-mm-active {\n\tbackground: rgba(127, 127, 127, 0.18);\n}\n\n/* No scrollbar in the expanded panel: the wheel handler owns scrolling,\n * and a visible scrollbar at the panel edge invites overlay-scrollbar\n * style hover/click interference. */\n.jp-mm-list::-webkit-scrollbar { display: none; }\n.jp-mm-list { scrollbar-width: none; }\n\n/* ---- open-to-do section dot: one muted red dot before the tick bar of\n * any section that contains at least one unchecked checkbox ---- */\n.jp-mm-dot {\n\tdisplay: block;\n\twidth: 4px;\n\theight: 4px;\n\tborder-radius: 50%;\n\tbackground: rgba(205, 97, 85, 0.85);\n\tmargin-right: 5px;\n\tflex: none;\n}\n\n/* don't show over printed/exported output */\n@media print {\n\t#jp-minimap { display: none; }\n}\n";
 
 	function ensureStyle() {
 		if (document.getElementById('jp-minimap-style')) return;
@@ -116,6 +116,23 @@
 		);
 		if (headings.length < settings.minHeadings) return;
 
+		// Which sections contain at least one OPEN checkbox: walk headings and
+		// checkboxes in one document-ordered pass, attributing each unchecked
+		// box to the nearest preceding heading. One dot per section, however
+		// many open to-dos it holds.
+		var sectionHasTodo = {};
+		if (settings.showTodos !== false) {
+			var walk = Array.prototype.slice.call(
+				root.querySelectorAll('h1, h2, h3, h4, h5, h6, input[type="checkbox"]')
+			);
+			var lastHeading = -1;
+			for (var wi = 0; wi < walk.length; wi++) {
+				var wn = walk[wi];
+				if (/^H[1-6]$/.test(wn.tagName)) lastHeading++;
+				else if (!wn.checked && lastHeading >= 0) sectionHasTodo[lastHeading] = true;
+			}
+		}
+
 		var nav = document.createElement('nav');
 		nav.id = 'jp-minimap';
 		// Applied in BOTH collapsed and expanded states: shifting only on hover
@@ -156,6 +173,13 @@
 			label.className = 'jp-mm-label';
 			label.textContent = (h.textContent || '').trim();
 
+			// Muted red reminder dot before the bar (and before the label when
+			// expanded - same element, flex order does the work).
+			if (sectionHasTodo[index]) {
+				var dot = document.createElement('span');
+				dot.className = 'jp-mm-dot';
+				item.appendChild(dot);
+			}
 			item.appendChild(bar);
 			item.appendChild(label);