@xiee/utils 1.1.6 → 1.1.9

package/css/faq.css

@@ -4,6 +4,9 @@
 .faq-list > li > :first-child {
   display: block;
   cursor: pointer;
+  background: #fafafa;
+  margin: -.5em;
+  padding: .5em;
 }
 .faq-list > :not(.faq-clicked) > * {
   display: none;
@@ -20,11 +23,5 @@
 }
 .faq-list > li {
   border: 1px solid #eee;
-}
-.faq-list > li > :first-child {
-  background: #fafafa;
-  margin: 0;
-}
-.faq-list > li > * {
   padding: .5em;
 }

package/js/custom-disqus.js

@@ -0,0 +1,89 @@
+// lazyload Disqus on my personal site
+(function(d) {
+  var inIFrame = function() {
+    var iframe = true;
+    try { iframe = window.self !== window.top; } catch (e) {}
+    return iframe;
+  };
+  if (inIFrame()) return;
+  var t = d.getElementById('disqus_thread'), s = t.nextElementSibling,
+      a = d.querySelector('section.comments'),
+      rads = a.querySelectorAll('input[type="radio"]');
+  s.setAttribute('data-timestamp', +new Date());
+  var inputValues = function() {
+    var v = {};
+    rads.forEach(function(el) { v[el.id] = el.checked; });
+    return v;
+  }, selectTab2 = function() {
+    a.querySelector('#tab-2').checked = true;
+    return 'add';
+  }, showFullComment = function(el) {
+    if (el.name !== 'layout') return;
+    a.classList[el.id === 'layout-2' ? selectTab2() : 'remove']('comment-full');
+  }, inputRestore = function() {
+    var v = localStorage.getItem('comment-prefs');
+    if (!v) return;
+    v = JSON.parse(v);
+    rads.forEach(function(el) {
+      if (v[el.id]) {
+        el.checked = true;
+        showFullComment(el);
+      }
+    });
+  }, inputSave = function() {
+    showFullComment(this);
+    loadScript();
+    var v = JSON.stringify(inputValues());
+    try { localStorage.setItem('comment-prefs', v); } catch (e) {}
+  }, loadScript = function() {
+    var full = a.classList.contains('comment-full');
+    a.querySelectorAll('input[name="tabs"]').forEach(function(el, i) {
+      if (!full && !el.checked) return;
+      var p = a.querySelector('.panel:nth-of-type(' + (i + 1) + ') > script[data-src]');
+      if (!p || !p.dataset.src) return;
+      p.src = p.dataset.src;
+      p.removeAttribute('data-src');
+    });
+  };
+  // restore radio button values when opening page
+  inputRestore();
+  // save when radio button values change
+  rads.forEach(function(el) { el.addEventListener('change', inputSave); });
+  var b = false, l = function(scroll) {
+    if (b) return;
+    a.querySelector('.tabs').style.display = '';
+    loadScript();
+    b = true;
+    if (scroll) t.scrollIntoView();
+  }
+  s.onerror = function(e) {
+    // try to load Disqus in the read-only mode
+    var s2 = d.createElement('script');
+    s2.src = "//cdn.jsdelivr.net/gh/yihui/DisqusJS@1.3.3/src/disqus.min.js";
+    t.appendChild(s2);
+    try { localStorage.setItem('dsqjs_mode', 'dsqjs'); } catch (e) {}
+    s2.onload = function(e) {
+      var s3 = d.createElement('link');
+      s3.rel = 'stylesheet';
+      s3.href = '//cdn.jsdelivr.net/gh/yihui/DisqusJS@1.3.3/src/disqusjs.min.css';
+      d.head.appendChild(s3);
+      disqus_config.DisqusJSInit();
+    };
+    s2.onerror = function(e) {
+      t.innerText = 'Sorry, but you cannot make comments because Disqus failed to load for some reason. It is known to be blocked in certain regions. If you are sure it is not blocked in your region, please refresh the page. Alternatively, you can comment with Utterances. 您可能需要翻墙发表 Disqus 评论；若没有梯子，不妨尝试使用 Github 登录 Utterances 评论。';
+      t.style.border = '1px dashed';
+      t.style.padding = '.5em';
+      t.style.background = 'lightyellow';
+      selectTab2();
+    };
+  };
+  // show comments when the hash means to jump to a comment
+  if (location.hash.match(/^#comment-[0-9]+$/)) return l(true);
+  var c = function() {
+    if (b) return;
+    var rect = a.getBoundingClientRect();
+    if (rect.top < window.innerHeight && rect.bottom >= 0) l();
+  };
+  window.addEventListener('load', c);
+  d.addEventListener('scroll', c);
+})(document);

package/js/fix-footnote.js

@@ -1,6 +1,6 @@
-(function() {
+(function(d) {
   function fix_footnote(tagName) {
-    var tags = document.getElementsByTagName(tagName), i, tag, tag2, n = 1, href;
+    let tags = d.getElementsByTagName(tagName), i, tag, tag2, n = 1, href;
     for (i = 0; i < tags.length; i++) {
       tag = tags[i];
       if (tagName === 'sup') {
@@ -25,4 +25,8 @@
     }
   }
   fix_footnote('sup'); fix_footnote('li');
-})();
+  // move the return symbol into the previous <p>
+  d.querySelectorAll('.footnotes > ol > li > p ~ .footnote-return').forEach(el => {
+    el.previousElementSibling.lastChild.after(el);
+  });
+})(document);

package/js/hash-notes.js

@@ -10,7 +10,7 @@
     s.innerText = t.replace(r, '$1');
     s.innerHTML = s.innerHTML
       .replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" target="_blank">$1</a>')
-      .replace(/(?<!")(https?:\/\/)([-a-zA-Z0-9%._#=/\+]+)/g, '<a href="$1$2" target="_blank">$2</a>');
+      .replace(/(^|[^"])(https?:\/\/)([-a-zA-Z0-9%._=/\+]+)(#)?([-a-zA-Z0-9%._=\+]+)?/g, '$1<a href="$2$3$4$5" target="_blank">$3$4</a>');
     el.before(s);
     el.remove();
   };

package/js/load-typekit.js

@@ -0,0 +1,16 @@
+(function(d) {
+  // https://www.kirupa.com/html5/detect_whether_font_is_installed.htm
+  var canvas = d.createElement("canvas");
+  var context = canvas.getContext("2d");
+  var text = "abcdefghijklmnopqrstuvwxyz0123456789";
+  context.font = "72px monospace";
+  var size = context.measureText(text).width;
+  var fonts = [' SC', ' CN', ' TC', ' TW', ''];
+  for (var i = 0; i < fonts.length; i++) {
+    context.font = "72px '" + 'Source Han Serif' + fonts[i] + "', monospace";
+    // no need to load TypeKit if Source Hans Serif has been installed
+    if (context.measureText(text).width != size) return;
+  }
+  var config = {kitId: 'kwz5xar', scriptTimeout: 3000, async: true},
+  h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
+})(document);

package/js/toggle-notes.js

@@ -0,0 +1,12 @@
+(function(d) {
+  if (!d.body.classList.contains('has-notes')) return;
+  const h = d.querySelector('.title > hr');
+  if (!h) return;
+  h.classList.add('toggle-notes');
+  h.onclick = function(e) {
+    const s = d.body.classList.toggle('hide-notes');
+    try { sessionStorage.setItem('hide-notes', s); } catch (e) {};
+  };
+  const s = sessionStorage.getItem('hide-notes');
+  if (s !== null) d.body.classList.toggle('hide-notes', s === 'true');
+})(document);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xiee/utils",
-  "version": "1.1.6",
+  "version": "1.1.9",
   "description": "Miscellaneous tools and utilities to manipulate HTML pages",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"