aboutsummaryrefslogtreecommitdiffstats
path: root/autopagerize_controll.js
blob: 2284160499033f68e7120d9f2284e449efc03d09 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
// PLUGIN_INFO//{{{
var PLUGIN_INFO =
<VimperatorPlugin>
  <name>{NAME}</name>
  <description>controls autopagerize</description>
  <author mail="konbu.komuro@gmail.com" homepage="http://d.hatena.ne.jp/hogelog/">hogelog</author>
  <version>0.0.1</version>
  <maxVersion>2.0pre</maxVersion>
  <updateURL>http://svn.coderepos.org/share/lang/javascript/vimperator-plugins/trunk/autopagerize_controll.js</updateURL>
  <detail><![CDATA[
== Options ==
enable mapping key like
>||
  let g:autopagerize_prevmap = "J"
  let g:autopagerize_nextmap = "K"
||<

== Commands ==
autopagerize_next:
    paging next page
autopagerize_prev:
    paging prev page

== TODO ==

  ]]></detail>
</VimperatorPlugin>;
//}}}
(function() {

var libly = liberator.plugins.libly;
var $U = libly.$U;
var prevMap = liberator.globalVariables.autopagerize_prevmap;
var nextMap = liberator.globalVariables.autopagerize_nextmap;

var pager = {
    modes: [modes.NORMAL, modes.VISUAL],
    next: function(doc, count) {
        var curPage = pager.getCurrentPage(doc);
        liberator.reportError(curPage);
        pager.paging(doc, Math.floor(curPage+count));
    },
    prev: function(doc, count) {
        var curPage = pager.getCurrentPage(doc);
        liberator.reportError(curPage);
        pager.paging(doc, Math.round(curPage-count));
    },
    paging: function(doc, page) {
        liberator.reportError(page);
        var win = doc.defaultView;
        if (page <= 1) {
            win.scrollTo(0, 0);
        } else if (!pager.focusPageNav(doc, page)) {
            win.scrollTo(0, win.scrollMaxY);
        }
    },
    focusPageNav: function(doc, page) {
        var xpath = '//*[@class="autopagerize_page_info" and child::a[contains(text(), "'+page+'")]]';
        var [ elem ] = $U.getNodesFromXPath(xpath, doc);
        var win = doc.defaultView;
        if (elem) {
            let p = $U.getElementPosition(elem);
            win.scrollTo(0, p.top);
            return true;
        }
        return false;
    },
    getCurrentPage: function(doc) {
        var xpath = '//*[@class="autopagerize_page_info"]';
        var markers = $U.getNodesFromXPath(xpath, doc);
        var win = doc.defaultView;
        var curPos = win.scrollY;

        // top of page
        if (curPos <= 0) return 1.0;

        // bottom of page
        if (curPos >= win.scrollMaxY) return 1.0 + markers.length;

        // return n.5 if between n and n+1
        var page = 1.0;
        for (let i = 0, len = markers.length; i < len; i++) {
            let p = $U.getElementPosition(markers[i]);
            if (curPos == p.top) return page+1;
            if (curPos < p.top) return page+0.5;
            ++page;
        }
        return page+0.5;
    },
};
commands.addUserCommand(["nextpage"], "Autopagerize next page",
    function(args)
        pager.next(window.content.document, args.length>0 ? args[0] : 1));
commands.addUserCommand(["prevpage"], "Autopagerize prev page",
    function(args)
        pager.prev(window.content.document, args.length>0 ? args[0] : 1));

if (nextMap) {
    mappings.addUserMap(pager.modes, [nextMap], "Autopagerize next page",
            function(count)
                pager.next(window.content.document, count>0 ? count : 1),
            {flags: Mappings.flags.COUNT});
}
if (prevMap) {
    mappings.addUserMap(pager.modes, [prevMap], "Autopagerize prev page",
            function(count)
                pager.prev(window.content.document, count>0 ? count : 1),
            {flags: Mappings.flags.COUNT});
}

})();
// vim: set fdm=marker sw=4 ts=4 et:
"p">.availWidth, height: s.availHeight }; } function SL(){ this.init.apply(this, arguments); } SL.prototype = { // {{{ init: function(elm, width, height, fontSize, frameRate, speed){ this.canvas = elm; this.width = width + 10; this.height = height; this.fontSize = fontSize || 20; this.frameRate = frameRate || 60; this.speed = speed || 20; this.interval = null; this.slWidth = null; this.slPositionY = 0; this.count = 0; this.rotateRadian = 0; this.ctx = this.canvas.getContext("2d"); this.ctx.clearRect(0,0, this.width, this.height); elm.setAttribute("width", this.width); elm.setAttribute("height", this.height); }, start: function(isLogo, isAccident, isFly, isLuckyStar){ this.isFly = isFly || false; this.ctx.clearRect(0,0, this.width, this.height); this.ctx.font = this.fontSize + 'px monospace'; if (isFly){ let len = Math.sqrt(Math.pow(this.width, 2) + Math.pow(this.height, 2)); this.rotateRadian = Math.acos(this.width / len); this.width = len; } if (isLuckyStar){ luckyStar.init(this.ctx, this.width, this.height); } //this.slWidth = isLogo ? this.ctx.mozMeasureText(this.slData.logo[0] + this.slData.lcoal[0] + this.slData.lcar[0]) : // this.ctx.mozMeasureText(this.slData.body[0] + this.slData.coal[0]); this.slWidth = isLogo ? this.ctx.measureText(this.slData.logo[0] + this.slData.lcoal[0] + this.slData.lcar[0]).width : this.ctx.measureText(this.slData.body[0] + this.slData.coal[0]).width; this.slPositionY = this.getSLPositionY(); let sl = this.slGenerator(isLogo); let self = this; this.interval = window.setInterval(function(){ self.draw(sl, isLuckyStar); }, this.frameRate); }, getSLPositionY: function(){ return (this.height - (this.slData.steam[0].length + this.slData.body.length + this.slData.wheel[0].length) * this.fontSize) / 2; }, draw: function(gene, isLuckyStar){ this.count++; this.ctx.clearRect(0,0, this.width, this.height); this.ctx.save(); this.ctx.fillStyle = "rgba(0,0,0,0.8)"; this.ctx.fillRect(0, 0, this.width, this.height); if (this.isFly){ this.ctx.rotate(this.rotateRadian); this.ctx.translate(0, - this.height/2); } this.ctx.fillStyle = "rgb(255,255,255)"; let data = gene.next(); let x = this.width - this.count * this.speed, fontSize = this.fontSize, baseHeight = this.slPositionY; data.forEach(function(str, i){ this.ctx.fillText(str, x, baseHeight + (i+1)*fontSize); }, this); this.ctx.restore(); if (isLuckyStar){ luckyStar.draw(); } if (this.count * this.speed > this.width + this.slWidth){ window.clearInterval(this.interval); plugins.SL.close(); } }, merge: function(){ let data = []; Array.slice(arguments).forEach(function($_){ $_.forEach(function(str, i){ if (!data[i]) data[i] = []; data[i].push(str); }); }); return data.map(function($_) $_.join("")); }, slGenerator: function(isLogo){ let steam = this.createGenerator(this.slData.steam); if (isLogo){ let sl = this.slData.logo; let wheel = this.createGenerator(this.slData.logoWheel); let coal = this.slData.lcoal; let car = this.slData.lcar; while(true){ yield [].concat(steam.next(), this.merge(sl.concat(wheel.next()), coal, car, car)); } } else { let sl = this.slData.body; let wheel = this.createGenerator(this.slData.wheel); let coal = this.slData.coal; while(true){ yield [].concat(steam.next(), this.merge(sl.concat(wheel.next()), coal)); } } }, createGenerator: function(array){ var i = 0, len = array.length; while(true){ yield array[i]; yield array[i]; i++; if (i == len){ i = 0; } } }, slData: { /// {{{ steam: [ [ " (@@) ( ) (@) ( ) @@ () @ O @ O @", " ( )", " (@@@@)", " ( )", "", " (@@@)", ],[ " ( ) (@@) ( ) (@) () @@ O @ O @ O", " (@@@)", " ( )", " (@@@@)", "", " ( )" ] ], body: [ " ==== ________ ___________ ", " _D _| |_______/ \\__I_I_____===__|_________| ", " |(_)--- | H\\________/ | | =|___ ___| ", " / | | H | | | | ||_| |_|| ", " | | | H |__--------------------| [___] | ", " | ________|___H__/__|_____/[][]~\\_______| | ", " |/ | |-----------I_____I [][] [] D |=======|__ " ], wheel: [ [ "__/ =| o |=-~~\\ /~~\\ /~~\\ /~~\\ ____Y___________|__ ", " |/-=|___|= || || || |_____/~\\___/ ", " \\_/ \\O=====O=====O=====O_/ \\_/ " ],[ "__/ =| o |=-~~\\ /~~\\ /~~\\ /~~\\ ____Y___________|__ ", " |/-=|___|= || || || |_____/~\\___/ ", " \\_/ \\_O=====O=====O=====O/ \\_/ " ],[ "__/ =| o |=-~~\\ /~~\\ /~~\\ /~~\\ ____Y___________|__ ", " |/-=|___|= O=====O=====O=====O|_____/~\\___/ ", " \\_/ \\__/ \\__/ \\__/ \\__/ \\_/ " ],[ "__/ =| o |=-~O=====O=====O=====O\\ ____Y___________|__ ", " |/-=|___|= || || || |_____/~\\___/ ", " \\_/ \\__/ \\__/ \\__/ \\__/ \\_/ " ],[ "__/ =| o |=-O=====O=====O=====O \\ ____Y___________|__ ", " |/-=|___|= || || || |_____/~\\___/ ", " \\_/ \\__/ \\__/ \\__/ \\__/ \\_/ " ],[ "__/ =| o |=-~~\\ /~~\\ /~~\\ /~~\\ ____Y___________|__ ", " |/-=|___|=O=====O=====O=====O |_____/~\\___/ ", " \\_/ \\__/ \\__/ \\__/ \\__/ \\_/ " ] ], coal: [ " ", " ", " _________________ ", " _| \\_____A ", " =| | ", " -| | ", "__|________________________|_ ", "|__________________________|_ ", " |_D__D__D_| |_D__D__D_| ", " \\_/ \\_/ \\_/ \\_/ " ], logo: [ " ++ +------ ", " || |+-+ | ", " /---------|| | | ", " + ======== +-+ | " ], logoWheel: [ [ " _|--/~O========O-+ ", "//// \\_/ \\_/ " ],[ " _|--/O========O\\-+ ", "//// \\_/ \\_/ " ],[ " _|--O========O~\\-+ ", "//// \\_/ \\_/ " ],[ " _|--/~\\------/~\\-+ ", "//// O========O_/ " ],[ " _|--/~\\------/~\\-+ ", "//// \\O========O/ " ],[ " _|--/~\\------/~\\-+ ", "//// \\_O========O " ] ], lcoal: [ "____ ", "| \\@@@@@@@@@@@ ", "| \\@@@@@@@@@@@@@_ ", "| | ", "|__________________| ", " (O) (O) " ], lcar: [ "____________________", "| ___ ___ ___ ___ | ", "| |_| |_| |_| |_| | ", "|__________________| ", "|__________________| ", " (O) (O) " ] }, /// }}} }; // }}} let luckyStar = (function(){ function extend(class, obj){ var flag; for (let i in obj){ flag = false; if (obj.__lookupGetter__(i)){ class.prototype.__defineGetter__(i, obj.__lookupGetter__(i)); flag = true; } if (obj.__lookupSetter__(i)){ class..prototype.__defineSetter__(i, obj.__lookupSetter__(i)); flag = true; } if (!flag) class.prototype[i] = obj[i]; } } let colors = [ ["rgba(255,215,0,alpha)", "rgba(255,255,0,alpha)"], //gold, yellow ["rgba(255,20,147,alpha)","rgba(255,0,255, alpha)"], // deeppink, magenta ["rgba(34,139,34,alpha)", "rgba(0,128,0,alpha)"], // forestgreen,green ["rgba(0,255,255,alpha)", "rgba(0,191,255,alpha)"] // cyan, deepskyblue ]; function getColor(){ let i = Math.round(Math.random()*10) % colors.length; return colors[i]; } function Star(){ this.init.apply(this, arguments); } Star.prototype = { // {{{ init: function(x, y, size, ctx, color){ this.x = x; this.y = y; this.r = size * 10; this.ctx = ctx; this.points = []; for (var i=0; i < 5; i++){ var rad = 2 * i * Math.PI / 5 - Math.PI / 2; this.points.push([ this.r * Math.cos(rad), this.r * Math.sin(rad) ]); this.points.push([ this.r / 2 * Math.cos(rad + Math.PI / 5), this.r / 2 * Math.sin(rad + Math.PI / 5) ]); } if (!color) color = getColor(); this.styles = { fillStyle: color[0], strokeStyle: color[1], }; this.rotateSpeed = 2 * Math.PI / 10 * Math.random(); }, draw: function(x, y, alpha, doRotate){ if (typeof alpha == "undefined") alpha = 1; if (alpha < 0.1) alpha = 0; if (this.x > width + this.r) this.x = -Math.random() * width; if (this.y + this.r < 0) this.y = height + Math.random() * height; this.x += x; this.y += y; ctx.save(); ctx.fillStyle = this.styles.fillStyle.replace(/alpha/, alpha); ctx.beginPath(); ctx.translate(this.x, this.y); if (doRotate){ ctx.rotate(this.rotateSpeed*time); } ctx.moveTo(this.points[9][0], this.points[9][1]); this.points.forEach(function(p){ ctx.lineTo(p[0],p[1]) }) ctx.fill(); ctx.restore(); } }; // }}} function BigStar(){ this.init.apply(this, arguments); } BigStar.prototype = { // {{{ init: function(x, y, size, ctx){ this.x = x; this.y = y; this.r = size * 10; this.scale = 1; this.ctx = ctx; this.setPoints(0); this.styles = { fillStyle: "magenta", strokeStyle: "black", lineWidth: 100, lineCap: "round" }; }, setPoints: function(r){ this.r += r; this.points = []; for (var i=0; i < 5; i++){ var rad = 2 * i * Math.PI / 5 - Math.PI / 2; this.points.push([ this.r * Math.cos(rad), this.r * Math.sin(rad) ]); this.points.push([ this.r / 2 * Math.cos(rad + Math.PI / 5), this.r / 2 * Math.sin(rad + Math.PI / 5) ]); } }, draw: function(x, y, scale, doStroke, doFill){ this.x += x; this.y += y; this.scale += scale; ctx.save(); ctx.fillStyle = this.styles.fillStyle; ctx.strokeStyle = this.styles.strokeStyle; ctx.lineWidth = this.styles.lineWidth; ctx.lineCap = this.styles.lineCap; ctx.beginPath(); ctx.translate(this.x, this.y); ctx.scale(this.scale, this.scale); ctx.moveTo(this.points[9][0], this.points[9][1]); this.points.forEach(function(p){ ctx.lineTo(p[0],p[1]) }) if (doStroke) ctx.stroke(); if (doFill) ctx.fill(); ctx.restore(); }, draw2: function(scale){ var nowScale = this.scale + scale; this.draw(0, 0, scale, true, false); this.draw(0, 0, - 3 * this.scale / 5, false, true); this.scale = nowScale; }, }; // }}} function Logo() { this.init.apply(this, arguments); } Logo.prototype = { // {{{ init: function(str, x, y){ this.str = decodeURIComponent(escape(str)); this.x = x; this.y = y; this.fontSize = 150; this.styles = { mozTextStyle: this.fontSize + "px Monospace", lineWidth: 50, strokeStyle: "black", fillStyle: "magenta", lineJoin: "round" }; this.radian = 0; }, draw: function(x, y, doRotate){ this.x += x; this.y += y; ctx.save(); ctx.fillStyle = this.styles.fillStyle; ctx.strokeStyle = this.styles.strokeStyle; ctx.lineWidth = this.styles.lineWidth; ctx.mozTextStyle = this.styles.mozTextStyle; ctx.lineJoin = this.styles.lineJoin; for (var i=0; i<this.str.length; i++){ ctx.save(); ctx.translate(this.x, this.y + this.fontSize * i); if (doRotate){ ctx.translate(this.fontSize / 2, - this.fontSize /2); ctx.rotate(this.radian); ctx.translate(-this.fontSize / 2, this.fontSize /2); } ctx.beginPath(); ctx.mozPathText(this.str.charAt(i)); ctx.stroke(); ctx.fill(); ctx.restore(); } ctx.restore(); this.radian -= Math.PI /4; } }; // }}} let ctx; let stars, bigStar; let interval, time; let alpha, ctx; let width, height; let bsSpeedX = 60; let bsSpeedY = -100; let logo1,logo2,logo3,logo4,logoSpeed = 40; let self = { init: function(c, w, h){ ctx = c; width = w; height = h; time = 0; alpha = 1; ctx.clearRect(0, 0, width, height); stars = []; for (var row = 1; row < 8; row++){ for (var r = row; r < row+10; r++){ for (var num = 1; num < 2*row; num++){ var x = num * width / (row+1) -width- (Math.random() * 50 * row) var y = r * row * 30 + height + (Math.random() * 100); stars.push(new Star(x, y, r+1.5)); } } } let x = width / 2 - 20 * bsSpeedX; let y = height /2 - 20 * bsSpeedY; bigStar = new BigStar(x, y, 30); logoSpeed = (width / 2 + 75) /20; logo1 = new Logo("え", width, height/2 - 240); logo2 = new Logo("す", -150, height/2 - 80); logo3 = new Logo("え", width, height/2 + 180); logo4 = new Logo("る", -150, height/2 + 340); }, draw: function(){ time++; if (time < 25){ stars.forEach(function(s){ s.draw(3*time, -4*time, 1, true); }); } else if (time < 40){ stars.forEach(function(s){ s.draw(3*time, -4*time, 1, true); }); bigStar.draw(bsSpeedX, bsSpeedY, 0, false, true); } else if (time < 45){ alpha -= 0.2; stars.forEach(function(s){ s.draw(3*time, -4*time, alpha, true); }); bigStar.draw(bsSpeedX, bsSpeedY, 0, false, true) } else if (time < 50){ bigStar.draw2(0); } else if (time < 55){ bigStar.draw2(-0.092); } else if (time < 60){ bigStar.draw2(-0.092); } else if (time < 65){ bigStar.draw2(0); logo1.draw(-logoSpeed,0, true); logo2.draw(logoSpeed,0, true); logo3.draw(-logoSpeed,0, true); logo4.draw(logoSpeed,0, true); } else if (time < 80){ bigStar.draw2(0); logo1.draw(-logoSpeed,0, true); logo2.draw(logoSpeed,0, true); logo3.draw(-logoSpeed,0, true); logo4.draw(logoSpeed,0, true); } else { bigStar.draw2(0); logo1.draw(0,0); logo2.draw(0,0); logo3.draw(0,0); logo4.draw(0,0); } } } return self; })(); let xulNS = new Namespace("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); let xhtmlNS = new Namespace("http://www.w3.org/1999/xhtml"); let dialog; let self = { panel: xmlToDom(<panel id="vimp-sl" noautohide="true" style="background:transparent;border:none;" xmlns={xulNS}/>), open: function(attr){ if (!attr) attr = {}; let defAttr = getFullScreenAttr(); let canvas = this.panel.getElementsByTagName("canvas")[0]; let sl = new SL(canvas, attr.width || defAttr.width, attr.height || defAttr.height, attr.fontSize, attr.frameRate, attr.speed ); sl.start(attr.logo, attr.accident, attr.fly, attr.luckystar); this.panel.openPopupAtScreen(attr.left || defAttr.left, attr.top || defAttr.top, false); }, init: function(){ let panel = document.getElementById("vimp-sl"); if (panel){ this.panel = panel; } else { document.documentElement.appendChild(this.panel); let canvas = document.createElementNS(xhtmlNS, "canvas"); canvas.setAttribute("id", "vimp-sl-canvas"); this.panel.appendChild(canvas); } }, close: function(){ this.panel.hidePopup(); } }; self.init(); // ----------------------------------------------------- // Commmand // ----------------------------------------------------- commands.addUserCommand(['sl'],decodeURIComponent(escape('キータイプを矯正します。')), function(args){ let opt = {}; args.string.split(/\s+/).forEach(function(arg){ if (arg && arg.charAt(0) == "-"){ for (let i=1, len=arg.length; i<len; i++){ switch (arg.charAt(i)){ case "a": opt.accident = true; break; case "l": opt.logo = true; break; case "F": opt.fly = true; break; case "s": opt.luckystar = true; break; } } } }); self.open(opt); },{ options: [ [["-l"], commands.OPTION_NOARG], [["-a"], commands.OPTION_NOARG], [["-F"], commands.OPTION_NOARG], [["-s"], commands.OPTION_NOARG], ] },true); return self; })(); function onUnload(){ try { plugins.SL.closePopup(); document.documentElement.removeChild(plugins.SL.panel); } catch(e) {}; } // vim: sw=2 ts=2 et fdm=marker: