@mattli/dotmd 0.1.0

package/dist/dashboard/settings-client.js

@@ -0,0 +1,310 @@
+export const SETTINGS_CLIENT_SCRIPT = `<script>
+document.addEventListener('DOMContentLoaded', function() {
+  var debounceTimer = null;
+  var currentBrowseDir = null;
+
+  function escapeHtml(str) {
+    var div = document.createElement('div');
+    div.textContent = str;
+    return div.innerHTML;
+  }
+
+  // --- Chip toggling ---
+  function initChipToggling(container) {
+    if (!container) return;
+    container.querySelectorAll('[data-chip]').forEach(function(chip) {
+      chip.addEventListener('click', function() {
+        var isSelected = chip.getAttribute('data-selected') === 'true';
+        chip.setAttribute('data-selected', isSelected ? 'false' : 'true');
+        if (isSelected) {
+          chip.classList.remove('bg-blue-100', 'text-blue-800', 'border-blue-300');
+          chip.classList.add('bg-gray-100', 'text-gray-600', 'border-gray-300');
+        } else {
+          chip.classList.remove('bg-gray-100', 'text-gray-600', 'border-gray-300');
+          chip.classList.add('bg-blue-100', 'text-blue-800', 'border-blue-300');
+        }
+        scheduleRefresh();
+      });
+    });
+  }
+
+  initChipToggling(document.getElementById('roots-list'));
+  initChipToggling(document.getElementById('patterns-list'));
+
+  // --- Collect selected values ---
+  function getSelectedRoots() {
+    var values = [];
+    document.getElementById('roots-list').querySelectorAll('[data-chip][data-selected="true"]').forEach(function(chip) {
+      values.push(chip.getAttribute('data-value'));
+    });
+    document.getElementById('roots-list').querySelectorAll('[data-custom-value]').forEach(function(tag) {
+      values.push(tag.getAttribute('data-custom-value'));
+    });
+    return values;
+  }
+
+  function getSelectedPatterns() {
+    var values = [];
+    document.getElementById('patterns-list').querySelectorAll('[data-chip][data-selected="true"]').forEach(function(chip) {
+      values.push(chip.getAttribute('data-value'));
+    });
+    document.getElementById('patterns-list').querySelectorAll('[data-custom-value]').forEach(function(tag) {
+      values.push(tag.getAttribute('data-custom-value'));
+    });
+    return values;
+  }
+
+  // --- Auto-refresh file preview ---
+  function scheduleRefresh() {
+    clearTimeout(debounceTimer);
+    debounceTimer = setTimeout(refreshPreview, 300);
+  }
+
+  function refreshPreview() {
+    var roots = getSelectedRoots();
+    var patterns = getSelectedPatterns();
+    var preview = document.getElementById('file-preview');
+
+    if (roots.length === 0 || patterns.length === 0) {
+      preview.innerHTML = '<p class="text-gray-400 text-sm">Select at least one folder and one pattern.</p>';
+      return;
+    }
+
+    preview.style.minHeight = preview.offsetHeight + 'px';
+
+    fetch('/api/setup/discover', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ roots: roots, patterns: patterns })
+    })
+    .then(function(res) { return res.json(); })
+    .then(function(data) {
+      renderFilePreview(data.files || []);
+    })
+    .catch(function() {
+      preview.innerHTML = '<p class="text-red-500 text-sm">Error scanning files.</p>';
+    });
+  }
+
+  function renderFilePreview(files) {
+    var preview = document.getElementById('file-preview');
+
+    if (files.length === 0) {
+      preview.innerHTML = '<p class="text-gray-400 text-sm">No matching files found.</p>';
+      return;
+    }
+
+    // Group by root (provided by server)
+    var groups = {};
+    var rootOrder = [];
+    files.forEach(function(f) {
+      var root = f.root || 'Other';
+      if (!groups[root]) {
+        groups[root] = [];
+        rootOrder.push(root);
+      }
+      groups[root].push(f);
+    });
+
+    var html = '<div class="flex gap-3 mb-4">' +
+      '<button type="button" id="preview-select-all" class="text-sm text-blue-600 hover:underline">Select all</button>' +
+      '<button type="button" id="preview-deselect-all" class="text-sm text-blue-600 hover:underline">Deselect all</button>' +
+      '<span class="text-sm text-gray-400">' + files.length + ' file' + (files.length === 1 ? '' : 's') + '</span>' +
+      '</div>';
+
+    rootOrder.forEach(function(root) {
+      var rootFiles = groups[root];
+      if (!rootFiles || rootFiles.length === 0) return;
+
+      html += '<div class="mb-4">';
+      html += '<h3 class="text-sm font-semibold text-gray-500 uppercase tracking-wide mb-2">' + escapeHtml(root) + '</h3>';
+      html += '<div class="space-y-1">';
+
+      rootFiles.forEach(function(file) {
+        // Show path relative to the root for cleaner display
+        var displayPath = file.path;
+        if (root !== 'Other' && displayPath.indexOf(root) === 0) {
+          displayPath = displayPath.slice(root.length + 1);
+        }
+        html += '<label class="flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-gray-50 cursor-pointer">' +
+          '<input type="checkbox" name="files" value="' + escapeHtml(file.path) + '" checked ' +
+          'class="rounded border-gray-300 text-blue-600 focus:ring-blue-500">' +
+          '<span class="font-mono text-sm">' + escapeHtml(displayPath) + '</span>' +
+          '</label>';
+      });
+
+      html += '</div></div>';
+    });
+
+    preview.innerHTML = html;
+    preview.style.minHeight = '';
+
+    // Wire up select/deselect all
+    var selectAll = document.getElementById('preview-select-all');
+    var deselectAll = document.getElementById('preview-deselect-all');
+    if (selectAll) {
+      selectAll.addEventListener('click', function() {
+        preview.querySelectorAll('input[name="files"]').forEach(function(cb) { cb.checked = true; });
+      });
+    }
+    if (deselectAll) {
+      deselectAll.addEventListener('click', function() {
+        preview.querySelectorAll('input[name="files"]').forEach(function(cb) { cb.checked = false; });
+      });
+    }
+  }
+
+  // --- Folder browser ---
+  var openBrowserBtn = document.getElementById('open-browser');
+  var folderBrowser = document.getElementById('folder-browser');
+  var browserPath = document.getElementById('browser-path');
+  var browserList = document.getElementById('browser-list');
+  var browserUp = document.getElementById('browser-up');
+  var browserAdd = document.getElementById('browser-add');
+  var rootsList = document.getElementById('roots-list');
+
+  if (browserAdd) {
+    browserAdd.addEventListener('click', function() {
+      if (currentBrowseDir) {
+        addCustomChip(rootsList, currentBrowseDir);
+        scheduleRefresh();
+      }
+    });
+  }
+
+  function addCustomChip(container, value) {
+    // Don't add duplicates
+    var existing = container.querySelectorAll('[data-custom-value]');
+    for (var i = 0; i < existing.length; i++) {
+      if (existing[i].getAttribute('data-custom-value') === value) return;
+    }
+    var chips = container.querySelectorAll('[data-chip]');
+    for (var i = 0; i < chips.length; i++) {
+      if (chips[i].getAttribute('data-value') === value) return;
+    }
+
+    var tag = document.createElement('span');
+    tag.setAttribute('data-custom-value', value);
+    tag.className = 'inline-flex items-center gap-1 px-3 py-1.5 rounded-full text-sm font-medium bg-blue-100 text-blue-800 border border-blue-300';
+    tag.innerHTML = escapeHtml(value) + ' <button type="button" class="ml-1 text-blue-500 hover:text-blue-700 font-bold">&times;</button>';
+    tag.querySelector('button').addEventListener('click', function() {
+      tag.remove();
+      scheduleRefresh();
+    });
+    container.appendChild(tag);
+  }
+
+  function loadBrowserDir(dir) {
+    fetch('/api/setup/browse?dir=' + encodeURIComponent(dir || '~'))
+      .then(function(res) { return res.json(); })
+      .then(function(data) {
+        if (data.error) return;
+        currentBrowseDir = data.current;
+        if (browserPath) browserPath.textContent = data.current;
+        if (browserUp) {
+          browserUp.style.display = data.parent ? '' : 'none';
+          browserUp.onclick = function() { loadBrowserDir(data.parent); };
+        }
+        if (!browserList) return;
+        browserList.innerHTML = '';
+
+        data.dirs.forEach(function(entry) {
+          var row = document.createElement('div');
+          row.className = 'px-4 py-2 hover:bg-gray-50 cursor-pointer flex items-center gap-2 text-sm';
+          row.innerHTML = '<span class="text-gray-400">&#128193;</span> ' + escapeHtml(entry.name);
+          row.addEventListener('click', function() {
+            loadBrowserDir(entry.path);
+          });
+          browserList.appendChild(row);
+        });
+      });
+  }
+
+  if (openBrowserBtn && folderBrowser) {
+    openBrowserBtn.addEventListener('click', function() {
+      var isHidden = folderBrowser.classList.contains('hidden');
+      if (isHidden) {
+        folderBrowser.classList.remove('hidden');
+        openBrowserBtn.textContent = 'Hide browser';
+        loadBrowserDir('~');
+      } else {
+        folderBrowser.classList.add('hidden');
+        openBrowserBtn.textContent = 'Browse for folder...';
+      }
+    });
+  }
+
+  // --- Custom pattern input ---
+  var addBtn = document.getElementById('add-custom');
+  var customInput = document.getElementById('custom-input');
+  var patternsList = document.getElementById('patterns-list');
+
+  function addCustomPattern() {
+    if (!customInput || !patternsList) return;
+    var value = customInput.value.trim();
+    if (!value) return;
+    addCustomChip(patternsList, value);
+    customInput.value = '';
+    scheduleRefresh();
+  }
+
+  if (addBtn) {
+    addBtn.addEventListener('click', addCustomPattern);
+  }
+  if (customInput) {
+    customInput.addEventListener('keydown', function(e) {
+      if (e.key === 'Enter') {
+        e.preventDefault();
+        addCustomPattern();
+      }
+    });
+  }
+
+  // --- Save ---
+  var saveBtn = document.getElementById('save-btn');
+  var saveStatus = document.getElementById('save-status');
+
+  if (saveBtn) {
+    saveBtn.addEventListener('click', function() {
+      saveBtn.disabled = true;
+      saveBtn.textContent = 'Saving...';
+      if (saveStatus) saveStatus.classList.add('hidden');
+
+      var roots = getSelectedRoots();
+      var patterns = getSelectedPatterns();
+
+      var excludedFiles = [];
+      document.querySelectorAll('#file-preview input[name="files"]').forEach(function(cb) {
+        if (!cb.checked) {
+          excludedFiles.push(cb.value);
+        }
+      });
+
+      fetch('/api/setup/confirm', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ roots: roots, patterns: patterns, excludedFiles: excludedFiles })
+      })
+      .then(function(res) { return res.json(); })
+      .then(function(data) {
+        saveBtn.disabled = false;
+        saveBtn.textContent = 'Save';
+        if (data.success && saveStatus) {
+          saveStatus.textContent = 'Settings saved. Tracking ' + data.trackedCount + ' file' + (data.trackedCount === 1 ? '' : 's') + '.';
+          saveStatus.classList.remove('hidden');
+          setTimeout(function() { saveStatus.classList.add('hidden'); }, 3000);
+        }
+      })
+      .catch(function() {
+        saveBtn.disabled = false;
+        saveBtn.textContent = 'Save';
+        alert('Error saving settings. Please try again.');
+      });
+    });
+  }
+
+  // --- Initial load ---
+  refreshPreview();
+});
+</script>`;
+//# sourceMappingURL=settings-client.js.map

package/dist/dashboard/settings-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-client.js","sourceRoot":"","sources":["../../src/dashboard/settings-client.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAoT5B,CAAC"}

package/dist/dashboard/settings.d.ts

@@ -0,0 +1,3 @@
+import { DotmdConfig } from "../config/defaults.js";
+export declare function settingsPage(config: DotmdConfig, suggestedRoots: string[], suggestedPatterns: string[]): string;
+//# sourceMappingURL=settings.d.ts.map

package/dist/dashboard/settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../../src/dashboard/settings.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAwBpD,wBAAgB,YAAY,CAC1B,MAAM,EAAE,WAAW,EACnB,cAAc,EAAE,MAAM,EAAE,EACxB,iBAAiB,EAAE,MAAM,EAAE,GAC1B,MAAM,CAiFR"}

package/dist/dashboard/settings.js

@@ -0,0 +1,99 @@
+function escapeHtml(str) {
+    return str
+        .replace(/&/g, "&")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;");
+}
+function chipHtml(value, label, selected) {
+    const selectedClasses = selected
+        ? "bg-blue-100 text-blue-800 border-blue-300"
+        : "bg-gray-100 text-gray-600 border-gray-300";
+    return `<span data-chip data-value="${escapeHtml(value)}" data-selected="${selected}"
+    class="inline-flex items-center px-3 py-1.5 rounded-full text-sm font-medium border cursor-pointer select-none transition-colors ${selectedClasses}">
+    ${escapeHtml(label)}
+  </span>`;
+}
+export function settingsPage(config, suggestedRoots, suggestedPatterns) {
+    // Roots: show current config roots as selected, suggested ones not in config as deselected
+    const configRootSet = new Set(config.scan_roots);
+    const allRoots = [...config.scan_roots];
+    for (const r of suggestedRoots) {
+        if (!configRootSet.has(r))
+            allRoots.push(r);
+    }
+    const rootChips = allRoots
+        .map((r) => chipHtml(r, r, configRootSet.has(r)))
+        .join("\n        ");
+    // Patterns: show current config patterns as selected, suggested ones not in config as deselected
+    const configPatternSet = new Set(config.patterns);
+    const allPatterns = [...config.patterns];
+    for (const p of suggestedPatterns) {
+        if (!configPatternSet.has(p))
+            allPatterns.push(p);
+    }
+    const patternChips = allPatterns
+        .map((p) => chipHtml(p, p, configPatternSet.has(p)))
+        .join("\n        ");
+    return `
+    <div class="max-w-3xl mx-auto">
+      <h1 class="text-2xl font-bold mb-6">Settings</h1>
+
+      <!-- Folders -->
+      <section class="mb-8">
+        <h2 class="text-lg font-semibold mb-2">Folders</h2>
+        <p class="text-gray-500 text-sm mb-4">Directories to scan for instruction files. Click to toggle.</p>
+        <div id="roots-list" class="flex flex-wrap gap-2 mb-4">
+          ${rootChips}
+        </div>
+        <button id="open-browser" type="button"
+          class="px-4 py-2 bg-gray-100 text-gray-700 rounded-lg text-sm font-medium hover:bg-gray-200 transition-colors border border-gray-300">
+          Browse for folder...
+        </button>
+        <div id="folder-browser" class="hidden mt-3 bg-white border border-gray-200 rounded-lg overflow-hidden">
+          <div id="browser-header" class="px-4 py-2 bg-gray-50 border-b border-gray-200 flex items-center justify-between text-sm">
+            <div class="flex items-center gap-2">
+              <button id="browser-up" type="button" class="text-blue-600 hover:underline font-medium">Up</button>
+              <span id="browser-path" class="text-gray-500 font-mono text-xs"></span>
+            </div>
+            <button id="browser-add" type="button" class="px-3 py-1 bg-blue-600 text-white rounded text-xs font-medium hover:bg-blue-700">Add this folder</button>
+          </div>
+          <div id="browser-list" class="max-h-64 overflow-y-auto divide-y divide-gray-100"></div>
+        </div>
+      </section>
+
+      <!-- Patterns -->
+      <section class="mb-8">
+        <h2 class="text-lg font-semibold mb-2">Patterns</h2>
+        <p class="text-gray-500 text-sm mb-4">Filename patterns to match within your folders. Click to toggle.</p>
+        <div id="patterns-list" class="flex flex-wrap gap-2 mb-4">
+          ${patternChips}
+        </div>
+        <div class="flex gap-2">
+          <input id="custom-input" type="text" placeholder="*.md"
+            class="flex-1 px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:border-blue-400">
+          <button id="add-custom" type="button"
+            class="px-4 py-2 bg-gray-100 text-gray-700 rounded-lg text-sm font-medium hover:bg-gray-200 transition-colors border border-gray-300">Add</button>
+        </div>
+      </section>
+
+      <!-- File Preview -->
+      <section class="mb-8">
+        <h2 class="text-lg font-semibold mb-2">Tracked Files</h2>
+        <p class="text-gray-500 text-sm mb-4">Files matching your current folders and patterns. Uncheck any you don't want to track.</p>
+        <div id="file-preview" class="bg-white border border-gray-200 rounded-lg p-4 min-h-[100px]">
+          <p class="text-gray-400 text-sm">Loading...</p>
+        </div>
+      </section>
+
+      <!-- Save -->
+      <div class="flex items-center gap-4">
+        <button id="save-btn" type="button"
+          class="px-6 py-2.5 bg-blue-600 text-white rounded-lg text-sm font-medium hover:bg-blue-700 transition-colors">
+          Save
+        </button>
+        <span id="save-status" class="text-sm text-green-600 hidden">Settings saved.</span>
+      </div>
+    </div>`;
+}
+//# sourceMappingURL=settings.js.map

package/dist/dashboard/settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings.js","sourceRoot":"","sources":["../../src/dashboard/settings.ts"],"names":[],"mappings":"AAGA,SAAS,UAAU,CAAC,GAAW;IAC7B,OAAO,GAAG;SACP,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;SACtB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AAC7B,CAAC;AAED,SAAS,QAAQ,CACf,KAAa,EACb,KAAa,EACb,QAAiB;IAEjB,MAAM,eAAe,GAAG,QAAQ;QAC9B,CAAC,CAAC,2CAA2C;QAC7C,CAAC,CAAC,2CAA2C,CAAC;IAChD,OAAO,+BAA+B,UAAU,CAAC,KAAK,CAAC,oBAAoB,QAAQ;uIACkD,eAAe;MAChJ,UAAU,CAAC,KAAK,CAAC;UACb,CAAC;AACX,CAAC;AAED,MAAM,UAAU,YAAY,CAC1B,MAAmB,EACnB,cAAwB,EACxB,iBAA2B;IAE3B,2FAA2F;IAC3F,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IACxC,KAAK,MAAM,CAAC,IAAI,cAAc,EAAE,CAAC;QAC/B,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;YAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC9C,CAAC;IACD,MAAM,SAAS,GAAG,QAAQ;SACvB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;SAChD,IAAI,CAAC,YAAY,CAAC,CAAC;IAEtB,iGAAiG;IACjG,MAAM,gBAAgB,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAClD,MAAM,WAAW,GAAG,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACzC,KAAK,MAAM,CAAC,IAAI,iBAAiB,EAAE,CAAC;QAClC,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC;YAAE,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACpD,CAAC;IACD,MAAM,YAAY,GAAG,WAAW;SAC7B,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;SACnD,IAAI,CAAC,YAAY,CAAC,CAAC;IAEtB,OAAO;;;;;;;;;YASG,SAAS;;;;;;;;;;;;;;;;;;;;;;;YAuBT,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;WA2Bb,CAAC;AACZ,CAAC"}

package/dist/dashboard/views.d.ts

@@ -0,0 +1,8 @@
+import { TrackedFile, Snapshot } from "../storage/snapshots.js";
+export declare function fileListPage(files: TrackedFile[], lastUpdated: Map<number, string>, unseenChanges: Set<number>): string;
+export declare function fileDetailPage(file: TrackedFile, snapshots: Snapshot[], hasMore?: boolean): string;
+export declare function timelinePage(changes: (Snapshot & {
+    path: string;
+    category: string;
+})[], unseenChanges?: Set<number>, hasMore?: boolean): string;
+//# sourceMappingURL=views.d.ts.map

package/dist/dashboard/views.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"views.d.ts","sourceRoot":"","sources":["../../src/dashboard/views.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAkQhE,wBAAgB,YAAY,CAC1B,KAAK,EAAE,WAAW,EAAE,EACpB,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EAChC,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,GACzB,MAAM,CAyGR;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,QAAQ,EAAE,EACrB,OAAO,GAAE,OAAe,GACvB,MAAM,CA6LR;AAED,wBAAgB,YAAY,CAC1B,OAAO,EAAE,CAAC,QAAQ,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC,EAAE,EAC1D,aAAa,GAAE,GAAG,CAAC,MAAM,CAAa,EACtC,OAAO,GAAE,OAAe,GACvB,MAAM,CAwLR"}