markform-cli 1.0.0 → 1.1.1

package/README.md

@@ -1,4 +1,4 @@
-![Markdown Banner](https://github.com/aryan-madan/Markform/blob/main/images/Markform%20%7C%20Banner.png?raw=true)
+![Markdown Banner](https://github.com/aryan-madan/Markform/blob/main/images/Markform%20|%20Devlog%202%20.png)
 
 Turn any folder of Markdown files into a beautiful, searchable static site — in one command.
 ```bash
@@ -9,6 +9,13 @@ I saw on reddit that people had folders of markdown files that needed to be sort
 
 ---
 
+## ⛏ Installation
+```bash
+npm install -g markform-cli
+```
+
+---
+
 ## (ˆᗜˆ ) Usage
 
 **Build your site:**
@@ -16,6 +23,11 @@ I saw on reddit that people had folders of markdown files that needed to be sort
 markform ./my-notes -o ./output
 ```
 
+If it doesn't work (mainly on windows), use:
+```bash
+npx markform-cli ./test -o ./output
+```
+
 **Watch mode** — auto-rebuilds and live-reloads the browser on file changes:
 ```bash
 markform ./my-notes -o ./output --watch
@@ -23,7 +35,6 @@ markform ./my-notes -o ./output --watch
 
 ---
 
-
 ## (≖_≖ ) Options
 
 | Flag | Default | Description |

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "markform-cli",
-  "version": "1.0.0",
+  "version": "1.1.1",
   "description": "Turn any folder of Markdown files into a beautiful, searchable static site.",
   "main": "src/index.js",
   "bin": {
-    "markform": "src/index.js"
+    "markform": "./src/index.js"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/src/build.js

@@ -104,7 +104,15 @@ function getMdFiles(dir) {
 
 async function buildSearchIndex(mdFiles, inputDir, outputDir) {
   const index = mdFiles.map((filePath) => {
-    const content = fs.readFileSync(filePath, 'utf-8');
+    const raw = fs.readFileSync(filePath, 'utf-8');
+    const content = raw
+      .replace(/#{1,6}\s/g, '')        // headings
+      .replace(/\*\*|__|\*|_/g, '')    // bold/italic
+      .replace(/`{1,3}[^`]*`{1,3}/g, '') // code
+      .replace(/\[([^\]]+)\]\([^)]+\)/g, '$1') // links
+      .replace(/^\s*[-*+]\s/gm, '')    // list items
+      .replace(/\n+/g, ' ')            // newlines
+      .trim();
     const relativePath = path.relative(inputDir, filePath);
     const href = relativePath.replace(/\.md$/, '.html');
     const title = path.basename(filePath, '.md').replace(/-/g, ' ');

package/test/hello.md

@@ -1,3 +1,3 @@
 # Hello World
 
-This is my first note.
+This is my first note.

package/themes/default.html

@@ -227,16 +227,33 @@
             .then(data => {
                 fuse = new Fuse(data, {
                     keys: ['title', 'content'],
-                    threshold: 0.4,
+                    threshold: 0.1,
+                    includeScore: true,
+                    ignoreLocation: true,
+                    minMatchCharLength: 3,
                 });
             });
 
+        function highlight(text, query) {
+            if (!query) return text;
+            const regex = new RegExp(`(${query.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')})`, 'gi');
+            return text.replace(regex, '<mark style="background:#f9e2af;color:#1e1e2e;border-radius:3px;padding:0 2px;">$1</mark>');
+        }
+
+        function getSnippet(content, query) {
+            const idx = content.toLowerCase().indexOf(query.toLowerCase());
+            if (idx === -1) return content.slice(0, 100) + '...';
+            const start = Math.max(0, idx - 40);
+            const end = Math.min(content.length, idx + 80);
+            return (start > 0 ? '...' : '') + content.slice(start, end) + (end < content.length ? '...' : '');
+        }
+
         document.getElementById('search').addEventListener('input', function () {
             const query = this.value.trim();
             const navList = document.getElementById('nav-list');
             const results = document.getElementById('search-results');
 
-            if (!query || !fuse) {
+            if (!query || !fuse || query.length < 2) {
                 navList.style.display = '';
                 results.style.display = 'none';
                 results.innerHTML = '';
@@ -247,13 +264,17 @@
             navList.style.display = 'none';
             results.style.display = '';
             results.innerHTML = matches.length
-                ? matches.map(m =>
-                    `<li style="margin-bottom:0.6rem">
-              <a href="/${m.item.href}" style="color:#a6adc8;text-decoration:none;font-size:0.95rem;text-transform:capitalize;">
-                ${m.item.title}
-              </a>
-            </li>`
-                ).join('')
+                ? matches.map(m => {
+                    const snippet = getSnippet(m.item.content, query);
+                    return `<li style="margin-bottom:1rem">
+            <a href="/${m.item.href}" style="color:#cdd6f4;text-decoration:none;font-size:0.95rem;text-transform:capitalize;font-weight:600;">
+              ${highlight(m.item.title, query)}
+            </a>
+            <p style="color:#6c7086;font-size:0.8rem;margin-top:0.25rem;line-height:1.4;">
+              ${highlight(snippet, query)}
+            </p>
+          </li>`;
+                }).join('')
                 : `<li style="color:#6c7086;font-size:0.9rem">No results found.</li>`;
         });
     </script>