Changeset 16976 for lang/javascript/userscripts

Timestamp:

08/02/08 17:43:44 (4 months ago)

Author:

cho45

Message:

• 展開を手動で継続できるように
  
• TODO: 展開できない場合でも expand がつくのを修正
  

Files:

• lang/javascript/userscripts/hatena.haiku.expandrepliestree.user.js (modified) (20 diffs)

lang/javascript/userscripts/hatena.haiku.expandrepliestree.user.js

@@ -6 +6 @@
 // ==/UserScript==
 
-(function (unsafeWindow) { with (D()) {
+location.href = "javascript:"+encodeURIComponent(uneval(function () {
+
+(function (Global) { with (D()) {
         const WAIT  = 1;
-        const LEVEL = 9;
+        const LEVEL = 1;
         const ICON  = [
                 "data:image/png;base64,",
@@ -18 +20 @@
         ].join("");
 
-
-        GM_addStyle([
+        var loading = false;
+
+
+        addStyle([
                 "div.info .expand a {",
                         "background: transparent url('",ICON,"') no-repeat scroll 0 65%;",
@@ -25 +29 @@
                         "margin: 0 0 0 3px",
                 "}",
-        ].join(""));
+        ]);
 
         function applyJavaScript (entry) {
@@ -39 +43 @@
                 });
 
-                unsafeWindow.Hatena.Haiku.Pager.dispatchEvent('loadedEntries', entry.parentNode.wrappedJSObject || entry.parentNode);
+                Global.Hatena.Haiku.Pager.dispatchEvent('loadedEntries', entry.parentNode.wrappedJSObject || entry.parentNode);
                 return entry;
         }
@@ -45 +49 @@
         function expandReplies (entry, level) {
                 if (typeof level == "undefined") level = LEVEL;
-                if (level < 1) return next();
                 log("level:" + level);
-
-                var a        = $X("./div[@class='list-body']/div/a[img[@src='/images/icon-replylink.gif']]", entry)[0];
-                var raw_href = $X("string(@href)", a);
-                var es       = $X("//div[@class='entry' and .//span[@class='timestamp']/a[@href = '"+raw_href+"']]");
-
-                if (a)      a.style.opacity = "0.6";
-
-                $X(".//span[@class='expand']", entry).forEach(function (e) {
-                        e.innerHTML = "Loading...";
-                });
+                if (entry._expanded) return next();
+
+                if (level < 1) {
+                        // 深すぎるので、さらに展開するためのリンクをつけたうえで終了する。
+                        return next(function (i) {
+                                log("level too deep. Please click the link to expand more.");
+                                addExpandLink(entry, function () {
+                                        log("expand more -> child");
+                                        return expandReplies(entry, LEVEL);
+                                });
+                        });
+                }
+
+                entry._expanded = true;
+
                 return parallel([
-                        expandChildReplies(entry, level - 1),
-                        !a ? next() : es.length ? appendAndLoadNext(es[0]) : xhttp.get(a.href).next(function (data) {
+                        expandChildReplies(entry, level),
+                        expandParent(entry, level)
+                ]);
+
+                function expandParent (entry, level) {
+                        log(["expandParent", entry, level]);
+
+                        var a        = $X("./div[@class='list-body']/div/a[img[@src='/images/icon-replylink.gif']]", entry)[0];
+                        var raw_href = $X("string(@href)", a);
+                        var es       = $X("//div[@class='entry' and ./div/div/span[@class='timestamp']/a[@href = '"+raw_href+"']]");
+
+                        if (a) a.style.opacity = "0.6";
+
+                        return !a ? next() : es.length ? appendAndLoadNext(es[0]) : http.get(a.href).next(function (data) {
                                 var t = h(data.responseText.replace(/<\/?(?:script|i?frame)[^>]*>/g, ""));
                                 return parallel($X(".//div[@class='entries']/div[@class='entry']", t).map(appendAndLoadNext));
-                        }),
-                ]).
-                next(function () {
-                        $X(".//span[@class='expand']", entry).forEach(function (e) {
-                                e.parentNode.removeChild(e);
                         });
-                });
-
-                function appendAndLoadNext (e) {
-                        if (a) a.style.opacity = "0.2";
-                        e = applyJavaScript(e);
-                        var body = $X("./div[@class='list-body']", e)[0];
-                        entry.parentNode.insertBefore(e, entry);
-                        body.appendChild(entry);
-                        return wait(WAIT).next(function () {
-                                return call(expandReplies, e, level - 1);
-                        });
+
+                        function appendAndLoadNext (e) {
+                                if (e._expanded) return next();
+
+                                if (a) a.style.opacity = "0.2";
+                                e = applyJavaScript(e);
+                                var body = $X("./div[@class='list-body']", e)[0];
+                                entry.parentNode.insertBefore(e, entry);
+                                body.appendChild(entry);
+                                return wait(WAIT).next(function () {
+                                        return call(expandReplies, e, level - 1);
+                                });
+                        }
                 }
 
                 function expandChildReplies (entry, level) {
-                        log("level:" + level);
-                        if (level < 1) return next();
+                        log(["expandChildReplies", entry, level]);
 
                         var body = $X("./div[@class='list-body']", entry)[0];
@@ -98 +114 @@
                                         var es = $X("//div[@class='entry' and .//span[@class='timestamp']/a[@href = '"+raw_href+"']]");
                                         if (es.length) return appendAndLoadNext(es[0]);
-                                        return xhttp.get(a.href).next(function (data) {
+                                        return http.get(a.href).next(function (data) {
                                                 // remove unnecessary tags
                                                 var t = h(data.responseText.replace(/<\/?(?:script|i?frame)[^>]*>/g, ""));
@@ -117 +133 @@
 
                                                 return wait(WAIT).next(function () {
-                                                        return call(expandChildReplies, e, level - 1);
+                                                        return call(expandReplies, e, level - 1);
                                                 });
                                         }
@@ -125 +141 @@
         }
 
+        function addExpandLink (e, handler) {
+                if (e._gm_expandreplies_applied) return;
+                e._gm_expandreplies_applied = true;
+
+                var info = $X("./div/div[@class='info']", e)[0];
+                var link = dom("<span class='expand'><a href='javascript:void(156)'>Expand</a></span>", info).root;
+                link.addEventListener("click", function () {
+                        if (window.getSelection().toString()) return;
+                        if (e._loading) return;
+                        e._loading = true;
+                        log("Loading...");
+                        link.innerHTML = "loading";
+                        handler().next(function () {
+                                link.parentNode.removeChild(link);
+                        }).error(function (e) { alert(e) });
+                }, false);
+        }
+
         // observe pagerize
         var num = 0;
         next(function () {
+                if (loading) return wait(WAIT).next(arguments.callee);
+
                 var n = $X("count(//div[@class='entries']/div[@class='entry'])");
                 if (num < n) {
@@ -133 +169 @@
                         loop(entries.length, function (n) {
                                 var e = entries[n].wrappedJSObject || entries[n];
-                                if (e._gm_expandreplies_applied) return;
-                                e._gm_expandreplies_applied = true;
-                                var handler = function () {
-                                        if (window.getSelection().toString()) return;
-                                        if (e._loading) return;
-                                        e._loading = true;
-                                        log("Loading...");
-                                        expandReplies(e).next(function () {
+                                addExpandLink(e, function () {
+                                        return expandReplies(e).
+                                        next(function () {
                                                 if (log.element) {
                                                         log.element.parentNode.removeChild(log.element);
                                                         log.element = null;
                                                 }
-                                        }).error(function (e) {
+                                        }).
+                                        error(function (e) {
                                                 alert("Error"+e);
                                         });
-                                };
-                                // $X("div/div[@class='body']", e)[0].addEventListener("click", handler, false);
-
-                                var info = $X("./div/div[@class='info']", e)[0];
-                                info.appendChild(h("<span class='expand'><a href='javascript:void(156)'>Expand</a></span>").firstChild);
-                                info.addEventListener("click", handler, false);
+                                });
                         });
 
@@ -174 +201 @@
 }
 
+function addStyle (a) {
+        dom("<style type='text/css'>#{css}</style>", document.body, { css : a.join("") });
+}
+
+
+function dom (str, cur, txt) {
+        var t, ret = {}, stack = [cur = cur || document.createElement("div")];
+        while (str.length) {
+                if (str.indexOf("<") == 0) {
+                        if (t = str.match(/^\s*<(\/?[^\s>\/]+)([^>]+?)?(\/)?>/)) {
+                                var tag = t[1], attrs = t[2], isempty = !!t[3];
+                                if (tag.indexOf("/") == -1) {
+                                        child = document.createElement(tag);
+                                        if (attrs) attrs.replace(/([a-z]+)=(?:'([^']+)'|"([^"]+)")/gi,
+                                                function (m, name, v1, v2) {
+                                                        var v = text(v1 || v2);
+                                                        if (name == "class") ret[v] = child;
+                                                        child.setAttribute(name, v);
+                                                }
+                                        );
+                                        cur.appendChild(ret.root ? child : (ret.root = child));
+                                        if (!isempty) {
+                                                stack.push(cur);
+                                                cur = child;
+                                        }
+                                } else cur = stack.pop();
+                        } else throw("Parse Error: " + str);
+                } else {
+                        if (t = str.match(/^([^<]+)/)) cur.appendChild(document.createTextNode(text(t[0])));
+                }
+                str = str.substring(t[0].length);
+        }
+        return ret;
+
+        function text (str) {
+                return str
+                        .replace(/&(#(x)?)?([^;]+);/g, function (_, isNumRef, isHex, ref) {
+                                return isNumRef ? String.fromCharCode(parseInt(ref, isHex ? 16 : 10)):
+                                                  {"lt":"<","gt":"<","amp":"&"}[ref];
+                        })
+                        .replace(/#\{([^}]+)\}/, function (_, name) {
+                                return txt[name];
+                        });
+        }
+}
+
+
 function log (m) {
-        unsafeWindow.console.log(uneval(m));
+        Global.console.log(m);
 
         if (!arguments.callee.element) {
@@ -263 +337 @@
 
 // Usage:: with (D()) { your code }
-// JSDefeered 0.2.0 (c) Copyright (c) 2007 cho45 ( www.lowreal.net )
+// JSDeferred 0.2.1 (c) Copyright (c) 2007 cho45 ( www.lowreal.net )
 // See http://coderepos.org/share/wiki/JSDeferred
 function D () {
@@ -314 +388 @@
 Deferred.parallel = function (dl) {
         var ret = new Deferred(), values = {}, num = 0;
-        for (var i in dl) {
-                if (!dl.hasOwnProperty(i)) continue;
+        for (var i in dl) if (dl.hasOwnProperty(i)) {
                 (function (d, i) {
                         d.next(function (v) {
@@ -333 +406 @@
         }
         if (!num) Deferred.next(function () { ret.call() });
+        ret.canceller = function () {
+                for (var i in dl) if (dl.hasOwnProperty(i)) {
+                        dl[i].cancel();
+                }
+        };
         return ret;
 };
@@ -341 +419 @@
                 clearTimeout(id);
                 d.call((new Date).getTime() - t.getTime());
-        }, n * 1000)
-        d.canceller   = function () { try { clearTimeout(id) } catch (e) {} };
+        }, n * 1000);
+        d.canceller = function () { try { clearTimeout(id) } catch (e) {} };
         return d;
 };
@@ -350 +428 @@
         var id = setTimeout(function () { clearTimeout(id); d.call() }, 0);
         if (fun) d.callback.ok = fun;
-        d.canceller   = function () { try { clearTimeout(id) } catch (e) {} };
+        d.canceller = function () { try { clearTimeout(id) } catch (e) {} };
         return d;
 };
@@ -365 +443 @@
         var o = {
                 begin : n.begin || 0,
-                end   : n.end   || (n - 1),
+                end   : (typeof n.end == "number") ? n.end : n - 1,
                 step  : n.step  || 1,
                 last  : false,
@@ -392 +470 @@
                         }
                 }
-                return Deferred.call(_loop, o.begin);
+                return (o.begin <= o.end) ? Deferred.call(_loop, o.begin) : null;
         });
 };
@@ -436 +514 @@
                 d.fail(res);
         };
-        GM_xmlhttpRequest(opts);
+        setTimeout(function () {
+                GM_xmlhttpRequest(opts);
+        }, 0);
         return d;
 }
-xhttp.get  = function (url)       { return xhttp({method:"get", url:url}) }
-xhttp.post = function (url, data) { return xhttp({method:"post", url:url, data:data, headers:{"Content-Type":"application/x-www-form-urlencoded"}}) }
+xhttp.get  = function (url)       { return xhttp({method:"get",  url:url}) };
+xhttp.post = function (url, data) { return xhttp({method:"post", url:url, data:data, headers:{"Content-Type":"application/x-www-form-urlencoded"}}) };
 
 
@@ -447 +527 @@
         var req = new XMLHttpRequest();
         req.open(opts.method, opts.url, true);
+        if (opts.headers) {
+                for (var k in opts.headers) if (opts.headers.hasOwnProperty(k)) {
+                        req.setRequestHeader(k, opts.headers[k]);
+                }
+        }
         req.onreadystatechange = function () {
                 if (req.readyState == 4) d.call(req);
         };
         req.send(opts.data || null);
+        d.xhr = req;
         return d;
 }
-http.get  = function (url)       { return http({method:"get", url:url}) }
-http.post = function (url, data) { return http({method:"post", url:url, data:data}) }
+http.get   = function (url)       { return http({method:"get",  url:url}) };
+http.post  = function (url, data) { return http({method:"post", url:url, data:data, headers:{"Content-Type":"application/x-www-form-urlencoded"}}) };
+http.jsonp = function (url, params) {
+        if (!params) params = {};
+
+        var Global = (function () { return this })();
+        var d = Deferred();
+        var cbname = params["callback"];
+        if (!cbname) do {
+                cbname = "callback" + String(Math.random()).slice(2);
+        } while (typeof(Global[cbname]) != "undefined");
+
+        params["callback"] = cbname;
+
+        url += (url.indexOf("?") == -1) ? "?" : "&";
+
+        for (var name in params) if (params.hasOwnProperty(name)) {
+                url = url + encodeURIComponent(name) + "=" + encodeURIComponent(params[name]) + "&";
+        }
+
+        var script = document.createElement('script');
+        script.type    = "text/javascript";
+        script.charset = "utf-8";
+        script.src     = url;
+        document.body.appendChild(script);
+
+        Global[cbname] = function callback (data) {
+                delete Global[cbname];
+                document.body.removeChild(script);
+                d.call(data);
+        };
+        return d;
+};
 
 Deferred.Deferred = Deferred;
@@ -462 +579 @@
 }// End of JSDeferred
 
-})(this.unsafeWindow || this);
-
-
+})(this);
+
+}))+"()";