Created
March 16, 2015 12:27
-
-
Save monsier-oui/f578f49c0c911ce3a094 to your computer and use it in GitHub Desktop.
twicliの夜フクロウ風ショートカットプラグイン
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var shortcutkey_plugin = { | |
| selected_div: null, // 選択中のtweet | |
| last_selected_div_id: null, // 前回選択されたtweetのdiv ID(オーバーレイ表示は除く) | |
| key_handled: false, // 他プラグインがkeydownを処理済みか：true時はイベント処理しない | |
| last_event_date: null, // 最終イベント発生時刻 | |
| repeat_check: false, // keydown,keypress両指定時のチェック | |
| // tweetの選択 | |
| selectTweet: function(ev, div, no_scroll) { | |
| if (shortcutkey_plugin.selected_div && shortcutkey_plugin.selected_div.id.indexOf('reps-') != 0) | |
| shortcutkey_plugin.last_selected_div_id = shortcutkey_plugin.selected_div.id; | |
| shortcutkey_plugin.deselectTweet(true); | |
| div = div || this; | |
| div.className += " selected"; | |
| shortcutkey_plugin.selected_div = div; | |
| if (div.id.indexOf('reps-') != 0 && !no_scroll) | |
| scrollToDiv(div, $('control').clientHeight+1); | |
| }, | |
| // tweetの選択解除 | |
| deselectTweet: function(save) { | |
| var selected = shortcutkey_plugin.selected_div; | |
| if (selected) | |
| selected.className = selected.className.replace(' selected', ''); | |
| shortcutkey_plugin.selected_div = null; | |
| if (!save) delete selected_menu.last_selected; | |
| }, | |
| // タブ切り替え時に保存したtweet選択を再設定 | |
| applyLastSelection: function(menu) { | |
| if (menu.last_selected) { | |
| setTimeout(function(){ | |
| var ele = $(menu.last_selected); | |
| if (ele) | |
| shortcutkey_plugin.selectTweet(null, ele, true); | |
| }, 0); | |
| } | |
| }, | |
| // キーボードショートカットハンドラ | |
| shortCutKeyDown: function(ev) { | |
| ev = ev || window.event; | |
| if (ev.shiftKey || ev.altKey || ev.ctrlKey || ev.metaKey || ev.modifiers) return true; | |
| var code = ev.keyCode || ev.charCode; | |
| //$("fst").value = code; | |
| if (document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA') { | |
| // inputフォーカス時はesc,Tab以外をパススルー | |
| if (code == 27 || code == 9) { // esc or Tab | |
| document.activeElement.blur(); | |
| return false; | |
| } | |
| return true; | |
| } | |
| if (shortcutkey_plugin.repeat_check) { | |
| if (ev.type == 'keydown' && code != 38 && code != 40 && code != 74 && code != 75 && code != 191) | |
| return true; | |
| var date = ev.timeStamp || new Date(); // 連続する30ms以内のイベントは無視 | |
| if (shortcutkey_plugin.last_event_date && date - shortcutkey_plugin.last_event_date < 30) | |
| return true; | |
| shortcutkey_plugin.last_event_date = date; | |
| } | |
| if (ev.type == 'keypress' && navigator.userAgent.indexOf('Firefox') >= 0 && ev.charCode == 0 && ev.keyCode >= 112) | |
| return true; // FirefoxでFnキーを解釈しない | |
| var tw = null; | |
| var id = null; | |
| var user = null; | |
| var selected = shortcutkey_plugin.selected_div; | |
| if (selected) { | |
| tw = selected.tw.retweeted_status || selected.tw; | |
| if (display_as_rt || fav_mode == 2 || fav_mode == 3) tw = selected.tw; | |
| id = tw.id_str || tw.id; | |
| user = tw.user.screen_name; | |
| } | |
| shortcutkey_plugin.key_handled = false | |
| callPlugins('keydown', code, selected, tw); | |
| if (shortcutkey_plugin.key_handled) return false; | |
| if (shortcutkey_plugin.history.push(code) > 10) { | |
| shortcutkey_plugin.history.shift(); | |
| if (shortcutkey_plugin.history.join() == '38,38,40,40,37,39,37,39,66,65') { | |
| $('fst').value = "\u306b\u3083\u30fc\u3093 #twicliJP"; | |
| press(1); | |
| var p = document.evaluate("//span[contains(@class,'status')]/child::text()", $("tw"), null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null); | |
| for (var i = 0; i < p.snapshotLength; i++) | |
| p.snapshotItem(i).nodeValue = p.snapshotItem(i).nodeValue.replace(/な|(い|か|せん|た|だ|です|ます|る|よ)(?:な|ね)?(?=$|[。．.…「」()（）!?！？・\n])/g,'$1ニャ'); | |
| } | |
| } | |
| var ele; | |
| var lower = ev.type == 'keypress' ? 32 : 0; | |
| switch (code) { | |
| case 27: // esc : ポップアップメニュー,オーバーレイ表示を閉じる/選択解除 | |
| if (shortcutkey_plugin.filter_div) | |
| shortcutkey_plugin.resetInclementalSearch(); | |
| else if ($('popup').style.display == 'block') | |
| popup_hide(); | |
| else if ($('rep').style.display == 'block') | |
| closeRep(); | |
| else | |
| shortcutkey_plugin.deselectTweet(); | |
| return false; | |
| case 49: // 1 : TLタブ | |
| switchTL(); | |
| return false; | |
| case 50: // 2 : @タブ | |
| switchReply(); | |
| return false; | |
| case 51: // 3 : ユーザタブ | |
| switchUser(); | |
| return false; | |
| case 52: // 4 : Dタブ | |
| switchDirect(); | |
| return false; | |
| case 53: // 5 : +タブ | |
| switchMisc(); | |
| return false; | |
| case 54: // 6 : タブ6 | |
| case 55: // 7 : タブ7 | |
| case 56: // 8 : タブ8 | |
| case 57: // 9 : タブ9 | |
| var num = code == 48 ? 9 : code - 49; | |
| var menu = $('menu2').childNodes[num]; | |
| if (!menu || !menu.onclick) return true; | |
| try { | |
| menu.onclick(); | |
| } catch(e) { | |
| alert('shortcutkey error: ' + e); | |
| } | |
| return false; | |
| case 74+lower: // j : 1つ下を選択 | |
| if (!selected) { | |
| ele = (selected_menu.id == 'TL' ? $('tw') : selected_menu.id == 'reply' ? $('re') : | |
| $('tw2c')).childNodes[0]; | |
| while (ele && !(ele.childNodes[0] && ele.childNodes[0].tw)) ele = ele.nextSibling; | |
| ele = ele && ele.childNodes[0]; | |
| } else { | |
| ele = selected; | |
| while (ele == selected || ele && (!ele.tw || ele.style.display == 'none' || !ele.offsetHeight)) { | |
| if (ele.nextSibling) | |
| ele = ele.nextSibling; | |
| else { | |
| var pele = ele.parentNode.nextSibling; | |
| ele = null; | |
| while (!ele && pele) { | |
| ele = pele.childNodes[0] && pele.childNodes[0].tw && pele.childNodes[0]; | |
| pele = pele.nextSibling; | |
| } | |
| } | |
| } | |
| } | |
| if (ele && ele.tw) | |
| shortcutkey_plugin.selectTweet(ev, ele); | |
| return false; | |
| case 75+lower: // k : 1つ上を選択 | |
| if (!selected) { | |
| ele = (selected_menu.id == 'TL' ? $('tw') : selected_menu.id == 'reply' ? $('re') : | |
| $('tw2c')); | |
| ele = ele.childNodes[ele.childNodes.length - 1]; | |
| while (ele && !(ele.childNodes[0] && ele.childNodes[0].tw)) ele = ele.previousSibling; | |
| ele = ele && ele.childNodes[ele.childNodes.length - 1]; | |
| } else { | |
| ele = selected; | |
| while (ele == selected || ele && (!ele.tw || ele.style.display == 'none' || !ele.offsetHeight)) { | |
| if (ele.previousSibling) | |
| ele = ele.previousSibling; | |
| else { | |
| var pele = ele.parentNode.previousSibling; | |
| ele = null; | |
| while (!ele && pele) { | |
| ele = pele.childNodes[0] && pele.childNodes[0].tw && | |
| pele.childNodes[pele.childNodes.length - 1]; | |
| pele = pele.previousSibling; | |
| } | |
| } | |
| } | |
| } | |
| if (ele && ele.tw) | |
| shortcutkey_plugin.selectTweet(ev, ele); | |
| return false; | |
| case 70+lower: // f : fav | |
| if (!selected) return true; | |
| fav($('fav-'+selected.id), id); | |
| return false; | |
| case 82+lower: // r : 返信元を表示(in Reply to) | |
| if (!selected || !tw.in_reply_to_status_id_str) return true; | |
| dispReply(user, tw.in_reply_to_status_id_str, $("utils-"+selected.id)); | |
| return false; | |
| case 72+lower: // h : ユーザTLを表示 | |
| if (!selected) return true; | |
| switchUserTL(selected); | |
| return false; | |
| case 13: // Enter : 返信 | |
| if (!selected) return true; | |
| replyTo(user, id, selected.id); | |
| return false; | |
| case 68+lower: // d : DM | |
| if(!selected) return true; | |
| document.frm.status.value = 'D '+user+' '; | |
| $('fst').focus(); | |
| return false; | |
| case 39: // → : 選択したツイートのユーザ宛@を発言欄に追加(複数リプライ用) | |
| if (!selected) return true; | |
| var tweet = document.frm.status.value; | |
| var at = '@'+user+' '; | |
| if(tweet.indexOf(at) < 0) | |
| document.frm.status.value = '@'+user+' '+tweet; | |
| return false; | |
| case 37: // ← : 選択したツイートのユーザ宛@を発言欄から削除 | |
| if(!selected) return true; | |
| var tweet = document.frm.status.value; | |
| var at = '@'+user+' '; | |
| if(tweet.indexOf(at) > -1) | |
| document.frm.status.value = tweet.replace(at, ''); | |
| return false; | |
| case 65+lower: // a : リプライ相手のツイートを表示 | |
| if(!selected || !tw.in_reply_to_status_id_str) return true; | |
| var uid = tw.in_reply_to_screen_name; | |
| if(!uid){ // in_reply_toが設定されていなければ一番最初の@を抽出 | |
| var tweet = tw.text; | |
| var regex = /@[a-zA-z0-9_]*/; | |
| uid = regex.exec(tweet); | |
| uid = uid.toString().replace('@', ''); | |
| } | |
| switchUser(uid); | |
| return false; | |
| case 80+lower: // p : ユーザを抽出(Pickup) | |
| if (!selected) return true; | |
| if (typeof(addIDRegexp) != 'function') return true; | |
| addIDRegexp(user, id); | |
| return false; | |
| case 86+lower: // v : リツイート(command+shift+v) | |
| if (!selected) return true; | |
| retweetStatus(id, selected); | |
| return false; | |
| case 84+lower: // t : ツイートをwebで開く | |
| if(!selected) return true; | |
| window.open(twitterURL + tw.screen_name + '/statuses/' + tw.id_str); | |
| return false; | |
| case 87+lower: // w : ユーザのwebサイトを開く | |
| if(!selected || !tw.user.url) return true; | |
| window.open(tw.user.url); | |
| return false; | |
| case 81+lower: // q : RT:を付けて引用(Quote with RT:) | |
| if (!selected) return true; | |
| quoteStatus(id, user, selected); | |
| return false; | |
| case 46: // delete or Backspace : tweetを削除(Delete) | |
| case 8: | |
| if (!selected) return true; | |
| if (selected_menu.id != "direct" && user != myname) return true; | |
| deleteStatus(id); | |
| return false; | |
| case 71+lower: // g : ハッシュタグを検索(hashtaG) | |
| if (!selected) return true; | |
| for (var i = 0; i < selected.childNodes.length; i++) { | |
| var target = selected.childNodes[i] | |
| if (target.id && target.id.substr(0,5) == 'text-') { | |
| for (i = 0; i < target.childNodes.length; i++) { | |
| var target2 = target.childNodes[i]; | |
| if (target2.tagName == 'A' && target2.className.indexOf('hashtag') > -1) { | |
| target2.onclick(); | |
| break; | |
| } | |
| } | |
| break; | |
| } | |
| } | |
| return false; | |
| case 76+lower: // l : リンクを開く(open Links) | |
| if (!selected) return true; | |
| for (var i = 0; i < selected.childNodes.length; i++) { | |
| var target = selected.childNodes[i] | |
| if (target.id && target.id.substr(0,5) == 'text-') { | |
| for (i = 0; i < target.childNodes.length; i++) { | |
| var target2 = target.childNodes[i]; | |
| if (target2.tagName == 'A' && target2.innerHTML.substr(0,4) == 'http') { | |
| if (link(target2)) window.open(target2.href, "_blank"); | |
| } | |
| } | |
| break; | |
| } | |
| } | |
| return false; | |
| case 69+lower: // e : 写真等のリンク先内容を表示 | |
| if (!selected) return true; | |
| for (var i = 0; i < selected.childNodes.length; i++) { | |
| var target = selected.childNodes[i] | |
| if (target.id && target.id.substr(0,5) == 'text-') { | |
| for (i = 0; i < target.childNodes.length; i++) { | |
| var target2 = target.childNodes[i]; | |
| if (target2.tagName == 'A' && target2.className == 'button' && target2.onclick) { | |
| target2.onclick(); | |
| break; | |
| } | |
| } | |
| break; | |
| } | |
| } | |
| return false; | |
| case 9: // Tab : 発言欄とツイート欄を移動 | |
| (document.activeElement.id == 'fst') ? $('fst').blur() : $('fst').focus(); | |
| return false; | |
| case 48: // 0 : 最上部のツイートに移動 | |
| ele = (selected_menu.id == 'TL' ? $('tw') : selected_menu.id == 'reply' ? $('re') : | |
| $('tw2c')).childNodes[0]; | |
| ele = ele && ele.childNodes[0]; | |
| if (ele && ele.tw) | |
| shortcutkey_plugin.selectTweet(ev, ele); | |
| return false; | |
| case 88+lower: // x : タブを閉じる | |
| var closetab = $('tws-closetab') || $('regexp-closetab'); | |
| if (closetab) | |
| return closetab.onclick(); | |
| case 191: // / : インクリメンタルサーチ | |
| shortcutkey_plugin.resetInclementalSearch(); | |
| var filter_div = document.createElement('div'); | |
| filter_div.id = 'filter-form'; | |
| filter_div.innerHTML = '<a href="javascript:void(shortcutkey_plugin.resetInclementalSearch())">[x]</a> Filter: <input type="text" id="filter-field">'; | |
| document.body.appendChild(filter_div); | |
| shortcutkey_plugin.filter_div = filter_div; | |
| $('filter-field').onkeydown = $('filter-field').onkeypress = shortcutkey_plugin.startInclementalSearch; | |
| $('filter-field').focus(); | |
| return false; | |
| } | |
| return true; | |
| }, | |
| startInclementalSearch: function(ev) { | |
| ev = ev || window.event; | |
| if ((ev.keyCode || ev.charCode) == 27/*esc*/) return shortcutkey_plugin.resetInclementalSearch(); | |
| if (shortcutkey_plugin.inclemental_search_timer) clearTimeout(shortcutkey_plugin.inclemental_search_timer); | |
| shortcutkey_plugin.inclemental_search_timer = setTimeout(shortcutkey_plugin.doInclementalSearch, 100); | |
| }, | |
| doInclementalSearch: function() { | |
| $('filter-field').style.backgroundColor = ''; | |
| var re; | |
| try { | |
| re = new RegExp($('filter-field').value, 'i'); | |
| } catch(e) { | |
| $('filter-field').style.backgroundColor = '#fcc'; | |
| return; | |
| } | |
| this.inclemental_search_timer = null; | |
| ele = (selected_menu.id == 'TL' ? $('tw') : selected_menu.id == 'reply' ? $('re') : $('tw2c')); | |
| if (ele.className.indexOf('filtered') < 0) ele.className += ' filtered'; | |
| for (var i = 0; i < ele.childNodes.length; i++) { | |
| for (var j = 0; j < ele.childNodes[i].childNodes.length; j++) { | |
| var d = ele.childNodes[i].childNodes[j]; | |
| if (d.tw) { | |
| if ((d.tw.user.screen_name + ' ' + d.tw.text).match(re)) { | |
| if (d.className.indexOf('filter-match') < 0) d.className += ' filter-match'; | |
| } else d.className = d.className.replace(/ ?filter-match/g, ''); | |
| } | |
| } | |
| } | |
| }, | |
| resetInclementalSearch: function() { | |
| document.activeElement.blur(); | |
| if (this.inclemental_search_timer) clearTimeout(this.inclemental_search_timer); | |
| this.inclemental_search_timer = null; | |
| if (this.filter_div) document.body.removeChild(this.filter_div); | |
| this.filter_div = null; | |
| ele = (selected_menu.id == 'TL' ? $('tw') : selected_menu.id == 'reply' ? $('re') : $('tw2c')); | |
| if (ele.className.indexOf('filtered') < 0) return; | |
| ele.className = ele.className.replace(/ ?filtered/g, ''); | |
| for (var i = 0; i < ele.childNodes.length; i++) { | |
| for (var j = 0; j < ele.childNodes[i].childNodes.length; j++) { | |
| var d = ele.childNodes[i].childNodes[j]; | |
| if (d.tw) d.className = d.className.replace(/ ?filter-match/g, ''); | |
| } | |
| } | |
| }, | |
| newMessageElement: function(el) { | |
| // tweetをクリックすると選択 | |
| el.onclick = this.selectTweet; | |
| // オーバーレイ表示時は初回に自動選択 | |
| if (el.id.indexOf('reps-') == 0 && | |
| (!this.selected_div || this.selected_div.id.indexOf('reps-') != 0)) | |
| this.selectTweet(null, el); | |
| }, | |
| closeRep: function() { | |
| if (this.selected_div && this.selected_div.id.indexOf('reps-') == 0) { | |
| if (this.last_selected_div_id && $(this.last_selected_div_id)) | |
| this.selectTweet(null, $(this.last_selected_div_id)); | |
| else | |
| this.deselectTweet(); | |
| } | |
| }, | |
| switchTo: function(new_menu, old_menu) { | |
| this.resetInclementalSearch(); | |
| if (this.selected_div) | |
| old_menu.last_selected = this.selected_div.id; | |
| this.deselectTweet(true); | |
| this.applyLastSelection(new_menu); | |
| }, | |
| added: function(tw, tw_node, after) { | |
| if (tw_node != "tw2c" || after) return; | |
| this.applyLastSelection(selected_menu); | |
| }, | |
| resetFrm: function(arg) { | |
| if (arg) this.deselectTweet(); | |
| }, | |
| init: function() { | |
| this.history = []; | |
| if (navigator.userAgent.indexOf('Opera') >= 0) | |
| document.onkeypress = this.shortCutKeyDown; | |
| else if (navigator.userAgent.indexOf('Firefox') >= 0) { | |
| document.onkeydown = document.onkeypress = this.shortCutKeyDown; | |
| this.repeat_check = true; | |
| } | |
| else | |
| document.onkeydown = this.shortCutKeyDown; | |
| } | |
| }; | |
| registerPlugin(shortcutkey_plugin); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment