vimd 0.5.3 → 0.5.5

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":"AAaA,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;IAuEzC;;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

@@ -3,6 +3,8 @@ import path from 'path';
 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';
@@ -13,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
  */
@@ -23,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 });
@@ -54,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
@@ -63,7 +73,28 @@ export class FolderModeServer {
             res.writeHead(200, { 'Content-Type': 'application/json' });
             res.end(JSON.stringify(this.getWrappedTree()));
         });
-        // Serve folder mode HTML for all routes (SPA style)
+        // Static file server for images, CSS, JS, etc.
+        const serve = sirv(this.options.rootPath, {
+            dev: true, // Disable caching for development
+        });
+        // Middleware: serve static files except for markdown/latex/root
+        app.use((req, res, next) => {
+            const url = req.url || '/';
+            // Skip API routes
+            if (url.startsWith('/api/')) {
+                return next();
+            }
+            // Skip root and markdown/latex files (handled by folder mode)
+            if (url === '/' || url.endsWith('.md') || url.endsWith('.tex') || url.endsWith('.latex')) {
+                return next();
+            }
+            // Try to serve as static file
+            serve(req, res, () => {
+                // If file not found, fall back to folder mode HTML
+                next();
+            });
+        });
+        // Serve folder mode HTML for markdown/root routes
         app.get('*', (req, res) => {
             this.serveFolderModeHtml(req, res);
         });
@@ -101,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 {
@@ -386,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.3",
+  "version": "0.5.5",
   "description": "Real-time Markdown preview tool with pandoc (view markdown)",
   "type": "module",
   "keywords": [