MediaWiki:ExportDocSnippets.js

var myWindow;

var oReq = new XMLHttpRequest();
oReq.addEventListener("load", reqListener);
var l = -1;
var baseUrl = "https://wiki.hsyco.com/3.7/index.php/"
var urls = [{
        url: "Event_Keywords",
        sub: "Events",
        opt: {
            event: true
        },
        arr: "events"
    },
    {
        url: "Action_Keywords",
        sub: "Actions",
        opt: {
            action: true
        },
        arr: "actions"
    },
    {
        url: "JavaScript_Callback_Functions_API",
        sub: "Javascript Callback Functions",
        opt: {
            jsEvent: true
        },
        arr: "events"
    },
    {
        url: "JavaScript_Command_and_Utility_Functions_API",
        sub: "Javascript Command and Utility Functions",
        opt: {
            jsAction: true
        },
        arr: "js"
    },
    {
        url: "Index.js",
        sub: "Javascript",
        opt: {
            js: true
        },
        arr: "indexjs"
    },
];

function reqListener() {
    console.log("loaded " + urls[l].url);
    var div = document.createElement('div');
    div.innerHTML = this.responseText;
    urls[l].res = parse(div, urls[l].sub, urls[l].opt);
    next();
}

// CALL THIS
function next() {
    if (!myWindow) {
        initWin();
        myWindow.document.write("Please wait...");
    }
    l++;
    if (urls[l]) {
        oReq.open("GET", baseUrl + urls[l].url);
        oReq.send();
    } else {
        var head = "\
ace.define('ace/snippets/%what',['require','exports','module'], function(require, exports, module) {\n\
var s = {\n\
\t// scopes\n\
\tevents:[],\n\
\tactions:[],\n\
\tjs:[]\n\
};\n\n\
exports.snippetText = s;\n\n\n";

        var tail = "exports.scope = '%what';\n});";

        str = head.replace("%what", "events");
        for (var i = 0; i < urls.length - 1; i++) { // skip index.js
            str += "var a = s." + urls[i].arr + ";\n";
            str += urls[i].res;
            str += "\n\n\n";
        }
        str += tail.replace("%what", "events");;
        openWin("events.js", str);


        str = head.replace("%what", "javascript");
        str += "var a = s.js;\n";
        str += urls[4].res;
        str += "\n\n\n// js\n\n";
        var s;
        for (var i = 0; i < jsSnippets.length; i++) {
            s = jsSnippets[i];
            str += "a.push({\n";
            str += "\ttitle:\"" + s.title.split("(")[0] + "\",\n";
            str += "\ttabTrigger:\"" + s.tabTrigger + "\",\n";
            str += "\tcontent:\"" + s.content.replace(/\t/g, "\\t").replace(/\n/g, "\\n") + "\"\n";
            str += "});\n";
        }
        str += "\n\n\n";
        str += tail.replace("%what", "javascript");;
        openWin("javascript.js", str);



        console.log("done");
    }
}

function download(filename, text) {
    var pom = document.createElement('a');
    pom.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
    pom.setAttribute('download', filename);

    if (document.createEvent) {
        var event = document.createEvent('MouseEvents');
        event.initEvent('click', true, true);
        pom.dispatchEvent(event);
    } else {
        pom.click();
    }
}

function print(sub, opt) {
    var url = "";
    for (var i = 0; i < urls.length; i++) {
        if (window.location.href.indexOf(urls[i].url) != -1) {
            sub = urls[i].sub;
            opt = urls[i].opt;
            url = urls[i].url;
            break;
        }
    }

    var str = parse(document, sub, opt, baseUrl + url);
    openWin("", str);
}

function initWin() {
    myWindow = window.open("about:blank", "Editor Snippets");

    myWindow.document.write("\
	<script>\n\
		function addDownload(n,f) {\n\
			var data = document.getElementById('txt'+n).value;\n\
			var link = document.createElement('a');\n\
			link.setAttribute('href','data:text/text;charset=utf-8,'+encodeURI(data));\n\
			link.setAttribute('download', f);\n\
			link.innerHTML = 'download file';\n\
			document.getElementById('p'+n).appendChild(link);\n\
		}\n\
	</script>");
}

var _no = 0; // number of outputs
function openWin(title, str) {
    if (!myWindow)
        initWin();

    _no++;

    myWindow.document.write("<hr>");
    myWindow.document.write("<h1>" + title + "</h1>");
    myWindow.document.write("<p id='p" + _no + "'>");
    myWindow.document.write("</p>");
    myWindow.document.write("<textarea id='txt" + _no + "' style='width:800px; height:400px'>" + str + "</textarea>");
    myWindow.document.write("<script>addDownload(" + _no + ",'" + title + "')</script>");
    myWindow.document.write("<p></p>");
    myWindow.document.getElementById('txt' + _no).select();
}

function parse(e, asub, opt, url) {
    function rr(s) { // remove return and trim
        s = s.trim();
        while (s[s.length - 1] == "\n")
            s = s.substr(0, s.length - 1);
        return s;
    }

    function stripDescr(d) {
        d = d.replace(/\n+/g, "");
        d = d.replace(/(^(<br>)+|(<br>)+$)/g, ""); // initial, end br
        d = d.replace(/\n+/g, "<br>");
        d = d.replace(/(<br>)+/g, "<br>");
        d = d.replace(/\<(\/?(ul|li|string|br))\>/g, "+___$1___-"); // keep these
        d = d.replace(/<(?:.|\n)*?>/gm, ''); // strip html
        d = d.replace(/\+___/g, "<"); // restore
        d = d.replace(/___-/g, ">");
        d = d.replace(/(<br>)?<\/li>(<br>)?/g, "</li>"); // remove breaklines inside/outside li
        d = d.trim();
        return d;
    }
    var a = e.getElementsByClassName("mw-headline");
    if (!opt) opt = {};

    var nl = "\\n\\" + "\n";

    var snippets = [];
    var variations = [];
    var pE, nE;
    var str = "";
    var title, subtitle, descr, snippet, content;
    var bsub; // combined with asub to create subtitle
    for (var i = 0; i < a.length; i++) {
        pE = a[i].parentElement;
        nE = pE ? pE.nextElementSibling : null;

        title = rr(a[i].innerHTML);
        subtitle = asub + (bsub ? ", " + bsub : "");

        snippet = "";
        if (pE.nodeName == "H3") {
            // if (nE && (nE.nodeName == "PRE" || nE.className.indexOf("mw-code") != -1)) { // old ver
            if (nE && (nE.nodeName == "PRE" || (nE.childNodes[0] && nE.childNodes[0].nodeName == "PRE")) && nE.innerHTML.indexOf("\t") == -1) {
                snippet = nE.innerHTML;
                snippet = snippet.replace(/<(?:.|\n)*?>/gm, ''); // strip html
                content = snippet;
                title = snippet;
                nE = nE.nextElementSibling;
            }
            descr = "";
            var grabAll = true; //opt.event || opt.action; // grab all html
            while (nE) {
                if (!grabAll && nE.nodeName != "P" && nE.nodeName != "UL")
                    break;
                if (nE.className == "mw-headline" || nE.getElementsByClassName("mw-headline").length)
                    break;
                if (nE.getAttribute("data-skipeditordoc") != null) // like CameraCommandEvent on JavaScript_Callback_Functions_API
                    break;

                var d = rr(grabAll ? nE.outerHTML : nE.innerHTML);

                if (!grabAll) {
                    d = stripDescr(d);
                    if (nE.nodeName == "UL")
                        d = "<ul>" + d + "</ul>";

                    if (d.indexOf("Examples:") != -1)
                        break;

                    if (d.indexOf("Parameters:") != -1 ||
                        d.indexOf("Returns:") != -1) {
                        descr += "<br>";
                    }
                    if (d)
                        descr += (descr ? "<br>" : "") + d;
                } else {
                    // bulb image
                    d = d.replace(/<img .+src=".+Bulbgraph.png".+(width="[^"]+").+(height="[^"]+")[^>]+>/g,
                        "<img src=\"/manager/pic/bulb.png\" $1 $2>");
                    // replace \n\t
                    d = d.replace(/\n/g, "\\n").replace(/\t/g, "\\t");
                    // variations?
                    if (nE.nodeName == "TABLE") {
                        var f = nE.getElementsByTagName("TD")[0];
                        if (f && f.innerHTML &&
                            (f.innerHTML.indexOf("Action") != -1 || f.innerHTML.indexOf("Event") != -1)) {
                            var rows = nE.getElementsByTagName("TR");
                            var cols;
                            var txt, atxt;
                            for (var r = 1; r < rows.length; r++) {
                                cols = rows[r].getElementsByTagName("TD");
                                txt = cols[0] ? cols[0].innerHTML : "";
                                if (txt && txt != title) {
                                    atxt = txt.split(/\s*\<br[^\>]*\>\s*/);
                                    for (var v = 0; v < atxt.length; v++) {
                                        variations.push({
                                            src: atxt[v].trim(),
                                            descr: cols[1] ? cols[1].innerHTML : ""
                                        });
                                    }
                                }
                            }
                        }
                    }
                    if (d)
                        descr += d;
                }

                nE = nE.nextElementSibling;
            }
            // check variations
            var s, c;
            for (var v = 0; v < variations.length; v++) {
                s = variations[v].src;
                s = s.replace("&lt;", "<");
                s = s.replace("&gt;", ">");
                // replace variables (lowercase words), separated by space or start/end line
                c = s.replace(/(^|\s*|:)("?)([a-z0-9:_\.]+)("?)($|\n|\s*|:)/g, "$1$2\${0:$3}$4$5");
                var count = 1;
                c = c.replace(/\$\{0/g, function (match, capture) {
                    return '${' + count++;
                });

                // strip html, new lines
                s = s.replace(/<(?:.|\n)*?>/gm, '').replace(/\n/g, "");
                c = c.replace(/<(?:.|\n)*?>/gm, '').replace(/\n/g, "");
                variations[v].snippet = s;
                variations[v].content = c; // strip html;
            }

            if (!snippet) {
                snippet = title;
                content = snippet;
            }

            title = rr(title);
            snippet = rr(snippet);
            content = rr(content);

            if (opt.jsEvent || (opt.js && bsub == "Events")) {
                if (title.indexOf("function") != 0)
                    title = "function " + title;
                if (snippet.indexOf("function") != 0)
                    snippet = "function " + snippet;
                if (content.indexOf("function") != 0)
                    content = "function " + content;
                content += (opt.js ? " {" : " : {") + "\\n";
                content += "\\t${1:// body...} " + "\\n";
                content += "}";
            } else if (opt.jsAction || (opt.js && bsub == "Functions")) {
                content = content.replace(/([\(,]+\s?)([^\)^\s^,]+)/g, "$1\${0:$2}");
                var count = 1;
                content = content.replace(/\$\{0/g, function (match, capture) {
                    return '${' + count++;
                });
            } else if (opt.js && (bsub == "Examples" || bsub == "User Object")) {
                continue;
            } else {
                content += " ";
            }

            if (title && descr) {
                descr = descr.replace(/["“”]/g, '\\"');
                if (variations.length) {
                    for (var v = 0; v < variations.length; v++) {
                        snippets.push({
                            title: variations[v].snippet,
                            subtitle: subtitle,
                            descr: v ? "_again_" : descr, //+"<br><br>"+variations[v].descr+_url,
                            snippet: variations[v].snippet,
                            content: variations[v].content
                        });
                    }
                    variations = [];
                } else {
                    snippets.push({
                        title: title,
                        subtitle: subtitle,
                        descr: descr,
                        snippet: snippet,
                        content: content
                    });
                }
            }
        } else if (pE.nodeName == "H2") {
            bsub = title;
        }
    }

    if (false && !opt.noSort) {
        snippets.sort(function (a, b) {
            if (a.snippet > b.snippet) {
                return 1;
            }
            if (a.snippet < b.snippet) {
                return -1;
            }
            // a must be equal to b
            return 0;
        });
    }

    var s;
    for (var i = 0; i < snippets.length; i++) {
        s = snippets[i];
        str += "a.push({\n";
        str += "\ttitle:\"" + s.title.replace(/["“”]/g, '\\"') + "\",\n";
        str += "\tsubTitle:\"" + s.subtitle.replace(/["“”]/g, '\\"') + "\",\n";

        if (s.descr == "_again_")
            str += "\tdocHTML:a.last().docHTML,\n";
        else
            str += "\tdocHTML:\"" + s.descr + "\",\n";

        //str += "\ttabTrigger:\""+s.snippet.replace(/["“”]/g,'\\"')+"\",\n";
        str += "\tcontent:\"" + s.content.replace(/["“”]/g, '\\"') + "\"\n";
        str += "});\n";
    }

    return str;
}

//////////////////////////////////////////////////////////////////////
// DEFAULT JS
//////////////////////////////////////////////////////////////////////
var jsSnippets = [];
var a = jsSnippets;
a.push({
    title: "fun",
    tabTrigger: "fun",
    content: "function ${1?:function_name}(${2:argument}) {\n\t${3:// body...}\n}"
});
a.push({
    title: "if",
    tabTrigger: "if",
    content: "if (${1:true}) {\n\t${0}\n}"
});
a.push({
    title: "ife",
    tabTrigger: "ife",
    content: "if (${1:true}) {\n\t${2}\n} else {\n\t${0}\n}"
});
a.push({
    title: "ter",
    tabTrigger: "ter",
    content: "${1:/* condition */} ? ${2:a} : ${3:b}"
});
a.push({
    title: "switch",
    tabTrigger: "switch",
    content: "switch (${1:expression}) {\n\tcase '${3:case}':\n\t\t${4:// code}\n\t\tbreak;\n\t${5}\n\tdefault:\n\t\t${2:// code}\n}"
});
a.push({
    title: "case",
    tabTrigger: "case",
    content: "case '${1:case}':\n\t${2:// code}\n\tbreak;\n${3}"
});
a.push({
    title: "wh",
    tabTrigger: "wh",
    content: "while (${1:/* condition */}) {\n\t${0:/* code */}\n}"
});
a.push({
    title: "try",
    tabTrigger: "try",
    content: "try {\n\t${0:/* code */}\n} catch (e) {}"
});
a.push({
    title: "do",
    tabTrigger: "do",
    content: "do {\n\t${2:/* code */}\n} while (${1:/* condition */});"
});
a.push({
    title: "setTimeout",
    tabTrigger: "setTimeout",
    content: "setTimeout(function() {${3:$TM_SELECTED_TEXT}}, ${1:10});"
});
a.push({
    title: "gett",
    tabTrigger: "gett",
    content: "getElementsBy${1:TagName}('${2}')${3}"
});
a.push({
    title: "get",
    tabTrigger: "get",
    content: "getElementBy${1:Id}('${2}')${3}"
});
a.push({
    title: "cl",
    tabTrigger: "cl",
    content: "console.log(${1});"
});
a.push({
    title: "ret",
    tabTrigger: "ret",
    content: "return ${1:result}"
});
a.push({
    title: "fori",
    tabTrigger: "fori",
    content: "for (var ${1:prop} in ${2:Things}) {\n\t${0:$2[$1]}\n}"
});
a.push({
    title: "jsonp",
    tabTrigger: "jsonp",
    content: "JSON.parse(${1:jstr});"
});
a.push({
    title: "jsons",
    tabTrigger: "jsons",
    content: "JSON.stringify(${1:object});"
});
a.push({
    title: "for-",
    tabTrigger: "for-",
    content: "for (var ${1:i} = ${2:Things}.length; ${1:i}--; ) {\n\t${0:${2:Things}[${1:i}];}\n}"
});
a.push({
    title: "for",
    tabTrigger: "for",
    content: "for (var ${1:i} = 0; $1 < ${2:Things}.length; $1++) {\n\t${3:$2[$1]}$0\n}"
});
a.push({
    title: "forr",
    tabTrigger: "forr",
    content: "for (var ${1:i} = ${2:Things}.length - 1; $1 >= 0; $1--) {\n\t${3:$2[$1]}$0\n}"
});