feat: add visual highlighting for TODO comments based on priority

Author: Dante

CHANGELOG.md

@@ -5,6 +5,20 @@ Todas as mudanças notáveis do "TODO Board" serão documentadas neste arquivo.
 O formato é baseado em [Keep a Changelog](http://keepachangelog.com/).
 
 
+## [1.3.0] - 2025-11-05
+
+### ✨ Novas Funcionalidades
+
+- **Destaque de TODOs no Editor** - Comentários TODO agora são destacados visualmente no código
+  - Cores baseadas em prioridade:
+    - 🔴 **Alta** (`@TODO(high)`) - Vermelho
+    - 🟠 **Média** (`@TODO(medium)`) - Laranja
+    - 🔵 **Baixa/Padrão** (`@TODO(low)` ou `@TODO`) - Azul
+  - Configurável: ative/desative ou customize as cores
+  - Funciona com todos os patterns de busca configurados
+  - Atualização em tempo real conforme você digita
+  - Indicadores na barra de rolagem (overview ruler)
+
 ## [1.2.0] - 2025-11-04
 
 ### 🔧 Refatoração

package.json

@@ -2,7 +2,7 @@
   "name": "todo-board",
   "displayName": "TODO Board",
   "description": "Organize seus TODOs em um quadro Kanban visual com prioridades, labels e busca customizável",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "publisher": "dantewebmaster",
   "repository": {
     "type": "git",
@@ -154,6 +154,26 @@
             "@TODO"
           ],
           "description": "Padrões de busca para TODOs. Exemplos: '@TODO', 'TODO', '@FIXME', 'FIXME', 'BUG'. Não inclua parênteses ou caracteres especiais de regex."
+        },
+        "todo-board.highlight.enabled": {
+          "type": "boolean",
+          "default": true,
+          "description": "Ativar destaque visual de comentários TODO no editor"
+        },
+        "todo-board.highlight.highPriorityColor": {
+          "type": "string",
+          "default": "#e74c3c",
+          "description": "Cor para TODOs de alta prioridade (@TODO(high))"
+        },
+        "todo-board.highlight.mediumPriorityColor": {
+          "type": "string",
+          "default": "#ffa94d",
+          "description": "Cor para TODOs de média prioridade (@TODO(medium))"
+        },
+        "todo-board.highlight.lowPriorityColor": {
+          "type": "string",
+          "default": "#4dabf7",
+          "description": "Cor para TODOs de baixa prioridade ou sem prioridade (@TODO(low) ou @TODO)"
         }
       }
     }

src/constants/regex.ts

@@ -1,6 +1,6 @@
 // Centralized regex and markers for scanners
 const TODO_PATTERN: RegExp = /@TODO(?:\([^)]*\))?/;
-const LABEL_PATTERN: RegExp = /\[(.*?)\]/;
+const LABEL_PATTERN: RegExp = /\[([^\]]*)\]/s; // Added 's' flag to match across newlines
 const PRIORITY_REGEX: RegExp = /^@TODO(?:\(([^)]+)\))?/i;
 
 const LINE_BREAK_REGEX: RegExp = /\r\n|\n/g;

src/extension.ts

@@ -6,6 +6,7 @@ import { insertTodoComment } from "@/commands/insert-todo";
 import { openTodoBoard } from "@/commands/open-board";
 import { scanTodos } from "@/commands/scan-todos";
 import { initializeStorage } from "@/services/storage";
+import { initializeTodoDecorator } from "@/services/todo-decorator";
 import { registerTodoSidebar } from "@/ui/sidebar";
 
 export function activate(context: vscode.ExtensionContext) {
@@ -14,6 +15,9 @@ export function activate(context: vscode.ExtensionContext) {
   // Initialize storage service
   initializeStorage(context);
 
+  // Initialize TODO comment highlighting
+  initializeTodoDecorator(context);
+
   const scanCmd = vscode.commands.registerCommand(
     "todo-board.scanTodos",
     scanTodos,

src/services/scanner.ts

@@ -75,7 +75,7 @@ export async function scanWorkspace(
         return { text: combined, endIndex };
       }
 
-      if (isBlockStartWithoutEnd(lineText)) {
+      if (isBlockStartWithoutEnd(lineText) || isInsideBlock(lineText)) {
         const { combinedSuffix, endIndex } = collectBlockContinuation(
           doc,
           index + 1,
@@ -342,9 +342,9 @@ function collectContinuation(
 }
 
 function stripBlockLinePrefix(text: string): string {
-  // Remove '/**', '/*' or leading '*' with one optional following space
-  // Prefer explicit pattern to handle both cases consistently
-  return text.replace(/^\s*(?:\/\*\*?|\*)\s?/, "");
+  // Remove '/**', '/*' or leading '*' with all following spaces
+  // This ensures labels like [tag] are preserved in block comments
+  return text.replace(/^\s*(?:\/\*\*?|\*)\s*/, "");
 }
 
 function isHtmlBlockStartWithoutEnd(text: string): boolean {
@@ -361,6 +361,16 @@ function isBlockStartWithoutEnd(text: string): boolean {
   );
 }
 
+function isInsideBlock(text: string): boolean {
+  // Detect if line is inside a block comment (starts with * but not /* or */)
+  const trimmed = text.trimStart();
+  return (
+    trimmed.startsWith("*") &&
+    !trimmed.startsWith("/*") &&
+    !trimmed.startsWith("*/")
+  );
+}
+
 function isTodoLine(
   text: string,
   matchPattern: RegExp,