mdts 0.10.0 → 0.12.0

package/dist/frontend/index.html

@@ -5,6 +5,7 @@
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,500,700&display=swap" />
     <link rel="stylesheet" href="/markdown.css" />
     <title>mdts - Markdown file viewer</title>
 <script defer src="/bundle.js"></script></head>

package/dist/frontend/logo.svg

@@ -5,21 +5,21 @@
             <stop offset="100%" stop-color="#1f43ab"/>
         </linearGradient>
         <style>
-            .text {
+            .logo-text {
             font-family: 'Segoe UI', 'Arial', sans-serif;
             font-size: 42px;
             font-weight: 700;
             fill: url(#grad);
             letter-spacing: 2px;
             }
-            .icon {
+            .logo-icon {
             fill: url(#grad);
             }
         </style>
     </defs>
 
     <!-- Icon (Abstract Folder Tree) -->
-    <g class="icon" transform="translate(10, 20)">
+    <g class="logo-icon" transform="translate(10, 20)">
         <path d="M5 25 L15 45" stroke="url(#grad)" stroke-width="2"/>
         <path d="M25 25 L15 45" stroke="url(#grad)" stroke-width="2"/>
         <rect x="0" y="20" width="10" height="10" rx="2"/>
@@ -28,5 +28,5 @@
     </g>
 
     <!-- Logotype -->
-    <text x="60" y="70" class="text">mdts</text>
+    <text x="60" y="70" class="logo-text">mdts</text>
 </svg>

package/dist/frontend/markdown.css

@@ -4,8 +4,6 @@
     --markdown-code-background-color: #f4f5f7;
     --markdown-blockquote-color: rgba(0, 0, 0, .24);
     --markdown-link-color: #1976d2;
-    --markdown-font-family: Roboto;
-    --markdown-monospace-font-family: monospace;
 }
 
 [data-theme="dark"] {
@@ -16,7 +14,6 @@
 }
 
 .markdown-body {
-    font-family: var(--markdown-font-family);
     h1 {
         margin: 48px 0 24px;
         padding-bottom: 16px;
@@ -105,20 +102,28 @@
     }
 
     pre {
-        padding: 16px;
+        padding: 0;
         overflow: auto;
         font-size: 0.875rem;
-        background-color: var(--markdown-pre-background-color);
-        font-family: var(--markdown-monospace-font-family);
+        border-radius: 4px;
 
         code {
-            padding: 0;
+            width: 100%;
+            margin: 0;
+            padding: 16px;
             font-size: 0.875rem;
+            line-height: 1.8;
             word-break: normal;
             white-space: pre;
             background: transparent;
             border: 0;
         }
+
+        .syntax-highlighter {
+            code {
+                padding: 0;
+            }
+        }
     }
 
     pre:has(.syntax-highlighter) {
@@ -131,9 +136,7 @@
         padding: .1em .6em;
         margin: 0;
         font-size: 0.8em;
-        background-color: var(--markdown-code-background-color);
         border-radius: 2px;
-        font-family: var(--markdown-monospace-font-family);
     }
 
     blockquote {
@@ -161,4 +164,9 @@
             text-decoration: none;
         }
     }
+
+    .katex {
+        position: relative;
+        font-size: 1.143rem;
+    }
 }

package/dist/server/config.js

@@ -9,8 +9,10 @@ const path_1 = __importDefault(require("path"));
 const os_1 = __importDefault(require("os"));
 const defaultConfig = {
     fontFamily: 'Roboto',
-    fontFamilyMonospace: 'monospace',
+    fontFamilyMonospace: 'Roboto Mono',
     fontSize: 16,
+    theme: 'default',
+    syntaxHighlighterTheme: 'auto',
 };
 const configPath = path_1.default.join(os_1.default.homedir(), '.config', 'mdts', 'config.json');
 const getConfig = () => {

package/dist/server/public/logo.svg

@@ -5,21 +5,21 @@
             <stop offset="100%" stop-color="#1f43ab"/>
         </linearGradient>
         <style>
-            .text {
+            .logo-text {
             font-family: 'Segoe UI', 'Arial', sans-serif;
             font-size: 42px;
             font-weight: 700;
             fill: url(#grad);
             letter-spacing: 2px;
             }
-            .icon {
+            .logo-icon {
             fill: url(#grad);
             }
         </style>
     </defs>
 
     <!-- Icon (Abstract Folder Tree) -->
-    <g class="icon" transform="translate(10, 20)">
+    <g class="logo-icon" transform="translate(10, 20)">
         <path d="M5 25 L15 45" stroke="url(#grad)" stroke-width="2"/>
         <path d="M25 25 L15 45" stroke="url(#grad)" stroke-width="2"/>
         <rect x="0" y="20" width="10" height="10" rx="2"/>
@@ -28,5 +28,5 @@
     </g>
 
     <!-- Logotype -->
-    <text x="60" y="70" class="text">mdts</text>
+    <text x="60" y="70" class="logo-text">mdts</text>
 </svg>

package/dist/server/routes/outline.js

@@ -32,6 +32,15 @@ var __importStar = (this && this.__importStar) || (function () {
         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) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -45,7 +54,7 @@ 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) => {
+    router.get('/', (req, res) => __awaiter(void 0, void 0, void 0, function* () {
         const filePath = req.query.filePath;
         if (!filePath) {
             return res.status(400).send('filePath query parameter is required.');
@@ -54,29 +63,24 @@ const outlineRouter = (directory) => {
             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);
+            const outline = yield 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()
-        .replace(/[^\p{L}\p{N}\s-]/gu, '') // Remove non-alphanumeric, non-space, non-hyphen characters. \p{L} for unicode letters, \p{N} for unicode numbers. 'u' flag for unicode.
-        .replace(/\s+/g, '-') // Replace spaces with single hyphen
-        .replace(/-+/g, '-') // Replace multiple hyphens with single hyphen
-        .replace(/^-+|-+$/g, ''); // Trim leading/trailing hyphens
-};
-const getMarkdownOutline = (filePath) => {
+const getMarkdownOutline = (filePath) => __awaiter(void 0, void 0, void 0, function* () {
     if (!fs.existsSync(filePath)) {
         return [];
     }
+    const slugger = yield import('github-slugger')
+        .then(module => module.default)
+        .then(GithubSlugger => new GithubSlugger());
     const fileContent = fs.readFileSync(filePath, 'utf-8');
     const tokens = md.parse(fileContent, {});
     const outline = [];
@@ -86,10 +90,10 @@ const getMarkdownOutline = (filePath) => {
             const nextToken = tokens[tokens.indexOf(token) + 1];
             if (nextToken && nextToken.type === 'inline') {
                 const content = nextToken.content;
-                const id = slugify(content);
+                const id = slugger.slug(content);
                 outline.push({ level, content, id });
             }
         }
     }
     return outline;
-};
+});

package/dist/utils/logger.js

@@ -12,7 +12,7 @@ class Logger {
         if (this.silent) {
             return;
         }
-        /* eslint-disable max-len */
+        /* eslint-disable @stylistic/max-len */
         console.log(`
                 _ _       
   _ __ ___   __| | |_ ___ 
@@ -21,7 +21,7 @@ class Logger {
  |_| |_| |_|\\__,_|\\__|___/
                           
     `);
-        /* eslint-enable max-len */
+        /* eslint-enable @stylistic/max-len */
     }
     log(tag, message, ...args) {
         if (this.silent) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mdts",
-  "version": "0.10.0",
+  "version": "0.12.0",
   "description": "A markdown preview server.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -41,32 +41,39 @@
   },
   "homepage": "https://mdts.unhappychoice.com",
   "devDependencies": {
+    "@stylistic/eslint-plugin": "^5.2.3",
     "@types/commander": "^2.12.0",
     "@types/express": "^5.0.3",
     "@types/jest": "^30.0.0",
     "@types/markdown-it": "^14.1.2",
     "@types/supertest": "^6.0.3",
     "@types/ws": "^8.18.1",
-    "@typescript-eslint/eslint-plugin": "^8.37.0",
-    "@typescript-eslint/parser": "^8.37.0",
+    "@typescript-eslint/eslint-plugin": "^8.39.0",
+    "@typescript-eslint/parser": "^8.39.0",
     "axios": "^1.10.0",
-    "eslint": "^8.0.0",
+    "eslint": "^9.32.0",
     "jest": "^30.0.4",
     "jest-runner-eslint": "^2.3.0",
     "supertest": "^7.1.3",
     "ts-jest": "^29.4.0",
     "ts-node": "^10.9.2",
     "typescript": "^5.8.3",
-    "typescript-eslint": "^8.37.0"
+    "typescript-eslint": "^8.39.0"
   },
   "dependencies": {
     "chalk": "^5.4.1",
     "chokidar": "^4.0.3",
     "commander": "^14.0.0",
     "express": "^5.1.0",
+    "github-slugger": "^2.0.0",
     "markdown-it": "^14.1.0",
     "open": "^10.2.0",
     "simple-git": "^3.28.0",
     "ws": "^8.18.3"
+  },
+  "overrides": {
+    "jest-runner-eslint": {
+      "eslint": "^9.32.0"
+    }
   }
 }