Bookmarklets from unarist

[Let] Disable contextmenu blocking

unarist — 2023-10-14T19:44:39Z

/*
 * @title Disable contextmenu blocking
 * @description event catpture の活躍の場
 * @include http://*
 * @license CC0 https://creativecommons.org/publicdomain/zero/1.0/
 * @javascript_url
 */

['contextmenu', 'selectstart', 'copy', 'mousedown'].forEach(ev => window.addEventListener(ev, e => e.stopImmediatePropagation(), true));
document.head.appendChild(document.createElement('style')).textContent = '* { user-select: initial !important }';
void(0); // prevent redirection (thanks: http://let.hatelabo.jp/Lhankor_Mhy/let/iuzX89CqgKAA)

[Let] T/U box

unarist — 2022-12-06T15:28:34Z

T/U box

/*
 * @title T/U box
 * @description w/ "{title} {url}" format. easy copyable title/url box; click to copy, double-click outer to close
 * @include http://*
 * @include https://*
 * @contributor	pacochi	http://let.hatelabo.jp/pacochi/let/hJme3OvVzN41
 * @contributor noromanba http://let.hatelabo.jp/noromanba/let/hJme3Pyylqos
 * @license MIT License	https://opensource.org/licenses/MIT
 * @javascript_url
 */

/* modifications

* Show confirm dialog for doubtful URL
 (location.pushState/replace will cause mismatch between meta URLs and current URL)
* URL cleanup for some sites
* Fix copy format
* Hover cursor on inputs to show preview (i.e. title attribute)
* Add Title+URL, Markdown+title format
* Append location.hash
* Avoid to use array for querySelector (for cloudflare rocket.js)
* Close on click anywhere
* Add support of og:url with absolute path and protocol-less URL
* Add support of Web Share API (Chromium and "Experimental Web Platform features" flag may be required. only on https page)
* More styles

*/

(() => {
  'use strict';
  
  const tag = (name, props = {}, children = []) => {
    const e = Object.assign(document.createElement(name), props);
    if (typeof props.style === "object") Object.assign(e.style, props.style);
    (children.forEach ? children : [children]).forEach(c => e.appendChild(c));
    return e;
  };

  // SPAの普及と雑metaタグの多さで、canonical参照微妙かもなあという気持ちが少しある
  const canonical = (() => {
    const canonical_base = 
          (document.querySelector('head meta[property="og:url"][content]') || {}).content ||
          (document.querySelector('head link[rel="canonical"][href]') || {}).href ||
          '';
    
    if (!canonical_base) return null;
    
    const prefix = 
          (canonical_base.startsWith('/') && location.origin) ||
          (!canonical_base.match(/^[a-z]+:/) && location.protocol + '//') || /* :/ */
          '';
    
    const urlobj = new URL(prefix + canonical_base);
    urlobj.hash = location.hash;
    
    return urlobj.href;
  })();
  
  const title = document.title;

  const canonical_whitelist = /\.amazon\./;
  const canonical_blacklist = /[\.\/]github\.com|youtube\.com/;
  
  let url =
        (!canonical && location.href) ||
        (canonical_whitelist.test(location.href) && canonical) ||
        (canonical_blacklist.test(location.href) && location.href) ||
        (new URL(canonical).pathname === location.pathname && canonical) ||
        (confirm(`次のURLがmetaタグから見つかりましたが、現在のpathと異なります。\nキャンセルを押すとlocation.hrefを使用します。\n${canonical}`) && canonical) ||
        location.href;
  
  const filters = {
    // tbm: mode, tbs: options
    [/www\.google\.[a-z\.]+\/search/]: { allowed_params: /^(q|tbm|tbs|start)$/ },
    [/(amazon\.[a-z\.]+)\/([^\/]+\/)?dp/]: { replace: '$1/dp', allowed_params: /^$/ },
    // 単純な検索は search-alias, field-.+ で、そこから設定していくと rh になるっぽい。
    // url は search-alias 等を含んでいることがあり、展開してしまってもよさそうではあるが…。
    // あとcanonicalだとrhに正規化されてる気がする。
    [/(amazon\.[a-z\.]+)\/([^\/]+?\/)?(s|gp\/search)(\/[^\?]*)?\?/]: { replace: '$1/s?', allowed_params: /^(url|search-alias|field-.+|rh|sort|page)$/ },
    [/www\.youtube\.com\/watch.*[\?&]v=([^&#?]+)&?/]: { replace: 'youtu.be/$1?', allowed_params: /^t$/ },
  };

  for (const [name, action] of Object.entries(filters)) {
      const regex = new RegExp(name.substr(1, name.length - 2));
      if (!regex.test(url)) continue;

      if (action.replace)
        url = url.replace(regex, action.replace);

      const urlobj = new URL(url);
      if (action.allowed_params) {
        [...urlobj.searchParams.keys()]
        .filter(k => !action.allowed_params.test(k))
        .forEach(k => urlobj.searchParams.delete(k));
      }
      url = urlobj.toString();
  }
  
  url = url.replace(/\??#?$/, '');

  const box = document.body.appendChild(tag('div', {
    id: 'copy-buttons',
    style: `
border: 1em solid white;
outline: 1px solid silver;
padding: 0.2em 0.5em;
background: silver;
position: fixed;
top: 0;
left: 0;
z-index: ${Number.MAX_SAFE_INTEGER || Number.MAX_VALUE};
`,
  }));
  const onClose = e => {
    box.parentNode.removeChild(box);
    document.removeEventListener('click', onClose);
    e.stopPropagation();
  };
  
  box.addEventListener('click', e => e.stopPropagation());
  box.addEventListener('dblclick', onClose);
  document.addEventListener('click', onClose);
  
  [
    { label: 'URL', value: url },
    { label: 'Title', value: title },
    { label: 'Title + URL', value: title + ' ' + url },
    { label: 'Hatena', value: `[${url}:title=${title}]` },
    { label: 'Markdown', value: `[${title}](${url})` },
    { label: 'Markdown+title', value: `'[${url}](${url} "${title}")'`.slice(1, -1) },
    navigator.share && { label: 'Web Share', value: `Share!`, onclick: () => navigator.share({ title, url }) },
  ].filter(x => x).forEach(({label, value, onclick}) => {
    box.appendChild(tag('label', {
      style: `display: block; color: black; text-align: left;`,
    }, [
      tag('span', {
        style: `display: inline-block; width: 8em;`,
        textContent: `${label}: `
      }),
      !onclick ?
      tag('input', {
        style: `
color: black;
background-color: #ddd;
border: none;
border-bottom: 1px solid gray;
padding: 0.2em;
margin: 0.3em 0;
width: 15em;`,
        value,
        title: value,
        onclick: e => {
          e.target.select();
          document.execCommand('copy');
          e.stopPropagation();
        }
      }) :
      tag('input', {
        type: 'button',
        style: `margin: 0.3em 0; `,
        onclick,
        value
      })
    ]));
  });
})();

[Let] KeyLogger

unarist — 2021-06-16T13:29:28Z

KeyLogger

/*
 * @title KeyLogger
 * @description Simple Key Logger (w/o modifiers, composition)
 * @include http://*
 * @license MIT License
 * @javascript_url 
 */

(() => {
  if (window.__KeyLogger_finish) {
    window.__KeyLogger_finish();
    return;
  }
  let events = ['timestamp (Asia/Tokyo)\tkey\tcode\tkeyCode\ttarget'];
  const dtFormat = new Intl.DateTimeFormat('ja-JP', { timeZone: 'Asia/Tokyo', hour12: false, year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', second: '2-digit' });
  const listener = e => {
    if (e.isComposing || e.repeat || ['Control','Shift','Alt','Meta'].includes(e.key)) return;
    const ts = dtFormat.format(new Date());
    const shortStr = [e.ctrlKey && 'Ctrl', e.shiftKey && 'Shift', e.altKey && 'Alt', e.metaKey && 'Meta', e.key].filter(x => x).join('+');
    events.push([ts, shortStr, e.code, e.keyCode, e.target.localName].join('\t'));
  };
  window.addEventListener('keydown', listener, { capture: true });
  window.__KeyLogger_finish = () => {
    window.removeEventListener('keydown', listener, { capture: true });
    // dataURIにしてnoopenerにしてもいいな
    const resultdoc = window.open('about:blank', '_blank').document;
    resultdoc.title = `キー操作の記録 - ${dtFormat.format(new Date())}`;
    resultdoc.body.appendChild(Object.assign(resultdoc.createElement('textarea'), {
      readOnly: true,
      style: 'position: fixed; width: 100%; height: 100%; top: 0; left: 0;',
      textContent: `---- 押されたキー ----\n${events.join('\n')}\n---- 環境情報 ----\nURL: ${location.href}\n環境: ${navigator.userAgent}`
    }));
    delete window.__KeyLogger_finish;
  };
  alert('このページで押されたキーの記録を開始しました。記録結果を表示するにはもう一度このブックマークレットを実行してください。');
})();

[Let] Slackの箇条書きを普通のul入れ子にする

unarist — 2021-04-26T13:05:19Z

Slackの箇条書きを普通のul入れ子にする

/*
 * @title Slackの箇条書きを普通のul入れ子にする
 * @include https://app.slack.com/client/*
 * @license MIT License
 * @javascript_url 
 */

/*
 ## これはなに
 Slackの箇条書きをコピペするとインデントや●が消えるやつをなんとかしよう
 
 ## 使い方
 1. Slackのブラウザ版で変換したい箇条書きのある投稿を表示する
 2. これを実行する
 3. DOMツリー上の全ての箇条書きが変換されているので、コピペしたりする
*/

(() => {
  document.querySelectorAll('.p-rich_text_list').forEach(x => x.classList.remove('p-rich_text_list', 'p-rich_text_list__bullet'));
  [...document.querySelectorAll('.p-rich_text_block')]
    .map(x => x.querySelectorAll('ul[data-indent]'))
    .forEach(([x, ...xs]) => xs.reduce((stack,c) => {
      const p = stack[stack.length - 1];
      if (p.dataset.indent < c.dataset.indent) {
        if (c.dataset.indent - p.dataset.indent > 1) {
          alert('2段以上一気にインデントするのは非対応');
          throw new Error();
        }
        p.append(c);
        return stack.concat(c);
      } else {
        stack[c.dataset.indent].append(...c.children);
        return stack.slice(0, c.dataset.indent + 1);
      }
  }, [x]));
})();

[Let] 録画

unarist — 2020-02-12T06:52:31Z

録画

/*
 * @title 録画
 * @description 画面をwebmで録画するやつ
 * @include http://*
 * @include https://*
 * @license MIT License
 * @javascript_url
 */

(function() {
    'use strict';
  
    if (!navigator.mediaDevices) {
      alert(location.protocol === 'http:' ? 'httpsでないサイトでは使えません。' : '対応していないブラウザです');
      return;
    }

    const tag = (name, props = {}, children = []) => {
        const e = Object.assign(document.createElement(name), props);
        if (typeof props.style === "object") Object.assign(e.style, props.style);
        (children.forEach ? children : [children]).forEach(c => e.appendChild(c));
        return e;
    };

    const modal = (() => {
        let refs = {};
        refs.container = tag('div', {
            style: 'position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 2147483647'
        }, [
            refs.content = tag('div', {
                style: `
position: absolute; width: 320px; height: 160px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; padding: 1em;
background: white; border-radius: 5px;
display: flex; flex-direction: column; align-items: center; justify-content: space-evenly;`
            }, [
                tag('p', { style: 'font-size: 1.4em; font-weight: bold', textContent: '録画中...' }),
                tag('p', { textContent: '下の「録画終了」ボタンをクリックするか、画面共有を停止すると、録画を終了します。' }),
                refs.stopButton = tag('button', { textContent: '録画終了' })
            ])
        ]);
        return {
            show({onStop}) {
                document.body.appendChild(refs.container);
                refs.stopButton.onclick = onStop;
            },
            hide() {
                refs.container.remove();
            }
        };
    })();

    function saveFile(filename, blob) {
        const url = URL.createObjectURL(blob);
        const link = tag('a', { style: 'display: none', href: url, download: filename });
        document.body.appendChild(link);
        link.click();
        URL.revokeObjectURL(url);
        link.remove();
    }

    function getDefaultFilename() {
        const dateStr = new Date().toLocaleString('ja-JP', {
            hour12: false,
            year: 'numeric',
            month: '2-digit',
            day: '2-digit',
            hour: '2-digit',
            minute: '2-digit',
            second: '2-digit'
        });
      return dateStr.replace(/[\/:]/g, '').replace(/ /, '-');
    }

    navigator.mediaDevices.getDisplayMedia(/* w,h,audio */)
    .then(stream => {
        let chunks = [];
        const recorder = new MediaRecorder(stream, {
            mimeType: MediaRecorder.isTypeSupported('video/webm;codecs=vp9') ? 'video/webm;codecs=vp9' : 'video/webm;codecs=vp8',
            videoBitsPerSecond: 800 * 1000
        });
        recorder.ondataavailable = e => chunks.push(e.data);
        const recordingPromise = new Promise((resolve, reject) => {
            recorder.onstop = () => resolve(new Blob(chunks, { type: recorder.mimeType }));
            recorder.onerror = e => reject(e.error);
        })
        .finally(() => {
            // 録画を終了したら元ストリームも閉じる（共有を停止する）
            stream.getTracks().forEach(track => track.stop());
            modal.hide();
        });
        // 82canaryだとなくても共有終了で閉じてくれたけど、80stableでは必要っぽい？
        stream.getTracks().forEach(x => x.addEventListener('ended', () => recorder.stop()));
        modal.show({ onStop: () => recorder.stop() });
        recorder.start();
        return recordingPromise;
    })
    .then(blob => {
        const name = prompt('録画が完了しました。ファイル名を入力してください。', getDefaultFilename());
        if (!name) return;
        saveFile(name + '.webm', blob);
    })
    .catch(e => {
      const hint =
        e.message.includes('user gesture') ? '一度ページのどこかをクリックしてから再実行してみてください。' :
        e.name === 'NotAllowedError' ? 'キャプチャがブロックされているようです。\n・共有ダイアログで「拒否」を選択しませんでしたか？\n・ブラウザの設定でカメラの使用などをブロックしていませんか？' :
        null;
      const msg = e.message || e.name || e;
      alert('録画に失敗しました。\n' + (hint ? hint + '\n\n' : '') + 'エラー詳細: ' + e);
    });
})();

[Let] Mastodon - Auto CW opener

unarist — 2018-10-04T13:51:19Z

Mastodon - Auto CW opener

/*
 * @title Mastodon - Auto CW opener
 * @description CWを自動で開きます。まる。
 * @license MIT License
 * @javascript_url
 */

// jQuery依存がなくなるようなのでjQueryなしで書き直し。

/*
  .status-listをtargetとして複数降ってくることが多いので、targetをそのまま反復するのは無駄が多い。
  addedNodesを見る or mutationRecordsは無視して監視対象のコンテナからquerySelector、するのがよさそう。
*/
((target, proc) => (new MutationObserver(m => m.forEach(r => proc(r.addedNodes))).observe(target, { childList: 1, subtree: 1　}), proc([target])))(
  document.querySelector('.columns-area'),
  nodes => {
    Array.from(nodes)
      .filter(n => n.nodeType === Node.ELEMENT_NODE)
      .reduce((p, c) => p.concat(Array.from(c.querySelectorAll('.status__content'))), [])
      .forEach(n => {
        // open CW
        if (n.lastElementChild.matches('.status__content__text:not(.status__content__text--visible'))
          n.querySelector('.status__content__spoiler-link span').click();
        
        // open media spoiler
        // (n.closest('.status').querySelector('.media-spoiler')||{click(){}}).click();
      });
  });

/* でも前のがES2016活用(?)していておもしろかったので残しとく

((target, proc) => (new MutationObserver(m=>m.forEach(proc)).observe(target, {childList:1, subtree:1}), proc({target})))(
    document.querySelector('.columns-area'),
    ({target}) => {
        // open CW
        $(target).find('.status__content:has(> :nth-child(3)) .status__content__spoiler-link span').click();
        // open media spoiler
        // $(target).find('.media-spoiler').click();
    });

*/

[Let] MDN - Restore heading ids

unarist — 2018-08-23T15:23:20Z

MDN - Restore heading ids

/*
 * @title MDN - Restore heading ids
 * @description 翻訳してしまっている場合でも原文からコピーしてきて修復
 * @include https://developer.mozilla.org/ja/docs/*
 * @license MIT License
 * @javascript_url
 */

// MDNの記事でheadingタグのidはtextContentから自動生成されているが、
// 日本語版では見出しそのものは翻訳しつつもidは変えたくないのでname属性を足す
// （name属性をつけておけばそっちがid属性にも反映される仕様）
// c.f. https://github.com/mozilla-japan/translation/blob/master/MDN/TranslationHelper.user.js

// で、見出しタグの数と並びがあっていれば一対一で対応する、と雑な処理をしてみるテスト。

(() => {
  const execAll = function*(re, str, m = null) { while ((m = re.exec(str)) !== null) yield m; };
  const src_str = document.querySelector('.translate-source > textarea').textContent;
  const editor = CKEDITOR.instances[Object.keys(CKEDITOR.instances)[0]];
  const dest_str = editor.getData();

  const heading_re = /<h(\d) ([^ >]* +)?id="([^"]+)"(?: name="[^"]+")?>/g;
  const untranslated_re = /^[A-Za-z0-9_\-–;'\.\(\)&]+$/;
  const src_headings = [...execAll(heading_re, src_str)];
  const dest_headings = [...execAll(heading_re, dest_str)];

  const isSameHeading = (src, dest) => src[1] === dest[1] && (!untranslated_re.test(dest[3]) || src[3] === dest[3]);

  if (src_headings.length !== dest_headings.length ||
      src_headings.some((src, i) => !isSameHeading(src, dest_headings[i]))) {
    alert('見出しの構造が一致しないため中止します。');
    return;
  }
  if (src_headings.every((src, i) => src[3] === dest_headings[i][3])) {
    alert('全ての見出しで原文と同じidが指定されています。\n修正の必要はありません。');
    return;
  }

  let i = 0;
  const out_str = dest_str.replace(heading_re, (src, lv, other, id) => {
    const orig_heading = src_headings[i++][3];
    console.log(id + ' -> ' + orig_heading);
    // `'...'`.slice(1, -1) はHatena::Letのpacker対策
    return `'<h${lv} ${other || ''}id="${orig_heading}" name="${orig_heading}">'`.slice(1, -1);
  });

  editor.setData(out_str);
  alert('見出しのid/name属性を修正しました。\n詳細はコンソールを確認してください。');
})();

[Let] Set max-width

unarist — 2018-06-07T10:04:14Z

Set <body> max-width

/*
 * @title Set <body> max-width
 * @description eh, too wide paragraphs... :/
 * @include *
 * @license MIT License
 * @javascript_url 
 */

(function(){
  Object.assign(document.body.style, {
    maxWidth: prompt('body width', '22cm') + '!important',
    marginLeft: 'auto !important',
    marginRight: 'auto !important'
  });
  if (confirm('darken background (and etc.)?')) {
    Object.assign(document.documentElement.style, {
      background: '#555'
    });
    Object.assign(document.body.style, {
      background: '#fafafa',
      color: '#333',
      padding: '1em 3em'
    });
  }
})();

[Let] :don: - TLジャンプしようとしてたやつ

unarist — 2018-04-14T06:56:50Z

:don: - TLジャンプしようとしてたやつ

/*
 * @title :don: - TLジャンプしようとしてたやつ
 * @description 動くといいね。masterではもう動かないよ。
 * @include http://*
 * @license MIT License
 * @javascript_url
 */

// BUG: TIMELINE_REFRESH_SUCCESS always *concat* to cached timeline...

(() => {
  const store = (() => {
    // >= v16: to descendant
    let current_node = document.querySelector('#mastodon')._reactRootContainer.current.child;
    while ('function' === typeof current_node.type) {
      const store = current_node.memoizedProps.store;
      if (store) return store;
      current_node = current_node.child;
    }
  })();
  
  const target = (() => {
    // path match
    const path_segments = location.pathname.split('/').slice(2);
    if (path_segments[0] === 'accounts') {
      const [, id, type] = path_segments;
      const build = (label = '', append_key = '', append_path = '') =>
        ({ label: label || `account timeline`, key: `account:${id}${append_key}`, path: `accounts/${id}/statuses${append_path}` });
      switch (type) {
        case 'media': return build('account media timeline', ':media', '?only_media=true');
        case 'with_replies': return build('account timeline (w/ replies)', ':with_replies', '?exclude_replies=false');
        default: return build('account timeline', '', '?exclude_replies=true');
      }
    } else if (path_segments[0] === 'timelines') {
      const [, type, id] = path_segments;
      switch (type) {
        case 'local': return { label: 'local', key: 'community', path: 'timelines/public?local=true'};
        case 'public': return { label: 'federated', key: 'public', path: 'timelines/public'};
        case 'tag': return { label: `#${id}`, key: `hashtag:${id}`, path: 'timelines/tag/${id}'};
      }
    }
    // use pinned columns
    if (document.querySelector('.fa-users.column-header__icon')) {
      return { label: 'local', key: 'community', path: 'timelines/public?local=true'};
    }
  })();
  
  if (!target) {
    alert('No supported timeline detected.\nThis script finds:\n- account/local timeline on right-most column\n- pinned local timeline');
    return;
  }
  
  const query = prompt(`Load statuses to ${target.label} timeline.\n\nEnter <max_id> | [[yyyy/]mm/dd ]hh:mm\nor leave empty to load latest timeline.`);
  if (query === null) return;
  
  const parseDateQuery = s => {
    const now_array = ((d = new Date()) => [0, d.getFullYear(), d.getMonth() + 1, d.getDate(), d.getHours(), d.getMinutes()])();
    const query_date = (s.match(/(?:(?:(\d{4})\D+)?(\d+)\D+(\d+)\D+)?(\d+):(\d+)/)||[]).map((e, i) => e || now_array[i]);
    return query_date.length && new Date(query_date[1], query_date[2] - 1, query_date[3], query_date[4], query_date[5], 0).getTime() * 2 ** 16;
  }
  const parseMaxIdQuery = s => (s.match(/^\d+$/) || {})[0];
  
  const max_id = parseDateQuery(query) || parseMaxIdQuery(query);
  
  if (!max_id) {
    alert('Invalid query: ' + query);
    return;
  }
  console.log(target);
  

 fetch(`/api/v1/${target.path}${target.path.includes('?') ? '&' : '?'}limit=40` + (max_id ? `&max_id=${max_id}` : ''),
      { headers: {Authorization: 'Bearer ' + store.getState().getIn(['meta', 'access_token'])}})
 .then(x => x.json())
 .then(statuses => {
   // TIMELINE_UPDATE trims timeline if the timeline has 40 statuses already
   const scrollTop = store.getState().getIn(['timelines', target.key, 'top']);
   store.dispatch({
     type: 'TIMELINE_SCROLL_TOP',
     timeline: target.key,
     top: true
   });
   store.dispatch({
    type: 'TIMELINE_REFRESH_SUCCESS',
    timeline: target.key,
    statuses: statuses.slice(1),
    partial: false
   });
   store.dispatch({
     type: 'TIMELINE_UPDATE',
     timeline: target.key,
     status: statuses[0],
     references: []
   });
   store.dispatch({
     type: 'TIMELINE_SCROLL_TOP',
     timeline: target.key,
     top: scrollTop
   });
 });
})();

[Let] ピクトセンスで入力欄の補完を切る

unarist — 2018-03-16T11:39:55Z

ピクトセンスで入力欄の補完を切る

/*
 * @title ピクトセンスで入力欄の補完を切る
 * @description 
 * @include http://pictsense.com/*
 * @license MIT License
 * @javascript_url
 */

void(document.getElementById('chatText').autocomplete = "off");

[Let] List up IDs/classes used in stylesheets

unarist — 2018-01-21T11:17:09Z

List up IDs/classes used in stylesheets

// @title List up IDs/classes used in stylesheets
// @description outputs to console.log
// @license MIT License
// @javascript_url https://opensource.org/licenses/MIT

console.log(
  [...new Set(
    [...document.styleSheets]
    .reduce((m,s) => {
      try{
        return Array.prototype.concat.apply(m, [...s.cssRules].map(r => (r.selectorText || '').match(/[#\.][-_a-z]+/gi)));
      } catch(x) {
        // > In some browsers, if a stylesheet is loaded from a different domain, calling cssRules results in SecurityError.
        // https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet#Notes
        return m.concat('-- cannot read cssRules for ' + s.href);
      }
    }, []))
  ]
  .filter(x=>x && !x.startsWith('.fa-')) /* fontawesome */
  .sort()
  .join('\n')
);

[Let] Twitter - n7m

unarist — 2017-09-28T01:14:53Z

Twitter - n7m

// @title Twitter - n7m
// @description ツイート中の3文字以上の英字列をnumeronymに変換します。
// @include https://twitter.com/*
// @license MIT License
// @javascript_url

// https://github.com/timrwood/n7m
// for Mastodon http://let.hatelabo.jp/unarist/let/hLHXhPGQ34I6

((target, p) => (new MutationObserver(m => m.forEach(r => p(r.addedNodes))).observe(target, {childList: 1, subtree: 1}), p([target])))(
  document.querySelector('.stream-items'),
  ns=>
  Array.from(ns)
  .reduce((p, c) => p.concat(c.querySelectorAll ? Array.from(c.querySelectorAll('.tweet-text')) : []), [])
  .forEach(e=>
    Array.from(e.childNodes, n=> n.nodeType === Node.TEXT_NODE && (n.textContent= n.textContent.replace(/[a-z]{4,}/gi, s => `${s[0]}${s.length-2}${s[s.length-1]}`))))
);

[Let] Mastodon - n7m

unarist — 2017-09-28T01:02:12Z

Mastodon - n7m

// @title Mastodon - n7m
// @description トゥート中の3文字以上の英字列をnumeronymに変換します。
// @include https://*/web/*
// @license MIT License
// @javascript_url

// https://github.com/timrwood/n7m

((target, p) => (new MutationObserver(m => m.forEach(r => p(r.addedNodes))).observe(target, {childList: 1, subtree: 1}), p([target])))(
  document.querySelector('.columns-area'),
  ns=>
  Array.from(ns)
  .reduce((p, c) => p.concat(c.querySelectorAll ? Array.from(c.querySelectorAll('.status__content, .status__content p, p>span')) : []), [])
  .forEach(e=>
    Array.from(e.childNodes, n=> n.nodeType === Node.TEXT_NODE && (n.textContent= n.textContent.replace(/[a-z]{4,}/gi, s => `${s[0]}${s.length-2}${s[s.length-1]}`))))
);

[Let] gemojiのemoji.jsonをSKK辞書に変換する

unarist — 2017-08-15T05:36:08Z

gemojiのemoji.jsonをSKK辞書に変換する

/*
 * @title gemojiのemoji.jsonをSKK辞書に変換する
 * @description 個人的な好みで前後に : が入ってます
 * @include https://raw.githubusercontent.com/github/gemoji/master/db/emoji.json
 * @license MIT License
 */

// 使用例: https://gist.github.com/unarist/95575f50dcaaf6c95a361acd4c342681

// スペースが消えないように \x20 で代用
[].concat(
  ...JSON.parse(document.querySelector('pre').textContent)
  .filter(({emoji}) => emoji) // Unicode表現のないやつは除外
  .map(({emoji, aliases}) => aliases.map(alias => `:${alias}:\x20/${emoji}/`))
).sort().join('\n');

[Let] 現在のドキュメントを文字コード自動判定で読み直す

unarist — 2017-05-28T00:24:34Z

現在のドキュメントを文字コード自動判定で読み直す

/*
 * @title 現在のドキュメントを文字コード自動判定で読み直す
 * @description charsetの指定がアレなサイトをMobileSafariで見たい時に
 * @include http://*
 * @license MIT License
 * @javascript_url
 */

// === History ===
// 17-05-28: フレーム対応(えっ

(window.length ? Array.from(window) : [window])
.forEach(function(w){
const xhr = new XMLHttpRequest();
xhr.open("GET", w.location.href);
xhr.responseType = "blob";
xhr.onload = function() {
  const reader = new FileReader();
  reader.onload = function() {
    
    // 簡易文字コード検出(このbookmarkletの用途的にUTF-8は考慮してない)
    // http://unarist.hatenablog.com/entry/2017/02/28/205401
    const enc = (function(bytes) {
      // let->var はiOS9対策
      /*let*/var cnt = 0;
      for (/*let*/var i = 0; i < bytes.length - 1 && cnt < 50; ++i) {
        const b = bytes[i];
        
        if (b == 0x1B) return "iso-2022-jp";
        if (b < 0x81) continue;
        
        ++cnt;
        if (b < 0xA0) {
          if ((b == 0x8E || b == 0x8F) && bytes[i + 1] >= 0xA1) {
            ++i;
          } else {
            return "shift-jis";
          }
        } else if (b >= 0xE0) {
          ++i;
        }
      }
      return "euc-jp";
    })(new Uint8Array(reader.result));
    
    // TextDecoder使いたいですね... http://caniuse.com/#feat=textencoder
    reader.onload = function() {
      // document.writeだと(iOS9のSafariでは)タイトルが更新されなかった
      w.document.documentElement.innerHTML = reader.result;
    };
    reader.readAsText(xhr.response, enc);
  };
  reader.readAsArrayBuffer(xhr.response);
};
xhr.send();
})

[Let] Mastodonのチュートリアル既読フラグをリセットするやつ

unarist — 2017-05-21T02:15:26Z

Mastodonのチュートリアル既読フラグをリセットするやつ

/*
 * @title Mastodonのチュートリアル既読フラグをリセットするやつ
 * @description ログインした状態で実行してね
 * @license MIT License
 * @javascript_url
 */

// iOS9対応するならXHRに書き直さないとだけど...。

(function(){
  var settings = JSON.parse(document.querySelector('#initial-state').textContent).settings;
  settings.onboarded = false;
  
  fetch('/api/web/settings',{
    method:'put',
    headers: {'Content-Type': 'application/json'},
    body: JSON.stringify(settings),
    credentials: 'same-origin'
  })
  .then(() => alert('チュートリアル既読フラグをリセットしました。ページを再読み込みしてね。'));
})()

[Let] Mastodon - 読み上げ

unarist — 2017-05-11T16:29:31Z

Mastodon - 読み上げ

/*
 * @title Mastodon - 読み上げ
 * @description 適当
 * @license MIT License
 * @javascript_url
 */

// BUG: なんか途中で止まることがある（setTimeout経由で呼ぶのもその対策だけど、それでも止まることがある）

(function sayNext({target:c},target=new SpeechSynthesisUtterance(((document.querySelector('.mastodon-column-container[aria-hidden="false"] .status__content')||{}).textContent||"").replace(/(http|#)[^\s]+/,''))){if((c||{}).text!=target.text)setTimeout(()=>speechSynthesis.speak(Object.assign(target,{rate:Math.max(Math.pow(target.text.length/50,1.3),2),onend:sayNext})),0);else setTimeout(()=>sayNext({target}),500)})({})

[Let] javascript_urlの実験

unarist — 2017-05-06T14:27:36Z

javascript_urlの実験

/*
 * @title javascript_urlの実験
 * @description my bookmarklet
 * @include http://*/web/*
 * @license MIT License
 * @private
 * @javascript_url
 */

void();

[Let] Inject js/css

unarist — 2017-04-28T06:54:20Z

Inject js/css

/*
 * @title Inject js/css
 * @include http://*
 * @license MIT License
 * @javascript_url
 */

(function() {
  var url = prompt("Enter .js or .css URL:");
  document.head.appendChild(
    url.match(/\.js$/) ?
    Object.assign(document.createElement('script'), { src: url }) :
    Object.assign(document.createElement('link'), { rel: "stylesheet", src: url }));
})()

[Let] Base64 デコード（charset判定総当たり版）

unarist — 2017-04-16T02:39:13Z

Base64 デコード（charset判定総当たり版）

/*
 * @title Base64 デコード（charset判定総当たり版）
 * @description 割といける。
 * @include *
 * @javascript_url
 */

((r = window.getSelection(), s = String(r), p = r.anchorNode, e = '', a, t) => {

	if (p.nodeType == 3) p = p.parentNode;
	s = atob(s.replace(/^[^a-zA-Z0-9=\+\/]+/, '').split(/[^a-zA-Z0-9=\+\/\s\r\n]/)[0].replace(/[\s\r\n]/g, ''));
	if (!p || !s) return;

	a = Uint8Array.from(s, c => c.charCodeAt(0));

	// ダメな例：
	// u8のサロゲートペアがu16として通る
	// u16のサロゲートペアがsjisとして通る
	// sjisがu16として通る
	for (let charset of ["iso-2022-jp", "euc-jp", "utf-8", "sjis", "utf-16"]) {
		try {
			s = new TextDecoder(charset, {fatal: true}).decode(a);
			break;
		} catch(e){}
	}

	p.appendChild(Object.assign(document.createElement('span'), {
	 textContent: s,
	 style: 'display: block; margin: 1em; white-space: pre-wrap;'
	}));

})();

/*

少なくともfork元で例示されていた、下記ページに載ってるものは全てデコードできた。
http://q.hatena.ne.jp/1289780783
http://d.hatena.ne.jp/kuro-yo/20101115/1289825621
http://yurume.hatenadiary.jp/entry/20101116/QmFzZTY0


テスト用文字列の方は微妙。サロゲートペアが鬼門っぽい？
どこがどう被るのか詳しくは確認してないです。

iso-2022-jp
GyRCJWElbSU5JE83Y0VcJDckPyEjGyhC
GyhJUltdGyRCJE83YyQmJF4kQCRDJD8hIxsoQg==

sjis
g4GDjYNYgs2Mg5N7grWCvYFC
0tvdgs2Mg4KkgtyCvoLBgr2BQg==

euc-jp
peGl7aW5pM+348XcpLekv6Gj
jtKO247dpM+346SmpN6kwKTDpL+how==

utf-8
44Oh44Ot44K544Gv5r+A5oCS44GX44Gf44CC
776S776b776d44Gv5r+A44GG44G+44Gg44Gj44Gf44CC
8J+NiPCfmIvwn5KX

utf-16
4TDtMLkwbzDAbxJgVzBfMAIw
kv+b/53/bzDAb0YwfjBgMGMwXzACMA==
PNhI3z3YC9492Jfc
*/