Bookmarklets from a-kuma3

[Let] （仮）Wizball の詳細ページを保存用に、ちょっといじる

a-kuma3 — 2019-08-02T07:59:35Z

/*
 * @title （仮）Wizball の詳細ページを保存用に、ちょっといじる
 * @description （仮）Wizball の詳細ページを保存用に、ちょっといじる
 * @include https://m.wizball.io/questions/*
 * @license MIT License http://opensource.org/licenses/MIT
 * @javascript_url *
 */
/*
・コメントを全て展開して、全文表示されるようにした
・コメントにアイコンをつけた
・Voter のアイコンを表示するようにした
・投稿時刻を日時にした
・下部の「人気の質問」を消した
・表示幅を、最大 640px にした

■免責事項
この Bookmarklet を使うことによって生じた、いかなる損害、不利益等に関しても a-kuma3 は一切の責任を負いません。
それを承諾した方だけ、お使いください。

history
2019-07-28  バッククォートを外して、Hatena::Let へ
2019-08-01  Wizball で告知
2019-08-02  Chrome : デフォルトアイコンだと名前が出ちゃう
2019-08-02  Chrome : コメントが複数行になってない
2019-08-02  コメントにポリシー違反があったときの対応

*/
(async _ => {
	if (location.hostname != "m.wizball.io") {
		alert("Please use at m.wizball.io !");
		return;
	}
	const d_ = document;
	const ts = Date.now();
	const msg = d_.querySelector(".question_logo");
	async function display_comments() {
//		console.log("!!! load comments !!!");
		const list = d_.querySelectorAll(".comment_list");
		for (let i = 0 ; i < list.length ; ++i) {
			const first_item = list[i].querySelector(".comment_txt");
			if (! first_item) {		// 質問はコメントがなくても UL 要素がある
				continue;
			}
			const orig_url = first_item.href;
			const url_base = orig_url.replace(/questions/, "apis/v1/questions");
			const comments = [];
			let page = 1;
			while (true) {
				const url = url_base + "?page=" + page + "&size=50&sort=LATEST";
				const resp = await fetch(url);
				const json = await resp.json();
				if (json.length > 0) {
					comments.push(... json);
					page += 1;
				} else {
					break;
				}
			}
//			console.log(comments);
			list[i].innerHTML = "";
			comments.forEach(c => {
				let img;
				if (c.status == "PENALTY") {
					const item = Object.assign(d_.createElement("li"), {
						className: "comment_item",
						innerHTML: '<div class="message_area"><div class="message_area_inner"><p class="message">サービスポリシー違反により非表示になりました。</p></div></div>',
					});
					list[i].appendChild(item);
					return;
				}
				if (c.author.image) {
					img = [
						'<img src="https://obs.line-scdn.net/',
						c.author.image.hash,
						'/s150" class="user_20" title="',
						c.author.nickname,
						'">'
					].join("");
				} else {
					img = '<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=" class="user_20" title="' + c.author.nickname + '">';
				}
				const item = Object.assign(d_.createElement("li"), {
					className: "comment_item",
					innerHTML: [
						'<div class="comment_item_inner"><div class="profile_img comment_icon">',
						img,
						'</div><a href="/users/',
						c.author.id,
						'" class="user_id">',
						c.author.nickname,
						'</a> <div class="comment_txt type_space">',
						c.text,
						'</a></div>',
					].join(""),
				});
				list[i].appendChild(item);
			});
			const comment_value = list[i].parentNode.querySelector(".comment_list ~ .comment_value");
//			console.log(comment_value);
			list[i].parentNode.insertBefore(comment_value, list[i]);
		}
	}

	async function load_q(qid) {
		const resp = await fetch("/apis/v1/questions/" + qid);
		const json = await resp.json();
		return json;
	}
	async function load_a(qid) {
		const map = {};
		for (let p = 1 ; p <= 300 ; ++p) {
			const resp = await fetch("/apis/v1/questions/" + qid + "/answers?page=" + p + "&size=50&sort=POPULAR");
			const json = await resp.json();
			if (json.length == 0) {
				break;
			}
			json.forEach(a => {
				map[a.id] = a;
			});
		}
		return map;
	}
	async function load_v(a) {
		let ub;
		if (a.questionId) {		// answer
			ub = "/apis/v1/questions/" + a.questionId + "/answers/" + a.id + "/voters?size=50&sort=LATEST&";
		} else { // question
			ub = "/apis/v1/questions/" + a.id + "/votes?size=50&sort=LATEST&";
		}
		const list = [];
		for (let p = 1 ; p <= 300 ; ++p) {
			const resp = await fetch(ub + "page=" + p);
			const json = await resp.json();
			if (json.length == 0) {
				break;
			}
			list.push(... json);
		}
		return list;
	}

	function modify_time(e, q) {
		const qt = e.querySelector(".user_info_detail.date");
		qt.innerHTML = (new Date(q.createdAt)).toLocaleString();
	}

	async function display_voters(e, a) {
		const eopt = e.querySelector(".qna_option_area");
		const ea = d_.createElement("div");
		ea.className = "vote_area";
		eopt.parentNode.insertBefore(ea, eopt);
//		eopt.parentNode.insertBefore(eul, eopt);
		const v = await load_v(a);
		ea.innerHTML = '<div class="vote_value">Vote : ' + v.length + '</div>';
		const eul = d_.createElement("ul");
		ea.appendChild(eul);
		eul.className = "voter_list";
		v.forEach(v => {
			const li = eul.appendChild(d_.createElement("li"));
			li.className = "voter_item profile_img";
//			li.innerHTML = v.author.nickname + ", ";
			if (v.author.image) {
				li.innerHTML = '<img src="https://obs.line-scdn.net/' + v.author.image.hash + '/s150" class="user_20" title="' + v.author.nickname + '">';
			} else {
				li.innerHTML = '<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=" class="user_20" title="' + v.author.nickname + '">';
			}
		});
	}

	async function modify_data() {
		msg.innerHTML = "質問データを取得中...";
		const m = /\/questions\/(\d+)/.exec(location.href);
		const qid = m[1];
		const q = await load_q(qid);
		const qe = d_.querySelector(".qna_area.question");
		modify_time(qe, q);
		msg.innerHTML = "質問のVoterを取得中...";
//		const qv = await load_v(q);
		await display_voters(qe, q);

		msg.innerHTML = "回答データを取得中...";
		const a = await load_a(qid);
		const ae = d_.querySelectorAll(".qna_area.answer .answer_item");
//		console.log(ae);
		msg.innerHTML = "回答のVoterを取得中...";
		for (let i = 0 ; i < ae.length ; ++i) {
			const bc = ae[i].querySelector(".btn_comment");
			if (bc) {
				const m = /answers\/(\d+)/.exec(bc.href);
				const aid = m[1];
				modify_time(ae[i], a[aid]);
	//			const av = await load_v(a);
				await display_voters(ae[i], a[aid]);
			}
			// else PENALTY
		}
	}

//	function x() {
//		const imgs = d_.querySelectorAll("img");
//		const img = imgs[1];
//		console.log(img);
//		let canvas = Object.assign(document.createElement("canvas"), {
//            width: img.width,
//            height: img.height,
//        });
//        let ctx = canvas.getContext('2d');
//        ctx.drawImage(img, 0, 0);
//		const uri = canvas.toDataURL();		// The operation is insecure.
//		console.log(uri);
//		img.src = uri;
//	}

	async function modify_window() {
		msg.innerHTML = "コメントを読み込み中...";
		await display_comments();
		await modify_data();
//		x();
		msg.innerHTML = "★完了★";
		setTimeout(function() {
			msg.innerHTML = "";
		}, 3000);
		console.log("!!! " + ((Date.now() - ts)/1000.0) + " sec");
	}

	const more_btn = d_.querySelector(".qna_area.answer .btn_more_answer");
	if (more_btn) {
		d_.head.appendChild(Object.assign(d_.createElement("style"), {
			innerHTML: [
'body {',
'	max-width: 640px;',
'}',
'.wrap.home_end .content .qna_area_inner .comment_area .comment_item_inner .comment_txt {',
'	max-height: none;',
'	display: block;',
'}',
'.comment_item_inner .comment_icon, .voter_list .voter_item {',
'	width: 20px;',
'	height: 20px;',
'	margin-right: 0.5ex;',
'}',
'.comment_item_inner .comment_icon {',
'	float: left;',
'}',
'.user_20 {',
'	border-radius: 50%;',
'	width: 100%;',
'}',
'.wrap.home_end .content .question_logo {',
'	font-size: inherit;',
'	color: inherit;',
'	font-size: 15px;',
'	color: #959aa5;',
'}',
'.wrap.home_end .content .qna_area_inner .comment_area .comment .comment_value {',
'	padding-top: 0;',
'	padding-bottom: 10px;',
'}',
'.qna_area.question .vote_area {',
'	padding-left: 22px;',
'}',
'.vote_area {',
'	padding-top: 14px;',
'}',
'.vote_value {',
'	padding-bottom: 10px;',
'}',
'.vote_area {',
'	color: #959aa5;',
'	font-size: 15px;',
'}',
'.voter_item {',
'	display: inline-block;',
'}',
'.related_question_area {',
'	display: none;',
'}',
'.wrap.home_end .content .qna_area.answer .message_area {',
'	height: initial;',
'	background-color: silver;',
'}',
'.wrap.home_end .content .message_area .message {',
'	color: #777;',
'}',
		].join(""),
		}));
		let n = 0;
		const answer_list = d_.querySelector(".answer_list");
		// https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver
		const MutationObserver = window.MutationObserver || window.WebkitMutationObserver;
		const observer = new MutationObserver(async function (records) {
			n += 1;
//			console.log(n);
			if (more_btn.style.display != "none") {
				more_btn.click();
				if (n > 10) {
					observer.disconnect();
				}
			} else {
				await modify_window();
			}
		});
		observer.observe(answer_list, { childList: true, /* subtree: true */ });

		if (more_btn.style.display != "none") {
			msg.innerHTML = "回答を読み込み中...";
			more_btn.click();
		} else {
			await modify_window();
		}
	}
})();

[Let] Wizball の詳細ページで質問投稿日時を表示する

a-kuma3 — 2018-10-30T04:02:47Z

Wizball の詳細ページで質問投稿日時を表示する

/*
 * @title Wizball の詳細ページで質問投稿日時を表示する
 * @description Wizball の詳細ページで質問投稿日時を表示する
 * @include https://wizball.io/questions/*
 * @license MIT License http://opensource.org/licenses/MIT
 * @javascript_url *
 */

(_ => {
    if (location.hostname != "wizball.io" || ! /^\/questions\/\d+/.test(location.pathname)) {
        return;
    }
    const m = /^\/questions\/(\d+)/.exec(location.pathname);
    if (m) {
        fetch("/apis/v1/questions/" + m[1])
        .then(resp => resp.json())
        .then(json => {
            const d = new Date(json.createdAt);
            const e = document.querySelector(".profile_info_area > .date");
            e.innerHTML = d.toLocaleString();
        });
    }
})();

[Let] greed quote star feat. Proxy

a-kuma3 — 2018-06-11T00:39:51Z

greed quote star feat. Proxy

/*
 * @title greed quote star feat. Proxy
 * @description 引用になってなくても引用スターできるようにします
 * @include http://*
 * @license MIT License
 * @javascript_url
 */
(() => {
    // make star add button's color gold
    function change_button_color(img) {
        // change color with canvas
        // https://developer.mozilla.org/ja/docs/Web/Guide/HTML/Canvas_tutorial/Pixel_manipulation_with_canvas
        let canvas;
        document.querySelectorAll('img.hatena-star-add-button[src*="s.hatena.ne.jp"').forEach(target => {
            if (! canvas) {
                canvas = Object.assign(document.createElement("canvas"), {
                    width: img.width,
                    height: img.height,
                });
                let ctx = canvas.getContext('2d');
                ctx.drawImage(img, 0, 0);
                let imageData = ctx.getImageData(0, 0, img.width, img.height);
                let data = imageData.data;
                for (let i = 0 ; i < data.length ; i += 4) {
                    if (data[i] < 200) {
                        // gold : rgb(255,215,0)
                        data[i]     = 255;      // red
                        data[i + 1] = 215;      // green
                        data[i + 2] = 0;        // blue
//                      data[i + 3] = 255;      // opacity
                    }
                }
                ctx.putImageData(imageData, 0, 0);
            }
            target.src = canvas.toDataURL();
            target.title = target.title + " (force quote)";
        });
    }

    document.body.appendChild(Object.assign(document.createElement("img"), {
        // http://s.hatena.ne.jp/images/add.gif
        src: 'data:image/gif;base64,R0lGODlhEAAQAIABALrJ9f///yH5BAEAAAEALAAAAAAQABAAAAIojI+pm+APYQCIMlfZtLOvSEkexhmchXkjaHYlGpLpqrZNqbngnvd+AQA7',
        // https://stackoverflow.com/questions/17035106/context-getimagedata-operation-is-insecure
        crossOrigin: "anonymous",
        onload: function() {
            change_button_color(this);
        },
    }));


    // http://q.hatena.ne.jp/1487227736#a1262105
    function convert_numeric_reference_quote(url /* string */) {
        // https://developer.mozilla.org/en-US/docs/Web/API/URL
        // https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams
        const u = new URL(url);         /* string -> URL */
        let param = u.searchParams;     /* URLSearchParams */
        let quote = param.get("quote");
        if (quote) {
            // to numeric reference
            quote = (s => {
                let o = "", i = 0;
                while (i < s.length) {
                    let code = s.codePointAt(i);
                    o += code < 128 ? String.fromCharCode(code) : `&#${code};`;
                    i += 1;
                    if (code > 0xffff) {    // for surrogate pair
                        i += 1;
                    }
                }
                return o;
            })(quote);
            param.set("quote", quote);
            u.search = "?" + param.toString();
            url = u.href;
        }
        return url;
    }

    const re_addstar = /^https?:\/\/s\.hatena\.ne\.jp\/star\.add\.json/;

    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy
    Ten.JSONP = new Proxy(Ten.JSONP, {
        construct: (target, args) => {
            let url = args[0];
            if (re_addstar.test(url)) {
                url = convert_numeric_reference_quote(url);
                args[0] = url;
            }

            let obj = Reflect.construct(target, args);
            return obj;
        },
    });

})();

[Let] H::H lightni.ng filter feat. Proxy

a-kuma3 — 2018-05-16T14:11:02Z

H::H lightni.ng filter feat. Proxy

/*
 * @title H::H lightni.ng filter feat. Proxy
 * @description Hatena Haiku spam filtering w/ lightni.ng feat. Proxy
 * @include *://h.hatena.ne.jp/*
 * @contributor noromanba   http://let.hatelabo.jp/noromanba/let/hJmc6brdnsgL
 * @contributor austinburk  http://let.hatelabo.jp/austinburk/let/hLHU6PPgg9Ya
 * @license  The MIT License https://opensource.org/licenses/MIT
 * @javascript_url
 */
/*
    ref.
        https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy
        https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Reflect
        http://h.hatena.ne.jp/js/updu/ten-extras.js
*/
(() => {
    const d_ = document;

    const g = {
        THRESHOLD: 5,
        blacklist: {},
        no_more_entry: false,
        me: Hatena.Visitor.name,
    };


    function is_spam(entry) {
        const poster = entry.querySelector(".info > .username > a");
        const id = poster.title.slice("id:".length);
        const is_spam = id != g.me && g.blacklist.has(id);
        if (is_spam) {
            const url = entry.querySelector(".info > .timestamp > a").href;
            console.warn(`${url} is SPAM (id: ${id}, score: ${g.blacklist.get(id)})`);
        }
        return is_spam;
    }

    // see TL.DataSource.TimelinePage.prototype.loadData
    TL.compat.getPage = new Proxy(TL.compat.getPage, {
        apply: (target, thisArg, args) => {
            const url = args[0];

            // maybe pager-older's request
            if (/reftime=-/.test(url)) {
                let onload = args[1];

                onload = new Proxy(onload, {
                    apply: (target, thisArg, args) => {
                        const xhr = args[0];

                        // no more entry ?
                        if (xhr.status < 400 && xhr.responseText.trim().length == 0) {
                            g.no_more_entry = true;
                        }

                        return Reflect.apply(target, thisArg, args);
                    },
                });

                args[1] = onload;
            }

            return Reflect.apply(target, thisArg, args);
        },
    });

    // filtering EntryList
    TL.EntryList.prototype.appendEntries = new Proxy(TL.EntryList.prototype.appendEntries, {
        apply: (target, thisArg, args) => {
            // filter SPAM
            const list = args[0].filter(e => ! is_spam(e.element));

            // if list is empty, Event "entriesappended" is not fired
            if (! list.length) {
                var ev = new TL.Event('entriesappended');
                ev.newEntries = list;
                thisArg.dispatchEvent(ev);
            }

            args[0] = list;
            return Reflect.apply(target, thisArg, args);
        },
    });

    function do_pagerize() {
        if (g.no_more_entry) {
            return;
        }
        const pager = d_.querySelector("div.pager a.pager-older");
        const y1 = pager.getBoundingClientRect().top;
        const y2 = window.innerHeight;
        if (y1 < y2) {
            pager.click();
        }
    }

    // do pagerize if pager is in view after remove entries
    TL.View.prototype.stopNextIndicator = new Proxy(TL.View.prototype.stopNextIndicator, {
        apply: (target, thisArg, args) => {
            do_pagerize();
            return Reflect.apply(target, thisArg, args);
        },
    });


    (async () => {

        // load scores
        const resp = await fetch("https://haikuantispam.lightni.ng/api/recent_scores.json", {
            mode: "cors",
            credentials: "same-origin",
        });
        const scores = await resp.json();
        g.blacklist = new Map(Object.entries(scores)
            .filter(([, score]) => score >= g.THRESHOLD)
        );

        // filter SPAM already displayed
        d_.querySelectorAll(".tl-entry-list .tl-entry").forEach(entry => {
            if (is_spam(entry)) {
                entry.style.display = "none";
            }
        });

        do_pagerize();

    })();

})();

[Let] Hatena::Haiku::Filter

a-kuma3 — 2018-04-18T14:22:03Z

Hatena::Haiku::Filter

/*
 * @title Hatena::Haiku::Filter
 * @description はてなハイクのタイムラインを自分の投稿だけにする（Proxy を使ってみたかっただけ
 * @include http://h.hatena.ne.jp/*
 * @license MIT License
 * @javascript_url
 */
/*
    https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy
    https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Reflect
*/
(() => {
    const d_ = document;

    /* make height 0 of .blank-entry */
    d_.head.appendChild(Object.assign(d_.createElement("style"), {
        innerHTML: `
div.stream div.entries div.entry.tl-entry.blank-entry {
    padding: 0;
    border-bottom: none;
}
        `,
    }));


    const def = {
        user: Hatena.Visitor.name,
    };

    function is_match(entry) {
        return [
            entry => {
                let e = entry.querySelector(".info > .username > a");
                return e.title == `id:${def.user}`;
            },
        ].find(f => ! f.call(null, entry)) == null;
    }

    TL.Entry = new Proxy(TL.Entry, {
        construct: (target, args) => {
            let obj = Reflect.construct(target, args);
            if (! is_match(obj.element)) {
                obj.element.innerHTML = "";
                obj.element.classList.add("blank-entry");
                obj.eid = -1;
            }
            return obj;
        },
    });

    function auto_pagerize() {
        let pager = d_.querySelector("div.pager a.pager-older");
        const y1 = pager.getBoundingClientRect().top;
        const y2 = window.innerHeight;
        if (y1 < y2) {
            pager.click();
        }
    }

    TL.View.prototype.stopNextIndicator = new Proxy(TL.View.prototype.stopNextIndicator, {
        apply: (target, thisArg, args) => {
            auto_pagerize();
            return Reflect.apply(target, thisArg, args);
        },
    });

    d_.querySelectorAll(".tl-entry-list > .tl-entry").forEach(entry => {
        if (! is_match(entry)) {
            entry.style.display = "none";
        }
    });
    auto_pagerize();

})();

[Let] display all bookmarks including no-comment @ Hatena::Bookmark

a-kuma3 — 2018-03-22T23:30:53Z

display all bookmarks including no-comment @ Hatena::Bookmark

/*
 * @title display all bookmarks including no-comment @ Hatena::Bookmark
 * @description コメントがないブックマークも全て表示する
 * @include http://b.hatena.ne.jp/entry/*
 * @license MIT http://opensource.org/licenses/MIT
 * @javascript_url
 */
/*
    Changelog
    - 記事につけられたスターを表示してみる
    - ブックマークした時刻も表示
    - ツイートのクリック数を表示
*/
/*
    test case
    http://b.hatena.ne.jp/entry/s/www.slideshare.net/enakai/it-51854916
        コメントなしブックマークが多い
    http://b.hatena.ne.jp/entry/s/kazayo.com/gozaisho-sounan/
        コメントありブックマークが多い
    http://b.hatena.ne.jp/entry/kazayo.com/gozaisho-sounan/
        コメントありの最初のブックマークよりも前に、コメントなしのブックマークがある
    http://b.hatena.ne.jp/entry/ift.tt/2wV68BP
        コメントありのブックマークがない
*/
(() => {
    const d_ = document;
    const entry_url = encodeURIComponent(d_.documentElement.dataset['entryUrl']);
    let bookmark_container;
    const bookmark_template = d_.getElementById("autoloader-bookmark-item").innerHTML.replace(/^\s+/, "");
    const _2d = n => (n < 10 ? "0" : "") + n;
    const date_string = (d, sep) => [
        d.getFullYear(),
        _2d(d.getMonth() + 1),
        _2d(d.getDate())
    ].join(sep || "");
    const datetime_string = d => [
        d.getFullYear(),
        _2d(d.getMonth() + 1),
        _2d(d.getDate()),
    ].join("/") + " " + [
        _2d(d.getHours()),
        _2d(d.getMinutes()),
        _2d(d.getSeconds()),
    ].join(":");


    // init
    (() => {
        // inactivate auto loader
        let readmore = d_.querySelector(".js-read-more-button");
        if (readmore) {
            /*
                https://cdn-ak.b.st-hatena.com/js/v4/bookmark.js
                BookmarkAutoLoaderView#getLabelHeight

                要素を見えなくしちゃうと、getBoundingClientRect は、top = 0 を返すので、
                メソッドを乗っ取る
            */
            readmore.getBoundingClientRect = () => {
                return {top: 1000000};
            };
        }

        d_.head.appendChild(Object.assign(d_.createElement("style"), {
            innerHTML: '                                                \
                .hatena-star-comment-button {                           \
                    display: initial !important;                        \
                    margin-right: 8px !important;                       \
                }                                                       \
                .js-bookmarks-sort-tab[data-sort="recent"] > img {      \
                    width: 12px;                                        \
                    margin: 0 0.5ex;                                    \
                }                                                       \
                .entry-comment-readmore {                               \
                    display: none;                                      \
                }                                                       \
                .entry-info-meta {                                      \
                    display: initial; /* flex */                        \
                }                                                       \
                .twitter-clicks {                                       \
                    color: gray;                                        \
                    margin-left: 1em;                                   \
                }                                                       \
            ',
        }));

        // add tab
        let comment_tabs = d_.querySelector("ul.entry-comment-tab");
        let tab = comment_tabs.appendChild(Object.assign(d_.createElement("li"), {
            className: "js-bookmarks-sort-tab",
            innerHTML: "全てのブックマーク",
        }));
        tab.dataset["sort"] = "all";

        // add panel
        let sort_panel = d_.querySelector("div.js-bookmarks-sort-panels");
        bookmark_container = sort_panel.appendChild(Object.assign(d_.createElement("div"), {
            className: "bookmarks-sort-panel js-bookmarks-sort-panel",
            innerHTML: '<div class="js-bookmarks js-bookmarks-all"></div>',
        }));
        bookmark_container.dataset["sort"] = "all";
        bookmark_container = bookmark_container.firstChild;

        tab.click();

        // entry url star
        d_.querySelector(".js-entry-info").appendChild(Object.assign(d_.createElement("span"), {
            id: "entry_star_count",
        }));
    })();

    function append_bookmark(b, bookmark_container) {
        /*
            #enable_button ～ /enable_button       -- not implement
            #is_public ～ /is_public               -- not implement
            #should_nofollow ～ /should_nofollow   -- not implement
            anchor_path
            comment_expanded
            comment_page_path
            created
            profile_image_url
            tags
            user_name
            user_page_path
        */
        let created = new Date(b.created);
        let date = datetime_string(created);
        let date2 = date_string(created);
        let legacyTagLinks = b.tags.map(tag => {
            return '<li><a href="/' + b.user.name + '/' + encodeURIComponent(tag) + '/">' + tag + '</a></li>';
        }).join("");
        let keyword_map = {
            anchor_path       : '/' + b.user.name + '/' + date2 + '#bookmark-' + b.location_id,
            comment_expanded  : b.comment_expanded,
            comment_page_path : "/entry/" + b.location_id + "/comment/" + b.user.name,
            created           : date,
            profile_image_url : b.user.image.image_url,
            tags              : legacyTagLinks,
            user_name         : b.user.name,
            user_page_path    : "/" + b.user.name,
        };
        let x = d_.createElement("div");
        x.innerHTML = bookmark_template.replace(/[{]{2,3}\s*([^}\s]+)\s*[}]{2,3}/g, (m, p) => {
            return keyword_map[p] || "";
        });
        // remove comment permalink with no comment
        if (b.comment == "") {
            let comment_permalink = x.querySelector(".entry-comment-permalink");
            comment_permalink.parentNode.removeChild(comment_permalink);
        }

        return bookmark_container.appendChild(x.firstChild);
    }

    const xhr = new XMLHttpRequest();
    let bookmarks = [];
    xhr.onload = (ev) => {
        if (ev.target.status < 400) {
            const resp = ev.target.response;
            /*
                https://cdn-ak.b.st-hatena.com/js/v4/bookmark.star.js
                EntryStarView.prototype.observeBookmarkListChange

                はてなスターは MutationObserver が作ってくれるのだけれど、
                Hatena.Star.EntryLoader は、static な領域を使って処理をするので、
                load するたびにブックマークを追加すると、最後のブロックしか
                スターが展開されない。
            */
            bookmarks = bookmarks.concat(resp.bookmarks);
            if (resp.cursor) {
                load_bookmark(resp.cursor);
            } else {
                let comment_tags_map = {};
                bookmarks.forEach(b => {
                    let e = append_bookmark(b, bookmark_container);
                    comment_tags_map[ b.user.name ] = e.querySelector(".entry-comment-tags");
                });

                // hatena star
                Hatena.Star.SiteConfig = {
                    entryNodes: {
                        "div.entry-info": {
                            uri: "h1.entry-info-title a",
                            title: "h1.entry-info-title a",
                            container: "#entry_star_count",
                        },
                        "div.js-bookmarks-all div.js-bookmark-item": {
                            uri: "a.js-bookmark-anchor-path",
                            title: "span.js-bookmark-comment",
                            container: "span.js-add-star-container"
                        }
                    }
                };
                new Hatena.Star.EntryLoader();

                // Tweet clicks
                function insert_clicks(n, e) {
                    let x = e.parentNode.insertBefore(Object.assign(d_.createElement("span"), {
                        innerHTML: n + " clicks",
                        className: "twitter-clicks",
                    }), e.nextSibling);
                    x.dataset["clicks"] = n;
                    return x;
                }
                const xhr2 = new XMLHttpRequest();
                const url = "http://b.hatena.ne.jp/api/shorturl.clicks";
                let clicks_list = [];
                xhr2.onload = (ev) => {
                    if (ev.target.status < 400) {
                        let data = ev.target.response;
                        data.entries[0].clicks.forEach(e => {
                            if (e.count > 0) {
                                clicks_list.push(insert_clicks(e.count, comment_tags_map[ e.user ]));
                            }
                        });
                        insert_clicks(clicks_list.reduce((sum, item) => {
                            return sum + parseInt(item.dataset["clicks"], 10);
                        }, 0
                        ), d_.getElementById("entry_star_count"));
                        console.log(clicks_list.length + " clicks !!!");
                    }
                };
                xhr2.responseType = "json";
                xhr2.open("POST", url, true);
                xhr2.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                xhr2.send(
                    "entry=" + d_.documentElement.dataset['entryEid'] + "," +
                    bookmarks.map(b => b.user.name).join("|")
                );

            }
        }
    };
    xhr.responseType = "json";
    function load_bookmark(cursor) {
        let url = [
            "http://b.hatena.ne.jp/api/entry/",
            entry_url,
            "/bookmarks?cursor=" + cursor,
            "&limit=500&commented_only=0"
        ].join("");
        xhr.open("GET", url, true);
        xhr.send(null);
    }

    load_bookmark("");

})();

[Let] question:1521455576

a-kuma3 — 2018-03-22T23:27:12Z

question:1521455576

/*
 * @title question:1521455576
 * @description question:1521455576
 * @license MIT http://opensource.org/licenses/MIT
 * @javascript_url
 */
(function() {
	const d_ = document;

	Array.prototype.forEach.call(d_.body.querySelectorAll("script,style,noscript"), function(e) {
		e.parentNode.removeChild(e);
	});


	const text = d_.body.textContent.replace(/\s+/g, "");
	const count = text.length;
	const title = d_.title;
	const hx_list = d_.querySelectorAll("h1,h2,h3,h4,h5,h6");

	const panel = d_.body.appendChild(d_.createElement("textarea"));
	panel.style.position = "fixed";
	panel.style.backgroundColor = "white";
	panel.style.border = "1px solid black";
	panel.style.padding = "1ex";
	panel.style.top = "0";
	panel.style.width = "80ex";
	panel.style.height = "20em";
	function indent(tag) {
		let n = parseInt(tag.replace(/^H/, "")) - 1;
		let pad = "";
		for (let i = 0 ; i < n ; ++i) {
			pad += "\t";
		}
		return pad;
	}
	panel.value = [
		"【文字数】",
		count,
		"\n【title】",
		title,
		"\n【hタグ】",
		Array.prototype.map.call(hx_list, function(h) {return indent(h.tagName) + h.tagName + ":" + h.textContent;}).join("\n"),
	].join("\n");
})();

[Let] no category list @ hatena blog

a-kuma3 — 2017-07-06T23:33:45Z

no category list @ hatena blog

/*
 * @title no category list @ hatena blog
 * @description カテゴリがない記事一覧 question:1499310079
 * @include http://blog.hatena.ne.jp/ * /archive
 * @license MIT http://opensource.org/licenses/MIT
 * @javascript_url
 */
/*
    http://q.hatena.ne.jp/1499310079
*/
(function() {
    const forEach = Array.prototype.forEach;
    const d_ = document;

    function display(url) {
        let title = d_.getElementById("title");
        let e = title.querySelector(".message");
        if (! e) {
            e = title.appendChild(d_.createElement("span"));
            e.className = "message";
            e.style.marginLeft = "2em";
        }
        let m = /page=(\d+)/.exec(url);
        if (m) {
            e.innerHTML = "(" + m[1] + ")";
        }
    }

    function hide_has_category(doc) {
        forEach.call(doc.querySelectorAll("#main-inner > .archive-entries > section.archive-entry a.archive-category-link"), function(category_link) {
            category_link.parentNode.parentNode.style.display = "none";
        });
    }

    function get_next_page_url(doc) {
        let url;
        let pager_next = doc.querySelector('.pager-next > a[rel="next"]');
        if (pager_next) {
            url = pager_next.href;
        }
        return url;
    }

    let n = 0;  // びびりなので、一応 ガード
    function load_next(url) {
        var xhr = new XMLHttpRequest();
        xhr.open('GET', url, true);
        xhr.onload = function(ev) {
            console.log(ev.target.responseURL, n);
            display(ev.target.responseURL);
            let dest = d_.querySelector("#main-inner > .archive-entries");
            hide_has_category(ev.target.response);
            forEach.call(ev.target.response.querySelectorAll("#main-inner > .archive-entries > section.archive-entry"), function(entry) {
                dest.appendChild(entry);
            });
            n += 1;
            let url = get_next_page_url(ev.target.response);
            if (url && n < 100) {
                load_next(url);
            } else {
                let e = d_.querySelector("#title .message");
                if (e) {
                    e.parentNode.removeChild(e);
                }
            }
        };
        xhr.responseType = 'document';
        xhr.send(null);
    }

    hide_has_category(d_);
    load_next(get_next_page_url(d_));

})();

[Let] no category list @ hatena blog manage

a-kuma3 — 2017-07-06T10:45:33Z

no category list @ hatena blog manage

/*
 * @title no category list @ hatena blog manage
 * @description カテゴリがない記事の管理 question:1499310079
 * @include http://blog.hatena.ne.jp/my/entries
 * @license MIT http://opensource.org/licenses/MIT
 * @javascript_url
 */
(function() {
    const forEach = Array.prototype.forEach;
    const d_ = document;

    function hide_has_category() {
        forEach.call(d_.querySelectorAll("table.table-blog-entries td.td-blog-category"), function(td) {
            if (! /^\s+$/.test(td.textContent)) {
                td.parentNode.style.display = "none";
            }
        });
    }

    function load_next(url) {
        let pager_next = d_.querySelector('button.load-next-entries:not([style*="display: none"])');
        if (pager_next) {
            pager_next.click();
        }
    }

    let n = 0;  // びびりなので、一応 ガード
    var MutationObserver = window.MutationObserver || window.WebkitMutationObserver;
    new MutationObserver(function (records) {
        if (n < 200) {
            hide_has_category();
            load_next();
        }
        n += 1;
    }).observe(document.body, { childList: true, subtree: true });

    hide_has_category();
    load_next();

})();

[Let] all sumo wrestler

a-kuma3 — 2017-06-11T10:37:44Z

all sumo wrestler

/*
 * @title all sumo wrestler
 * @description question:1497013762 で使ったやつ。日本相撲協会の検索ページでは、全力士で14ページもあってだるいので、どかっと読み込む。1ページ目で使うの。
 * @include http://www.sumo.or.jp/ResultRikishiData/search
 * @license MIT http://opensource.org/licenses/MIT
 * @javascript_url
 */
(function() {
    const d_ = document;
    let tbody = d_.querySelector("table.mdTable3 tbody");
    function load(p) {
        let xhr = new XMLHttpRequest();
        xhr.onload = ev => {
            if (ev.target.status < 400) {
                Array.from(ev.target.response.querySelectorAll("table.mdTable3 tbody tr")).forEach(e => {
                    tbody.appendChild(e);
                });
                if (p < 14) {
                    load(p + 1);
                }
            }
        };
        let url = "http://www.sumo.or.jp/ResultRikishiData/search?v=50&p=" + p;
//      console.log(url);
        xhr.open('GET', url, true);
        xhr.responseType = 'document';
        xhr.send(null);
    }

    load(2);

})();

[Let] avoid forwarding to id page @ Haiku (brute force version :-)

a-kuma3 — 2017-05-20T08:30:47Z

avoid forwarding to id page @ Haiku (brute force version :-)

/*
 * @title avoid forwarding to id page @ Haiku (brute force version :-)
 * @description はてなハイクで 2017-5-9 くらいから 不意に IDページに飛ばされちゃう件の無理やり対応（Haiku! するときに投稿内容の一部を数値参照に書き換えて投稿します）。
 * @include http://h.hatena.ne.jp/*
 * @license MIT http://opensource.org/licenses/MIT
 * @javascript_url
 */
/*
    see http://h.hatena.ne.jp/target?word=%E3%81%AF%E3%81%A6%E3%81%AA%E3%83%8F%E3%82%A4%E3%82%AF&date=2017-05-19
*/
(function() {
    var d_ = document;
    if (d_.location.href.indexOf("http://h.hatena.ne.jp/") == 0) {

/*
    http://s.hatena.ne.jp/js/HatenaStar.js?201609121
    の Ten.XHR の部分をごっそりコピペして、一部だけ書き換えてる。
*/
Ten.XHR = new Ten.Class({
    initialize: function(uri,opts,obj,callPropertyName) {
        Ten.EventDispatcher.implementEventDispatcher(this);
        this.method = 'GET';

        if (!uri) return;

        if (!Ten.XHR.isSafeUri(uri)) {
            throw "host differs : " + uri;
        }

        if (!opts) opts = {};

        if (opts.method) 
            this.method = opts.method;

        var self = this;
        this.addEventListener('complete', function() {
            if (!obj) return;
            if (typeof(obj) == 'function' && typeof(callPropertyName) == 'undefined') {
                obj.call(obj, self.request);
            } else {
                obj[callPropertyName].call(obj, self.request);
            }
        });


        /* ここから : 書き換え */

        if (/\/entry\.body$/.test(uri)) {
            /* IDページに飛ばされる地雷 */
            let mine_list = [
                "ミ",
                "о",
                "卍",
            ];
            opts.data.body = opts.data.body.map(function(body) {
                let txt = body;
                mine_list.forEach(function(mine) {
                    var re = new RegExp(mine, "g");
                    var entity = Array.prototype.reduce.call(mine, function(prev, v) {
                        return prev + "&#" + v.codePointAt(0) + ";";
                    }, "");
                    txt = txt.replace(re, entity);
                });
                return txt;
            });
        }

        /* ここまで : 書き換え */

        this.load(uri, opts.data);
    },
    getXMLHttpRequest: function() {
        var xhr;
        var tryThese = [
            function () { return new XMLHttpRequest(); },
            function () { return new ActiveXObject('Msxml2.XMLHTTP'); },
            function () { return new ActiveXObject('Microsoft.XMLHTTP'); },
            function () { return new ActiveXObject('Msxml2.XMLHTTP.4.0'); }
        ];
        for (var i = 0; i < tryThese.length; i++) {
            var func = tryThese[i];
            try {
                xhr = func;
                return func();
            } catch (e) {
                //alert(e);
            }
        }
        return xhr;
    },
    isSafeUri: function(uri) {
        if (uri.match(/^\w+:/) || uri.match(/^\/\//)) {
            if (uri.split('/')[2] == location.host) return true;
            else return false;
        } else if (uri.match(/^\/[^\/]/) || uri == '/') {
            return true;
        } else if (!uri || uri.length == 0) {
            return false;
        }
        return true;
    },
    makePostData: function(data) {
        var regexp = /%20/g;
        if (typeof data == 'string' || (data instanceof String)) {
            return encodeURIComponent(data).replace(regexp, '+');
        }
        var pairs = [];
        for (var k in data) {
            if (typeof data[k] == 'undefined') continue;
            var prefix = encodeURIComponent(k).replace(regexp, '+') + '=';
            var values = Array.prototype.concat(data[k]);
            for (var i = 0; i < values.length; i++) {
                var pair = prefix + encodeURIComponent(values[i]).replace(regexp, '+');
                pairs.push(pair);
            }
        }
        return pairs.join('&');
    }
},{
    load: function(url, params) {
        var req = Ten.XHR.getXMLHttpRequest();
        this.request = req;

        var self = this;
        req.onreadystatechange = function() {
            self.stateChangeHandler.call(self, req);
        };
        params = params ? Ten.XHR.makePostData(params) : null;

        req.open(this.method, url, true);
        if (this.method == 'POST') 
            req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        req.send(params);
    },
    stateChangeHandler: function(req) {
        this.dispatchEvent('state_change');

        if (req.readyState == 4) {
            this.dispatchEvent('ready', req.status.toString());

            if (req.status >= 200 && req.status < 300) {
                this.dispatchEvent('complete', req);
            } else {
                this.dispatchEvent('error', req);
            }
        }
    }
});

    }



})();

[Let] avoid forwarding to id page @ Haiku

a-kuma3 — 2017-05-20T08:30:23Z

avoid forwarding to id page @ Haiku

/*
 * @title avoid forwarding to id page @ Haiku
 * @description はてなハイクで 2017-5-9 くらいから 不意に IDページに飛ばされちゃう件のやっつけ対応（投稿内容の一部を数値参照に置き換える）
 * @include http://h.hatena.ne.jp/*
 * @license MIT http://opensource.org/licenses/MIT
 * @javascript_url
 */
/*
    see http://h.hatena.ne.jp/target?word=%E3%81%AF%E3%81%A6%E3%81%AA%E3%83%8F%E3%82%A4%E3%82%AF&date=2017-05-19
*/
(function() {
    const d_ = document;
    if (d_.location.href.indexOf("http://h.hatena.ne.jp/") == 0) {
        let ta = d_.querySelector(".entry-form textarea.entry-body");
        if (ta) {
            let txt = ta.value;
            /* IDページに飛ばされる地雷 */
            [
                "ミ",
                "о",
                "卍",
            ].forEach(function(mine) {
                let re = new RegExp(mine, "g");
                let entity = Array.prototype.reduce.call(mine, function(prev, v) {
                    return prev + "&#" + v.codePointAt(0) + ";";
                }, "");
                txt = txt.replace(re, entity);
            });
            ta.value = txt;
        }
    }
    // ほんとは entry.body の POST を横取りしたかったんだけど　(´・ω・｀)
})();

[Let] day of Haiku

a-kuma3 — 2017-05-10T01:32:03Z

day of Haiku

/*
 * @title day of Haiku
 * @description insert day to timestamp @ Haiku
 * @include http://h.hatena.ne.jp/*
 * @license MIT http://opensource.org/licenses/MIT
 * @javascript_url
 */
(() => {
    function insert_day(target) {
        const w = "日月火水木金土";
        const re = new RegExp(String.raw`^(\d{4}/\d{2}/\d{2})\s(\d{1,2}:\d{2}:\d{2})$`);
        Array.from(target.querySelectorAll(".list-body > .info time[datetime]")).forEach(e => {
            let t = new Date(e.getAttribute("datetime"));
            e.innerHTML = e.innerHTML.replace(re, `$1(${w.charAt(t.getDay())})&nbsp;$2`);
        });
    }

    insert_day(document.body);

    // https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver
    new MutationObserver(records => {
        records.forEach(record => {
            if (record.addedNodes) {
                // record.addedNodes.length maybe 1
                Array.from(record.addedNodes).forEach(entry_list => {
                    insert_day(entry_list);
                });
            }
        });
    }).observe(document.querySelector(".tl-entry-list"), {childList: true});

})();

[Let] jump with partial modification (sample)

a-kuma3 — 2017-04-12T08:25:45Z

jump with partial modification (sample)

/*
 * @title jump with partial modification (sample)
 * @description URL の一部を書き換えてからジャンプします (sample)
 * @include http://*, https://*
 * @license MIT http://opensource.org/licenses/MIT
 * @javascript_url
 */
// answer of http://q.hatena.ne.jp/1491958499
((url) => {
    const d_ = document;

    const variable = "@@@";
    const width = 60;
    const c_style_ = {
        backgroundColor: "green",
        color: "white",
        position: "absolute",
        width: (width + 20) + "ex",
    };
    const i_style_ = {
        fontFamily: "monospace",
        fontSize: "10.5pt",
        width: width + "ex",
        margin: "2em auto",
        display: "block",
        border: "none",
        padding: "2px 1px",
    };

    // container
    const c_ = d_.body.appendChild(Object.assign(d_.createElement("div"), {
        id: "a-kuma3",
    }));
    Object.assign(c_.style, c_style_);

    // input
    const i_ = c_.appendChild(Object.assign(d_.createElement("input"), {
        type: "text",
        value: url,
        onkeydown: function(ev) {
            switch (ev.keyCode) {
            case 13: // Enter
                location.href = this.value;
                this.style.display = "none";
                const m_ = c_.appendChild(Object.assign(d_.createElement("div"), {
                    innerHTML: "Now Loading ...",
                }));
                Object.assign(m_.style, i_style_);
                break;
            case 27: // ESC
                c_.parentNode.removeChild(c_);
                break;
            }
        },
    }));
    Object.assign(i_.style, i_style_);

    // position
    const h_ = d_.documentElement;
    Object.assign(c_.style, {
        top: (h_.scrollTop + h_.clientHeight / 2 - c_.clientHeight / 2) + "px",
        left: (h_.scrollLeft + h_.clientWidth / 2 - c_.clientWidth / 2) + "px",
    });

    // select variable part
    i_.select();
    i_.selectionStart = url.indexOf(variable);
    i_.selectionEnd = i_.selectionStart + variable.length;


})("http://q.hatena.ne.jp/@@@/watchlist");

[Let] title and url (for copy)

a-kuma3 — 2017-03-25T14:53:54Z

title and url (for copy)

/*
 * @title title and url (for copy)
 * @description タイトルと URL をコピーするための TEXTAREA
 * @include http://*
 * @include https://*
 * @license MIT License
 * @javascript_url
 */
(function () {
    const c_id = "a-kuma3-" + Date.now();
    const remove_textarea = function() {
        this.parentNode.parentNode.removeChild(this.parentNode);
    };

    function append_element(parent, tag, attr) {
        return parent.appendChild(Object.assign(document.createElement(tag), attr));
    }

    let c = append_element(document.body, "div", {
        id: c_id
    });

    let txt = append_element(c, "textarea", {
        className: "txt",
        value: document.title + "\n" + location.href,
        cols: 100,
        rows: 5,
        onkeypress: function(ev) {
            if (ev.keyCode == 27) {     // ESC
                remove_textarea.call(this);
            }
        },
    });

    append_element(c, "div", {
        className: "btn close",
        innerHTML: "&#x274c;",
        onclick: remove_textarea,
    });

    append_element(c, "div", {
        className: "btn bookmark",
        innerHTML: "<img src='http://localhost/images/firefox_favicon/hatebu.png'>",
        onclick: function() {
            location.href = "http://b.hatena.ne.jp/entry/" + location.href;
        },
    });

    append_element(document.head, "style", {
        innerHTML: `
        #${c_id} {
            display: inline-block;
            position: fixed;
            top: 0;
            left: 0;
            background-color: white;
            border: 1px inset gray;
            z-index: 10000;
        }
        #${c_id} textarea {
            height: 5em !important;
            vertical-align: top;
            font-family: monospace;
            font-size: 10pt;
            height: 5em;
            width: auto;
            margin: 0;
        }
        #${c_id} textarea::-moz-selection {
            background-color: #5dacf2;
            color: #444;
        }
        #${c_id} .btn {
            display: inline-block;
            position: absolute;
            right: 0;
            color: white;
            width: 1.5em;
            height: "1.5em";
            border: 2px silver solid;
            cursor: pointer;
            text-align: center;
            font-family: monospace;
            font-size: 10pt;
        }
        #${c_id} .close {
            background-color: darkred;
            vertical-align: top;
        }
        #${c_id} .bookmark {
            top: 1.5em;
            padding: 0;
        }
        #${c_id} .bookmark img {
            width: 1.5em;
            height: 1.5em;
        }
        `,
    });

    txt.focus();
    txt.select();

})();

[Let] Yet Another 勝手にスター

a-kuma3 — 2017-02-21T10:36:31Z

Yet Another 勝手にスター

/*
 * @title Yet Another 勝手にスター
 * @description クリックしたところに、勝手に はてなスターを置きます（一回だけ）
 * @include http://*
 * @include https://*
 * @license MIT License
 * @javascript_url
 */
//  inspired by 
//      http://let.hatelabo.jp/noromanba/let/hLHWyeejvP4c
//      http://let.hatelabo.jp/pacochi/let/hLHWyNLcvcJD

(() => {
    const d_ = document;

    function put_star_container(e) {
        if (! d_.querySelector('script[src*="s.hatena.ne.jp"]')) {
            d_.head.appendChild(Object.assign(d_.createElement("script"), {
                type: "text/javascript",
                src: "//s.hatena.ne.jp/js/HatenaStar.js",
                onload: () => put_star_container(e),
            }));
            return;
        }

        function insert_entry_node_next(e) {
            return e.parentNode.insertBefore(d_.createElement("span"), e.nextSibling);
        }

        let p = {
            node: e,
            uri: d_.location.href,
            title: d_.title,
        };

        let link = e.tagName == "A" && e.href ? e : e.querySelector("a[href]");
        if (link) {
            p.uri = link.href;
            p.title = link.textContent.trim();
            p.node = insert_entry_node_next(link);
            /*
                TODO: invisible a
                e.g.
                <div>
                    <div>visible</div>      click !
                    <div style="display: none;">
                        invisible
                        <a href="...">...
                    </div>
            */
        }

        // img にも appendChild できちゃうんだねえ
        if (e.tagName == "IMG") {
            p.node = insert_entry_node_next(e);
        }

        // hr にも appendChild できちゃうけど、childNode は見える
        // 他にも駄目なタグありそう

        console.log(p);

        let c = Hatena.Star.EntryLoader;
        c.loadEntries = function(p) {
            return [ new Hatena.Star.Entry({
                entryNode: p.node,
                uri: p.uri,
                title: p.title,
                comment_container: p.node.appendChild(c.createCommentContainer()),
                star_container: p.node.appendChild(c.createStarContainer()),
            }) ];
        };
        c.loadNewEntries(p);
        delete c.loadEntries;

    }

    function once_handler(e) {
        e.stopPropagation();
        e.preventDefault();

        put_star_container(e.target);

        d_.removeEventListener('click', once_handler);
        d_.removeEventListener('touchstart', once_handler);
        /*
            http://h.hatena.ne.jp/unarist/228182015329663515
            https://developer.mozilla.org/ja/docs/Web/API/EventTarget/addEventListener#Parameters

            addEventListener(..., ..., { once: true })

            click と touchstart が一回ずつ使えちゃうか
        */
    }
    d_.addEventListener('click', once_handler);
    d_.addEventListener('touchstart', once_handler);

})();

[Let] yet another stupid numeric character reference decoder

a-kuma3 — 2017-02-20T05:02:41Z

yet another stupid numeric character reference decoder

/*
 * @title yet another stupid numeric character reference decoder
 * @description 数値参照で汚染された s.hatena.ne.jp に平穏を取り戻します
 * @include http://s.hatena.ne.jp/*
 * @license MIT License
 * @javascript_url
 */
(() => {
    const re_num_ref = /&#x?[0-9a-f]{1,6};/;
    Array.from(document.querySelectorAll(".entry-title ~ blockquote")).forEach(b => {
        if (re_num_ref.test(b.textContent)) {
            b.innerHTML = b.textContent;
        }
    });

    document.head.appendChild(Object.assign(document.createElement("style"), {
        innerHTML: `
            table.list td blockquote {
                word-break: break-all;
            }
        `,
    }));

})();

[Let] show star quote

a-kuma3 — 2017-02-19T08:16:18Z

show star quote

/*
 * @title show star quote
 * @description 出たがり屋の引用スター
 * @include http://*
 * @license MIT License
 */
/*
    1引用スター、1行の方が見やすいかな
    span -> q
*/
// http://h.hatena.ne.jp/noromanba/4623536828018945911
(() => {
    let d_ = document;
    d_.body.appendChild(Object.assign(d_.createElement("style"), {
        innerHTML: `
            .a-kuma3-star-quote-wrapper {
                border: silver 1px solid;
                margin-left: 0.5ex;
                margin-right: 0.7ex;
                display: block;
                line-height: 1 !important;
            }
            .a-kuma3-star-quote-wrapper > .quote {
                font-weight: normal;
                font-size: medium;
                color: black;
                padding-left: 2px;
            }
        `
    }));
    var show_star_quote = () => {
        let entries = Hatena.Star.EntryLoader.entries;
        entries.forEach((e, i) => {
            e.stars.forEach((s) => {
                if (s.quote) {
                    if (s.anchor.parentNode.className == "a-kuma3-star-quote-wrapper") {
                        return;
                    }
                    let wrap = Object.assign(d_.createElement("span"), {
                        className: "a-kuma3-star-quote-wrapper",
                    })
                    s.anchor.parentNode.insertBefore(wrap, s.anchor);
                    wrap.appendChild(s.anchor);
                    let quote = Object.assign(d_.createElement("q"), {
                        innerHTML: s.quote,
                        className: "quote",
                    });
                    wrap.appendChild(quote);
                }
            });
        });
    };

    show_star_quote();
})();

[Let] 勝手にスター

a-kuma3 — 2017-02-18T14:20:52Z

勝手にスター

/*
 * @title 勝手にスター
 * @description 勝手に はてなスターを置きます
 * @include http://*
 * @include https://*
 * @license MIT License
 * @javascript_url
 */
// inspired by http://let.hatelabo.jp/noromanba/let/gYC-xcvQ3PTQew
(() => {
    const d_ = document
    if (! d_.querySelector('script[src*="s.hatena.ne.jp/js/HatenaStar.js"]')) {
        d_.head.appendChild(Object.assign(d_.createElement("script"), {
            type: "text/javascript",
            src: "//s.hatena.ne.jp/js/HatenaStar.js",
            onload: function() {
                let e = d_.querySelector("h1,h2,h3,h4,h5,h6")
                Hatena.Star.SiteConfig = {
                    entryNodes: {}
                }
                Hatena.Star.SiteConfig.entryNodes[ e.tagName ] = {
                    uri: "document.location",
                    title: "document.title",
                    container: "parent",
                }
                new Hatena.Star.EntryLoader();
            },
        }))
    } else {
        console.log("already Hatena.Star exists !")
    }
})()

[Let] Avoid losing a quote star

a-kuma3 — 2017-02-17T12:31:07Z

Avoid losing a quote star

/*
 * @title Avoid losing a quote star
 * @description 人力検索などで引用スターに失敗するのを回避します。【注意】カラースターの対応ができてません (´・ω・｀)
 * @include http://*
 * @include https://*
 * @license MIT License
 */
/*
    http://q.hatena.ne.jp/1487227736#a1262105

    引用に失敗したっぽいときに
    - もう一度試す（最初の空振りしたスターは消す）
    - 引用は数値参照にする
*/
(() => {
    const jsonp = (() => {
        var count = 0;
        return function(url, callback) {
            var callbackName = 'akuma3_jsonp'+count++;
            var script = document.createElement('script');
            script.src = url.replace(/[=]\?(&|$)/g, '='+callbackName+'$1');
            window[callbackName] = function(data) {
                if (callback)
                    callback(data);
                window[callbackName] = undefined;
                try { delete window[callbackName]; } catch(e) {}
                document.body.removeChild(script);
            };
            document.body.appendChild(script);
        };
    })();

    const StarRequest = function(url) {
        let a = url.split("?")
        this.__api__ = a[0]
        // parse parameter
        a[1].split("&").forEach(s => {
            let index = s.indexOf("=")
            if (index != -1) {
                let k = s.slice(0, index), v = s.slice(index + 1)
                this[k] = v
            } else {
                // maybe timestamp
                this.timestamp = s
            }
        })
        // method
        Object.assign(this, {
            to_parameter_string: function(p) {
                let a = [
                    "uri=" + this.uri,
                    "rks=" + this.rks,
                    "timestamp=" + new Date().getTime(),
                ]
                for (k in p) {
                    a.push(k + "=" + p[k])
                }
                return a.join("&")
            },
            add_url: function(q) {
                return this.__api__ + "?" + this.to_parameter_string({
                    title    : this.title  ,
                    quote    : (q ? q : this.quote)  ,
                    location : this.location  ,
                    callback : "?",
                })
            },
            del_url: function(name) {
                return "http://s.hatena.ne.jp/star.delete.json?" + this.to_parameter_string({
                    name : encodeURIComponent(name),
                })
            },
            do_callback: function(json) {
                let func = new Function("a", this.callback + "(a)")
                func.call(null, json)
            },
            numeric_reference_quote: function() {
                let s = decodeURIComponent(this.quote)
                let o = "", i = 0
                while (i < s.length) {
                    let code = s.codePointAt(i)
                    if (code > 128) {
                        o += "&#" + code + ";"
                        if (code > 0xffff) {    // for surrogate pair
                            i += 1
                        }
                    } else {
                        o += s.charAt(i)
                    }
                    i += 1
                }
                return encodeURIComponent(o)
            },
        })
    }

    const enhanced_add_star = (url) => {
        const req = new StarRequest(url)
        if (req.quote) {
            jsonp(req.add_url(), (data) => {
                if (data.quote == "") { // has quote, but lose it !

                    // remove no quote star
                    jsonp(req.del_url(encodeURIComponent(data.name)))

                    // retry and use numeric character reference
                    jsonp(req.add_url(req.numeric_reference_quote()), (data) => {
                        console.log("a-kuma3: repair quote star. ", data)
                        req.do_callback(data)
                    })

                } else {
                    req.do_callback(data)
                }
            })
        } else {
            // no quote
            jsonp(url)
        }
    }


    const head = document.querySelector("head")
    const re_add_star = /s\.hatena\.ne\.jp\/star\.add\.json\?/
    head.appendChild = function(e) {
        if (e.tagName == 'SCRIPT' && re_add_star.test(e.src)) {
            enhanced_add_star(e.src)
        } else {
            // I believe e.nodeType == 1
            e.appendChild.call(this, e)
        }
    }

})();