markdownr 0.4.4 → 0.4.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6e4ee7e59fec1befc24c65b8943b4e88867464c25d49c0b4852c29641e904606
-  data.tar.gz: b0fb71dd07e4116c8650e475f4ea045d976ba327db9bd3bf79cc7ec550418cdd
+  metadata.gz: 53062f10b38520d041fb4fab0e1155e1b19e15242409996dd82122716bc727d8
+  data.tar.gz: 17ee73d28a5ddc64a915d190f31c157c6d8c9319451c1fe754c3c41417bab9a9
 SHA512:
-  metadata.gz: c892d119b73cce17d1b066e3d9ea621922d084d6d6577af6b75cd186d9a3d5b56a6579d2b14967827c07d5335855a04a55e4260347ba97b03535f3500eac1716
-  data.tar.gz: 1072d404d1b459932afcb3fab9b7d8bea43a517ece76e3b2f96d64d8ecd356de59658f0d67063b239b7e0cb3d8a965463e6c06c02a677b878dc4bdd8ce6f1167
+  metadata.gz: 8c762e19d73d839cdcf1ff5f4e16c009f22b575a5672936eabef2d5131641d639ae26771bce19f25adbb287e6f7c5d71bb0561b76f302ea32db4b3ad41dc2937
+  data.tar.gz: e28d99ad58d6ee904aa3814f665fa31d0313605629be193a482b6f0ef30cce74868800a18cec6db0ecb0101f3182dc48d6b8b561a75d9e39f04db8b7daa9e443

data/lib/markdown_server/app.rb

@@ -483,8 +483,6 @@ module MarkdownServer
 
     get "/preview/*" do
       content_type :json
-      halt 404, '{"error":"disabled"}' unless settings.link_tooltips
-
       requested = params["splat"].first.to_s
       base = File.realpath(root_dir)
       full = File.join(base, requested)

data/lib/markdown_server/version.rb

@@ -1,3 +1,3 @@
 module MarkdownServer
-  VERSION = "0.4.4"
+  VERSION = "0.4.5"
 end

data/views/layout.erb

@@ -678,6 +678,111 @@
     /* Footnote list — hide numeric markers; labels are inline via <strong> */
     .footnotes ol { list-style: none; padding-left: 1.2em; }
 
+    /* Right-click / long-press link context popup */
+    .link-ctx-popup {
+      position: fixed;
+      z-index: 500;
+      width: 460px;
+      max-width: calc(100vw - 16px);
+      max-height: 60vh;
+      overflow-y: auto;
+      background: #faf8f4;
+      border: 1px solid #d4b96a;
+      border-radius: 6px;
+      box-shadow: 0 4px 20px rgba(0,0,0,0.22);
+      -webkit-overflow-scrolling: touch;
+      cursor: auto;
+    }
+    .link-ctx-popup-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      gap: 0.5rem;
+      padding: 0.5rem 0.9rem;
+      border-bottom: 1px solid #e0d8c8;
+      position: sticky;
+      top: 0;
+      background: #faf8f4;
+      z-index: 1;
+    }
+    .link-ctx-popup-title {
+      font-family: Georgia, "Times New Roman", serif;
+      font-weight: 700;
+      font-size: 0.9rem;
+      color: #3a3a3a;
+      min-width: 0;
+      word-break: break-word;
+    }
+    .link-ctx-popup-close {
+      background: none;
+      border: none;
+      font-size: 1.2rem;
+      line-height: 1;
+      color: #888;
+      cursor: pointer;
+      padding: 0 0.2rem;
+      flex-shrink: 0;
+    }
+    .link-ctx-popup-close:hover { color: #2c2c2c; }
+    .link-ctx-popup-body {
+      padding: 0.75rem 1rem;
+      font-family: Georgia, "Times New Roman", serif;
+      font-size: 0.85rem;
+      line-height: 1.6;
+      color: #2c2c2c;
+    }
+    .link-ctx-popup-url {
+      font-family: "SF Mono", Menlo, Consolas, monospace;
+      font-size: 0.75rem;
+      color: #555;
+      word-break: break-all;
+      background: #f0ece3;
+      padding: 0.35rem 0.6rem;
+      border-radius: 4px;
+      margin-bottom: 0.5rem;
+    }
+    .link-ctx-popup-body h1, .link-ctx-popup-body h2, .link-ctx-popup-body h3,
+    .link-ctx-popup-body h4, .link-ctx-popup-body h5, .link-ctx-popup-body h6 {
+      margin: 0.7rem 0 0.3rem; color: #3a3a3a;
+    }
+    .link-ctx-popup-body h1 { font-size: 1.2rem; }
+    .link-ctx-popup-body h2 { font-size: 1.05rem; border-bottom: none; padding-bottom: 0; }
+    .link-ctx-popup-body h3 { font-size: 0.95rem; }
+    .link-ctx-popup-body p { margin: 0 0 0.5rem; }
+    .link-ctx-popup-body p:last-child { margin-bottom: 0; }
+    .link-ctx-popup-body a { color: #8b6914; text-decoration: none; border-bottom: 1px solid #d4b96a; }
+    .link-ctx-popup-body a.wiki-link { color: #6a8e3e; border-bottom-color: #6a8e3e; }
+    .link-ctx-popup-body code {
+      font-family: "SF Mono", Menlo, Consolas, monospace;
+      font-size: 0.82em;
+      background: #f0ece3;
+      padding: 0.1em 0.3em;
+      border-radius: 3px;
+    }
+    .link-ctx-popup-body pre {
+      background: #2d2d2d;
+      color: #f0f0f0;
+      padding: 0.6rem 0.8rem;
+      border-radius: 4px;
+      font-size: 0.78rem;
+      line-height: 1.4;
+      overflow-x: auto;
+      margin: 0.4rem 0;
+    }
+    .link-ctx-popup-body pre code { background: none; padding: 0; font-size: 1em; color: inherit; }
+    .link-ctx-popup-body ul, .link-ctx-popup-body ol { padding-left: 1.4rem; margin: 0.3rem 0; }
+    .link-ctx-popup-body li { margin-bottom: 0.2rem; }
+    .link-ctx-popup-body blockquote {
+      border-left: 3px solid #d4b96a;
+      margin: 0.5rem 0;
+      padding: 0.3rem 0.8rem;
+      color: #4a4a4a;
+      font-style: italic;
+    }
+    .link-ctx-popup-body table { border-collapse: collapse; font-size: 0.8rem; margin: 0.5rem 0; }
+    .link-ctx-popup-body th, .link-ctx-popup-body td { border: 1px solid #ddd; padding: 0.3rem 0.5rem; }
+    .link-ctx-popup-body th { background: #f5f0e4; }
+
     /* Link preview popup */
     .link-tooltip-anchor { position: relative; }
     .link-preview-popup {
@@ -1322,6 +1427,187 @@
       }, { passive: true });
     })();
 
+    // Right-click / long-press popup for all links
+    (function() {
+      var cache = Object.create(null);
+      var popup = null;
+      var longPressTimer = null;
+      var touchMoved = false;
+      var pendingTouch = null;
+      var longPressHandled = false;
+
+      function escHtml(s) {
+        return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
+      }
+
+      function findLink(el) {
+        while (el && el.tagName !== 'BODY') {
+          if (el.tagName === 'A' && el.getAttribute('href')) return el;
+          el = el.parentElement;
+        }
+        return null;
+      }
+
+      function isAnchorOnly(href) { return href.charAt(0) === '#'; }
+      function isLocalMd(href) {
+        if (/^https?:\/\//i.test(href)) return false;
+        return /\.md([?#]|$)/i.test(href);
+      }
+      function isExternal(href) { return /^https?:\/\//i.test(href); }
+
+      function previewPath(href) {
+        var resolved = new URL(href, location.href);
+        return '/preview/' + resolved.pathname.replace(/^\/browse\//, '');
+      }
+
+      function showPopup(x, y, title, bodyHtml) {
+        hidePopup();
+        popup = document.createElement('div');
+        popup.className = 'link-ctx-popup';
+        popup.innerHTML =
+          '<div class="link-ctx-popup-header">' +
+            '<span class="link-ctx-popup-title">' + escHtml(title) + '</span>' +
+            '<button class="link-ctx-popup-close" aria-label="Close">\u00d7</button>' +
+          '</div>' +
+          '<div class="link-ctx-popup-body">' + bodyHtml + '</div>';
+        document.body.appendChild(popup);
+
+        // Position near pointer, clamped to viewport
+        var vw = Math.min(window.innerWidth, document.documentElement.clientWidth);
+        var vh = window.innerHeight;
+        var left = x + 12;
+        var top = y + 12;
+        if (left + popup.offsetWidth > vw - 8) left = Math.max(8, vw - popup.offsetWidth - 8);
+        if (top + popup.offsetHeight > vh - 8) top = Math.max(8, y - popup.offsetHeight - 12);
+        if (top < 8) top = 8;
+        popup.style.left = left + 'px';
+        popup.style.top = top + 'px';
+
+        popup.querySelector('.link-ctx-popup-close').addEventListener('click', hidePopup);
+        popup.addEventListener('click', function(e) { e.stopPropagation(); });
+        popup.addEventListener('contextmenu', function(e) { e.preventDefault(); e.stopPropagation(); });
+        ['touchstart','touchmove','touchend'].forEach(function(ev) {
+          popup.addEventListener(ev, function(e) { e.stopPropagation(); }, { passive: true });
+        });
+      }
+
+      function updatePopup(bodyHtml, title) {
+        if (!popup) return;
+        var body = popup.querySelector('.link-ctx-popup-body');
+        var titleEl = popup.querySelector('.link-ctx-popup-title');
+        if (body) body.innerHTML = bodyHtml;
+        if (title && titleEl) titleEl.textContent = title;
+      }
+
+      function hidePopup() {
+        if (popup && popup.parentNode) popup.parentNode.removeChild(popup);
+        popup = null;
+      }
+
+      function handleLink(anchor, x, y) {
+        var href = anchor.getAttribute('href');
+        if (!href || isAnchorOnly(href)) return;
+        var label = anchor.textContent.trim() || href;
+
+        if (isLocalMd(href)) {
+          var path = previewPath(href);
+          var cached = cache[path];
+          if (cached && typeof cached === 'object') {
+            showPopup(x, y, cached.title || label, cached.html);
+          } else if (cached === false) {
+            showPopup(x, y, label,
+              '<div class="link-ctx-popup-url">' + escHtml(href) + '</div>' +
+              '<p style="margin:0;color:#888;font-family:sans-serif;font-size:0.82rem">Preview not available</p>');
+          } else {
+            showPopup(x, y, label, '<p style="opacity:0.5;margin:0;font-family:sans-serif">Loading\u2026</p>');
+            if (cached === undefined) {
+              cache[path] = null;
+              fetch(path)
+                .then(function(r) { return r.ok ? r.json() : null; })
+                .then(function(data) {
+                  if (!data) { cache[path] = false; updatePopup('<p style="margin:0;color:#c44;font-family:sans-serif;font-size:0.85rem">Preview unavailable.</p>'); return; }
+                  cache[path] = { title: data.title, html: data.html };
+                  updatePopup(data.html, data.title || label);
+                })
+                .catch(function() {
+                  cache[path] = false;
+                  updatePopup('<p style="margin:0;color:#c44;font-family:sans-serif;font-size:0.85rem">Preview unavailable.</p>');
+                });
+            }
+          }
+        } else {
+          var urlBody = '<div class="link-ctx-popup-url">' + escHtml(href) + '</div>';
+          if (isExternal(href)) {
+            var host = '';
+            try { host = new URL(href).hostname; } catch(e) {}
+            if (host) urlBody += '<p style="margin:0;color:#888;font-family:sans-serif;font-size:0.82rem">External: <strong style="color:#555">' + escHtml(host) + '</strong></p>';
+          }
+          showPopup(x, y, label, urlBody);
+        }
+      }
+
+      // Right-click (desktop + most mobile browsers fire contextmenu on long-press)
+      document.addEventListener('contextmenu', function(e) {
+        if (popup && popup.contains(e.target)) { e.preventDefault(); return; }
+        var anchor = findLink(e.target);
+        if (!anchor) return;
+        var href = anchor.getAttribute('href');
+        if (!href || isAnchorOnly(href)) return;
+        e.preventDefault();
+        clearTimeout(longPressTimer);
+        pendingTouch = null;
+        if (!longPressHandled) handleLink(anchor, e.clientX, e.clientY);
+        longPressHandled = false;
+      });
+
+      // Long-press fallback for touch devices that don't fire contextmenu
+      document.addEventListener('touchstart', function(e) {
+        if (e.touches.length !== 1) return;
+        if (popup && popup.contains(e.target)) return;
+        var anchor = findLink(e.target);
+        if (!anchor) return;
+        var href = anchor.getAttribute('href');
+        if (!href || isAnchorOnly(href)) return;
+        touchMoved = false;
+        longPressHandled = false;
+        var t = e.touches[0];
+        pendingTouch = { anchor: anchor, x: t.clientX, y: t.clientY };
+        clearTimeout(longPressTimer);
+        longPressTimer = setTimeout(function() {
+          if (!touchMoved && pendingTouch) {
+            longPressHandled = true;
+            handleLink(pendingTouch.anchor, pendingTouch.x, pendingTouch.y);
+            pendingTouch = null;
+            setTimeout(function() { longPressHandled = false; }, 400);
+          }
+        }, 600);
+      }, { passive: true });
+
+      document.addEventListener('touchmove', function() {
+        touchMoved = true;
+        clearTimeout(longPressTimer);
+        pendingTouch = null;
+      }, { passive: true });
+
+      document.addEventListener('touchend', function() {
+        clearTimeout(longPressTimer);
+        pendingTouch = null;
+      }, { passive: true });
+
+      document.addEventListener('touchcancel', function() {
+        clearTimeout(longPressTimer);
+        pendingTouch = null;
+        longPressHandled = false;
+      }, { passive: true });
+
+      document.addEventListener('click', function(e) {
+        if (popup && !popup.contains(e.target)) hidePopup();
+      });
+      document.addEventListener('keydown', function(e) {
+        if (e.key === 'Escape' && popup) hidePopup();
+      });
+    })();
+
     <% if settings.link_tooltips %>
     // Link preview popup for local markdown links
     (function() {

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: markdownr
 version: !ruby/object:Gem::Version
-  version: 0.4.4
+  version: 0.4.5
 platform: ruby
 authors:
 - Brian Dunn