Mastodon 連合 or ローカルタイムライン用正規表現フィルタ
by
pacochi
2017-06-01 [2017/06/01 20:54:17]
名前にも適用されます。画像とか動画とか不適切系も判別できます。
@@ -7,10 +7,12 @@
*/
/*
+ご多分に漏れず危険性を熟知なり覚悟なりして自己責任で使うタイプのものです。
ブックマークレットを実行すると入力欄とボタンが出ます。
入力欄に正規表現を入れてエンターを押してください。ボタンはフィルタのオンオフです。
諸事情あって、ブックマークレットは自動更新されません。
新しいバージョンに変更したい場合は、一旦古いブックマークレットを削除して、新しく追加し直してください。
+入力した正規表現は Cookie に保存されます。他のブックマークレット等から覗かれる可能性もゼロではないので、気になる場合は使用を控えるか、Fork して覗けないような仕組みを追加してください。
入力例:
@@ -33,6 +35,11 @@
更新履歴:
+4/26
+-https://addons.mozilla.org/ja/firefox/addon/bookmarklets-context-menu/
+ を使うと Firefox でも mstdn.jp 等での利用ができるみたいなので、その辺の調整をしました。
+ jQuery を使うとエラーが出てくるみたいなのでプレーンにしました。
+
4/24
-正規表現入力欄が入力後に隠れるようになりました。クリックするとまた出てきます。
-フィルタが効かなくなる現象の出現頻度が低くなりました。
@@ -44,14 +51,13 @@
-名前も検索される文字列に含まれます。
*/
-((d = document, l = { childList: 1 }, p = $('.columns-area'), r, x, a, f, o, c, b, t, m) => {
+((d = document, l = { childList: 1 }, p = d.querySelector('.columns-area'), r, x, a, f, o, c, b, i, t, m) => {
r = new RegExp(
decodeURIComponent((d.cookie.split('let_filter_regexp=')[1] || '').split(';')[0])
|| 'きのこ|たけのこ|すぎのこ', 'i'
);
- // この辺なるたけ速い方がいいかなって思って jQuery 使ってない
x = e => {
[...e.target.querySelectorAll('.status:not(.viewed)')].forEach(n => {
@@ -89,25 +95,29 @@
if (s == '?') {
- b.text('?');
- x({ target: t[0] });
- o.observe(t[0], l);
+ b.textContent = '?';
+ x({ target: t });
+ o.observe(t, l);
} else {
- b.text('?');
+ b.textContent = '?';
o.disconnect();
- $('.status').removeClass('viewed').filter(':hidden').show();
+ if (t) [...t.querySelectorAll('.status')].forEach(n => {
+
+ n.className = 'status';
+ n.style.display = '';
+ });
}
};
f = n => {
- n = $('.column:last>.scrollable>div:last');
+ n = d.querySelector('.column:nth-child(4)>.scrollable>div:last-child');
- if (!t || t[0] != n[0]) {
+ if ((!t || t != n) && n) {
t = n;
a('?');
@@ -119,19 +129,25 @@
o = new MutationObserver(s => s.forEach(x));
- c = $('#mute-buttons');
- if (!c[0]) c = $('<div />')
- .css({ position: 'fixed', height: '1em', bottom: '2em', right: 0, zIndex: 99 })
- .attr('id', 'mute-buttons').appendTo(p);
-
- b = $('<button />').text('?')
- .click(function() { a(b.text()); });
-
- c.append(b).append(
- $('<input />').val(r.source).css('width', '12em')
- .change(function(s) {
+ c = d.getElementById('mute-buttons');
+ if (!c) c = p.appendChild(Object.assign(d.createElement('div'), {
+ id: 'mute-buttons',
+ style: 'position: fixed; height: 1em; bottom: 2em; right: 0; z-index: 99'
+ }));
+
+ b = c.appendChild(Object.assign(d.createElement('button'), {
+ textContent: '?'
+ }));
+ b.addEventListener('click', e => a(b.textContent));
+
+ i = c.appendChild(Object.assign(d.createElement('input'), {
+ value: r.source,
+ style: 'width: 12em'
+ }));
+ i.addEventListener('change', (e, s) => {
- s = this.value;
+ s = e.target.value;
+ a('?');
if (s.length) {
@@ -139,29 +155,27 @@
if (typeof s == 'object') {
- o.disconnect();
r = s;
d.cookie = `let_filter_regexp=${encodeURIComponent(r.source)}; path=\x2F; expires=Tue, 19 Jan 2038 03:14:07 GMT`;
a('?');
- a('?');
- } else a('?');
+ }
- } else a('?');
+ }
- })
- .focus(function() {
+ });
+ i.addEventListener('focus', e => {
- $(this).css({ paddingLeft: 0, width: '12em' });
+ e.target.style = 'padding-left: 0; width: 12em';
- }).blur(function() {
+ });
+ i.addEventListener('blur', e => {
- $(this).css({ paddingLeft: '2em', width: 0 });
+ e.target.style = 'padding-left: 2em; width: 0';
- })
- );
+ });
f();
- new MutationObserver(s => s.forEach(f)).observe(p[0], l);
+ new MutationObserver(s => s.forEach(f)).observe(p, l);
})();
/*
* @title Mastodon 連合 or ローカルタイムライン用正規表現フィルタ
* @description 名前にも適用されます。画像とか動画とか不適切系も判別できます。
* @include *
* @license MIT License
* @javascript_url
*/
/*
ご多分に漏れず危険性を熟知なり覚悟なりして自己責任で使うタイプのものです。
ブックマークレットを実行すると入力欄とボタンが出ます。
入力欄に正規表現を入れてエンターを押してください。ボタンはフィルタのオンオフです。
諸事情あって、ブックマークレットは自動更新されません。
新しいバージョンに変更したい場合は、一旦古いブックマークレットを削除して、新しく追加し直してください。
入力した正規表現は Cookie に保存されます。他のブックマークレット等から覗かれる可能性もゼロではないので、気になる場合は使用を控えるか、Fork して覗けないような仕組みを追加してください。
入力例:
たけのこに関するトゥートを NG
たけのこ|タケノコ|竹の子|筍
たけのこに関するトゥートのみ表示
^(?![\s\S]*(たけのこ|タケノコ|竹の子|筍))
不適切なコンテンツを NG
sensitive
不適切なコンテンツのみ表示
^(?![\s\S]*sensitive)
画像、動画のみ表示
^(?![\s\S]*media)
画像、動画のみ表示 (誤爆なし)
^(?![\s\S]* media)
PNG のみ表示 (イラスト多めになる)
^(?![\s\S]*media\.png)
動画 (GIFアニメ含む) のみ表示
^(?![\s\S]*media\.mp4)
更新履歴:
4/26
-https://addons.mozilla.org/ja/firefox/addon/bookmarklets-context-menu/
を使うと Firefox でも mstdn.jp 等での利用ができるみたいなので、その辺の調整をしました。
jQuery を使うとエラーが出てくるみたいなのでプレーンにしました。
4/24
-正規表現入力欄が入力後に隠れるようになりました。クリックするとまた出てきます。
-フィルタが効かなくなる現象の出現頻度が低くなりました。
-画像や動画がある場合、検索される文字列に「\tmedia」という文字列が追加されます。拡張子が判別できたら「\tmedia.png」のような文字列になります。
-不適切なコンテンツがある場合、検索される文字列に「\tsensitive」という文字列が追加されます。「\t」はタブ文字です。
4/22
-https://mstdn.jp/users/soraki_yoshiko2/updates/1277707 こういう経緯で作りました。
-名前も検索される文字列に含まれます。
*/
((d = document, l = { childList: 1 }, p = d.querySelector('.columns-area'), r, x, a, f, o, c, b, i, t, m) => {
r = new RegExp(
decodeURIComponent((d.cookie.split('let_filter_regexp=')[1] || '').split(';')[0])
|| 'きのこ|たけのこ|すぎのこ', 'i'
);
x = e => {
[...e.target.querySelectorAll('.status:not(.viewed)')].forEach(n => {
[...n.querySelectorAll('img[alt]')].forEach(i => {
i.parentNode.insertBefore(Object.assign(
d.createElement('span'), {
style: 'display: none;',
textContent: i.alt
}
), i);
});
m = n.querySelector('.media-spoiler') ? '\tsensitive\tmedia' : '';
[...n.querySelectorAll('a[href*=media_attachments], video')].forEach(a => {
m += '\tmedia' + ((a.href || a.src).match(/(\.\w+)(?:\?|$)/) || [''])[0];
});
if (r.test(
n.querySelector('.display-name').textContent
+ '\t' + n.querySelector('.status__content').textContent + m
)) n.style.display = 'none';
n.className += ' viewed';
});
};
a = s => {
if (s == '?') {
b.textContent = '?';
x({ target: t });
o.observe(t, l);
} else {
b.textContent = '?';
o.disconnect();
if (t) [...t.querySelectorAll('.status')].forEach(n => {
n.className = 'status';
n.style.display = '';
});
}
};
f = n => {
n = d.querySelector('.column:nth-child(4)>.scrollable>div:last-child');
if ((!t || t != n) && n) {
t = n;
a('?');
a('?');
}
};
o = new MutationObserver(s => s.forEach(x));
c = d.getElementById('mute-buttons');
if (!c) c = p.appendChild(Object.assign(d.createElement('div'), {
id: 'mute-buttons',
style: 'position: fixed; height: 1em; bottom: 2em; right: 0; z-index: 99'
}));
b = c.appendChild(Object.assign(d.createElement('button'), {
textContent: '?'
}));
b.addEventListener('click', e => a(b.textContent));
i = c.appendChild(Object.assign(d.createElement('input'), {
value: r.source,
style: 'width: 12em'
}));
i.addEventListener('change', (e, s) => {
s = e.target.value;
a('?');
if (s.length) {
try { s = new RegExp(s); } catch(e) {}
if (typeof s == 'object') {
r = s;
d.cookie = `let_filter_regexp=${encodeURIComponent(r.source)}; path=\x2F; expires=Tue, 19 Jan 2038 03:14:07 GMT`;
a('?');
}
}
});
i.addEventListener('focus', e => {
e.target.style = 'padding-left: 0; width: 12em';
});
i.addEventListener('blur', e => {
e.target.style = 'padding-left: 2em; width: 0';
});
f();
new MutationObserver(s => s.forEach(f)).observe(p, l);
})();
- Permalink
- このページへの個別リンクです。
- RAW
- 書かれたコードへの直接のリンクです。
- Packed
- 文字列が圧縮された書かれたコードへのリンクです。
- Userscript
- Greasemonkey 等で利用する場合の .user.js へのリンクです。
- Loader
- @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
- Metadata
- コード中にコメントで @xxx と書かれたメタデータの JSON です。