Fixed the treeview to update in real time by detecting file save.

Issue #4

Author: kubrickcode

src/package.json

@@ -2,7 +2,7 @@
   "name": "tlog-vscode",
   "displayName": "tlog",
   "description": "Transient Log - Quick console.log with [TLOG] prefix for easy identification and removal",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "publisher": "KubrickCode",
   "license": "MIT",
   "repository": {

src/src/file-watcher.ts

@@ -0,0 +1,96 @@
+import * as vscode from "vscode";
+import * as path from "path";
+
+export class TlogFileWatcher {
+  private fileWatcher: vscode.FileSystemWatcher | null = null;
+  private saveListener: vscode.Disposable | null = null;
+  private refreshTimeout: NodeJS.Timeout | null = null;
+  private onRefreshCallback: () => void;
+
+  constructor(onRefresh: () => void) {
+    this.onRefreshCallback = onRefresh;
+  }
+
+  start(workspacePath: string): void {
+    this.dispose();
+
+    this.saveListener = vscode.workspace.onDidSaveTextDocument((document) => {
+      if (this.shouldProcessFile(document.fileName)) {
+        this.debouncedRefresh();
+      }
+    });
+
+    this.fileWatcher = vscode.workspace.createFileSystemWatcher(
+      new vscode.RelativePattern(
+        workspacePath,
+        "**/*.{js,ts,jsx,tsx,vue,py,java,c,cpp,cs,php,rb,go,rs,swift,kt,dart}"
+      ),
+      false, // onCreate
+      true, // onChange
+      false // onDelete
+    );
+
+    this.fileWatcher.onDidCreate((uri) => {
+      if (this.shouldProcessFile(uri.fsPath)) {
+        this.debouncedRefresh();
+      }
+    });
+
+    this.fileWatcher.onDidDelete((uri) => {
+      if (this.shouldProcessFile(uri.fsPath)) {
+        this.debouncedRefresh();
+      }
+    });
+  }
+
+  private shouldProcessFile(filePath: string): boolean {
+    const excludePatterns = [
+      "node_modules",
+      ".git",
+      ".vscode",
+      "dist",
+      "build",
+      "out",
+      "coverage",
+      ".next",
+      ".nuxt",
+      ".cache",
+      "tmp",
+      "temp",
+    ];
+
+    return !excludePatterns.some(
+      (pattern) =>
+        filePath.includes(path.sep + pattern + path.sep) ||
+        filePath.endsWith(path.sep + pattern)
+    );
+  }
+
+  private debouncedRefresh(): void {
+    if (this.refreshTimeout) {
+      clearTimeout(this.refreshTimeout);
+    }
+
+    this.refreshTimeout = setTimeout(() => {
+      this.onRefreshCallback();
+      this.refreshTimeout = null;
+    }, 300);
+  }
+
+  dispose(): void {
+    if (this.fileWatcher) {
+      this.fileWatcher.dispose();
+      this.fileWatcher = null;
+    }
+
+    if (this.saveListener) {
+      this.saveListener.dispose();
+      this.saveListener = null;
+    }
+
+    if (this.refreshTimeout) {
+      clearTimeout(this.refreshTimeout);
+      this.refreshTimeout = null;
+    }
+  }
+}

src/src/tlog-tree-provider.ts

@@ -2,6 +2,7 @@ import * as vscode from "vscode";
 import * as cp from "child_process";
 import * as path from "path";
 import { rgPath } from "@vscode/ripgrep";
+import { TlogFileWatcher } from "./file-watcher";
 
 const RIPGREP_SEARCH_PATTERN = "console.log.*[TLOG]";
 const NODE_MODULES_EXCLUDE_PATTERN = "!**/node_modules/**";
@@ -37,9 +38,12 @@ export class TlogTreeDataProvider
 
   private rootNode: TlogDirectoryNode | null = null;
   private workspacePath: string = "";
+  private fileWatcher: TlogFileWatcher;
 
   constructor() {
+    this.fileWatcher = new TlogFileWatcher(() => this.refresh());
     this.refresh();
+    this.setupAutoRefresh();
   }
 
   refresh(): void {
@@ -49,6 +53,17 @@ export class TlogTreeDataProvider
     });
   }
 
+  private setupAutoRefresh(): void {
+    const workspacePath = this.getWorkspacePath();
+    if (workspacePath) {
+      this.fileWatcher.start(workspacePath);
+    }
+  }
+
+  dispose(): void {
+    this.fileWatcher.dispose();
+  }
+
   getTreeItem(element: TlogTreeItem): vscode.TreeItem {
     return element;
   }