skin/main.js

   1 // PukiWiki - Yet another WikiWikiWeb clone.
   2 // main.js
   3 // Copyright
   4 //   2017 PukiWiki Development Team
   5 // License: GPL v2 or (at your option) any later version
   6 //
   7 // PukiWiki JavaScript client script
   8 if (window.addEventListener) {
   9   window.addEventListener('DOMContentLoaded', function() {
  10     if (!Array.prototype.indexOf || !document.createDocumentFragment) {
  11       return;
  12     }
  13     var headReText = '([\\s\\b]|^)';
  14     var tailReText = '\\b';
  15     var _siteList = getSiteListFromBody();
  16     function ticketToLink(keyText) {
  17       var siteList = getSiteList();
  18       for (var i = 0; i < siteList.length; i++) {
  19         var site = siteList[i];
  20         var m = keyText.match(site.re);
  21         if (m) {
  22           var title = site.title;
  23           var ticketKey = m[3]
  24           if (title) {
  25             title = title.replace(/\$1/g, ticketKey);
  26           }
  27           return {
  28             url: site.base_url + m[3],
  29             title: title
  30           };
  31         }
  32       }
  33       return null;
  34     }
  35     function regexEscape(key) {
  36       return key.replace(/[\-\.]/g, function (m) {
  37         return '\\' + m;
  38       });
  39     }
  40     function setupSites(siteList) {
  41       for (var i = 0, length = siteList.length; i < length; i++) {
  42         var site = siteList[i];
  43         var reText = '';
  44         switch (site.type) {
  45           case 'jira':
  46             reText = '(' + regexEscape(site.key) + '):' + '([A-Z][A-Z0-9_]+-\\d+)';
  47             break;
  48           case 'redmine':
  49             reText = '(' + regexEscape(site.key) + '):' + '(\\d+)';
  50             break;
  51           case 'git':
  52             reText = '(' + regexEscape(site.key) + '):' + '([0-9a-f]{7,40})';
  53             break;
  54           default:
  55             continue;
  56         }
  57         site.reText = reText;
  58         site.re = new RegExp(headReText + reText + tailReText);
  59       }
  60     }
  61     function getSiteList() {
  62       return _siteList;
  63     }
  64     function getSiteListFromBody() {
  65       var list = [];
  66       var defRoot = document.querySelector('.pukiwiki-ticketlink-def');
  67       var siteNodes = defRoot.querySelectorAll('.pukiwiki-ticketlink-site');
  68       Array.prototype.forEach.call(siteNodes, function (e) {
  69         var siteInfoText = e.dataset && e.dataset.site;
  70         if (!siteInfoText) return;
  71         var info = textToSiteInfo(siteInfoText);
  72         if (info) {
  73           list.push(info);
  74         }
  75       });
  76       setupSites(list);
  77       return list;
  78     }
  79     function textToSiteInfo(siteDef) {
  80       if (!siteDef) return null;
  81       var info = JSON.parse(siteDef);
  82       if (info && info.key && info.type && info.base_url) {
  83         return info;
  84       }
  85       return null;
  86     }
  87     function startsWith(s, searchString) {
  88       if (String.prototype.startsWith) {
  89         return s.startsWith(searchString);
  90       }
  91       return s.substr(0, searchString.length) === searchString;
  92     }
  93     function getRegex(list) {
  94       var reText = '';
  95       for (var i = 0, length = list.length; i < length; i++) {
  96         if (reText.length > 0) {
  97           reText += '|'
  98         }
  99         reText += list[i].reText;
 100       }
 101       return new RegExp(headReText + '(' + reText + ')' + tailReText);
 102     }
 103     function makeTicketLink(element) {
 104       var siteList = getSiteList();
 105       if (!siteList || siteList.length === 0) {
 106         return;
 107       }
 108       var re = getRegex(siteList);
 109       var f, m, text = element.nodeValue;
 110       while (m = text.match(re)) {
 111         // m[1]: head, m[2]: keyText
 112         f || (f = document.createDocumentFragment());
 113         if (m.index > 0 || m[1].length > 0) {
 114           f.appendChild(document.createTextNode(text.substr(0, m.index) + m[1]));
 115         }
 116         var a = document.createElement('a');
 117         a.textContent = m[2];
 118         var linkInfo = ticketToLink(a.textContent);
 119         a.href = linkInfo.url;
 120         a.title = linkInfo.title;
 121         f.appendChild(a);
 122         text = text.substr(m.index + m[0].length);
 123       }
 124       if (f) {
 125         text.length > 0 && f.appendChild(document.createTextNode(text));
 126         element.parentNode.replaceChild(f, element)
 127       }
 128     }
 129     var ignoreTags = ['A', 'INPUT', 'TEXTAREA', 'BUTTON',
 130       'SCRIPT', 'FRAME', 'IFRAME'];
 131     function walkElement(element) {
 132       var e = element.firstChild;
 133       while (e) {
 134         if (e.nodeType == 3 && e.nodeValue &&
 135             e.nodeValue.length > 5 && /\S/.test(e.nodeValue)) {
 136           var next = e.nextSibling;
 137           makeTicketLink(e);
 138           e = next;
 139         } else {
 140           if (e.nodeType == 1 && ignoreTags.indexOf(e.tagName) == -1) {
 141             walkElement(e);
 142           }
 143           e = e.nextSibling;
 144         }
 145       }
 146     }
 147     var target = document.getElementById('body');
 148     walkElement(target);
 149   });
 150 }