mdts 0.4.4 → 0.5.0

package/dist/frontend/markdown.css

@@ -54,22 +54,71 @@
     }
 
     hr {
-        color: rgba(0, 0, 0, .12);
+        margin: 48px 0;
+        border: 0;
+        border-bottom: 1px solid rgba(0, 0, 0, .12);
     }
 
     img {
         max-width: 100%;
     }
 
+    table {
+        display: block;
+        margin: 48px 0;
+        width: max-content;
+        overflow: auto;
+        border-spacing: 0;
+        border-collapse: collapse;
+
+        thead {
+            text-align: left;
+        }
+
+        tr {
+            border-top: 1px solid rgba(0, 0, 0, .12);
+        }
+
+        td, th {
+            padding: 6px 12px;
+            border: 1px solid rgba(0, 0, 0, .12);
+        }
+    }
+
     pre {
         padding: 16px;
         overflow: auto;
         background-color: #f4f5f7;
+
+        code {
+            padding: 0;
+            font-size: 100%;
+            word-break: normal;
+            white-space: pre;
+            background: transparent;
+            border: 0;
+        }
+    }
+
+    code {
+        display: inline-block;
+        padding: .1em .6em;
+        margin: 0;
+        font-size: 80%;
+        background-color: #f4f5f7;
+        border-radius: 2px;
     }
 
     blockquote {
+        margin: 24px 0;
         padding: 5px 16px;
         font-size: 14px;
+        color: rgba(0, 0, 0, .24);
+        border-left: 4px solid rgba(0, 0, 0, .12);
+
+        blockquote {
+            margin: 12px 0;
+        }
 
         p {
             margin: 0;
@@ -89,18 +138,37 @@
 
 .markdown-body.dark {
     h1 {
-        border-bottom: 1px solid rgba(255, 255, 255, .12);
+        border-color: rgba(255, 255, 255, .12);
     }
 
     h2 {
-        border-bottom: 1px solid rgba(255, 255, 255, .12);
+        border-color: rgba(255, 255, 255, .12);
+    }
+
+    table {
+        tr {
+            border-color: rgba(255, 255, 255, .12);
+        }
+
+        td, th {
+            border-color: rgba(255, 255, 255, .12);
+        }
     }
 
     pre {
         background-color: #20252c;
     }
 
+    code {
+        background-color: #20252c;
+    }
+
+    blockquote {
+        color: rgba(255, 255, 255, .24);
+        border-color: rgba(255, 255, 255, .12);
+    }
+
     hr {
-        color: rgba(255, 255, 255, .12);
+        border-color: rgba(255, 255, 255, .12);
     }
 }

package/dist/server/public/welcome.md

@@ -1,5 +1,5 @@
 <h1 align="center">
-  <img src="./logo.svg" alt="mdts" width="400">
+  <img src="/logo.svg" alt="mdts" width="400">
 </h1>
 
 mdts (Markdown Tree Server) is a simple and efficient tool for serving and viewing markdown files with an interactive file tree and outline. It's designed to help you navigate and read your markdown-based documentation or notes with ease.

package/dist/server/routes/filetree.js

@@ -35,7 +35,7 @@ const getFileTree = (baseDirectory, currentRelativePath) => {
 const fileTreeRouter = (directory) => {
     const router = (0, express_1.Router)();
     router.get('/', (req, res) => {
-        res.json(getFileTree(directory, ''));
+        res.json({ fileTree: getFileTree(directory, ''), mountedDirectoryPath: directory });
     });
     return router;
 };

package/dist/server/routes/outline.js

@@ -1,11 +1,44 @@
 "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.outlineRouter = void 0;
 const express_1 = require("express");
-const fs_1 = __importDefault(require("fs"));
+const fs = __importStar(require("fs"));
 const markdown_it_1 = __importDefault(require("markdown-it"));
 const path_1 = __importDefault(require("path"));
 const md = new markdown_it_1.default();
@@ -18,7 +51,10 @@ const slugify = (text) => {
         .replace(/^-+|-+$/g, ''); // Trim leading/trailing hyphens
 };
 const getMarkdownOutline = (filePath) => {
-    const fileContent = fs_1.default.readFileSync(filePath, 'utf-8');
+    if (!fs.existsSync(filePath)) {
+        return [];
+    }
+    const fileContent = fs.readFileSync(filePath, 'utf-8');
     const tokens = md.parse(fileContent, {});
     const outline = [];
     for (const token of tokens) {

package/dist/server/server.js

@@ -1,4 +1,37 @@
 "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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -15,7 +48,7 @@ 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_1 = require("fs");
+const fs = __importStar(require("fs"));
 const path_1 = __importDefault(require("path"));
 const ws_1 = require("ws");
 const filetree_1 = require("./routes/filetree");
@@ -25,7 +58,7 @@ const serve = (directory, port) => {
     const server = app.listen(port, () => {
         console.log(`🚀 Server listening at http://localhost:${port}`);
     });
-    setupWatcher(directory, server);
+    setupWatcher(directory, server, port);
     return server;
 };
 exports.serve = serve;
@@ -41,13 +74,21 @@ const createApp = (directory, currentLocation = __dirname) => {
         res.setHeader('Content-Type', 'text/plain');
         res.sendFile(path_1.default.join(currentLocation, './public/welcome.md'));
     });
+    app.use('/api/markdown', (req, res, next) => {
+        const filePath = path_1.default.join(directory, req.path);
+        if (!fs.existsSync(filePath)) {
+            console.error(`🚫 File not found: ${filePath}`);
+            return res.status(404).send('File not found');
+        }
+        next();
+    });
     app.use('/api/markdown', express_1.default.static(directory));
     // Catch-all route to serve index.html for any other requests
     app.get('*', (req, res) => __awaiter(void 0, void 0, void 0, function* () {
         const filePath = path_1.default.join(directory, req.path);
         let isDirectory = false;
         try {
-            const stats = yield fs_1.promises.stat(filePath);
+            const stats = fs.statSync(filePath);
             isDirectory = stats.isDirectory();
         }
         catch (_a) {
@@ -59,32 +100,60 @@ const createApp = (directory, currentLocation = __dirname) => {
             return res.sendFile(path_1.default.join(currentLocation, '../frontend/index.html'));
         }
         else {
-            return res.sendFile(req.path, { root: directory });
+            return res.sendFile(req.path, { root: directory }, (err) => {
+                if (err) {
+                    if ('code' in err && err.code === 'ENOENT') {
+                        console.error(`🚫 File not found: ${path_1.default.join(directory, req.path)}`);
+                        res.status(404).send('File not found');
+                    }
+                    else {
+                        console.error(`🚫 Error serving file ${path_1.default.join(directory, req.path)}:`, err);
+                        res.status(500).send('Internal Server Error');
+                    }
+                }
+            });
         }
     }));
     return app;
 };
 exports.createApp = createApp;
-const setupWatcher = (directory, server) => {
+const setupWatcher = (directory, server, port) => {
     const wss = new ws_1.WebSocketServer({ server });
+    wss.on('listening', () => {
+        console.log(`🚀 WebSocket server listening at ws://localhost:${port}`);
+    });
+    wss.on('connection', () => {
+        console.log('🤝 Livereload Client connected');
+        wss.on('close', () => {
+            console.log('👋 Livereload Client closed');
+        });
+        wss.on('wsClientError', (e) => {
+            console.error('🚫 Error on WebSocket server:', e);
+        });
+        wss.on('error', (e) => {
+            console.error('🚫 Error on WebSocket server:', e);
+        });
+    });
     const isMarkdownOrSimpleAsset = (filePath) => {
         const ext = filePath.toLowerCase().split('.').pop();
-        return (ext &&
-            (ext === 'md' ||
-                ext === 'markdown' ||
-                ext === 'png' ||
-                ext === 'jpg' ||
-                ext === 'jpeg' ||
-                ext === 'gif' ||
-                ext === 'svg'));
+        return ext && (ext === 'md' || ext === 'markdown');
     };
-    let watcher;
+    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,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mdts",
-  "version": "0.4.4",
+  "version": "0.5.0",
   "description": "A markdown preview server.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",