vimd 0.5.4 → 0.5.6

package/dist/core/folder-mode/assets/folder-mode.js

@@ -9,6 +9,9 @@
   var STORAGE_KEY_SIDEBAR_WIDTH = 'vimd-sidebar-width';
   var STORAGE_KEY_STATE = 'vimd-folder-mode-state';
 
+  // Supported file extensions for link navigation
+  var SUPPORTED_EXTENSIONS = ['.md', '.tex', '.latex'];
+
   // State
   var fileTree = [];
   var ws = null;
@@ -274,6 +277,95 @@
     return search(fileTree);
   }
 
+  /**
+   * Get file extension from path
+   */
+  function getExtension(path) {
+    // Remove query string and hash
+    var cleanPath = path.split('?')[0].split('#')[0];
+    var lastDot = cleanPath.lastIndexOf('.');
+    if (lastDot === -1) {
+      return '';
+    }
+    return cleanPath.substring(lastDot).toLowerCase();
+  }
+
+  /**
+   * Check if href is an internal link to a supported file
+   */
+  function isInternalLink(href) {
+    // Ignore external links (http://, https://, //, mailto:, etc.)
+    if (/^(https?:)?\/\/|^mailto:|^tel:|^javascript:/i.test(href)) {
+      return false;
+    }
+
+    // Ignore anchor links
+    if (href.startsWith('#')) {
+      return false;
+    }
+
+    // Check if it's a supported file extension
+    var ext = getExtension(href);
+    return SUPPORTED_EXTENSIONS.indexOf(ext) !== -1;
+  }
+
+  /**
+   * Resolve relative path
+   */
+  function resolvePath(basePath, relativePath) {
+    // Handle absolute paths (starting with /)
+    if (relativePath.startsWith('/')) {
+      return relativePath.substring(1);
+    }
+
+    // Combine base and relative
+    var combined = basePath + relativePath;
+
+    // Normalize path (handle ../ and ./)
+    var parts = combined.split('/');
+    var result = [];
+
+    for (var i = 0; i < parts.length; i++) {
+      var part = parts[i];
+      if (part === '..') {
+        result.pop();
+      } else if (part !== '.' && part !== '') {
+        result.push(part);
+      }
+    }
+
+    return result.join('/');
+  }
+
+  /**
+   * Handle internal link click
+   */
+  function handleInternalLink(href) {
+    // Get current file's directory
+    var currentFile = state.panels[state.activePanel].file;
+    var currentDir = '';
+
+    if (currentFile) {
+      var lastSlash = currentFile.lastIndexOf('/');
+      if (lastSlash !== -1) {
+        currentDir = currentFile.substring(0, lastSlash + 1);
+      }
+    }
+
+    // Resolve relative path
+    var targetPath = resolvePath(currentDir, href);
+
+    // Remove query string and hash for file selection
+    targetPath = targetPath.split('?')[0].split('#')[0];
+
+    // Check if file exists in tree
+    if (fileExists(targetPath)) {
+      selectFile(targetPath);
+    } else {
+      console.warn('[vimd] File not found:', targetPath);
+    }
+  }
+
   /**
    * Handle file deleted event
    */
@@ -714,6 +806,24 @@
         }
       }
     });
+
+    // Preview content link handler (event delegation)
+    preview.addEventListener('click', function(e) {
+      var target = e.target;
+
+      // Find closest anchor element
+      while (target && target !== preview) {
+        if (target.tagName === 'A') {
+          var href = target.getAttribute('href');
+          if (href && isInternalLink(href)) {
+            e.preventDefault();
+            handleInternalLink(href);
+          }
+          return;
+        }
+        target = target.parentElement;
+      }
+    });
   }
 
   /**

package/dist/core/folder-mode/folder-mode-server.d.ts

@@ -19,6 +19,8 @@ export declare class FolderModeServer {
     private _port;
     private fileTree;
     private renderedHtml;
+    private folderWatcher;
+    private treeUpdateTimer;
     constructor(options: FolderModeOptions);
     /**
      * Get the actual port the server is running on
@@ -84,5 +86,17 @@ export declare class FolderModeServer {
      * Count total files in tree
      */
     private countFiles;
+    /**
+     * Start watching the folder for file changes
+     */
+    private startFolderWatcher;
+    /**
+     * Handle file system changes (add, unlink, etc.)
+     */
+    private handleFileSystemChange;
+    /**
+     * Update file tree and broadcast to all clients
+     */
+    private updateFileTree;
 }
 //# sourceMappingURL=folder-mode-server.d.ts.map

package/dist/core/folder-mode/folder-mode-server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"folder-mode-server.d.ts","sourceRoot":"","sources":["../../../src/core/folder-mode/folder-mode-server.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EACV,iBAAiB,EAEjB,aAAa,EAEd,MAAM,YAAY,CAAC;AAKpB;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;CACtB;AAUD;;GAEG;AACH,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,UAAU,CAA4B;IAC9C,OAAO,CAAC,QAAQ,CAAyB;IACzC,OAAO,CAAC,OAAO,CAA0C;IACzD,OAAO,CAAC,OAAO,CAAgB;IAC/B,OAAO,CAAC,OAAO,CAAoB;IACnC,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,YAAY,CAAuB;gBAE/B,OAAO,EAAE,iBAAiB;IAMtC;;OAEG;IACH,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED;;OAEG;IACH,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED;;OAEG;IACG,KAAK,IAAI,OAAO,CAAC,iBAAiB,CAAC;IAiGzC;;OAEG;IACG,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IA+B3B;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAuCxB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAU3B;;OAEG;YACW,gBAAgB;IAuF9B;;OAEG;YACW,WAAW;IASzB;;OAEG;IACH,OAAO,CAAC,YAAY;IAoBpB;;OAEG;IACH,OAAO,CAAC,WAAW;IAMnB;;OAEG;IACH,SAAS,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IASvC;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAW3B;;OAEG;YACW,cAAc;IAkC5B;;OAEG;IACH,OAAO,CAAC,UAAU;IASlB;;OAEG;IACH,OAAO,CAAC,cAAc;IAYtB;;OAEG;IACH,OAAO,CAAC,UAAU;CAWnB"}
+{"version":3,"file":"folder-mode-server.d.ts","sourceRoot":"","sources":["../../../src/core/folder-mode/folder-mode-server.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EACV,iBAAiB,EAEjB,aAAa,EAEd,MAAM,YAAY,CAAC;AAKpB;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;CACtB;AAeD;;GAEG;AACH,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,UAAU,CAA4B;IAC9C,OAAO,CAAC,QAAQ,CAAyB;IACzC,OAAO,CAAC,OAAO,CAA0C;IACzD,OAAO,CAAC,OAAO,CAAgB;IAC/B,OAAO,CAAC,OAAO,CAAoB;IACnC,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,aAAa,CAA0B;IAC/C,OAAO,CAAC,eAAe,CAA+B;gBAE1C,OAAO,EAAE,iBAAiB;IAMtC;;OAEG;IACH,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED;;OAEG;IACH,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED;;OAEG;IACG,KAAK,IAAI,OAAO,CAAC,iBAAiB,CAAC;IAoGzC;;OAEG;IACG,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IA2C3B;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAuCxB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAU3B;;OAEG;YACW,gBAAgB;IAuF9B;;OAEG;YACW,WAAW;IASzB;;OAEG;IACH,OAAO,CAAC,YAAY;IAoBpB;;OAEG;IACH,OAAO,CAAC,WAAW;IAMnB;;OAEG;IACH,SAAS,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IASvC;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAW3B;;OAEG;YACW,cAAc;IAkC5B;;OAEG;IACH,OAAO,CAAC,UAAU;IASlB;;OAEG;IACH,OAAO,CAAC,cAAc;IAYtB;;OAEG;IACH,OAAO,CAAC,UAAU;IAYlB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAuC1B;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAsB9B;;OAEG;YACW,cAAc;CAgB7B"}

package/dist/core/folder-mode/folder-mode-server.js

@@ -4,6 +4,7 @@ import fs from 'fs-extra';
 import { fileURLToPath } from 'url';
 import polka from 'polka';
 import sirv from 'sirv';
+import chokidar from 'chokidar';
 import { WebSocketServer as WSServer, WebSocket } from 'ws';
 import { Logger } from '../../utils/logger.js';
 import { SessionManager } from '../../utils/session-manager.js';
@@ -14,6 +15,10 @@ import { FileWatcher } from '../watcher.js';
 import { FolderScanner } from './folder-scanner.js';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
+/**
+ * Supported extensions for tree updates
+ */
+const TREE_EXTENSIONS = ['.md', '.tex', '.latex'];
 /**
  * Folder mode server for multi-file preview
  */
@@ -24,6 +29,8 @@ export class FolderModeServer {
         this.clients = new Map();
         this.fileTree = [];
         this.renderedHtml = null;
+        this.folderWatcher = null;
+        this.treeUpdateTimer = null;
         this.options = options;
         this._port = options.port;
         this.scanner = new FolderScanner({ rootPath: options.rootPath });
@@ -55,6 +62,8 @@ export class FolderModeServer {
         // Initial scan
         this.fileTree = await this.scanner.scan();
         Logger.info(`Found ${this.countFiles(this.fileTree)} files in folder`);
+        // Start watching for file changes
+        this.startFolderWatcher();
         // Render template
         this.renderedHtml = await this.renderTemplate();
         // Create polka app
@@ -123,6 +132,16 @@ export class FolderModeServer {
      * Stop the server
      */
     async stop() {
+        // Stop folder watcher
+        if (this.folderWatcher) {
+            await this.folderWatcher.close();
+            this.folderWatcher = null;
+        }
+        // Clear tree update timer
+        if (this.treeUpdateTimer) {
+            clearTimeout(this.treeUpdateTimer);
+            this.treeUpdateTimer = null;
+        }
         // Terminate all WebSocket clients
         for (const [client] of this.clients) {
             try {
@@ -408,4 +427,78 @@ export class FolderModeServer {
         }
         return count;
     }
+    /**
+     * Start watching the folder for file changes
+     */
+    startFolderWatcher() {
+        const watchOptions = {
+            ignored: [
+                '**/node_modules/**',
+                '**/.git/**',
+                '**/dist/**',
+                '**/build/**',
+                '**/vimd-preview-*.html',
+            ],
+            persistent: true,
+            ignoreInitial: true,
+            depth: 99,
+        };
+        this.folderWatcher = chokidar.watch(this.options.rootPath, watchOptions);
+        // File added
+        this.folderWatcher.on('add', (filePath) => {
+            this.handleFileSystemChange(filePath, 'add');
+        });
+        // File removed
+        this.folderWatcher.on('unlink', (filePath) => {
+            this.handleFileSystemChange(filePath, 'unlink');
+        });
+        // Directory added
+        this.folderWatcher.on('addDir', (dirPath) => {
+            this.handleFileSystemChange(dirPath, 'addDir');
+        });
+        // Directory removed
+        this.folderWatcher.on('unlinkDir', (dirPath) => {
+            this.handleFileSystemChange(dirPath, 'unlinkDir');
+        });
+        Logger.info('Folder watcher started');
+    }
+    /**
+     * Handle file system changes (add, unlink, etc.)
+     */
+    handleFileSystemChange(filePath, eventType) {
+        const ext = path.extname(filePath).toLowerCase();
+        // Only react to supported extensions or directory changes
+        const isDirectory = eventType.includes('Dir');
+        const isSupportedFile = TREE_EXTENSIONS.includes(ext);
+        if (!isDirectory && !isSupportedFile) {
+            return;
+        }
+        // Debounce tree updates (300ms)
+        if (this.treeUpdateTimer) {
+            clearTimeout(this.treeUpdateTimer);
+        }
+        this.treeUpdateTimer = setTimeout(async () => {
+            await this.updateFileTree();
+            this.treeUpdateTimer = null;
+        }, 300);
+    }
+    /**
+     * Update file tree and broadcast to all clients
+     */
+    async updateFileTree() {
+        try {
+            const newTree = await this.scanner.scan();
+            const fileCount = this.countFiles(newTree);
+            // Only update if tree actually changed
+            if (JSON.stringify(newTree) !== JSON.stringify(this.fileTree)) {
+                this.fileTree = newTree;
+                this.broadcast({ type: 'tree', data: this.getWrappedTree() });
+                Logger.info(`File tree updated: ${fileCount} files`);
+            }
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : 'Unknown error';
+            Logger.error(`Failed to update file tree: ${message}`);
+        }
+    }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vimd",
-  "version": "0.5.4",
+  "version": "0.5.6",
   "description": "Real-time Markdown preview tool with pandoc (view markdown)",
   "type": "module",
   "keywords": [