markdownr 0.3.1 → 0.3.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9d4082e717ca40db7ce0542b04d70550df3dfcba368f8e765d2ccee3139e280f
-  data.tar.gz: b9caeb121bc3f2adf3e59ec353ba45fb8a59c851c49029a35387dfa2a555c6f9
+  metadata.gz: 18e8cbcc75e4fb58756514287b06b2824f56aafd336f9be4346d7846b8566b48
+  data.tar.gz: 2f1d715b1f94a943212a59da5ee992c7ef575c85e6059caa51579a4fd172eb69
 SHA512:
-  metadata.gz: 1b8116a05668547942ad31702ae4b55b4f39de9806552414cd1f5d25e7213e150b24f3eed4098cf7f25b70013e4fc72358628fe8add35e08532cfd89938f9f5c
-  data.tar.gz: 0acc8c5aa280ca7761f0a9da56f072a3a7cd81e0ce561598c08f6f29b0f5d2b40c92a1da2308cf843eff2447ed4093861c18a85144df1d94580556cebbcf0bbd
+  metadata.gz: 736446de4daffd8c1babdd82c307b3b0e46c3fb0fa5a08cf419429d7c119dc0763c6c9a0e95a7913abba6e0b291a5a085f8bb46258e614db102f8ff5c225494e
+  data.tar.gz: 2eb655f06a7380c7f4477735ae28e84afd454c68354b18fdd6d572cc01d4c5daccd3986ae3f4b368564042542c6fbb0ef7167f15b18f13bf5d0b9caa80e8e98c

data/lib/markdown_server/app.rb

@@ -114,6 +114,33 @@ module MarkdownServer
       end
 
       def render_markdown(text)
+        # Process wiki links BEFORE Kramdown so that | isn't consumed as
+        # a GFM table delimiter.
+        text = text.gsub(/\[\[([^\]]+)\]\]/) do
+          raw = $1
+          if raw.include?("|")
+            target, display = raw.split("|", 2)
+          else
+            target = raw
+            display = nil
+          end
+
+          if target.start_with?("#")
+            heading_text = target[1..]
+            anchor = heading_text.downcase.gsub(/\s+/, "-").gsub(/[^\w-]/, "")
+            label = display || heading_text
+            %(<a class="wiki-link" href="##{h(anchor)}">#{h(label)}</a>)
+          else
+            resolved = resolve_wiki_link(target)
+            label = display || target
+            if resolved
+              %(<a class="wiki-link" href="/browse/#{encode_path_component(resolved).gsub('%2F', '/')}">#{h(label)}</a>)
+            else
+              %(<span class="wiki-link broken">#{h(label)}</span>)
+            end
+          end
+        end
+
         html = Kramdown::Document.new(
           text,
           input: "GFM",
@@ -122,13 +149,22 @@ module MarkdownServer
           hard_wrap: false
         ).to_html
 
-        html.gsub(/\[\[([^\]]+)\]\]/) do
-          link_text = $1
-          resolved = resolve_wiki_link(link_text)
-          if resolved
-            %(<a class="wiki-link" href="/browse/#{encode_path_component(resolved).gsub('%2F', '/')}">#{h(link_text)}</a>)
+        # Restore non-numeric footnote labels: Kramdown converts all footnote
+        # references to sequential numbers, but we want [^abc] to display "abc".
+        html = html.gsub(%r{<sup id="fnref:([^"]+)"[^>]*>\s*<a href="#fn:\1"[^>]*>\d+</a>\s*</sup>}m) do
+          name = $1
+          if name =~ /\A\d+\z/
+            $&  # keep numeric footnotes as-is
+          else
+            %(<sup id="fnref:#{name}" role="doc-noteref"><a href="#fn:#{name}" class="footnote" rel="footnote">#{h(name)}</a></sup>)
+          end
+        end
+        html.gsub(%r{<li id="fn:([^"]+)"[^>]*role="doc-endnote"[^>]*>\s*<p>}m) do
+          name = $1
+          if name =~ /\A\d+\z/
+            $&
           else
-            %(<span class="wiki-link broken">#{h(link_text)}</span>)
+            %(<li id="fn:#{name}" role="doc-endnote"><p><strong>#{h(name)}:</strong> )
           end
         end
       end

data/lib/markdown_server/version.rb

@@ -1,3 +1,3 @@
 module MarkdownServer
-  VERSION = "0.3.1"
+  VERSION = "0.3.2"
 end

data/views/layout.erb

@@ -713,6 +713,43 @@
       padding: 2rem 0;
     }
 
+    /* Footnote tooltips */
+    .footnote-tooltip {
+      position: absolute;
+      bottom: 100%;
+      left: 50%;
+      transform: translateX(-50%);
+      background: #2d2d2d;
+      color: #f0f0f0;
+      padding: 0.5rem 0.75rem;
+      border-radius: 5px;
+      font-size: 0.82rem;
+      line-height: 1.5;
+      max-width: 350px;
+      width: max-content;
+      z-index: 150;
+      pointer-events: none;
+      box-shadow: 0 2px 8px rgba(0,0,0,0.25);
+      margin-bottom: 6px;
+    }
+    .footnote-tooltip::after {
+      content: '';
+      position: absolute;
+      top: 100%;
+      left: 50%;
+      transform: translateX(-50%);
+      border: 5px solid transparent;
+      border-top-color: #2d2d2d;
+    }
+    .footnote-tooltip em, .footnote-tooltip i { font-style: italic; }
+    .footnote-tooltip strong, .footnote-tooltip b { font-weight: 700; }
+    .footnote-tooltip a { color: #d4b96a; }
+    .footnote-tooltip p { margin: 0; }
+    .footnote-tooltip p + p { margin-top: 0.3rem; }
+    sup[id^="fnref:"] {
+      position: relative;
+    }
+
     /* Responsive */
     @media (max-width: 768px) {
       .container { padding: 1rem; }
@@ -1020,6 +1057,49 @@
       }, { passive: true });
     })();
 
+    // Footnote hover tooltips
+    (function() {
+      var refs = document.querySelectorAll('sup[id^="fnref:"]');
+      refs.forEach(function(sup) {
+        var link = sup.querySelector('a[href^="#fn:"]');
+        if (!link) return;
+        var fnId = link.getAttribute('href').slice(1); // "fn:name"
+        var fnLi = document.getElementById(fnId);
+        if (!fnLi) return;
+
+        // Clone the footnote content, strip the back-reference link
+        var clone = fnLi.cloneNode(true);
+        var backLinks = clone.querySelectorAll('a.reversefootnote, a[href^="#fnref:"]');
+        backLinks.forEach(function(a) { a.remove(); });
+        // Also remove the label prefix we add (e.g. "<strong>a:</strong> ")
+        var firstStrong = clone.querySelector('p > strong:first-child');
+        if (firstStrong && /:\s*$/.test(firstStrong.textContent)) {
+          var nextSibling = firstStrong.nextSibling;
+          if (nextSibling && nextSibling.nodeType === 3) {
+            nextSibling.textContent = nextSibling.textContent.replace(/^\s+/, '');
+          }
+          firstStrong.remove();
+        }
+        var html = clone.innerHTML.trim();
+        // Unwrap if it's just a single <p>
+        var single = html.match(/^<p>([\s\S]*)<\/p>$/i);
+        if (single && !/<p[\s>]/i.test(single[1])) {
+          html = single[1];
+        }
+
+        var tooltip = document.createElement('span');
+        tooltip.className = 'footnote-tooltip';
+        tooltip.innerHTML = html;
+
+        sup.addEventListener('mouseenter', function() {
+          sup.appendChild(tooltip);
+        });
+        sup.addEventListener('mouseleave', function() {
+          if (tooltip.parentNode === sup) sup.removeChild(tooltip);
+        });
+      });
+    })();
+
     // Jump to search match from _find query param
     (function() {
       var content = document.querySelector('.md-content');

metadata

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