ヴィンペラートル・オクタウィアヌス

タブのサムネイルを表示する補完を作ろうとしたけど上手くできなかった

書いてみた | 22:32 |

まずは

現在のタブのサムネイルをechoするワンライナっぽいもの

:js commandline.echo(template.commandOutput(<><img src={tabs.getTab().__thumbnail.toDataURL()}/></>),null,commandline.FORCE_SINGLELINE)

_libly.jsが入っていると割と格好よくechoされる

サムネイルを補完させたい

とりあえず作ったスクリーンショット

ソース

commands.addUserCommand(
    ["thumbnail"],
    "View Thumbnails",
    function(args){
        if(args != "") {
            liberator.open(args.string);
        }
    },
    {
        count: false,
        completer: function(context, args) {
            let filter = context.filter;
            context.keys = {title: 'title', thumbnail: 'thumbnail', url: 'url', text:'text'};
            context.process = [templateThumbnail,function(obj){return obj.url}];
            context.title = ['Buffer','URL'];
            context.completions = generateCandidates();
        }
    },
    true
);

function templateThumbnail(obj) {
    return <>
      <img src={obj.thumbnail}/>{obj.title}
    </>;
}

function generateCandidates() {
    let allTabInfo = [];
    let index = 0;
    for each ( [,tab] in tabs.browsers ) {
        let url = tab.currentURI.spec;
        let title = tab.contentTitle;
        let getTab = tabs.getTab(index++);
        let thumbnail = ('__thumbnail' in getTab) ? getTab.__thumbnail.toDataURL() : "";
        let tabInfo = {
            "text": index + ":",
            "url" : url,
            "thumbnail" : thumbnail,
            "title" : title,
        }
        allTabInfo = allTabInfo.concat(tabInfo);
    }
    return allTabInfo;
}

問題点

• タブ数が増えると非常に残念な補完になる（スクロールされない）
• サムネイルを作成するタイミングがある（タブ移動時？）ので、開いたばかりのタブとかはサムネイルが出来ていない