markdownr 0.5.2 → 0.5.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e91138e164e026f52b6957f44693eb86d75b79eda7e4404d094f1ea0d4e35d26
-  data.tar.gz: b549ff9d07b45f43cc1639c2b4a47171f3a38bb76e2e98c1bb0ffe03ddc53fbe
+  metadata.gz: 77751617a0f29c77c283ed5a5861539501bc6e5795af91b83d2f7ca15ff7e19c
+  data.tar.gz: fc0003a34b89f185e567954561d5a367a0a671d085f79719d4a292b82d23270f
 SHA512:
-  metadata.gz: cfc1004e65a89e09263f3a35f2da2b3b354afe8351efa87e49194b0aec3bef5aaeedd7d4aba70f00c01ebca6468150a296be2bdad0d8ca238f87b5bc73ebca0d
-  data.tar.gz: c0cc3d73580b42c40c3f9244ed5acc69a74363237c54af0d21877bf4f1a64d2b642150fc4c384d13a6efb74a1bf86f12819d10b913f935ff60298e1e055e8460
+  metadata.gz: 65dc66819263dd1367b965e3ec480b90dea99581c9e6039e7bf4e171cfd6cfba6d590c19ef9bbfd4e01a440f8e41478a0640734a6552999b9e69aa72672361f6
+  data.tar.gz: 825fe2505eb934401acd0881a8826a2de0b2900ba764b0b3f5e4c5da8a54d06efe567becb87f2d38beb5a2f746c46701272d6c30df95ef3902d8d64596d6738c

data/lib/markdown_server/version.rb

@@ -1,3 +1,3 @@
 module MarkdownServer
-  VERSION = "0.5.2"
+  VERSION = "0.5.3"
 end

data/views/layout.erb

@@ -1419,6 +1419,7 @@
       var touchMoved = false;
       var historyStack = [];
       var currentPopupPos = { x: 0, y: 0 };
+      var mouseLeaveTimer = null;
 
       function escHtml(s) {
         return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
@@ -1446,11 +1447,11 @@
 
       var extLinkIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:middle;flex-shrink:0"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>';
 
-      function showPopup(x, y, title, bodyHtml, href) {
+      function showPopup(x, y, title, bodyHtml, href, linkRect) {
         // Remove old popup without clearing historyStack
         if (popup && popup.parentNode) popup.parentNode.removeChild(popup);
         popup = null;
-        currentPopupPos = { x: x, y: y };
+        currentPopupPos = { x: x, y: y, linkRect: linkRect || null };
 
         popup = document.createElement('div');
         popup.className = 'link-ctx-popup';
@@ -1469,6 +1470,14 @@
           '<div class="link-ctx-popup-body">' + bodyHtml + '</div>';
         document.body.appendChild(popup);
 
+        clearTimeout(mouseLeaveTimer);
+        popup.addEventListener('mouseleave', function() {
+          mouseLeaveTimer = setTimeout(hidePopup, 150);
+        });
+        popup.addEventListener('mouseenter', function() {
+          clearTimeout(mouseLeaveTimer);
+        });
+
         repositionPopup();
 
         var backBtnEl = popup.querySelector('.link-ctx-popup-back');
@@ -1476,7 +1485,7 @@
           backBtnEl.addEventListener('click', function(e) {
             e.stopPropagation();
             var prev = historyStack.pop();
-            if (prev) showPopup(prev.x, prev.y, prev.title, prev.bodyHtml, prev.href);
+            if (prev) showPopup(prev.x, prev.y, prev.title, prev.bodyHtml, prev.href, prev.linkRect);
           });
         }
         popup.querySelector('.link-ctx-popup-close').addEventListener('click', hidePopup);
@@ -1492,10 +1501,10 @@
           if (!linkHref || isAnchorOnly(linkHref)) return;
           e.stopPropagation();
           e.preventDefault();
-          var savedPos = { x: currentPopupPos.x, y: currentPopupPos.y };
+          var savedPos = { x: currentPopupPos.x, y: currentPopupPos.y, linkRect: currentPopupPos.linkRect };
           var titleEl = popup.querySelector('.link-ctx-popup-title');
           historyStack.push({
-            x: savedPos.x, y: savedPos.y,
+            x: savedPos.x, y: savedPos.y, linkRect: savedPos.linkRect,
             title: titleEl ? titleEl.querySelector('span').textContent : '',
             bodyHtml: body.innerHTML,
             href: titleEl ? (titleEl.getAttribute('href') || '') : ''
@@ -1510,10 +1519,10 @@
           if (!linkHref || isAnchorOnly(linkHref)) return;
           e.stopPropagation();
           e.preventDefault();
-          var savedPos = { x: currentPopupPos.x, y: currentPopupPos.y };
+          var savedPos = { x: currentPopupPos.x, y: currentPopupPos.y, linkRect: currentPopupPos.linkRect };
           var titleEl = popup.querySelector('.link-ctx-popup-title');
           historyStack.push({
-            x: savedPos.x, y: savedPos.y,
+            x: savedPos.x, y: savedPos.y, linkRect: savedPos.linkRect,
             title: titleEl ? titleEl.querySelector('span').textContent : '',
             bodyHtml: body.innerHTML,
             href: titleEl ? (titleEl.getAttribute('href') || '') : ''
@@ -1529,13 +1538,35 @@
       function repositionPopup() {
         if (!popup) return;
         var x = currentPopupPos.x, y = currentPopupPos.y;
+        var rect = currentPopupPos.linkRect;
         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;
+        var pw = popup.offsetWidth;
+        var ph = popup.offsetHeight;
+
+        // Horizontal: position so mouse is ~16px inside left edge, clamped to viewport
+        var left = Math.min(x - 16, vw - pw - 8);
+        if (left < 8) left = 8;
+
+        // Vertical: tight to link bounds when available
+        var top;
+        if (rect) {
+          var gap = 3;
+          var belowTop = rect.bottom + gap;
+          var aboveTop = rect.top - ph - gap;
+          if (belowTop + ph <= vh - 8) {
+            top = belowTop;                          // fits below
+          } else if (aboveTop >= 8) {
+            top = aboveTop;                          // fits above
+          } else {
+            top = Math.max(8, vh - ph - 8);         // clamp: covers link
+          }
+        } else {
+          top = y + 12;
+          if (top + ph > vh - 8) top = Math.max(8, y - ph - 12);
+          if (top < 8) top = 8;
+        }
+
         popup.style.left = left + 'px';
         popup.style.top = top + 'px';
       }
@@ -1550,28 +1581,32 @@
       }
 
       function hidePopup() {
+        clearTimeout(mouseLeaveTimer);
         if (popup && popup.parentNode) popup.parentNode.removeChild(popup);
         popup = null;
         historyStack = [];
       }
 
+
       function handleLink(anchor, x, y, chained) {
         if (!chained) historyStack = [];
         var href = anchor.getAttribute('href');
         if (!href || isAnchorOnly(href)) return;
         var label = anchor.textContent.trim() || href;
+        // For chained popup navigation keep the current link rect; for new popups measure the anchor
+        var linkRect = chained ? currentPopupPos.linkRect : anchor.getBoundingClientRect();
 
         if (isLocalMd(href)) {
           var path = previewPath(href);
           var cached = cache[path];
           if (cached && typeof cached === 'object') {
-            showPopup(x, y, cached.title || label, cached.html, href);
+            showPopup(x, y, cached.title || label, cached.html, href, linkRect);
           } 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>', href);
+              '<p style="margin:0;color:#888;font-family:sans-serif;font-size:0.82rem">Preview not available</p>', href, linkRect);
           } else {
-            showPopup(x, y, label, '<p style="opacity:0.5;margin:0;font-family:sans-serif">Loading\u2026</p>', href);
+            showPopup(x, y, label, '<p style="opacity:0.5;margin:0;font-family:sans-serif">Loading\u2026</p>', href, linkRect);
             if (cached === undefined) {
               cache[path] = null;
               fetch(path)
@@ -1592,13 +1627,13 @@
           var extKey = 'ext:' + href;
           var extCached = cache[extKey];
           if (extCached && typeof extCached === 'object') {
-            showPopup(x, y, extCached.title || label, extCached.html, href);
+            showPopup(x, y, extCached.title || label, extCached.html, href, linkRect);
           } else if (extCached === false) {
             showPopup(x, y, label,
               '<div class="link-ctx-popup-url">' + escHtml(href) + '</div>' +
-              '<p style="margin:0.5rem 0 0;color:#888;font-family:sans-serif;font-size:0.82rem">Could not fetch page content.</p>', href);
+              '<p style="margin:0.5rem 0 0;color:#888;font-family:sans-serif;font-size:0.82rem">Could not fetch page content.</p>', href, linkRect);
           } else {
-            showPopup(x, y, label, '<p style="opacity:0.5;margin:0;font-family:sans-serif">Loading\u2026</p>', href);
+            showPopup(x, y, label, '<p style="opacity:0.5;margin:0;font-family:sans-serif">Loading\u2026</p>', href, linkRect);
             if (extCached === undefined) {
               cache[extKey] = null;
               fetch('/fetch?url=' + encodeURIComponent(href))
@@ -1623,7 +1658,7 @@
             }
           }
         } else {
-          showPopup(x, y, label, '<div class="link-ctx-popup-url">' + escHtml(href) + '</div>', href);
+          showPopup(x, y, label, '<div class="link-ctx-popup-url">' + escHtml(href) + '</div>', href, linkRect);
         }
       }
 
@@ -1686,6 +1721,7 @@
           });
           a.addEventListener('mouseleave', function() {
             clearTimeout(hoverTimer);
+            if (popup) mouseLeaveTimer = setTimeout(hidePopup, 150);
           });
         });
       })();

metadata

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