markdownr 0.4.3 → 0.4.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2e9f4e6b7e443f5f0ae16ff97d7e381935a289e8ef8c385d93dfd961f24437ed
-  data.tar.gz: 489c935af4f12623485a48eaa88fe4ebcadb94185c711e5b5ded10dffad7cc51
+  metadata.gz: 53062f10b38520d041fb4fab0e1155e1b19e15242409996dd82122716bc727d8
+  data.tar.gz: 17ee73d28a5ddc64a915d190f31c157c6d8c9319451c1fe754c3c41417bab9a9
 SHA512:
-  metadata.gz: bc3fe4f3598f41a12210e61859cc2ee804f9606bb22684e9d6efba05b1cf379b14f77ad33685e2843b4a28785588aa94ecd8b94a3db93d31f65667af608bcdca
-  data.tar.gz: 509b26791611400e61917a5ff53195ad7077d34c78e055a546e6bf024d0420b9300720b18b74a8f05c12960c7a1aea67f5065e34979616313e060314dceef31f
+  metadata.gz: 8c762e19d73d839cdcf1ff5f4e16c009f22b575a5672936eabef2d5131641d639ae26771bce19f25adbb287e6f7c5d71bb0561b76f302ea32db4b3ad41dc2937
+  data.tar.gz: e28d99ad58d6ee904aa3814f665fa31d0313605629be193a482b6f0ef30cce74868800a18cec6db0ecb0101f3182dc48d6b8b561a75d9e39f04db8b7daa9e443

data/bin/markdownr

@@ -27,6 +27,10 @@ OptionParser.new do |opts|
     options[:link_tooltips] = false
   end
 
+  opts.on("--standard-newlines", "Use standard markdown newlines (two newlines = paragraph; default is Obsidian-style where single newlines become line breaks)") do
+    options[:hard_wrap] = false
+  end
+
   opts.on("-v", "--version", "Show version") do
     puts "markdownr #{MarkdownServer::VERSION}"
     exit
@@ -45,6 +49,7 @@ MarkdownServer::App.set :root_dir, dir
 MarkdownServer::App.set :custom_title, options[:title]
 MarkdownServer::App.set :allow_robots, options[:allow_robots] || false
 MarkdownServer::App.set :link_tooltips, options.fetch(:link_tooltips, true)
+MarkdownServer::App.set :hard_wrap, options.fetch(:hard_wrap, true)
 MarkdownServer::App.set :port, options[:port]
 MarkdownServer::App.set :bind, options[:bind]
 

data/lib/markdown_server/app.rb

@@ -20,6 +20,7 @@ module MarkdownServer
       set :custom_title, nil
       set :allow_robots, false
       set :link_tooltips, true
+      set :hard_wrap, true
       set :show_exceptions, false
       set :protection, false
       set :host_authorization, { permitted_hosts: [] }
@@ -150,7 +151,7 @@ module MarkdownServer
           input: "GFM",
           syntax_highlighter: "rouge",
           syntax_highlighter_opts: { default_lang: "text" },
-          hard_wrap: false
+          hard_wrap: settings.hard_wrap
         ).to_html
 
         # Restore non-numeric footnote labels: Kramdown converts all footnote
@@ -482,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.3"
+  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.3
+  version: 0.4.5
 platform: ruby
 authors:
 - Brian Dunn