mdts 0.6.0 → 0.7.0

package/dist/server/routes/filetree.js

@@ -7,6 +7,14 @@ exports.fileTreeRouter = void 0;
 const express_1 = require("express");
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
+const fileTreeRouter = (directory) => {
+    const router = (0, express_1.Router)();
+    router.get('/', (req, res) => {
+        res.json({ fileTree: getFileTree(directory, ''), mountedDirectoryPath: directory });
+    });
+    return router;
+};
+exports.fileTreeRouter = fileTreeRouter;
 const isDotFileOrDirectory = (entryName) => {
     return entryName.startsWith('.');
 };
@@ -32,11 +40,3 @@ const getFileTree = (baseDirectory, currentRelativePath) => {
     }
     return tree;
 };
-const fileTreeRouter = (directory) => {
-    const router = (0, express_1.Router)();
-    router.get('/', (req, res) => {
-        res.json({ fileTree: getFileTree(directory, ''), mountedDirectoryPath: directory });
-    });
-    return router;
-};
-exports.fileTreeRouter = fileTreeRouter;

package/dist/server/routes/outline.js

@@ -43,6 +43,28 @@ const markdown_it_1 = __importDefault(require("markdown-it"));
 const path_1 = __importDefault(require("path"));
 const logger_1 = require("../../utils/logger");
 const md = new markdown_it_1.default();
+const outlineRouter = (directory) => {
+    const router = (0, express_1.Router)();
+    router.get('/', (req, res) => {
+        const filePath = req.query.filePath;
+        if (!filePath) {
+            return res.status(400).send('filePath query parameter is required.');
+        }
+        try {
+            const absolutePath = filePath === 'mdts-welcome-markdown.md'
+                ? path_1.default.join(__dirname, '../public/welcome.md')
+                : path_1.default.join(directory, filePath);
+            const outline = getMarkdownOutline(absolutePath);
+            res.json(outline);
+        }
+        catch (error) {
+            logger_1.logger.error(`Error getting outline for ${filePath}:`, error);
+            res.status(500).send('Error getting outline.');
+        }
+    });
+    return router;
+};
+exports.outlineRouter = outlineRouter;
 const slugify = (text) => {
     return text
         .toLowerCase()
@@ -71,25 +93,3 @@ const getMarkdownOutline = (filePath) => {
     }
     return outline;
 };
-const outlineRouter = (directory) => {
-    const router = (0, express_1.Router)();
-    router.get('/', (req, res) => {
-        const filePath = req.query.filePath;
-        if (!filePath) {
-            return res.status(400).send('filePath query parameter is required.');
-        }
-        try {
-            const absolutePath = filePath === 'mdts-welcome-markdown.md'
-                ? path_1.default.join(__dirname, '../public/welcome.md')
-                : path_1.default.join(directory, filePath);
-            const outline = getMarkdownOutline(absolutePath);
-            res.json(outline);
-        }
-        catch (error) {
-            logger_1.logger.error(`Error getting outline for ${filePath}:`, error);
-            res.status(500).send('Error getting outline.');
-        }
-    });
-    return router;
-};
-exports.outlineRouter = outlineRouter;

package/dist/server/server.js

@@ -46,20 +46,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createApp = exports.serve = void 0;
-const chokidar_1 = __importDefault(require("chokidar"));
 const express_1 = __importDefault(require("express"));
 const fs = __importStar(require("fs"));
 const path_1 = __importDefault(require("path"));
-const ws_1 = require("ws");
+const logger_1 = require("../utils/logger");
 const filetree_1 = require("./routes/filetree");
 const outline_1 = require("./routes/outline");
-const logger_1 = require("../utils/logger");
+const watcher_1 = require("./watcher");
 const serve = (directory, port) => {
     const app = (0, exports.createApp)(directory);
     const server = app.listen(port, () => {
         logger_1.logger.log(`🚀 Server listening at http://localhost:${port}`);
     });
-    setupWatcher(directory, server, port);
+    (0, watcher_1.setupWatcher)(directory, server, port);
     return server;
 };
 exports.serve = serve;
@@ -129,68 +128,3 @@ const createApp = (directory, currentLocation = __dirname) => {
     return app;
 };
 exports.createApp = createApp;
-const setupWatcher = (directory, server, port) => {
-    const wss = new ws_1.WebSocketServer({ server });
-    wss.on('listening', () => {
-        logger_1.logger.log(`🚀 WebSocket server listening at ws://localhost:${port}`);
-    });
-    wss.on('connection', () => {
-        logger_1.logger.log('🤝 Livereload Client connected');
-        wss.on('close', () => {
-            logger_1.logger.log('👋 Livereload Client closed');
-        });
-        wss.on('wsClientError', (e) => {
-            logger_1.logger.error('🚫 Error on WebSocket server:', e);
-        });
-        wss.on('error', (e) => {
-            logger_1.logger.error('🚫 Error on WebSocket server:', e);
-        });
-    });
-    const isMarkdownOrSimpleAsset = (filePath) => {
-        const ext = filePath.toLowerCase().split('.').pop();
-        return ext && (ext === 'md' || ext === 'markdown');
-    };
-    let watcher = null;
-    try {
-        watcher = chokidar_1.default.watch(directory, {
-            ignored: (watchedFilePath) => {
-                if (watchedFilePath.includes('node_modules')) {
-                    return true;
-                }
-                try {
-                    if (fs.statSync(watchedFilePath).isDirectory()) {
-                        return false; // Don't ignore directories
-                    }
-                }
-                catch (_a) {
-                    // On error (e.g., file not found), let chokidar handle it
-                    return false;
-                }
-                return !isMarkdownOrSimpleAsset(watchedFilePath);
-            },
-            ignoreInitial: true,
-        });
-    }
-    catch (e) {
-        logger_1.logger.error('🚫 Error watching directory:', e);
-        logger_1.logger.error('Livereload will be disabled');
-    }
-    watcher === null || watcher === void 0 ? void 0 : watcher.on('change', (filePath) => {
-        logger_1.logger.log(`🔃 File changed: ${filePath}, reloading...`);
-        wss.clients.forEach((client) => {
-            client.send(JSON.stringify({ type: 'reload-content' }));
-        });
-    });
-    watcher === null || watcher === void 0 ? void 0 : watcher.on('add', (filePath) => {
-        logger_1.logger.log(`🌲 File added: ${filePath}, reloading tree...`);
-        wss.clients.forEach((client) => {
-            client.send(JSON.stringify({ type: 'reload-tree' }));
-        });
-    });
-    watcher === null || watcher === void 0 ? void 0 : watcher.on('unlink', (filePath) => {
-        logger_1.logger.log(`🌲 File removed: ${filePath}, reloading tree...`);
-        wss.clients.forEach((client) => {
-            client.send(JSON.stringify({ type: 'reload-tree' }));
-        });
-    });
-};

package/dist/server/watcher.js

@@ -0,0 +1,136 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupWatcher = void 0;
+const chokidar_1 = __importDefault(require("chokidar"));
+const fs = __importStar(require("fs"));
+const ws_1 = require("ws");
+const logger_1 = require("../utils/logger");
+let contentWatcher = null;
+let currentWatchedFile = null;
+const setupWatcher = (directory, server, port) => {
+    const wss = new ws_1.WebSocketServer({ server });
+    wss.on('listening', () => {
+        logger_1.logger.log(`🚀 WebSocket server listening at ws://localhost:${port}`);
+    });
+    wss.on('connection', (ws) => {
+        logger_1.logger.log('🤝 Livereload Client connected');
+        ws.on('message', (message) => handleWebSocketMessage(ws, message.toString()));
+        ws.on('close', () => handleWebSocketClose(wss));
+        ws.on('error', (e) => logger_1.logger.error('🚫 Error on WebSocket client:', e));
+    });
+    setupDirectoryWatcher(directory, wss);
+};
+exports.setupWatcher = setupWatcher;
+const handleWebSocketMessage = (ws, message) => {
+    try {
+        const data = JSON.parse(message);
+        if (data.type === 'watch-file' && typeof data.filePath === 'string') {
+            setupContentWatcher(ws, data.filePath);
+        }
+    }
+    catch (e) {
+        logger_1.logger.error('🚫 Error parsing WebSocket message:', e);
+    }
+};
+const handleWebSocketClose = (wss) => {
+    logger_1.logger.log('👋 Livereload Client closed');
+    if (wss.clients.size === 0) {
+        contentWatcher === null || contentWatcher === void 0 ? void 0 : contentWatcher.close();
+        contentWatcher = null;
+        currentWatchedFile = null;
+    }
+};
+const setupDirectoryWatcher = (directory, wss) => {
+    try {
+        const watcher = chokidar_1.default.watch(directory, {
+            ignored: (watchedFilePath) => {
+                if (watchedFilePath.includes('node_modules')) {
+                    return true;
+                }
+                try {
+                    if (fs.statSync(watchedFilePath).isDirectory()) {
+                        return false;
+                    }
+                }
+                catch (_a) {
+                    return false;
+                }
+                return !isMarkdownOrSimpleAsset(watchedFilePath);
+            },
+            ignoreInitial: true,
+        });
+        watcher.on('add', (filePath) => {
+            logger_1.logger.log(`🌲 File added: ${filePath}, reloading tree...`);
+            wss.clients.forEach((client) => {
+                client.send(JSON.stringify({ type: 'reload-tree' }));
+            });
+        });
+        watcher.on('unlink', (filePath) => {
+            logger_1.logger.log(`🌲 File removed: ${filePath}, reloading tree...`);
+            wss.clients.forEach((client) => {
+                client.send(JSON.stringify({ type: 'reload-tree' }));
+            });
+        });
+        return watcher;
+    }
+    catch (e) {
+        logger_1.logger.error('🚫 Error watching directory:', e);
+        logger_1.logger.error('Livereload will be disabled');
+        return null;
+    }
+};
+const setupContentWatcher = (ws, filePath) => {
+    if (filePath !== currentWatchedFile) {
+        logger_1.logger.log(`👀 Watching file: ${filePath}`);
+        currentWatchedFile = filePath;
+        contentWatcher === null || contentWatcher === void 0 ? void 0 : contentWatcher.close(); // Close existing content watcher if any
+        contentWatcher = chokidar_1.default.watch(filePath, { ignoreInitial: true });
+        contentWatcher.on('change', (changedFilePath) => {
+            logger_1.logger.log(`🔃 File changed: ${changedFilePath}, reloading content...`);
+            ws.send(JSON.stringify({ type: 'reload-content' }));
+        });
+        contentWatcher.on('error', (e) => {
+            logger_1.logger.error(`🚫 Error watching content file ${filePath}:`, e);
+        });
+    }
+};
+const isMarkdownOrSimpleAsset = (filePath) => {
+    const ext = filePath.toLowerCase().split('.').pop();
+    return !!ext && (ext === 'md' || ext === 'markdown');
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mdts",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "A markdown preview server.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -12,12 +12,13 @@
   ],
   "scripts": {
     "build": "tsc && cp -R public/. dist/server/public",
-    "build:frontend": "cd packages/frontend && npm run build && cp -R dist/. ../../dist/frontend",
+    "build:frontend": "cd packages/frontend && npm run build",
     "jest": "node --experimental-vm-modules node_modules/jest/bin/jest.js --config jest.config.js",
     "watch": "npm run jest -- --watch",
     "test": "npm run jest -- --selectProjects test",
     "lint": "npm run jest -- --selectProjects lint",
-    "start": "npm run build && npm run build:frontend && node dist/index.js"
+    "start": "npm run build && npm run build:frontend && node dist/index.js",
+    "dev": "npm run build && npm run build:frontend && tsc --watch --preserveWatchOutput & cd packages/frontend && npm run build -- --watch & node dist/index.js"
   },
   "repository": {
     "type": "git",