ニコ生アラート(簡)

Alerts you to live streams that match your search. Supports these sites: FC2 Live, SHOWROOM, Stickam JAPAN!, TwitCasting, Twitch, Niconico Live, Himawari Stream, FRESH! (AbemaTV), Whowatch, Periscope (Twitter)

// ==UserScript==
// @name        ニコ生アラート(簡)
// @name:ja     ニコ生アラート (簡)
// @name:en     Nico Live Alert (Kan)
// @description Alerts you to live streams that match your search. Supports these sites:  FC2 Live, SHOWROOM, Stickam JAPAN!, TwitCasting, Twitch, Niconico Live, Himawari Stream, FRESH! (AbemaTV), Whowatch, Periscope (Twitter)
// @description:ja キーワードにヒットしたライブ配信を通知します。次のサイトに対応: FC2ライブ、SHOWROOM、Stickam JAPAN!、ツイキャス、Twitch、ニコニコ生放送、ひまわりストリーム、FRESH! (AbemaTV)、ふわっち、Periscope (Twitter)
// @namespace   http://userscripts.org/users/347021
// @version     5.6.0
// @match       https://*.nicovideo.jp/*
// @match       https://live.fc2.com/*
// @match       https://gae.cavelis.net/*
// @match       https://www.showroom-live.com/*
// @match       https://www.stickam.jp/*
// @match       https://twitcasting.tv/*
// @match       https://www.twitch.tv/*
// @match       *://himast.in/*
// @match       https://freshlive.tv/*
// @match       https://whowatch.tv/*
// @match       https://www.periscope.tv/*
// @match       https://www.youtube.com/*
// @match       https://www.younow.com/*
// @match       https://livestream.com/*
// @require     https://gitcdn.xyz/repo/greasemonkey/gm4-polyfill/a834d46afcc7d6f6297829876423f58bb14a0d97/gm4-polyfill.js
// @require     https://bowercdn.net/c/jsen-0.6.6/dist/jsen.js
// @require     https://cdnjs.cloudflare.com/ajax/libs/favico.js/0.3.10/favico.js
// @require     https://bowercdn.net/c/compare-versions-3.4.0/index.js
// @require     https://greasyfork.org/scripts/17932/code/suppress-prototypejs.js?version=140950
// @require     https://bowercdn.net/c/css-escape-1.5.1/css.escape.js
// @require     https://greasyfork.org/scripts/17895/code/polyfill.js?version=625392
// @require     https://greasyfork.org/scripts/19616/code/utilities.js?version=230651
// @require     https://greasyfork.org/scripts/17896/code/start-script.js?version=112958
// @license     MPL-2.0
// @contributionURL https://www.amazon.co.jp/registry/wishlist/E7PJ5C3K7AM2
// @compatible  Edge 非推奨 / Deprecated
// @compatible  Firefox
// @compatible  Opera
// @compatible  Chrome
// @grant       GM.getValue
// @grant       GM_getValue
// @grant       GM.setValue
// @grant       GM_setValue
// @grant       GM.deleteValue
// @grant       GM_deleteValue
// @grant       GM.registerMenuCommand
// @grant       GM_registerMenuCommand
// @grant       GM.openInTab
// @grant       GM_openInTab
// @grant       GM.xmlHttpRequest
// @grant       GM_xmlhttpRequest
// @connect     live.fc2.com
// @connect     www.showroom-live.com
// @connect     www.stickam.jp
// @connect     twitcasting.tv
// @connect     api.twitch.tv
// @connect     api.search.nicovideo.jp
// @connect     himast.in
// @connect     freshlive.tv
// @connect     api.whowatch.tv
// @connect     api.periscope.tv
// @connect     www.youtube.com
// @noframes
// @run-at      document-start
// @icon        data:image/vnd.microsoft.icon;base64,AAABAAEAMDAAAAEAIAAuDQAAFgAAAIlQTkcNChoKAAAADUlIRFIAAAAwAAAAMAgGAAAAVwL5hwAADPVJREFUaIHNWXl4lNW5/52Zb/aZZCaZLaskk4RAWAIKCAoahKBUYkGsqLXQ9kLpo9el7a1irxYLaa1elVpUtNYqYkvdA2KLgoqsBsEsJCwhC8Ssk22yzExmvu+8/SMzw2QyoSHRen/P8+X55nxn+b3bed9zAnzDcNgtAIB0W7yQYNBunj97ljgpLfWUUWCzACDNGs++aQ5fC7TAQ7+857+pr7eP9n28lyZellwHQP1t8xox5MD2I4cOEhFJREQ3XDvPDWDyt81rxNABK1fd+j2qKC+nl7Y8R+k2czFwwcX+XyEaKSKCgWkOpVuTKcGg26EGrIG+Y4oB2VgGDwdXFxtCKkZmX7NqtTD7R2ubQaRo9AKtAFDd7KRvgsMlIZrGbTrrHXrYiuwGy3cGWuxbjn6uoMoTAiXEWN8eOod5VGuP2QIOuwUXVJitBnJ1QPKE7Ini86+/01WQPVF6A5ilzEwUM5OSJXx5TEBTt/zoQP+UiUCKGQCG2uw/jBiZNefqy+OcNy820oRUc8PGh3VEBL5onomA5JUF+San2w16+AE9AcnTMxLMj9yyxEjzrojrU8GWBQwo41sMavuan91lIF8/qK5GTh3tjEQR/NWX1FLBQpP30V/piQhUsNAkAYkbctLMnUSgRx7UE5CwKjiLw3ZpAsi/LvopcZrm6ir5xA92qMytrTLFdfk+mcSBuHiS3b7KIyxa7AMAysySkDlOvGZCjqSel+fD+++pcOyooJEQI0uM0Zw93+H0O+wWdPa6vy5qF0e6zRyxFSbMuHxCfKskgrb+WUMWrfX88huNnWUlArm6GN/xjorqamVEBE4E3tHOaO+HSnrwfgONs1jeBACH3TxixY45iGta2lDd7CSH3RwQgk6rVOTZ/YEKH/1TCadb8f2yL4UTgkD47BMlW3lrbFnerPi6IwcVrL2N4Y9P6dDulGFcmgS5nBIAgPANR7TDbhnkq5FbYGKsZaZJYd0ep7TeCQDzrzR1EYHWP6QnIDFPCdsrJccF2lWkIi1sexnsvzSrrS847OZQMI8Ulyyqw24BCKhucUZ+sgCYpgAmKAGtUgEDwFT9fiEpJVl+y73/45W98qIcxRXSIiUQvyAv9q/9XrnnwGHFnH60lAQnSYmzsPqOkSe3SxIg3WZGt8sla/P6OQDIgSsJWJqRZC9ITErKjjdbkDpuHKw2G4wmE5RKJQiAKHKcq22jlqazrKG+Bm1OZ+uxU9UnAb7twfvytz226UMvAKRZ42W1re3cYbNEU9Do4LBbkB5hUi2wVAt8mD93Dj326Hr6ZM9H1NXZSf8GnIg4cU4nysro5Re20J233EzJJkOtAlgHQB+uqNFm5qgChMGmAt65dtYMemv738jn84lE5A+QI7/Px/0+Hxf9fhJFkYc/fr+ffD4flyQpKIxERL7y0hJas/JOSjbFNABYMViIMSY1h92CzEQ7AEAH3JRmje95bMOjgzVKxAO4oOoo75zzQe/h44mIjhw6SIvmXUVa4I2ZOeM1QSFGQTqq5Gumj8+kzz75OHQgCTAOFyLUFvE+qC0obPj3oFVEURTv++lailPKjwLQRFPov3Utu1Efyg2zp0/Rxcjw89lTJ1NdbU1QayRJEnEucUmSwkkOESD4O9Av0lRDBAziicINlGyK2acEMgBkTcvOiAtySjHFDKd5C7IC7mLSKbNNWsX2BIP2fG6Wg6qrzoQvODgywxou4i7k8/mIE4/sx8P7BS2xf9+nZNEoacbE8bRkQR5dFm88owN+FuIarV4Kuo3AkHWZxeR6+qf30JyMDHp96ytSGE9ORHznu29TbpaDv1/0Lg+YPlKrg3zc6Wzl+XPn0IqlBSGfDzPIoLZ/frCLMsxxdOsNi3hTY4Pk9XqkkuPH6MYFeaQCNkbyHYJ4vWr/qw88Qvuf2sLz584JELmwkCiKNP/KmSQHKH/uVYMCMdxFwsm99PxzXAmQRavi/3h/ZzQBiIio2+WiudNz+W/uWMWLDx4cJFhnRwfNyMkmo8DmhAswqBYyqOVXjE8ZN+0Hi27CG3v/gbwbFhMAEAAWOHF4PB40NTbAHqtHZ2cHXvrTC3hu8zMoLy8DYwyMMRBRqD8ANNSfh0EtQBAENNTXA0CoD2MsdCA6XnIccUyBxIQkZE8OXVgQAGY0mahg2c3oEWk+AFQ3O4cK0O+TLOPsybpeTx9On69l1y1cCABgYQlbq9VSmiMDflGk9pZWfPTyayjduRsrb7oJG3798ED/iONVzpSp6PGK4Jxj0pSpQ6zOBkiio72DjHoDDFod3O6h5bTNZgcHjEM+BBGrFqbPnZTTW/f6DlqQm8vr6s8R9XrJfbiMPF+e4tzjJSKiXUXvkU2vpteeeIqo083pcCWd21ZE01NTadeunUREJIpiKFg9bjfd85PV9Ot1D4QChYjI39LO3cUnyHuyhoiIKioraE5mJh16+k/83Tf+PmivICL6yco7SQWsDec8qO7uF3kTuH8BGEtr73Uhf0kBizndQF5nO6S2LoA4BLuZOdvbUfPFcSpcXwiZ3QTXybOwGUxMo1JR4bNPY/bVV7OEhEQKupNCocANNy5h1163gAIaZ9ztJc+BLyF19UBqbodCo2bWLAc+ObCP6iorYdUYEJuWgthYIwOAD3YUsU2P/75RRvx+t8j70gOHnpALBYPC3d//w217djqPV5Qzd2+PJBPkAA94qWxAXperC3K5AF5VD/feYsi8foABxphYiN29eGzdQ2hrawsphoiiv3MecDeC3+cDAGza/DzOSn3Y+tetuPu22/HaKy9j48P/y+5e/WNXY4fre21ef4vDbmE1zVGKvWDqnpyZnmBUsP1P/v53RETUd7SCvBXVnPf7OBFRc1MTzZw8kfYUbiL6tITTx8e49FEx3Tb3Gro6M5NWXH89OZ3OQTkhMn8QEfc3Obn7cCl5T5wl7vcPpHgi7na7+YtbnqM7li+jWDk4gN8mxeodAY7DV9DptkG3ApOmZqaLrp5uIqLQ5MFt7603/84npSbzR2/7Af/Lfet4wYyZfMG8Ofzu//ox/6K4ODwnDMkNkWVIKCwGyoqgpOIz//c4xQoI3SE5RlLgOewWpMYbZQCgAZ5c8d2CIcVXkMChgwf4PXet5au+fxt/9plNwYQWXuCFCzDkW5Q5Q+vsKnqPslOSvABSg7xGVZ2a1YpXF141mw7s+zR8R4iqQU6c+3y+qNoO1kdhm1BUS7j7+uiJwg2UbjN364G8S2cctMTgemOF3aA5ufT6fPrzluepvLSUul0uKeBZ0hBXCNv6hnkPf6R+r1cqLy2hJwo30sycCaQH3gaQEO4Vw2HYgAgOMlus+Ly8AslGg7qtq2dxP3B9dmrSonHp6alJSSmw2m1ITE6GzWZHTKwROr2ONBoNFEolEwQBcrkcjMkABpJEEV6PBy5XN2tpakRzUyPO1dWiuqoKpyoqG043NP0tRoa3ujk+jyReHW3XuZgAkYJETKDAwCF+OoDUGBmuADBNqVQ4NGq1AYyBE5FsoFYAAuUAEYFzDoVCUevz+Q67uvucbuAEgP0AqgGIg9YlQnVLGy6GER/q0+1m1DQPnUwLxNqs8e9OnpqbJwjyYOFEIGDgT2jfZ2AMnHM6WXHi9JmG5uUAKiLn+1oP9BdDMEb0wPp7164Zia+Hnu2vbaVko6ESABx2i+JS70PDIYx2YFBLjKG24auvUFZSgl53H2OMEaJblgEgg15P5+rqGBhrCbTzsWh8VHd4kZdbMQr2YmK8ZfW0rInkF0VQgGzEQkwhCHSupZGVVp05kWC1LDrb7Gx02C3DBuhIMCoLRC6o1Gp8P1qyHL+49Ydw9fUOO86g1WFf6VHc9YdCnKpvbAzONRa/H7UFqpudSDBo17h63Mu0asVVOWkZ+vgYIyQuDTtOLpPB6/NReU0Va3P1fKZVCW+3ef3PMMYwWkuM5Rp48tzLc8s2Pv4kTHFx6Bf9JEkSu+iMNHDY0Wt11NPtYr/7zXrs3r1nuRcY8j+zkWLUQQwgw2qzYd78+cHf4X4fGQNBscK/92dkZql27N6TNQYOY7KAanxywpGcKVNyBZVK6vf1y4PqZ4yRTq1mgZyAPq+HiCiQ0QgalZrEfh8rLy2pdbvd19Z3uM7/RwVIt1tQ0+xEkk5jdbk9hzffuy49IzmVunp7mCCXw6iPobv/UMi/qKs7lJNgn7H53l+pJc7h9fXDqDfg2JlKPPLyH2tdItKBgTKeseHLhYthVC7EAtm1oc/TGqsRioqrK++/Y/F3mRBvIfT10LNvbpV1+zynAFzT4ek9UtXSMHP10tsJOh3Edie9uneXTJLLtkHkcNjMMoB4dZQsPyIuoxqFCzuRw2ZR93j6Xp/iyFqWYk2As6sD5TVnKly9vcu7PP5Ttlhdtlqp2jE5PTPTpI9BvbMZVV+dK2ro6F4GgAetOVr8C9DD3qnMZcwMAAAAAElFTkSuQmCC
// @author      100の人
// @homepageURL https://greasyfork.org/scripts/272
// @contributor HADAA
// @contributor tet https://www.nicovideo.jp/user/8386824
// ==/UserScript==

/*eslint no-use-before-define: [ error, { variables: false } ] */
'use strict';

// L10N
Gettext.setLocalizedTexts({
	/*eslint-disable quote-props, max-len */
	'en': {
		//'(取得不可)': '(No data)',
		'検索ワードにヒットしたライブ配信番組': 'Live streams that match your search words',
		'どのライブ配信サービスか': 'Service from',
		'アイコン': 'Icon',
		'プライベート配信か否か': 'Private program or not',
		'限定公開': 'Limited',
		'経過': 'Elapsed',
		'%d 分': '%dm',
		'%d 時間 %u 分': '%dh%um',
		'配信開始からの経過時間': 'Time elapsed since start of live stream',
		'タイトル': 'Title',
		'番組のタイトル': 'Program title',
		'タグ': 'Tags',
		'カテゴリ・タグ': 'Category and tags',
		'配信者': 'Broadcaster',
		'配信者の名前': 'Broadcaster name',
		'説明文': 'Description',
		'来場': 'Visitors',
		'来場者数': 'Number of visitors',
		'%d 人': '%d',
		'コメ数': 'Comments',
		'%d コメ': '%d',
		'総コメント数': 'Total number of comments',
		'コミュニティ': 'Community',
		'コミュニティ・チャンネル': 'Community or channel',
		'%s 更新': 'Last updated %s', // %sは年月日
		//'メンテナンス中': 'Under maintenance',
		//'サーバーダウン': 'Server is down',
		//'オフライン': 'Offline',
		'検索語句': 'Search words',
		'除外するコミュニティ・チャンネルなどの URL': 'Community or channel URLs to be excluded',
		'保存': 'Save',
		'除外 URL リストの取得先を設定': 'Sets the location of the URL exclusion list',
		'特定の URL から、除外 URL のリストを読み込み、検索時に付加します。': 'Loads exclusion list from designated URL and adds to search.',
		'JSON 形式の URL 文字列の配列のみ有効です。': 'Array of URLs needs to be in JSON format.',
		'また、除外 URL リストの読み込みは、アラートページ読み込み時に1回だけ行われます。': 'Also, this script loads exclusion list only once when the alert page is opened.',
		//'GM.xmlHttpRequest エラー': 'GM.xmlHttpRequest error',
		'指定された URL から、除外 URL リストを読み込めませんでした。\n取得せずに続行します。\n\nエラーメッセージ:\n%s': 'Failure to fetch URL exclusion list from designated URL. Continue without fetching.\n\nError message:\n%s',
		'追加設定ボックスの開閉': 'Toggle extra settings',
		'検索対象のライブ配信サービス': 'Live streaming services for search',
		'サービス名': 'Service name',
		'最後に検索結果の取得に成功にした日時': 'Last successful search result timestamp',
		'直近のエラー': 'Last error',
		'FC2ライブ': 'FC2 Live',
		'CaveTube': 'CaveTube',
		'SHOWROOM': 'SHOWROOM',
		'Stickam JAPAN!': 'Stickam JAPAN!',
		'ツイキャス': 'TwitCasting',
		'Twitch': 'Twitch',
		'ニコニコ生放送': 'Niconico Live',
		'ひまわりストリーム': 'Himawari Stream',
		'FRESH! (AbemaTV)': 'FRESH! (AbemaTV)',
		'ふわっち': 'Whowatch',
		'Periscope (Twitter)': 'Periscope (Twitter)',
		'YouTube ライブ': 'YouTube Live',
		'YouNow': 'YouNow',
		'Livestream': 'Livestream',
		'表示する項目の設定': 'Set which items to display',
		'その他の設定': 'Other Settings',
		'プライベート配信を通知しない': 'Do not notify about private programs',
		'タイトル・キャプション・コミュニティ名が %d 文字を超えたら省略する': 'Truncate to %d characters if title description or community name is longer',
		'言語で絞り込む (言語が取得可能なサービスのみ)': 'Filter by language (only for services that have this function)',
		'アラート音': 'Alert sound',
		'ファイルサイズが大きいため、設定に失敗しました。\n\nエラーメッセージ:\n%s': 'Failure to set because file is too large.\n\nError message:\n%s',
		'使用中のブラウザが対応していないファイル形式です。': 'Your browser cannot play this type of file.',
		'項目名クリックで番組を昇順・降順に並べ替えることができます。': 'If you click on item name, you can sort programs.',
		'項目名をドラッグ&ドロップで列の位置を変更できます。': 'Drag and drop item name to change column position.',
		'ユーザー名やコミュニティ名をテキストエリアにドラッグ&ドロップで除外 URL に指定できます。': 'Drag and drop user or community name to textarea to set URL exclusion filter.',
		'RSSの取得に失敗しました。ページを更新してみてください。\n\nエラーメッセージ:\n%s\n%d 行目': 'Failure to read RSS file. Please refresh this page.\n\nError message:\n%s\non line %d',
		'更新しますか?': 'Do you want to refresh?',
		'指定された URL から NG リストを読み込めませんでした。\n取得せずに続行します。\n\nエラーメッセージ:\n%s': 'Failure to get communities and channels from the specified URL.\nScript will continue without getting them.\n\nError message:\n%s',
		'設定のインポートとエクスポート': 'Import and export settings',
		'JSONファイルからインポートする': 'Import from JSON file',
		'JSON形式でファイルにエクスポート': 'Export to file in JSON format',
		'インポートに失敗しました。\n\nエラーメッセージ:\n%s': 'Import failed.\n\nError message:\n%s',
		'インポートが完了しました。ページを再読み込みします。': 'Import completed. Refreshing this page.',
		'ローカルストレージの容量制限を超えたので、プロパティ %p を無視しました。': 'Because the capacity of local storage was exceeded, %p property is ignored.', // %pはカンマ区切りのプロパティ名
		'値が壊れていたので、プロパティ %p を無視しました。': 'Because the value corrupted, %p property is ignored.', // %pはプロパティ名
		'使用中のブラウザが対応していないファイル形式のため、プロパティ %p を無視しました。': 'Because your browser doesn\'t support this type of file, %p property is ignored.', // %pはプロパティ名
		'アラート音を選択': 'Sets alert sound',
		'設定済みのアラート音を削除': 'Deletes alert sound set in advance',
		' ❰❰%s❱❱ ': ' <<%s>> ', // ツールチップ内における一致箇所のマーク

		'ニコ生アラート (簡)': 'Nico Live alert (Kan)',
	},
	/*eslint-enable quote-props, max-len */
});

// クライアントの言語を設定する
Gettext.setLocale(window.navigator.language);

/**
 * 接続に関する例外。
 */
class ConnectionException extends Error
{
	/**
	 * @param {string} message
	 */
	constructor(message = 'Connection exception occured.')
	{
		super(message);
		this.name = 'ConnectionException';
	}
}

/**
 * 時間切れ。
 */
class TimeoutException extends ConnectionException
{
	/**
	 * @param {string} message
	 */
	constructor(message = 'Connection timed out.')
	{
		super(message);
		this.name = 'TimeoutException';
	}
}

/**
 * HTTPステータスコードが200でない。
 */
class ErrorStatusException extends ConnectionException
{
	/**
	 * @param {number} code - HTTPステータスコード。
	 * @param {string} message
	 */
	constructor(code, message = 'HTTP status-code was %s.'.replace('%s', code))
	{
		super(message);
		this.name = 'ErrorStatusException';

		/**
		 * HTTPステータスコード。
		 * @type {number}
		 */
		this.code = code;
	}
}

/**
 * クライアント側の意図的な切断。
 */
class AbortException extends ConnectionException
{
	/**
	 * @param {string} message
	 */
	constructor(message = 'Request was aborted.')
	{
		super(message);
		this.name = 'AbortException';
	}
}

/**
 * ネットワークエラー。
 */
class NetworkException extends ConnectionException
{
	/**
	 * @param {string} message
	 */
	constructor(message = 'Network error occured.')
	{
		super(message);
		this.name = 'NetworkException';
	}
}

/**
 * HTTPリクエスト。
 * @version 1.0.2
 */
class HTTPRequest
{
	/**
	 * HTTPリクエストに必要な情報。
	 * @typedef {Object} HTTPRequestInit
	 * @see [GM.xmlHttpRequest - GreaseSpot Wiki]{@link https://wiki.greasespot.net/GM.xmlHttpRequest#Arguments}
	 * @see [Fetch Standard (日本語訳)]{@link https://triple-underscore.github.io/Fetch-ja.html#requestinit}
	 * @property {string} method - 「GET」「POST」のいずれか。
	 * @property {string} url
	 * @property {string} responseType - 「document」「json」「text」のいずれか。
	 * @property {Object.<string>} headers
	 * @property {number} [timeout] - ミリ秒。
	 * @property {(string|Object)} [data]
	 * @property {string} mode -
	 *                         {@link XMLHttpRequest} を使用するなら「cors」、{@link GM.xmlHttpRequest} を使用する必要があれば「no-cors」を指定する。
	 */

	/**
	 * @param {HTTPRequestInit} init
	 */
	constructor(init)
	{
		/** @access private */
		this.details = init;
	}

	/**
	 * @access private
	 * @param {Object} client
	 * @param {Function} resolve
	 * @param {Function} reject
	 * @param {string} [responseType]
	 */
	onload(client, resolve, reject, responseType)
	{
		if (client.status === 200) {
			if (client instanceof XMLHttpRequest) {
				if (client.response) {
					resolve(client.response);
				} else {
					reject(new SyntaxError('Parsing HTTP response body was failed.'));
				}
			} else if (client.responseText === '') {
				reject(new SyntaxError('HTTP response body was empty.'));
			} else {
				switch (this.details.responseType) {
					case 'json':
						resolve(JSON.parse(client.responseText));
						break;

					case 'document': {
						let result = /^content-type\s*:\s*(text\/html|text\/xml|application\/xml|\S+\+xml)(?:;|\s|$)/im
							.exec(client.responseHeaders);
						if (result) {
							result = new DOMParser().parseFromString(
								client.responseText,
								result[1] === 'text/html' ? 'text/html' : 'application/xml'
							);

							const parsererror = result.getElementsByTagName('parsererror')[0];
							if (parsererror) {
								reject(new SyntaxError(parsererror.textContent));
							} else {
								if (result.head) {
									result.head.insertAdjacentHTML('beforeend', h`<base href="${client.finalUrl}" />`);
								}
								resolve(result);
							}
						}
						break;
					}
					case 'text':
						resolve(client.responseText);
						break;
				}
			}
		} else {
			console.debug(client.response || client.responseText);
			reject(new ErrorStatusException(client.status));
		}
	}

	/**
	 * @access private
	 * @param {Function} reject
	 */
	ontimeout(reject)
	{
		reject(new TimeoutException());
	}

	/**
	 * @access private
	 * @param {Function} reject
	 */
	onabort(reject)
	{
		reject(new AbortException());
	}

	/**
	 * @access private
	 * @param {Function} reject
	 */
	onerror(reject)
	{
		reject(new NetworkException());
	}

	/**
	 * リクエストを送信します。
	 * @returns {Promise.<string|Object>}
	 */
	send()
	{
		return new Promise((resolve, reject) => {
			if (this.details.mode === 'cors') {
				/**
				 * abort() メソッドを持つオブジェクト。
				 * @type {Object}
				 */
				this.client = new XMLHttpRequest();
				this.client.open(this.details.method, this.details.url);
				this.client.responseType = this.details.responseType;
				this.client.addEventListener('load', event => {
					this.onload(event.target, resolve, reject);
				});
				this.client.addEventListener('timeout', () => {
					this.ontimeout(reject);
				});
				this.client.addEventListener('abort', () => {
					this.onabort(reject);
				});
				this.client.addEventListener('error', () => {
					this.onerror(reject);
				});
				if (this.details.headers) {
					for (const name in this.details.headers) {
						this.client.setRequestHeader(name, this.details.headers[name]);
					}
				}
				if (this.details.timeout) {
					this.client.timeout = this.details.timeout;
				}
				if (this.details.data && typeof this.details.data === 'object') {
					this.client.setRequestHeader('content-type', 'application/json');
					this.client.send(JSON.stringify(this.details.data));
				} else {
					this.client.send(this.details.data);
				}
			} else {
				const details = {};
				for (const key in this.details) {
					details[key] = this.details[key];
				}
				delete details.responseType;
				details.onload = responseObject => {
					this.onload(responseObject, resolve, reject, details.responseType);
				};
				details.ontimeout = () => {
					this.ontimeout(reject);
				};
				details.onabort = () => {
					this.onabort(reject);
				};
				details.onerror = () => {
					this.onerror(reject);
				};
				if (details.data && typeof details.data === 'object') {
					if (!details.headers) {
						details.headers = {};
					}
					details.headers['content-type'] = 'application/json';
					details.data = JSON.stringify(details.data);
				}
				this.client = GM.xmlHttpRequest(details);
			}
		});
	}

	/**
	 * リクエストを取り消します。
	 */
	abort()
	{
		if (this.client) {
			this.client.abort();
		}
	}
}

/**
 * 文字列の正規化などを行うユーティリティークラスです。
 */
class Normalizer
{
	/**
	 * 正規化し、連続する空白文字を半角スペースにします。
	 * @param {string} str
	 * @returns {string}
	 */
	static normalize(str)
	{
		return String(str).normalize('NFKC').replace(/\s+/g, ' ');
	}

	/**
	 * 文字種を統一します。
	 * @param {string} normalizedStr - 正規化済みの文字列。
	 * @returns {string}
	 */
	static unifyCases(normalizedStr)
	{
		return StringProcessor.convertToKatakana(normalizedStr).toLocaleLowerCase();
	}
}

/**
 * 文字列とそこに含まれる文字列に関連する処理を行うユーティリティークラスです。
 */
class WordProcessor
{
	/**
	 * OR検索を行います。
	 * @param {string} str
	 * @param {SearchCriteria[]} words
	 * @returns {?SearchCriteria}
	 */
	static orSearch(str, words)
	{
		let searchCriteria = null;
		for (const word of words) {
			if (this.andSearch(str, word)) {
				searchCriteria = word;
				break;
			}
		}
		return searchCriteria;
	}

	/**
	 * AND検索を行います。
	 * @param {string} str
	 * @param {SearchCriteria} word
	 * @returns {boolean}
	 */
	static andSearch(str, word)
	{
		return this.minusSearch(str, word.minus) && word.plus.every(plus => str.includes(plus));
	}

	/**
	 * マイナス検索を行います。
	 * @param {string} str
	 * @param {string[]} minusWord
	 * @returns {boolean} str に minusWord のどの文字列も含まれていなければ真。
	 */
	static minusSearch(str, minusWord)
	{
		return !minusWord.some(minus => str.includes(minus));
	}

	/**
	 * 検索語句が含まれる位置を取得します。
	 * @param {string} data
	 * @param {(SearchCriteria|SearchCriteria[])} searchCriteria
	 * @returns {(number[])[]} [先頭のオフセット, 末尾のオフセット] の配列。重なる部分は一つにまとめます。
	 */
	static getMatches(data, searchCriteria)
	{
		const words = Array.isArray(searchCriteria)
			? searchCriteria.reduce((words, searchCriteria) => words.concat(searchCriteria.plus), [])
			: searchCriteria.plus;

		const unified = Normalizer.unifyCases(data);
		const offsets = [];
		for (const word of words) {
			const index = unified.indexOf(word);
			if (index !== -1) {
				offsets.push([index, index + word.length]);
			}
		}

		// ソート
		offsets.sort((a, b) => a[0] - b[0]);

		// 位置が重なっていたら一つにまとめる
		for (let i = 0, l = offsets.length; i < l; i++) {
			if (offsets[i + 1] && offsets[i][1] >= offsets[i + 1][0]) {
				// 次の位置のペアが存在し、現在のペアの終了位置が次のペアの開始位置以上であれば
				// 現在のペアの終了位置を次のペアの終了位置に
				offsets[i][1] = offsets[i + 1][1];
				// 次のペアを削除
				offsets.splice(i + 1, 1);
				// 次の次のペアと重なっているかも確認
				i--;
			}
		}

		return offsets;
	}

	/**
	 * 指定された箇所の範囲を作成します。
	 * @param {Text} text
	 * @param {(number[])[]} offsets - 重なる部分が無い [先頭のオフセット, 末尾のオフセット] の配列。
	 * @returns {(Range[]|Text)}
	 */
	static convertOffsetsToRanges(text, offsets)
	{
		return offsets.map(function (offset) {
			const range = new Range();
			range.setStart(text, offset[0]);
			range.setEnd(text, offset[1]);
			return range;
		});
	}

	/**
	 * 指定された部分を括弧で囲みます。
	 * @param {string} data
	 * @param {(number[])[]} offsets - 昇順に並んでいる、重なる部分が無い [先頭のオフセット, 末尾のオフセット] の配列。
	 * @returns {string}
	 */
	static markMatchesAsPlainText(data, offsets)
	{
		return offsets.concat().reverse().reduce(function (data, offset) {
			return data.slice(0, offset[0])
				+ _(' ❰❰%s❱❱ ').replace('%s', data.slice(offset[0], offset[1]))
				+ data.slice(offset[1]);
		}, data);
	}

	/**
	 * 指定された範囲が含まれるようにTextノードを切り出します。
	 * @param {Text} text
	 * @param {(number[])[]} offsets - 昇順に並んでいる、重なる部分が無い [先頭のオフセット, 末尾のオフセット] の配列。
	 * @param {number} maxLength - 表示する最大の符号単位数。切り取ったときにサロゲートペアが壊れるようであれば、1、2文字増やします。
	 * @param {number} beforeLength - 一致箇所より前に表示する符号単位数。切り取ったときにサロゲートペアが壊れるようであれば、1文字増やします。
	 * @returns {string[]} 先頭が切り取られていれば「ellipsis-left」、末尾が切り取られていれば「ellipsis-right」を含む配列。
	 */
	static extractTextNode(text, offsets, maxLength, beforeLength)
	{
		/**
		 * 切り取り範囲。
		 * @type {Range[]}
		 */
		const trimRanges = [];

		/**
		 * 切り取る前の文字列。
		 * @type {number}
		 */
		const data = text.data;

		/**
		 * 切り取る前の文字列の符号単位数。
		 * @type {number}
		 */
		const dataLength = text.length;

		/**
		 * 戻り値。
		 * @type {string[]}
		 */
		const classes = [];

		/**
		 * 表示する部分の終了位置。
		 * @type {number}
		 */
		let viewEndOffset;

		if (offsets.length > 0) {
			// 検索語句が一致する箇所があれば
			/**
			 * 表示する部分の開始位置。
			 * @type {number}
			 */
			let viewStartOffset;

			if (offsets[offsets.length - 1][1] <= maxLength) {
				// 先頭から制限文字数の範囲内にマーク位置がすべて含まれていれば
				viewStartOffset = 0;
				viewEndOffset = maxLength;
			} else {
				viewStartOffset = offsets[0][0] - beforeLength;
				viewEndOffset = viewStartOffset + maxLength;
				if (viewStartOffset < 0) {
					// 表示する部分の開始位置が先頭を超えていれば
					viewStartOffset = 0;
				}
				if (viewEndOffset >= dataLength) {
					// 表示する部分の終了位置が末尾を超えていれば
					// 終了位置を末尾に
					viewEndOffset = dataLength;
					// 開始位置を終了位置から最大文字数分引いた位置に
					viewStartOffset = viewEndOffset - maxLength;
				}
			}

			if (viewStartOffset > 0) {
				// 表示部分の開始位置が先頭より後ろなら
				const charCode = data.charCodeAt(viewStartOffset);
				if (0xDC00 <= charCode && charCode <= 0xDFFF) {
					// 表示部分の先頭文字が下位サロゲートであれば
					viewStartOffset--;
				}
				if (viewStartOffset > 0) {
					const range = new Range();
					range.setStart(text, 0);
					range.setEnd(text, viewStartOffset);
					trimRanges.push(range);
					classes.push('ellipsis-left');
				}
			}
		} else {
			viewEndOffset = maxLength;
		}

		if (viewEndOffset < dataLength) {
			// 表示部分の終了位置が末尾より前なら
			const charCode = data.charCodeAt(viewEndOffset - 1);
			if (0xD800 <= charCode && charCode <= 0xDBFF) {
				// 表示部分の末尾文字が上位サロゲートであれば
				viewEndOffset++;
			}
			if (viewEndOffset < dataLength) {
				const range = new Range();
				range.setStart(text, viewEndOffset);
				range.setEnd(text, dataLength);
				trimRanges.push(range);
				classes.push('ellipsis-right');
			}
		}

		// 切り取る
		for (const range of trimRanges) {
			range.deleteContents();
		}

		return classes;
	}
}



/**
 * メインの処理を行うユーティリティークラス。
 */
class Alert
{
	/**
	 * ページタイトル、ブラウジングコンテキスト名、ユーザースクリプトのコマンド名に用いる文字列。
	 * @constant {string}
	 */
	static get NAME() {return _('ニコ生アラート (簡)');}

	/**
	 * {@link UserSettings.setLargeString} や URL に用いる文字列。
	 * @constant {string}
	 */
	static get ID() {return 'alert-keyword-347021';}

	/**
	 * ページのFaviconに用いるデータURL。
	 * @constant {string}
	 */
	static get ICON() {return 'data:image/vnd.microsoft.icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABvb2//b29v/29vb/9vb2//b29v/29vb/9vb2//b29v/29vb/9vb2//AAAAAAAAAAAAAAAAAAAAAAAAAABvb2//2drc/9na3P///////////42Hsv+Nh7L////////////Z2tz/2drc/29vb/8AAAAAAAAAAAAAAABvb2//qqqq/////////////////42Hsv/EufX/xLn1/42Hsv///////////9na3P+qqqr/b29v/wAAAABvb2//jYey///////EufX///////////+Nh7L//////8S59f+Nh7L////////////EufX/2drc/42Hsv9vb2//b29v/8S59f///////////xUYI////////////42Hsv+Nh7L///////////8VGCP//////9na3P/EufX/b29v/29vb//EufX///////////8VGCP/////////////////////////////////FRgj///////Z2tz/xLn1/29vb/8AAAAAb29v/9na3P//////////////////////////////////////////////////////2drc/29vb/8AAAAAAAAAAAAAAABvb2//b29v/9na3P/////////////////////////////////Z2tz/b29v/29vb/8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABvb2//b29v/9na3P/Z2tz/2drc/9na3P9vb2//b29v/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABvb2//APD//w1qdv9vb2//AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG9vb/8Nanb/BMbU/w1qdv8Nanb/APD//w1qdv9vb2//AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABvb2//BMbU/wDw//8ExtT/DWp2/wTG1P8A8P//b29v/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG9vb/8Nanb/b29v/29vb/8Nanb/b29v/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAb29v/9na3P+/wMP/b29v/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG9vb///////2drc/29vb/8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAb29v/29vb/8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AcAAMADAACAAQAAAAAAAAAAAAAAAAAAgAEAAMADAADwDwAA/D8AAPAPAADwDwAA+B8AAPw/AAD8PwAA/n8AAA==';}

	/**
	 * 初期化します。
	 */
	static initialize()
	{
		// 各サービスのインスタンスにイベントリスナーを設定
		for (const service of this.services) {
			service.addEventListener('progress', this.onprogress);
			service.addEventListener('load', this.onload.bind(this));
			service.addEventListener('error', this.onerror);
		}

		// Faviconの設定
		this.favico = new Favico({
			animation: 'none',
			position : 'up',
		});
	}

	/**
	 * @access private
	 * @param {Service#ProgramEvent} event
	 */
	static onprogress(event)
	{
		const program = event.detail;
		if (!program.private || !document.getElementsByName('exclusionMemberOnly')[0].checked) {
			// プライベート配信で無い、またはプライベート配信を拒否していなければ
			const urls = [program.link];
			if (program.author && program.author.url) {
				urls.push(program.author.url);
			}
			if (program.community && program.community.url) {
				urls.push(program.community.url);
			}
			if (urls.every(url => UserSettings.exclusions.indexOf(url) === -1)) {
				// 除外リストに含まれていなければ
				// 一覧に追加
				TableProcessor.insertProgram(program, urls);

				// アラート音を鳴らす
				const alertTone = document.getElementById('alert-tone');
				if (!alertTone.hidden && !alertTone.muted && alertTone.volume > 0) {
					alertTone.play();
				}
			}
		}
	}

	/**
	 * @access private
	 * @param {Service#LoadedEvent} event
	 */
	static onload(event)
	{
		// 配信終了の番組を削除
		TableProcessor.removeOldPrograms(event.detail.service, event.detail.programs, event.detail.searchCriteria);

		// 最終更新日時を設定
		UserSettings.showLatestUpdatedDate(event.target);

		// ヒット数の更新
		this.showHits();
	}

	/**
	 * ヒット数を更新します。
	 */
	static showHits()
	{
		const tBody = document.querySelector('#programs tbody');

		/**
		 * ヒット数。
		 * @type {number}
		 */
		const hits = tBody.rows.length;

		// ページタイトルの修正
		document.title = (hits > 0 ? `(${hits})` : '') + Alert.NAME;

		// Faviconの修正
		this.favico.badge(hits);

		// 行の色分けの調整
		if (hits % 2 === 0) {
			tBody.classList.remove('odd');
		} else {
			tBody.classList.add('odd');
		}
	}

	/**
	 * スクリプトが停止している状態であれば起動し、動作している状態であればOR検索ができないサービスを再読み込みします。
	 * 検索語句が空の場合は、スクリプトを停止します。
	 */
	static restart()
	{
		if (UserSettings.words.length === 0) {
			// 検索語句が空であれば
			this.stop();
		} else if (this.run) {
			// スクリプトが動作している状態であれば
			for (const service of this.services) {
				if (service.disabledOr) {
					service.reset();
				}
			}
		} else {
			// スクリプトが停止している状態であれば
			// 有効なサービスで検索を開始
			/**
			 * スクリプトが動作している状態であれば真。
			 * @access private
			 * @type {boolean}
			 */
			this.run = true;
			const enabledServices = UserSettings.getTargetServices();
			for (const service of this.services) {
				if (enabledServices.indexOf(service.id) !== -1) {
					service.start();
				}
			}
		}
	}

	/**
	 * スクリプトを停止します。
	 */
	static stop()
	{
		if (this.run) {
			// スクリプトが動作している状態であれば、すべてのサービスで検索を停止
			this.run = false;
			for (const service of this.services) {
				service.stop();
			}
		}
	}

	/**
	 * 指定されたサービスを有効化します。
	 * @param {string} id
	 */
	static enableService(id)
	{
		if (this.run) {
			this.services.find(service => service.id === id).start();
		}
	}

	/**
	 * 指定されたサービスを無効化します。
	 * @param {string} id
	 */
	static disableService(id)
	{
		if (this.run) {
			const service = this.services.find(service => service.id === id);
			service.stop();
			TableProcessor.removeProgramsWithService(service);
		}
	}
}

/**
 * AND検索を行う検索語句。
 * @typedef {Object} SearchCriteria
 * @property {string} plus - AND検索を行うキーワード。
 * @property {string} minus - マイナス検索を行うキーワード。
 */

/**
 * 検索語句にヒットする番組が見つかったとき。
 * @event Service#ProgramEvent
 * @type {CustomEvent}
 * @property {string} type - 「progress」を返す。
 * @property {Program} detail - ライブ配信番組。
 */

/**
 * 最後のページを取得し終えたとき。OR検索できないサービスの場合は、一度の検索で複数回送出される。
 * @event Service#LoadedEvent:load
 * @type {CustomEvent}
 * @property {string} type - 「load」を返す。
 * @property {Object} detail
 * @property {Service} detail.service - 対象のサービス。
 * @property {Program[]} detail.programs - 今回の検索でヒットしたライブ配信番組。OR検索できないサービスの場合は、一つの検索条件にヒットした番組のみ。
 * @property {SearchCriteria} [detail.searchCriteria] - OR検索ができないサービスにおいて、対象の検索条件。
 */

/**
 * 配信の取得に必要な情報を返す。
 * @callback getDetails
 * @param {(SearchCriteria|SearchCriteria[])} [words] - OR検索が可能なら配列となる。
 * @return {HTTPRequestInit}
 */

/**
 * 取得した情報から番組を取り出す。
 * @callback parseResponse
 * @param {(Object|string)} response
 * @param {HTTPRequestInit} details
 * @param {SearchCriteria[]} [words]
 * @return {(Programs|Error)} 取得に失敗している場合は例外を返す。
 */

/**
 * 取得した番組の一覧。
 * @typedef {Object} Programs
 * @property {(Object[]|NodeList|HTMLCollection)} programs - サイト独自形式の番組情報の配列。
 * @property {HTTPRequestInit} [next] - 結果が複数ページにわたる場合に、次のページが存在すれば指定。
 */

/**
 * サイト独自形式の番組情報を {@link Program} に変換する関数。
 * @callback convertIntoEntry
 * @property {Object} programs - サイト独自形式の番組情報。
 * @returns {Program}
 */

/**
 * ライブ配信サービス。
 * @augments EventTarget
 */
class Service
{
	/**
	 * タイムアウトミリ秒数。
	 * @constant {number}
	 */
	static get TIMEOUT() {return 10 * DateUtils.SECONDS_TO_MILISECONDS;}

	/**
	 * メンテナンス中など、サーバー側のエラーが発生した場合に再度取得する間隔。ミリ秒。
	 * @constant {number}
	 */
	static get RETRY_DELAY() {return 15 * DateUtils.MINUTES_TO_MILISECONDS;}

	/**
	 * @param {Object} details
	 * @param {string} details.id - サービスを識別するID。
	 * @param {string} details.name - サイト名。
	 * @param {string} details.url - サイトのURL。
	 * @param {string} [details.icon] - サイトアイコンのURL。サイトのURLがホストとスラッシュで終わり、アイコンが /favicon.ico に配置されている場合は省略可。
	 * @param {getDetails} details.getDetails - 番組の取得に必要な情報を返す。
	 * @param {parseResponse} details.parseResponse - 取得した情報から番組を取り出す。
	 * @param {boolean} [details.disabledSearch] - 全件取得が可能な (検索ができない) サービスなら真。
	 * @param {boolean} [details.disabledOr] - OR検索ができないサービスなら真。
	 * @param {boolean} [details.disabledMinus] - マイナス検索ができないサービスなら真。
	 * @param {boolean} [details.disabledLanguageFilter] - 言語の絞り込み検索ができないサービスなら真。
	 * @param {convertIntoEntry} details.convertIntoEntry - 第1引数のサイト独自形式の番組情報を {@link Program} に変換する関数。
	 * @param {number} [details.delay=360000] - 情報を取得する間隔。ミリ秒。OR検索できないサービスの場合、各単語の検索間隔。既定値は6分。
	 * @param {number} [details.pagingDelay=10000] - 結果が複数ページにわたる場合に、次のページを取得するまでの間隔。ミリ秒。既定値は10秒。
	 */
	constructor(details)
	{
		/**
		 * サービスを識別するID。
		 * @type {string}
		 * @readonly
		 */
		this.id = details.id;

		/**
		 * サイト名。
		 * @type {string}
		 * @readonly
		 */
		this.name = details.name;

		/**
		 * サイトのURL。
		 * @type {string}
		 * @readonly
		 */
		this.url = details.url;

		/**
		 * サイトアイコンのURL。
		 * @type {string}
		 * @readonly
		 */
		this.icon = details.icon || details.url + 'favicon.ico';

		/**
		 * OR検索ができないサービスについて、検索語句の0から始まるインデックス。
		 * @type {number}
		 * @access private
		 */
		this.wordIndex = 0;

		/**
		 * 検索対象のサービスなら真。
		 * @type {boolean}
		 * @access private
		 */
		this.enabled = false;

		/**
		 * abort() メソッドを持つオブジェクト。
		 * @type {HTTPRequest}
		 * @access private
		 */
		this.request;

		/**
		 * タイマーID。
		 * @type {number}
		 * @access private
		 */
		this.timer;

		/**
		 * 現在の検索で取得した番組。
		 * @type {Program[]}
		 * @access private
		 */
		this.currentPrograms = [];

		/**
		 * OR検索できないサービスなら真。
		 * @type {boolean}
		 */
		this.disabledOr = details.disabledOr;

		/**
		 * {@link Service#getHitPrograms}で使用する情報。
		 * @access private
		 * @type {Object}
		 */
		this.details = details;

		// EventTargetの疑似継承
		// <https://stackoverflow.com/a/24216547>
		const eventTarget = new DocumentFragment();
		for (const key in this) {
			eventTarget[key] = typeof this[key] === 'function' ? this[key].bind(this) : this[key];
		}
		for (const methodName of ['addEventListener', 'removeEventListener', 'dispatchEvent']) {
			this[methodName] = eventTarget[methodName].bind(eventTarget);
		}
	}

	/**
	 * 検索を開始します。
	 */
	start()
	{
		if (!this.enabled) {
			// 検索が無効であれば
			this.enabled = true;
			this.getHitPrograms();
		}
	}

	/**
	 * 検索を停止します。
	 */
	stop()
	{
		this.enabled = false;
		if (this.request) {
			this.request.abort();
		}
		window.clearTimeout(this.timer);
	}

	/**
	 * 検索語句を読み込み直して最初から検索しなおします。
	 */
	reset()
	{
		if (this.disabledOr) {
			this.wordIndex = 0;
			TableProcessor.removeProgramsWithService(this);
		}
	}

	/**
	 * 情報を取得する間隔の既定値。ミリ秒。
	 * @access private
	 * @constant {number}
	 */
	static get DEFAULT_DELAY() {return 6 * DateUtils.MINUTES_TO_MILISECONDS;}

	/**
	 * 結果が複数ページにわたる場合に、次のページを取得するまでの間隔の既定値。ミリ秒。
	 * @access private
	 * @constant {number}
	 */
	static get DEFAULT_PAGING_DELAY() {return 1 * DateUtils.SECONDS_TO_MILISECONDS;}

	/**
	 * 検索ワードにヒットした番組を繰り返し取得します。
	 * @access private
	 * @param {HTTPRequestInit} [nextSearchInit] - 次のページの取得に必要な情報。
	 * @fires Service#ProgramEvent:progress
	 * @fires Service#LoadedEvent:load
	 */
	getHitPrograms(nextSearchInit)
	{
		if (this.enabled) {
			/**
			 * 現在の検索ワード。接続前と取得完了時の検索ワードの変化を防ぎます。
			 * @type {SearchCriteria[]}
			 */
			const words = UserSettings.words;

			const searchInit = nextSearchInit
				|| this.details.getDetails(this.details.disabledOr ? words[this.wordIndex] : words);
			searchInit.timeout = Service.TIMEOUT;
			this.request = new HTTPRequest(searchInit);

			this.request.send().then(response => {
				const programs = this.details.parseResponse(response, searchInit, words);
				if (programs instanceof Error) {
					return Promise.reject(programs);
				}

				// 番組情報の取得に成功していれば
				for (const program of Array.from(programs.programs)) {
					const entry = this.details.convertIntoEntry(program);
					entry.service = this;
					if (this.details.disabledOr) {
						// OR検索ができないサービスなら
						entry.searchCriteria = words[this.wordIndex];
					}

					// 検索条件に一致する番組か確認
					if (entry.searchCriteria) {
						// OR検索ができないサービス、またはOR検索が可能でヒットした番組に対応する検索条件を取得可能なサービスなら
						if (!WordProcessor.andSearch(entry.getSearchTarget(), entry.searchCriteria)) {
							delete entry.searchCriteria;
						}
					} else {
						// 全件取得が可能なサービス、またはOR検索が可能なサービスなら
						entry.searchCriteria = WordProcessor.orSearch(entry.getSearchTarget(), words);
					}

					if (entry.searchCriteria && !(document.getElementsByName('languageFilter')[0].checked
						&& this.details.disabledLanguageFilter
						&& window.navigator.language.split('-')[0] !== entry.language.split('-')[0])) {
						// 検索条件に一致する番組、かつ言語が一致する番組なら
						entry.service = this;
						this.currentPrograms.push(entry);
						this.dispatchEvent(new CustomEvent('progress', { detail: entry }));
					}
				}

				if (programs.next) {
					// 次のページが存在すれば
					this.timer = window.setTimeout(
						this.getHitPrograms.bind(this),
						this.details.pagingDelay || Service.DEFAULT_PAGING_DELAY,
						programs.next
					);
				} else {
					// 取得完了
					this.dispatchEvent(new CustomEvent('load', { detail: {
						service: this,
						programs: this.currentPrograms,
						searchCriteria: this.details.disabledOr ? words[this.wordIndex] : null,
					}}));
					this.currentPrograms = [];

					if (this.details.disabledOr) {
						// OR検索ができないサービスなら
						this.wordIndex++;
						if (!UserSettings.words[this.wordIndex]) {
							// 次の検索語句が存在しなければ
							this.wordIndex = 0;
						}
					}

					this.timer = window.setTimeout(
						this.getHitPrograms.bind(this),
						this.details.delay || Service.DEFAULT_DELAY
					);
				}
			}).catch(error => {
				// 番組情報の取得に失敗していれば
				if (!(error instanceof AbortException)) {
					// 意図的な停止による例外でなければ
					console.error(error);
					UserSettings.showLatestError(this, error);
					// 一定時間後に最初から検索をやり直す
					this.timer = window.setTimeout(
						this.getHitPrograms.bind(this),
						error instanceof NetworkException
							? this.details.delay || Service.DEFAULT_DELAY
							: Service.RETRY_DELAY
					);
				}
			});
		}
	}
}

/**
 * 配信者、またはコミュニティ。
 * @typedef {Object} Person
 * @property {string} name - 名前。
 * @property {string} [url] - URL。
 */

/**
 * 1つのライブ配信番組。
 */
class Program
{
	/**
	 * @param {string} link - 配信のURL。
	 * @param {string} title - 配信のタイトル。
	 * @param {Object} otherDetails
	 * @param {string} [otherDetails.icon] - コミュニティやチャンネルなどのアイコンのURL。取得できなければユーザーのアイコンのURL。それも取得できなければ配信のアイコンのURL。
	 * @param {boolean} [otherDetails.private] - プライベート配信であれば真。
	 * @param {Date} [otherDetails.published] - 配信開始日時。
	 * @param {Person} [otherDetails.author] - 配信者。
	 * @param {string[]} [otherDetails.categories] - 配信のタグ。カテゴリを含みます。
	 * @param {string} [otherDetails.summary] - 配信の説明文。
	 * @param {number} [otherDetails.visitors] - 累計視聴者数。取得できなければ最高同時視聴者数。それも取得できなければ現在の視聴者数。
	 * @param {number} [otherDetails.comments] - コメントの数。
	 * @param {Person} [otherDetails.community] - コミュニティやチャンネルなど。
	 * @param {string} [otherDetails.language] - 言語。
	 * @param {SearchCriteria} [searchCriteria] - 検索条件。
	 */
	constructor(link, title, otherDetails, searchCriteria)
	{
		this.link = link;
		this.title = Normalizer.normalize(title);
		for (const key in otherDetails) {
			let value = otherDetails[key];
			if (value !== undefined && value !== null) {
				switch (key) {
					case 'categories':
						value = value.map(Normalizer.normalize);
						break;
					case 'summary':
						value = Normalizer.normalize(value);
						break;
					case 'community':
						value.name = Normalizer.normalize(value.name);
						break;
				}
				this[key] = value;
			}
		}
		this.searchCriteria = searchCriteria;

		/**
		 * @type {Service}
		 */
		this.service;
	}

	/**
	 * 検索対象を取得します。
	 * @returns {string} 文字種を統一した文字列。
	 */
	getSearchTarget()
	{
		let target = [this.title];
		if (this.categories) {
			target = target.concat(this.categories);
		}
		if (this.summary) {
			target.push(this.summary);
		}
		if (this.community) {
			target.push(this.community.name);
		}
		return Normalizer.unifyCases(target.join(' '));
	}
}

/**
 * ライブ配信番組を表示する表に関する処理を行うユーティリティークラス。
 */
const TableProcessor = {
	/**
	 * 経過時間を更新する間隔。ミリ秒数。
	 * @type {number}
	 */
	DURATION_UPDATING_INTERVAL: 20 * DateUtils.SECONDS_TO_MILISECONDS,

	/**
	 * 現在時刻から指定した時刻を引いた差を返します。
	 * @param {Date} value
	 * @returns {Object.<string>} dateTimeプロパティに ISO 8601 形式の文字列 (負になる場合は「PT0S」)、textプロパティに「○時間○分」のような形式の文字列。
	 */
	getDuration: function (value) {
		const milliseconds = Date.now() - value.getTime();
		let minutes = Math.round(milliseconds / DateUtils.MINUTES_TO_MILISECONDS);
		const sign = minutes >= 0 ? 1 : -1;
		minutes = Math.abs(minutes);
		const hours = Math.floor(minutes / 60);
		minutes = minutes % 60;
		return {
			dateTime: `PT${sign === -1 ? 0 : milliseconds / DateUtils.SECONDS_TO_MILISECONDS}S`,
			text: hours
				? _('%d 時間 %u 分').replace('%d', sign * hours).replace('%u', minutes)
				: _('%d 分').replace('%d', sign * minutes),
		};
	},

	/**
	 * 経過時間の更新を開始します。
	 */
	startUpdatingDurations: function () {
		for (const duration of document.querySelectorAll(
			'[itemtype="http://schema.org/VideoObject"] [itemprop="duration"]:not([hidden])'
		)) {
			const serialized = this.getDuration(new Date(duration.dataset.start));
			duration.dateTime = serialized.dateTime;
			duration.textContent = serialized.text;
		}
		window.setTimeout(this.startUpdatingDurations.bind(this), this.DURATION_UPDATING_INTERVAL);
	},

	/**
	 * プライベート番組を表から取り除きます。
	 */
	removePrivatePrograms: function () {
		for (const requiresSubscription of document.querySelectorAll(
			'[itemtype="http://schema.org/VideoObject"] [itemprop="requiresSubscription"][value="true"]'
		)) {
			requiresSubscription.closest('[itemscope]').remove();
		}
		Alert.showHits();
	},

	/**
	 * 指定されたサービスの番組を表から取り除きます。
	 * @param {Service} service
	 */
	removeProgramsWithService: function (service) {
		for (const row of this.getProgramsWithService(service)) {
			row.remove();
		}
		Alert.showHits();
	},

	/**
	 * 指定されたサービスの番組を取得します。
	 * @param {Service} service
	 * @param {SearchCriteria} [searchCriteria] - OR検索ができないサービスにおいて、対象の検索条件。
	 * @returns {HTMLRowElement[]}
	 */
	getProgramsWithService: function (service, searchCriteria) {
		return Array.from(document.querySelectorAll(
			'[itemtype="http://schema.org/VideoObject"]'
				+ ' [itemprop="provider"]'
					+ (searchCriteria ? `[data-search-criteria="${CSS.escape(JSON.stringify(searchCriteria))}"]` : '')
				+ ` [itemprop="url"][href="${service.url}"]`
		)).map(providerURL => providerURL.closest('[itemtype="http://schema.org/VideoObject"]'));
	},

	/**
	 * 除外対象の番組を表から取り除きます。
	 */
	removeExclusions: function () {
		for (const urlProperty of document.querySelectorAll(
			'[itemtype="http://schema.org/VideoObject"] [itemprop="url"],'
				+ '[itemtype="http://schema.org/VideoObject"] [itemprop="workLocation"]'
		)) {
			if (UserSettings.exclusions.indexOf(urlProperty.href) !== -1) {
				const row = urlProperty.closest('[itemtype="http://schema.org/VideoObject"]');
				if (row.parentElement) {
					row.remove();
				}
			}
		}
		Alert.showHits();
	},

	/**
	 * 以前に取得した番組を表から取り除きます。
	 * @param {Service} service - 対象のサービス。
	 * @param {Program[]} currentPrograms - 今回取得した番組。
	 * @param {SearchCriteria} [searchCriteria] - OR検索ができないサービスにおいて、対象の検索条件。
	 */
	removeOldPrograms: function (service, currentPrograms, searchCriteria) {
		const urls = currentPrograms.map(program => program.link);
		for (const row of this.getProgramsWithService(service, searchCriteria)) {
			if (urls.indexOf(row.querySelector('td > [itemprop="url"]').href) === -1) {
				row.remove();
			}
		}
	},

	/**
	 * 指定された番組を表に追加します。
	 * @param {Program} program
	 * @param {string[]} urls - 番組、ユーザー、コミュニティのURL。
	 */
	insertProgram: function (program, urls) {
		const table = document.getElementById('programs');
		const anchor = table.querySelector(urls.map(url => `[href="${CSS.escape(program.link)}"]`).join(','));
		let previousRow;
		if (anchor) {
			// すでに同じ番組、または同じユーザーの番組、同じコミュニティの番組が追加されていれば
			previousRow = anchor.closest('[itemtype="http://schema.org/VideoObject"]');
		}

		const row = this.convertProgramToRow(program, previousRow);
		const tBody = table.tBodies[0];
		tBody.insertBefore(row, tBody.rows[this.getInsertPosition(table, row)]);
	},

	/**
	 * 指定された番組を表すtr要素を返します。
	 * @param {Program} program
	 * @param {HTMLTableRowElement} [previousRow] - 指定されていれば、その行を更新します。
	 * @returns {HTMLTableRowElement}
	 */
	convertProgramToRow: function (program, previousRow) {
		const row
			= previousRow || document.querySelector('#programs template').content.firstElementChild.cloneNode(true);

		// サービス
		if (!previousRow) {
			const provider = row.querySelector('[itemprop="provider"]');
			provider.querySelector('[itemprop="name"]').value = program.service.name;
			provider.querySelector('[itemprop="url"]').href = program.service.url;
			const logo = provider.querySelector('[itemprop="logo"]');
			logo.src = program.service.icon;
			logo.alt = program.service.name;
			logo.title = program.service.name;
			if (program.service.disabledOr) {
				provider.dataset.searchCriteria = JSON.stringify(program.searchCriteria);
			}
		}

		// アイコン
		const image = row.querySelector('[itemprop="image"]');
		if (program.icon) {
			if (!previousRow || program.icon !== image.src) {
				image.src = program.icon;
				image.hidden = false;
			}
		} else {
			image.hidden = true;
		}

		// コミュ限
		const requiresSubscription = row.querySelector('[itemprop="requiresSubscription"]');
		if (program.private) {
			if (!previousRow || requiresSubscription.value === 'false') {
				requiresSubscription.value = 'true';
				requiresSubscription.textContent = _('限定公開');
			}
		} else {
			if (previousRow && requiresSubscription.value === 'true') {
				requiresSubscription.value = 'false';
				requiresSubscription.textContent = '';
			}
		}

		// 経過時間
		const duration = row.querySelector('[itemprop="duration"]');
		if (program.published) {
			if (!previousRow || program.published.toISOString() !== duration.dataset.start) {
				const serialized = this.getDuration(program.published);
				duration.dateTime = serialized.dateTime;
				duration.textContent = serialized.text;
				duration.dataset.start = program.published.toISOString();
				duration.hidden = false;
			}
		}

		// タイトル
		const name = row.querySelector('td:not([itemprop="provider"]) > [itemprop="name"]');
		if (!previousRow || program.title !== name.value) {
			name.value = program.title;
			this.setMarkedText(name.firstElementChild, program.title, program.searchCriteria || UserSettings.words);
		}

		// タグ
		const keywords = row.querySelector('[itemprop="keywords"]');
		const tags = program.categories ? program.categories.join(',') : '';
		if (tags !== keywords.value) {
			keywords.value = tags;
			this.setMarkedText(
				keywords,
				program.categories ? program.categories.join(' ') : '',
				program.searchCriteria || UserSettings.words
			);
		}

		// 配信者
		const author = row.querySelector('[itemprop="author"]');
		if (program.author) {
			const name = author.querySelector('[itemprop="name"]');
			const workLocation = author.querySelector('[itemprop="workLocation"]');
			if (!previousRow || program.author.name !== name.value
				|| program.author.url && program.author.url !== workLocation.href) {
				name.value = program.author.name;
				this.setMarkedText(workLocation, program.author.name);
				if (program.author.url) {
					workLocation.href = program.author.url;
				}
			}
		}

		// 説明文
		const description = row.querySelector('[itemprop="description"]');
		if (program.summary && !(previousRow && program.summary === description.value)) {
			description.value = program.summary;
			this.setMarkedText(description, program.summary, program.searchCriteria || UserSettings.words);
		}

		// 累計来場者数
		const userInteractionCount = row.querySelector('[itemprop="userInteractionCount"]');
		if (typeof program.visitors === 'number') {
			userInteractionCount.value = program.visitors;
			userInteractionCount.textContent = _('%d 人').replace('%d', program.visitors);
		}

		// コメント数
		const commentCount = row.querySelector('[itemprop="commentCount"]');
		if (typeof program.comments === 'number') {
			commentCount.value = program.comments;
			commentCount.textContent = _('%d コメ').replace('%d', program.comments);
		}

		// コミュニティ
		const productionCompany = row.querySelector('[itemprop="productionCompany"]');
		if (program.community) {
			productionCompany.querySelector('[itemprop="name"]').value = program.community.name;
			const url = productionCompany.querySelector('[itemprop="url"]');
			this.setMarkedText(url, program.community.name, program.searchCriteria || UserSettings.words);
			if (program.community.url) {
				url.href = program.community.url;
			}
		}

		// リンク
		for (const url of row.querySelectorAll(
			'td > [itemprop="url"], td:not([itemscope]) > [itemprop="name"] > [itemprop="url"]'
		)) {
			url.href = program.link;
		}

		return row;
	},

	/**
	 * 検索対象だった文字列を記入します。
	 * @param {HTMLElement} target
	 * @param {string} str
	 * @param {(SearchCriteria|SearchCriteria[])} [searchCriteria] - 検索対象の項目でない (文字数制限のみを行う) 場合は省略。
	 */
	setMarkedText: function (target, str, searchCriteria) {
		/**
		 * 昇順に並んでいる、重なる部分が無い [先頭のオフセット, 末尾のオフセット] の配列。
		 * @type {(number[])[]}
		 */
		const offsets = searchCriteria ? WordProcessor.getMatches(str, searchCriteria) : [];

		/**
		 * 挿入するTextノード。
		 * @type {Text}
		 */
		const text = new Text(str);

		/**
		 * mark要素に内包する範囲。
		 * @type {Range[]}
		 */
		const ranges = WordProcessor.convertOffsetsToRanges(text, offsets);

		if (str.length > UserSettings.MAX_VISIBLE_CHARACTERS
			&& document.getElementsByName('ellipsisTooLongRSSData')[0].checked) {
			// 文字数が制限を超えており、表示文字数の制限が有効なら
			target.classList.add(...WordProcessor.extractTextNode(
				text,
				offsets,
				UserSettings.MAX_VISIBLE_CHARACTERS,
				UserSettings.MAX_BEFORE_CHARACTERS)
			);
			const title = WordProcessor.markMatchesAsPlainText(str, offsets);
			if (/\(Windows .+ Chrome\/(?!.+Edge\/)/.test(navigator.userAgent)) {
				// Windows 版の Opera、Google Chrome におけるフリーズの回避
				target.dataset.title = title;
			} else {
				target.title = title;
			}
		} else {
			delete target.dataset.title;
			target.removeAttribute('title');
		}

		while (target.hasChildNodes()) {
			target.firstChild.remove();
		}
		target.append(text);
		for (const range of ranges) {
			range.surroundContents(document.createElement('mark'));
		}
	},

	/**
	 * 指定された列をキーに行を並べ替えます。
	 * @param {HTMLTableHeaderCellElement} th
	 */
	sort: function (th) {
		const table = th.closest('table');

		/**
		 * すでに並び替えられている列。
		 * @type {HTMLTableHeaderCellElement}
		 */
		const sortedTH = th.parentElement.querySelector('[data-sorted]');

		// 行リストを配列化
		const tBody = table.tBodies[0];
		const rows = Array.from(tBody.rows);

		if (sortedTH === th) {
			// 選択された列が、すでに並べ替えられている列なら
			// data-sorted属性の設定
			sortedTH.dataset.sorted = sortedTH.dataset.sorted === 'asc' ? 'desc' : 'asc';
			// 並び順を反転
			rows.reverse();
		} else {
			// 他の列のsorted属性を削除
			sortedTH.removeAttribute('data-sorted');

			// sorted属性の設定
			th.dataset.sorted = 'asc';

			// 昇順に並び替え
			rows.sort((a, b) => this.compareRows(th, a, b));
		}

		// 画面に反映
		tBody.removeAttribute('aria-live');
		tBody.append(...rows);
		window.setTimeout(function () {
			tBody.setAttribute('aria-live', 'polite');
		}, 0);

		// 並び順を保存
		GM.setValue('order', JSON.stringify({name: th.id, order: th.dataset.sorted}));
	},

	/**
	 * 行の挿入位置を取得します。
	 * @param {HTMLTableElement} table
	 * @param {HTMLTableRowElement} row
	 * @returns {number} 0から始まるインデックス。
	 */
	getInsertPosition: function (table, row) {
		const insertingColumn = table.querySelector('[data-sorted]');
		const reversed = insertingColumn.dataset.sorted === 'desc';
		const rows = table.tBodies[0].rows;
		let insertPosition = rows.length;
		for (const comparisonRow of Array.from(rows)) {
			const result = this.compareRows(insertingColumn, comparisonRow, row);
			if (reversed ? result < 0 : 0 < result) {
				insertPosition = comparisonRow.sectionRowIndex;
				break;
			}
		}
		return insertPosition;
	},

	/**
	 * {@link Array#sort}の比較関数内で用いる、行と行を比較する関数
	 * @param {HTMLTableHeaderCellElement} th - キーとなるセル。
	 * @param {HTMLTableRowElement} a
	 * @param {HTMLTableRowElement} b
	 * @returns {number} a < b なら -1、a > b なら 1 を返す
	 */
	compareRows: function (th, a, b) {
		return this.getCellValue(th, a) < this.getCellValue(th, b) ? -1 : 1;
	},

	/**
	 * セルの値を取得します。
	 * @param {HTMLTableHeaderCellElement} th - キーとなるセル。
	 * @param {HTMLTableRowElement} row
	 * @returns {string}
	 */
	getCellValue: function (th, row) {
		let value;
		const cell = row.cells[th.cellIndex];
		const child = cell.firstElementChild;
		switch (child && child.localName) {
			case 'data':
				value = child.value;
				if (/^[0-9]+$/.test(value)) {
					value = Number.parseInt(value);
				}
				break;
			case 'time':
				value = DateUtils.parseDurationString(child.dateTime);
				break;
			default:
				value = cell.textContent;
		}
		return value;
	},

	/**
	 * ステータス行を除くすべての行を取得します。
	 * @param {HTMLTableElement} table
	 * @returns {HTMLTableRowElement[]}
	 * @access private
	 */
	getRows: function (table) {
		const rows = Array.from(table.querySelectorAll(':not(tfoot) > tr'));
		rows.push(table.getElementsByTagName('template')[0].content.firstElementChild);
		return rows;
	},

	/**
	 * 列 th を列 refTH の前に移動します。
	 * @param {HTMLTableHeaderCellElement} th
	 * @param {?(HTMLTableHeaderCellElement|number)} refTH - null の場合、末尾に移動します。
	 */
	moveColumn: function (th, refTH) {
		const targetIndex = th.cellIndex;
		const refIndex = typeof refTH === 'number' ? refTH : (refTH ? refTH.cellIndex : -1);
		for (const tr of this.getRows(th.closest('table'))) {
			tr.insertBefore(tr.cells[targetIndex], tr.cells[refIndex]);
		}

		// 表示する列の設定項目の並び替え
		const ul = document.getElementById('visible-columns');
		ul.insertBefore(ul.querySelector(`[value="${th.id}"]`).closest('li'), ul.children[refIndex]);
	},

	/**
	 * 列 th を隠します。
	 * @param {HTMLTableHeaderCellElement} th
	 */
	hideColumn: function (th) {
		if (th.getAttribute('aria-hidden') !== 'true') {
			const targetIndex = th.cellIndex;
			for (const tr of this.getRows(th.closest('table'))) {
				tr.cells[targetIndex].setAttribute('aria-hidden', 'true');
			}
		}
	},

	/**
	 * 列 th を表示します。
	 * @param {HTMLTableHeaderCellElement} th
	 */
	showColumn: function (th) {
		if (th.getAttribute('aria-hidden') === 'true') {
			const targetIndex = th.cellIndex;
			for (const tr of this.getRows(th.closest('table'))) {
				tr.cells[targetIndex].removeAttribute('aria-hidden');
			}
		}
	},

	/**
	 * 列の順番を取得します。
	 * @returns {string[]}
	 */
	getColumnPositions: function () {
		return Array.from(document.querySelectorAll('#programs th')).map(function (th) {
			return th.id;
		});
	},

	/**
	 * 列の移動先を示すクラス名を削除します。
	 */
	removeOldClassName: function () {
		const oldRef = document.querySelector('.inserting-before, .inserting-after');
		if (oldRef) {
			oldRef.classList.remove('inserting-before', 'inserting-after');
		}
	},

	/**
	 * 列の順番を反映します。
	 * @param {?string} version
	 * @param {string[]} columnPositions - 指定されなかった列は末尾に並びます。
	 * @returns {Promise.<void>}
	 */
	reflectColumnPositions: async function (version, columnPositions) {
		if (!version) {
			// 5.0.0 より前のバージョンの設定であれば
			columnPositions.unshift('service');
			await GM.setValue('columns-position', JSON.stringify(columnPositions));
		}

		const tBody = document.querySelector('#programs tbody');
		tBody.removeAttribute('aria-live');
		let i = 0;
		for (const column of columnPositions) {
			this.moveColumn(document.getElementById(column), i);
			i++;
		}
		window.setTimeout(function () {
			tBody.setAttribute('aria-live', 'polite');
		}, 0);
	},
};

/**
 * ユーザー設定値、およびその変更に関するメソッド、プロパティ。
 */
const UserSettings = {
	/**
	 * 省略設定が有効の時に、一項目で表示する最大の符号単位数。
	 * @constant {number}
	 */
	MAX_VISIBLE_CHARACTERS: 60,

	/**
	 * 表示を省略した際に、ヒットした文字列より前に表示する最大の符号単位数。
	 * @constant {number}
	 */
	MAX_BEFORE_CHARACTERS: 3,

	/**
	 * 検索条件。
	 * @type {SearchCriteria[]}
	 */
	words: [],

	/**
	 * 検索から除外するユーザー、コミュニティ、チャンネルのURL。exclusionsFromExternalを含む。
	 * @type {string[]}
	 */
	exclusions: [],

	/**
	 * ユーザー設定値 NGsURI から取得した検索から除外するユーザー、コミュニティ、チャンネルのURL。
	 * @type {string[]}
	 */
	exclusionsFromExternal: [],

	/**
	 * ユーザー設定値をJSONファイルにエクスポートします。
	 */
	export: async function () {
		const exportedValues = {};
		for (const key in UserSettings.schema.properties) {
			const property = UserSettings.schema.properties[key];
			let value;
			switch (property.type) {
				case 'string':
				case 'integer':
				case 'boolean':
					value = key === 'audioData' ? await UserSettings.getLargeValue(key) : await GM.getValue(key);
					break;
				case 'number':
					value = await GM.getValue(key);
					if (value !== undefined && value !== null) {
						value = Number.parseFloat(value);
					}
					break;
				case 'array':
				case 'object':
					value = await GM.getValue(key);
					if (value !== undefined && value !== null) {
						value = JSON.parse(value);
					}
					break;
			}
			if (value !== undefined && value !== null) {
				exportedValues[key] = value;
			}
		}

		document.body.insertAdjacentHTML(
			'beforeend',
			h`<a href="${window.URL.createFor(
				new Blob([JSON.stringify(exportedValues, null, '\t')],{ type: 'application/json' })
			)}" download="${Alert.ID + '.json'}" hidden=""></a>`
		);
		const anchor = document.body.lastElementChild;
		anchor.click();
		anchor.remove();
	},

	/**
	 * ファイルのインポート用に生成したinput要素を取り除くまでのミリ秒数。
	 * @constant {number}
	 */
	MAX_LIFETIME: 10 * DateUtils.MINUTES_TO_MILISECONDS,

	/**
	 * ユーザー設定値をJSONファイルからインポートします。
	 */
	import: function () {
		document.body.insertAdjacentHTML(
			'beforeend',
			h`<input type="file" accept=".json,application/json" hidden="" />`
		);
		const input = document.body.lastElementChild;

		input.addEventListener('change', function parse(event) {
			event.target.removeEventListener(event.type, parse);
			const file = event.target.files[0];
			if (file) {
				const reader = new FileReader();
				reader.addEventListener('load', async function (event) {
					let result;
					try {
						result = JSON.parse(event.target.result);
					} catch (error) {
						window.alert(_('インポートに失敗しました。\n\nエラーメッセージ:\n%s').replace('%s', error));
					}

					if (result !== undefined) {
						if (Object.prototype.toString.call(result) === '[object Object]') {
							for (const key in result) {
								if (result[key] === null) {
									delete result[key];
								}
							}
						}
						const validate = jsen(UserSettings.schema, { greedy: true });
						if (validate(result)) {
							// 検索語句
							document.getElementById('searching-words').value
								= result.words ? result.words.join('\n') + '\n' : '';
							document.getElementsByName('save-searching-words')[0].click();

							// 除外リスト
							document.getElementById('ng-communities').value
								= result.NGs ? result.NGs.join('\n') + '\n' : '';
							document.getElementsByName('save-ng-communities')[0].click();

							// 外部の除外リストURL
							if (result.NGsURI) {
								await GM.setValue('NGsURI', result.NGsURI);
							} else {
								await GM.deleteValue('NGsURI');
							}

							// 行のソート
							if (!result.order) {
								result.order = UserSettings.schema.properties.order.default;
							}
							let sortedTH = document.querySelector('#programs [data-sorted]');
							if (result.order.name !== sortedTH.id) {
								sortedTH = document.getElementById(result.order.name);
								sortedTH.click();
							}
							if (result.order.order !== sortedTH.dataset.sorted) {
								sortedTH.click();
							}

							// 列の位置
							if (result['columns-position']) {
								await GM.setValue('columns-position', JSON.stringify(result['columns-position']));
								await TableProcessor.reflectColumnPositions(result.version, result['columns-position']);
							} else {
								await GM.deleteValue('columns-position');
								await TableProcessor.reflectColumnPositions(
									GM.info.script.version,
									UserSettings.schema.properties['columns-position'].default
								);
							}

							// 表示される列
							await UserSettings.showColumns(result.version, result['visible-columns']
								? result['visible-columns']
								: UserSettings.schema.properties['visible-columns'].default);

							// 検索対象のサービス
							UserSettings.enableServices(result.version, result['target-services'] || serviceIds);

							// プライベート配信・長い文字列の省略・言語
							for (const key of ['exclusionMemberOnly', 'ellipsisTooLongRSSData', 'languageFilter']) {
								const input = document.getElementsByName(key)[0];
								if (input.checked
									!== (key in result ? result[key] : UserSettings.schema.properties[key].default)) {
									input.click();
								}
							}

							// ミュート
							const alertTone = document.getElementById('alert-tone');
							if (result.audioMuted) {
								alertTone.muted = true;
							}

							// 音量
							if ('audioVolume' in result) {
								alertTone.volume = result.audioVolume;
							}

							// 音声ファイル
							const deleteSound = document.getElementsByName('delete-sound')[0];
							if (!deleteSound.hidden) {
								deleteSound.click();
							}
							if (result.audioData) {
								const audio = new Audio(result.audioData);
								audio.addEventListener('loadeddata', function () {
									if (audio.error) {
										// ブラウザが再生できないデータなら
										window.alert(
											_('使用中のブラウザが対応していないファイル形式のため、プロパティ %p を無視しました。').replace('%p', 'audioData')
										);
									} else {
										UserSettings.setAudioData(result.audioData);
									}
								});
								audio.addEventListener('error', function () {
									// ブラウザが再生できないデータなら
									window.alert(
										_('使用中のブラウザが対応していないファイル形式のため、プロパティ %p を無視しました。').replace('%p', 'audioData')
									);
								});
							}
						} else {
							window.alert(
								_('インポートに失敗しました。\n\nエラーメッセージ:\n%s')
									.replace('%s', JSON.stringify(validate.errors, null, '\t'))
							);
						}
					}
				});
				reader.readAsText(file);
			}
			input.remove();
		});
		input.click();

		window.setTimeout(function () {
			if (input.parentNode) {
				input.remove();
			}
		}, this.MAX_LIFETIME);
	},

	/**
	 * 音声ファイルを設定します。
	 * @param {string} audioData - data URL。
	 * @returns {Promise.<void>}
	 */
	setAudioData: async function (audioData) {
		try {
			await UserSettings.setLargeValue('audioData', audioData);
			const alertTone = document.getElementById('alert-tone');
			alertTone.src = audioData;
			alertTone.hidden = false;
			document.getElementsByName('delete-sound')[0].hidden = false;
		} catch (error) {
			if (error.name === 'QuotaExceededError' || error.name === 'NS_ERROR_DOM_QUOTA_REACHED') {
				window.alert(_('ファイルサイズが大きいため、設定に失敗しました。\n\nエラーメッセージ:\n%s').replace('%s', error));
			} else {
				throw error;
			}
		}
	},

	/**
	 * 検索語句文字列を {@link SearchCriteria} に変換します。
	 * @param {string[]} words - 正規化済みの文字列。
	 * @returns {SearchCriteria[]}
	 */
	parseWords: function (words) {
		return words.map(function (word) {
			const searchCriteria = {
				plus: [],
				minus: [],
			};
			for (const value of Normalizer.unifyCases(word).split(' ')) {
				if (value.startsWith('-')) {
					searchCriteria.minus.push(value.slice(1));
				} else {
					searchCriteria.plus.push(value);
				}
			}
			return searchCriteria;
		});
	},

	/**
	 * バージョン5.0.0より前の除外IDをURLにします。
	 * @param {string[]} exclusions
	 * @returns {string[]}
	 */
	parseExclusions: function (exclusions) {
		return exclusions.map(this.parseExclusion).filter(url => url);
	},

	/**
	 * バージョン5.0.0より前の除外IDをURLにします。
	 * @param {string} exclusion
	 * @returns {?string}
	 */
	parseExclusion: function (exclusion) {
		let url = null;
		if (exclusion.startsWith('http')) {
			url = exclusion;
		} else {
			const result = /(?:co|ch)[1-9][0-9]*/.exec(exclusion);
			if (result) {
				url = 'http://com.nicovideo.jp/community/' + result[0];
			}
		}
		return url;
	},

	/**
	 * 検索対象のサービスを取得します。
	 * @returns {string[]}
	 */
	getTargetServices: function () {
		return Array.from(document.querySelectorAll('[name="target-services"]:checked'))
			.map(checkbox => checkbox.value);
	},

	/**
	 * 表示中の列を取得します。
	 * @returns {string[]}
	 */
	getShownColumns: function () {
		return Array.from(document.querySelectorAll('[name="visible-columns"]:checked'))
			.map(checkbox => checkbox.value);
	},

	/**
	 * 指定されたサービスを有効化し、それ以外を無効化します。
	 * @param {?string} version
	 * @param {string[]} services
	 */
	enableServices: function (version, services) {
		if (compareVersions(version, '5.3.0') === -1) {
			// version < 5.3.0
			services.push('fresh', 'whowatch', 'periscope');
		}

		for (const service of document.getElementsByName('target-services')) {
			if ((services.indexOf(service.value) !== -1) !== service.checked) {
				service.click();
			}
		}
	},

	/**
	 * 最後に検索結果の取得に成功にした日時を表示します。
	 * @param {Service} service
	 */
	showLatestUpdatedDate: function (service) {
		const date = new Date();
		const html = h`
			<time datetime="${date.toISOString()}">
				${date.toLocaleString()}
			</time>
		`;
		document.querySelector(`[name="target-services"][value="${service.id}"]`).closest('tr').cells[1]
			.innerHTML = html;
		document.querySelector('#programs tfoot tr:nth-of-type(1) td').innerHTML = h(_('%s 更新')).replace('%s', html);
	},

	/**
	 * 直近の例外を表示します。
	 * @param {Service} service
	 * @param {Error} error
	 */
	showLatestError: function (service, error) {
		let message = error.toString();
		if ('lineNumber' in error) {
			message += ` (${error.lineNumber}:${error.columnNumber})`;
		}
		const html = h`<pre>${message}</pre>`;
		document.querySelector(`[name="target-services"][value="${service.id}"]`).closest('tr').cells[2]
			.innerHTML = html;
		document.querySelector('#programs tfoot tr:nth-of-type(2) td').innerHTML = html;
	},

	/**
	 * 指定された列を表示し、それ以外を非表示にします。
	 * @param {?string} version
	 * @param {string[]} columns
	 * @returns {Promise.<void>}
	 */
	showColumns: async function (version, columns) {
		if (!version) {
			// 5.0.0 より前のバージョンの設定であれば
			columns.unshift('service');
			if (columns.indexOf('category') === -1) {
				columns.push('category');
			}
			await GM.setValue('visible-columns', JSON.stringify(columns));
		}

		for (const column of document.getElementsByName('visible-columns')) {
			if ((columns.indexOf(column.value) !== -1) !== column.checked) {
				column.click();
			}
		}
	},

	/**
	 * Firefox 23 からの仕様変更 (Bug 836263) により、UserScriptLoader.uc.js において {@link GM_setValue} で1MiB以上の
	 * データを保存できなくなったため、容量制限を超過したデータはローカルストレージに保存します。
	 * @param {string} name
	 * @param {(string|number|boolean)} value
	 * @returns {Promise.<(string|number|boolean)>}
	 * @see [GM_setValue size exception(1 * 1024 * 1024) · Issue #1 · Constellation/ldrfullfeed · GitHub]{@link https://github.com/Constellation/ldrfullfeed/issues/1}
	 */
	setLargeValue: async function (name, value) {
		await GM.setValue(name, value);
		if (await GM.getValue(name) !== value) {
			// 値が正しく設定されていなければ
			const item = this.getValuesFromLocalStorage();
			item[name] = value;
			window.localStorage.setItem(Alert.ID, JSON.stringify(item));
			await GM.deleteValue(name);
		}
		return value;
	},

	/**
	 * {@link UserSettings.setLargeValue} で保存したデータを取得します。
	 * @param {type} name
	 * @param {*} defaultValue
	 * @returns {Promise}
	 */
	getLargeValue: async function (name, defaultValue) {
		let value = await GM.getValue(name);
		if (value === undefined || value === null) {
			const item = this.getValuesFromLocalStorage();
			value = item[name];
		}
		return value === undefined ? defaultValue : value;
	},

	/**
	 * {@link UserSettings.setLargeValue} で保存したデータを削除します。
	 * @param {string} name
	 */
	deleteLargeValue: function (name) {
		GM.deleteValue(name);
		const item = this.getValuesFromLocalStorage();
		delete item[name];
		window.localStorage.setItem(Alert.ID, JSON.stringify(item));
	},

	/**
	 * {@link UserSettings.setLargeValue} {@link UserSettings.getLargeValue} {@link UserSettings.deleteLargeValue}
	 * から利用される、すべての設定値を取得する関数。
	 * @returns {Object.<(string|number|boolean)>}
	 * @acsess private
	 */
	getValuesFromLocalStorage: function () {
		let item = window.localStorage.getItem(Alert.ID);
		if (item) {
			try {
				item = JSON.parse(item);
			} catch (e) {
				item = {};
			}
		} else {
			item = {};
		}
		return item;
	},
};







async function main()
{
	/**
	 * ライブストリーミング配信サービスのリスト。
	 * @type {Service[]}
	 */
	Alert.services = [new Service({
		id: 'fc2-live',
		name: _('FC2ライブ'),
		url: 'http://live.fc2.com/',
		disabledSearch: true,
		disabledLanguageFilter: true,
		getDetails: function () {
			return {
				mode: 'no-cors',
				method: 'GET',
				url: 'https://live.fc2.com/contents/allchannellist.php',
				responseType: 'json',
			};
		},
		parseResponse: function (response) {
			return { programs: response.channel.filter(function (program) {
				return program.type !== 2 && program.login !== 2 && program.pay === 0;
			}) };
		},
		convertIntoEntry: function (program) {
			const url = 'http://live.fc2.com/' + program.id;
			return new Program(url, program.title, {
				icon: program.image,
				published: new Date(program.start.replace(' ', 'T') + '+09:00'),
				categories: program.category === 0
					? null
					: [['雑談', 'ゲーム', '作業', '動画', 'その他', null, '公式'][program.category - 1]],
				author: {
					name: program.name,
					url: url,
				},
				visitors: Number.parseInt(program.total),
				language: program.lang,
			});
		},
	}), new Service({
		id: 'showroom',
		name: _('SHOWROOM'),
		url: 'https://www.showroom-live.com/',
		disabledSearch: true,
		getDetails: function () {
			return {
				mode: 'no-cors',
				method: 'GET',
				url: 'https://www.showroom-live.com/onlive',
				responseType: 'document',
			};
		},
		parseResponse: function (response) {
			return { programs: response.getElementsByClassName('onlive-list-li') };
		},
		convertIntoEntry: function (program) {
			return new Program(
				program.getElementsByClassName('overview-link')[0].href,
				program.getElementsByClassName('tx-title')[0].textContent,
				{
					icon: program.getElementsByClassName('img-main')[0].dataset.src,
					published: DateUtils.parseJSTString(program.getElementsByClassName('time')[0].textContent),
					visitors: Number.parseInt(program.getElementsByClassName('view')[0].textContent),
				}
			);
		},
	}), new Service({
		id: 'stickam-japan',
		name: _('Stickam JAPAN!'),
		url: 'https://www.stickam.jp/',
		disabledSearch: true,
		getDetails: function () {
			return {
				mode: 'no-cors',
				method: 'GET',
				url: 'https://www.stickam.jp/explore/session?page=1',
				responseType: 'document',
			};
		},
		parseResponse: function (response, details) {
			const programs = {
				programs: Array.from(response.getElementsByClassName('col-md-3 col-sm-3'))
					.filter(program => !program.querySelector('#ad-name')),
			};
			const nextPage = response.querySelector('.pagination > li:last-of-type:not(.disabled) a');
			if (nextPage) {
				details.url = nextPage.href;
				programs.next = details;
			}
			return programs;
		},
		convertIntoEntry: function (program) {
			const userNameLink = program.getElementsByTagName('a')[0];
			return new Program(userNameLink.href, userNameLink.text, {
				icon: program.getElementsByClassName('embed-responsive-item')[0],
				private: Boolean(program.getElementsByClassName('status')[0]),
				published: DateUtils.parseJSTString(
					program.getElementsByClassName('post-info')[0].textContent.replace('~', '')
				),
				author: {
					name: userNameLink.text,
					url: userNameLink.href.replace('stickon#webcam', ''),
				},
				summary: program.getElementsByTagName('p')[0].textContent,
			});
		},
	}), new Service({
		id: 'twitcasting',
		name: _('ツイキャス'),
		url: 'https://twitcasting.tv/',
		disabledOr: true,
		disabledMinus: true,
		disabledLanguageFilter: true,
		getDetails: function (searchCriteria) {
			return {
				mode: 'no-cors',
				method: 'GET',
				url: 'https://twitcasting.tv/search/text/' + encodeURIComponent(searchCriteria.plus.join(' ')),
				responseType: 'document',
			};
		},
		parseResponse: function (response) {
			return { programs: response.querySelectorAll('#content > div:first-of-type td') };
		},
		convertIntoEntry: function (program) {
			const url = program.querySelector('.searcheduser a').href;
			const titleAndComments = /(.*?)(?: \((0|[1-9][0-9]*)\))?$/.exec(program.querySelector('.title a').text);
			const countryflag = program.getElementsByClassName('countryflag')[0];
			let language;
			switch (countryflag && countryflag.src) {
				case 'https://twitcasting.tv/img/c/us.gif':
					language = 'en';
					break;
				case 'https://twitcasting.tv/img/c/br.gif':
					language = 'pt';
					break;
				case 'https://twitcasting.tv/img/c/mx.gif':
					language = 'es';
					break;
				case 'https://twitcasting.tv/img/c/jp.gif':
					language = 'ja';
					break;
				default:
					language = 'und';
			}
			return new Program(url, titleAndComments[1], {
				icon: program.getElementsByClassName('icon32')[0].src,
				author: {
					name: program.getElementsByClassName('fullname')[0].textContent,
					url: url,
				},
				categories: Array.from(program.getElementsByClassName('tag'), function (anchor) {
					return anchor.text;
				}),
				summary: program.getElementsByClassName('userdesc')[0].textContent.trim(),
				comments: titleAndComments[2] ? Number.parseInt(titleAndComments[2]) : null,
				language: language,
			});
		},
	}), new Service({
		id: 'twitch',
		name: _('Twitch'),
		url: 'https://www.twitch.tv/',
		/**
		 * 検索結果の最大件数。
		 * @constant {number}
		 */
		MAX_RESULT_LENGTH: 100,
		/**
		 * 本スクリプトのクライアントID。
		 * @constant {string}
		 */
		CLIENT_ID: '240onlpbs6y5fwt92jj26i8bb4inszw',
		disabledOr: true,
		disabledMinus: true,
		disabledLanguageFilter: true,
		getDetails: function (searchCriteria) {
			return {
				mode: 'no-cors',
				method: 'GET',
				url: 'https://api.twitch.tv/kraken/search/streams?' + new URLSearchParams(
					{client_id: this.CLIENT_ID, limit: this.MAX_RESULT_LENGTH, q: searchCriteria.plus.join(' ')}
				),
				responseType: 'json',
			};
		},
		parseResponse: function (response) {
			return { programs: response.streams };
		},
		convertIntoEntry: function (program) {
			return new Program(program.channel.url, program.channel.status || 'Untitled Broadcast', {
				icon: program.channel.logo || program.channel.profile_banner,
				published: new Date(program.created_at),
				author: {
					name: program.channel.display_name,
					url: program.channel.url + '/profile',
				},
				categories: program.channel.game ? [program.channel.game] : null,
				visitors: program.viewers,
				language: program.channel.language,
			});
		},
	}), new Service({
		/**
		 * 検索結果の最大件数。
		 * @constant {number}
		 */
		MAX_RESULT_LENGTH: 100,
		id: 'niconico-live',
		name: _('ニコニコ生放送'),
		url: 'http://live.nicovideo.jp/',
		icon: 'http://nl.simg.jp/public/inc/assets/zero/img/base/favicon.ico',
		getDetails: function (words) {
			return {
				mode: 'no-cors',
				method: 'GET',
				responseType: 'json',
				url: 'http://api.search.nicovideo.jp/api/v2/live/contents/search?' + new URLSearchParams({
					q: words.map(searchCriteria => searchCriteria.plus[0]).join(' OR '),
					targets: ['title', 'tags', 'description'].join(),
					fields: [
						'contentId',        // ID
						'title',            // タイトル
						'memberOnly',       // プライベート
						'startTime',        // 開始時刻
						'communityIcon',    // コミュニティアイコン
						'tags',             // タグ
						'description',      // 詳細
						'communityId',      // コミュニティID
						'channelId',
						'viewCounter',
						'commentCounter',
					].join(),
					'filters[liveStatus][0]': 'onair',
					_sort: 'startTime',
					_limit: this.MAX_RESULT_LENGTH,
					_context: 'ニコ生アラート(簡)',
				}),
			};
		},
		parseResponse: function (response, details) {
			return { programs: response.data };
		},
		convertIntoEntry: function (program) {
			const otherDetails = {
				icon: program.communityIcon,
				private: Boolean(program.memberOnly),
				published: new Date(program.startTime),
				// <br /> タグを半角スペースに置き換え、他のタグは取り除く
				summary: program.description.replace(/<br( )\/>|<font[^>]+>|<\/?(?:font|b|i|s|u)>/g, '$1'),
				categories: program.tags && program.tags.split(' '),
				visitors: program.viewCounter,
				comments: program.commentCounter,
			};

			if (otherDetails.summary.includes('&')) {
				// 文字参照が含まれていれば
				otherDetails.summary
					= new DOMParser().parseFromString(otherDetails.summary, 'text/html').body.textContent;
			}

			if (program.communityId || program.channelId) {
				otherDetails.community = {
					name: program.communityId ? 'co' + program.communityId : 'ch' + program.channelId,
				};
				otherDetails.community.url = 'http://com.nicovideo.jp/community/' + otherDetails.community.name;
			}

			return new Program('http://live.nicovideo.jp/watch/' + program.contentId, program.title, otherDetails);
		},
		delay: 1 * DateUtils.MINUTES_TO_MILISECONDS,
	}), new Service({
		id: 'himawari-stream',
		name: _('ひまわりストリーム'),
		url: 'http://himast.in/',
		disabledSearch: true,
		getDetails: function () {
			return {
				mode: 'no-cors',
				method: 'GET',
				url: 'http://himast.in/?mode=program&cat=search&sort=st_start_date&st_status=1&rss=1',
				responseType: 'document',
			};
		},
		parseResponse: function (response) {
			return { programs: response.getElementsByTagName('item') };
		},
		convertIntoEntry: function (program) {
			const details = [];
			const description = new DOMParser().parseFromString(
				program.getElementsByTagName('description')[0].textContent,
				'text/html'
			);
			let summary;
			for (const node of description.getElementsByClassName('riRssContributor')[0].childNodes) {
				if (node.nodeType === Node.TEXT_NODE) {
					details.push([node.data.replace(/^\s+|:|:/g, '')]);
				} else if (node.localName === 'b') {
					details[details.length - 1][1] = node.textContent;
				} else {
					summary = node.nextSibling.data;
					break;
				}
			}

			return new Program(
				program.getElementsByTagName('link')[0].textContent,
				program.getElementsByTagName('title')[0].textContent,
				{
					icon: description.getElementsByTagName('img')[0].src,
					published: new Date(program.getElementsByTagName('pubDate')[0].textContent),
					author: {
						name: details.find(function (detail) {
							return detail[0] === '配信者';
						})[1],
					},
					summary: summary,
					visitors: Number.parseInt(details.find(function (detail) {
						return detail[0] === '延べ入場者数';
					})[1]),
					comments: Number.parseInt(details.find(function (detail) {
						return detail[0] === 'コメント数';
					})[1]),
				}
			);
		},
	}), new Service({
		id: 'fresh',
		name: _('FRESH! (AbemaTV)'),
		url: 'https://freshlive.tv/',
		icon: 'https://freshlive.tv/assets/1482283729/favicon.ico',
		/**
		 * 検索結果の最大件数。
		 * @constant {number}
		 */
		MAX_RESULT_LENGTH: 1000,
		disabledOr: true,
		disabledMinus: true,
		getDetails: function (searchCriteria) {
			return {
				mode: 'no-cors',
				method: 'GET',
				url: 'https://freshlive.tv/proxy/Searches;type=onairs'
					+ `;count=${this.MAX_RESULT_LENGTH};q=${encodeURIComponent(searchCriteria.plus.join(' '))}`,
				responseType: 'json',
			};
		},
		parseResponse: function (response) {
			return { programs: response.data.filter(program => program.paymentStatus === 'free') };
		},
		convertIntoEntry: function (program) {
			return new Program(program.permalink, program.title, {
				icon: program.channel.imageUrl,
				published: new Date(program.startAt),
				author: {
					name: program.channel.user.displayName,
				},
				categories: program.tags,
				summary: program.description,
				visitors: program.viewCount,
				comments: program.commentCount,
				community: {
					name: program.channel.title,
					url: program.channel.permalink,
				},
			});
		},
		delay: 1 * DateUtils.MINUTES_TO_MILISECONDS,
	}), new Service({
		id: 'whowatch',
		name: _('ふわっち'),
		url: 'https://whowatch.tv/',
		icon: 'https://whowatch.tv/image/favicon.ico',
		disabledSearch: true,
		getDetails: function () {
			return {
				mode: 'no-cors',
				method: 'GET',
				url: 'https://api.whowatch.tv/lives?category_id=0&list_type=new',
				responseType: 'json',
			};
		},
		parseResponse: function (response) {
			return { programs: response[0].new };
		},
		convertIntoEntry: function (program) {
			return new Program('https://whowatch.tv/viewer/' + program.id, program.title, {
				icon: program.user.icon_url,
				published: new Date(program.started_at),
				author: {
					name: program.user.name,
					url: 'https://whowatch.tv/profile/' + program.user.user_path,
				},
				visitors: program.total_view_count,
			});
		},
	}), new Service({
		id: 'periscope',
		name: _('Periscope (Twitter)'),
		url: 'https://www.periscope.tv/',
		disabledOr: true,
		disabledMinus: true,
		disabledLanguageFilter: true,
		getDetails: function (searchCriteria) {
			return {
				mode: 'no-cors',
				method: 'POST',
				url: 'https://api.periscope.tv/api/v2/broadcastSearchPublic',
				responseType: 'json',
				data: {search: searchCriteria.plus.join(' '), include_replay: false},
			};
		},
		parseResponse: function (response) {
			return { programs: response };
		},
		convertIntoEntry: function (program) {
			return new Program(`https://www.periscope.tv/${program.username}/${program.id}`, program.status, {
				icon: program.profile_image_url,
				published: new Date(program.start),
				author: {
					name: program.user_display_name,
					url: program.twitter_username && 'https://twitter.com/' + program.twitter_username,
				},
				categories: program.tags,
				visitors: program.n_total_watching,
				language: program.language,
			});
		},
		delay: 1 * DateUtils.MINUTES_TO_MILISECONDS,
	}), new Service({
		id: 'youtube-live',
		name: _('YouTube ライブ'),
		url: 'https://www.youtube.com/live',
		icon: 'https://i.ytimg.com/i/4R8DWoMoI7CAwX8_LjQHig/mq1.jpg',
		disabledOr: true,
		getDetails: function (word) {
			let query = word.plus.join(' ');
			if (word.minus.length > 0) {
				query += ' -' + word.minus.join(' -');
			}
			return {
				mode: 'no-cors',
				method: 'GET',
				url: 'https://www.youtube.com/results?'
					+ new URLSearchParams({filters: 'live', search_sort: 'video_date_uploaded', search_query: query}),
				responseType: 'document',
			};
		},
		parseResponse: function (response) {
			return { programs: response.getElementsByClassName('yt-lockup-dismissable') };
		},
		convertIntoEntry: function (program) {
			const anchor = program.querySelector('.yt-lockup-title a');
			const userAnchor = program.querySelector('.yt-lockup-byline a');
			const description = program.getElementsByClassName('yt-lockup-description')[0];
			const metaInfo = document.getElementsByClassName('yt-lockup-meta-info')[0];
			return new Program(anchor.href, anchor.title, {
				icon: program.querySelector('.yt-thumb img').src,
				author: {
					name: userAnchor.text,
					url: userAnchor.href,
				},
				summary: description ? description.textContent : null,
				visitors: metaInfo ? Number.parseInt(/[0-9]+/.exec(metaInfo)[0]) : null,
			});
		},
	}), new Service({
		/**
		 * 検索結果の最大件数。
		 * @constant {number}
		 */
		MAX_RESULT_LENGTH: 100,
		id: 'younow',
		name: _('YouNow'),
		url: 'https://www.younow.com/',
		disabledMinus: true,
		getDetails: function (words) {
			return {
				mode: 'cors',
				method: 'POST',
				url: 'https://qz0xcgubgq.algolia.io/1/indexes/*/queries',
				responseType: 'json',
				headers: {
					'X-Algolia-Application-Id': 'QZ0XCGUBGQ',
					'X-Algolia-API-Key': '7f270d4586d986ef69fb5bab5ecd7f741b5cb3f7042881112ed46c97b5e8404a',
					'X-Algolia-TagFilters': '(public)',
				},
				data: { requests: words.map(searchCriteria => ({
					indexName: 'people_search_live',
					params: new URLSearchParams(
						{hitsPerPage: this.MAX_RESULT_LENGTH, advancedSyntax: 1, query: searchCriteria.plus.join(' ')}
					).toString(),
				})) },
			};
		},
		parseResponse: function (response, details, words) {
			return { programs: Array.prototype.concat.apply([], response.results.map(function (result, index) {
				const programs = [];
				const searchCriteria = words[index];
				for (const program of result.hits) {
					if (program.tag === '') {
						break;
					}
					program.searchCriteria = searchCriteria;
					programs.push(program);
				}
				return programs;
			})) };
		},
		convertIntoEntry: function (program) {
			const url = 'https://www.younow.com/' + program.profile;

			return new Program(url, '#' + program.tag, {
				icon: 'https://cdn2.younow.com/php/api/channel/getImage/channelId=' + program.objectID,
				author: {
					name: program.firstName + ' ' + program.lastName,
					url: url,
				},
				categories: [program.tag],
				summary: program.description,
			}, program.searchCriteria);
		},
	}), new Service({
		id: 'livestream',
		name: _('Livestream'),
		url: 'https://livestream.com/watch/',
		icon: 'https://cdn.livestream.com/website/b0c04ce/assets/favicon.ico',
		/**
		 * 検索結果の最大件数。
		 * @constant {number}
		 */
		MAX_RESULT_LENGTH: 1000,
		getDetails: function (words) {
			return {
				mode: 'cors',
				method: 'POST',
				url: 'https://7kjecl120u-1.algolia.io/1/indexes/*/queries',
				responseType: 'json',
				data: {
					apiKey: '98f12273997c31eab6cfbfbe64f99d92',
					appID: '7KJECL120U',
					requests: words.map(searchCriteria => {
						let query = searchCriteria.plus.join(' ');
						if (searchCriteria.minus.length > 0) {
							query += ' -' + searchCriteria.minus.join(' -');
						}
						return {
							indexName: 'events',
							params: new URLSearchParams({
								hitsPerPage: this.MAX_RESULT_LENGTH,
								advancedSyntax: 1,
								facets: '*',
								facetFilters: '["is_live:1"]',
								query: query,
							}).toString(),
						};
					}),
				},
			};
		},
		parseResponse: function (response, details, words) {
			return { programs: Array.prototype.concat.apply([], response.results.map(function (result, index) {
				const searchCriteria = words[index];
				for (const program of result.hits) {
					program.searchCriteria = searchCriteria;
				}
				return result.hits;
			})) };
		},
		convertIntoEntry: function (program) {
			const tags = [];
			if (program.category_name !== 'No category') {
				tags.push(program.category_name);
			}
			if (program.subcategory_name) {
				tags.push(program.subcategory_name);
			}
			if (program.tags) {
				tags.concat(program.tags.split(','));
			}

			return new Program('https://livestream.com' + program.path, program.full_name, {
				icon: program.owner_logo ? program.owner_logo.thumbnail.url : null,
				private: Boolean(program.is_password_protected),
				published: new Date(program.start_time),
				author: {
					name: program.owner_account_full_name,
					url: 'https://livestream.com/accounts/' + program.owner_account_id,
				},
				categories: tags.length > 0 ? tags : null,
				visitors: program.concurrent_viewers_count,
				comments: program.live_video_post_comments_count,
			}, program.searchCriteria);
		},
	})];

	// ページタイトル
	document.title = Alert.NAME;

	// Favicon
	const icon = document.querySelector('[rel="icon"]');
	icon.href = Alert.ICON;
	document.head.append(icon);

	// 元のページ内容を削除
	document.getElementsByTagName('main')[0].remove();

	// ヘッダを修正
	for (const select of document.querySelectorAll('[href^="javascript:"]')) {
		select.target = '_self';
	}

	// リンク先を新しいタブで開く、スタイルの設定
	document.head.insertAdjacentHTML('beforeend', h`
		<base target="_blank" />

		<style>
			[aria-hidden="true"] {
				display: none;
			}

			main#${Alert.ID} {
				text-align: center;
				width: unset;
				margin: 1em;
			}
			main a:link {
				color: mediumblue;
			}
			main a:visited {
				color: midnightblue;
			}

			#page_header {
				display: none;
			}

			/*====================================
				表
			 */
			#programs {
				width: 100%;
			}
			#programs caption {
				display: none;
			}
			main tr {
				background: silver;
				border-width: 1px;
				border-style: solid none;
			}
			main thead th {
				white-space: nowrap;
			}

			#programs tbody {
				text-align: left;
				border-top: solid;
				border-bottom: solid;
			}

			/*------------------------------------
				ボタンの左右のマージン
			 */
			main button {
				margin-left: 0.2em;
				margin-right: 0.2em;
			}

			/*------------------------------------
				セル内容の右寄せ・改行禁止
			 */
			#programs [role="timer"],
			#programs [aria-live="off"] {
				text-align: right;
				white-space: nowrap;
			}

			/*------------------------------------
				行の背景色
			 */
			#programs tbody tr:nth-of-type(2n-1),
			#user-setting-options tbody tr:nth-of-type(2n-1),
			#programs tbody:not(.odd) + tfoot tr {
				background: white;
			}
			main tr td,
			main tr th {
				padding: 3px;
			}

			/*------------------------------------
				リンクでない文字列
			 */
			a:not(:link) {
				color: unset;
				text-decoration: unset;
			}

			/*------------------------------------
				番組のアイコン
			 */
			[itemtype="http://schema.org/VideoObject"] [itemprop="image"] {
				width: 64px;
			}

			/*------------------------------------
				取得失敗 / 空文字列 / 空白文字
			 */
			#programs .illegal {
				font-style: oblique;
			}

			/*------------------------------------
				項目の移動
			 */
			.inserting-before {
				border-left: solid lightskyblue thick;
			}
			.inserting-after {
				border-right: solid lightskyblue thick;
			}
			#main-settings {
				-moz-column-count: 2;       /* Firefox */
				column-count: 2;
			}
			#main-settings textarea {
				width: 100%;
				height: 20em;
			}

			/*------------------------------------
				検索語句の強調表示
			 */
			main mark {
				color: inherit;
				background: khaki;
			}

			/*------------------------------------
				省略記号の表示
			 */
			.ellipsis-left::before,
			.ellipsis-right::after {
				content: "…";
				color: dimgray;
			}
			.ellipsis-left::before {
				margin-right: 0.2em;
			}
			.ellipsis-right::after {
				margin-left: 0.2em;
			}
			.ellipsis-left::before {
				margin-right: 0.2em;
			}
			.ellipsis-right::after {
				margin-left: 0.2em;
			}

			/*------------------------------------
				Windows 版の Opera、Google Chrome における全文の表示
			 */
			main td {
				position: relative;
			}
			[data-title]:hover::after {
				content: attr(data-title);
				position: absolute;
				top: calc(100% + 0.2em);
				left: 1em;
				border: 1px solid dimgray;
				background: khaki;
				padding: 0.5em;
				opacity: 0.9;
				border-radius: 0.7em;
				z-index: 1;
			}

			/*------------------------------------
				ステータス
			 */
			#programs tfoot tr:first-of-type {
				border-bottom: none;
			}
			#programs tfoot tr:last-of-type {
				border-top: none;
			}

			/*------------------------------------
				ライブ配信サービス一覧
			 */
			#user-setting-options tr {
				background: whitesmoke;
			}
			#user-setting-options thead th {
				padding-right: 1em;
			}

			/*====================================
				追加設定ボックス
			 */
			#user-setting-options {
				display: flex;
				width: 100%;
				flex-direction: column;
				align-items: center;
			}
			#user-setting-options dt {
				margin-top: 2em;
				font-weight: bold;
			}
			#user-setting-options dd > * {
				text-align: left;
			}
			#user-setting-options > :last-of-type li {
				list-style: disc;
			}

			/*------------------------------------
				▲▼
			 */
			[aria-controls="user-setting-options"]::before {
				content: "▼";
				color: darkslategray;
				margin-right: 0.5em;
			}
			[aria-controls="user-setting-options"][aria-expanded="true"]::before {
				content: "▲";
			}
			#user-setting-options[aria-hidden="true"] {
				display: none;
			}

			/*====================================
				ライブ配信サービスのアイコン
			 */
			[itemtype="http://schema.org/Organization"] [itemprop="logo"],
			[itemtype="http://schema.org/BroadcastService"] [itemprop="image"] {
				width: 16px;
			}
		</style>
	`);

	// 挿入
	document.getElementById('page_header').insertAdjacentHTML('afterend', h`<main id="${Alert.ID}">
		<table id="programs">
			<caption>${_('検索ワードにヒットしたライブ配信番組')}</caption>
			<thead>
				<tr dropzone="move">
					<th id="service" title="${_('どのライブ配信サービスか')}" draggable="true">
					</th>
					<th id="thumbnail" title="${_('アイコン')}" draggable="true">
					</th>
					<th id="member_only" title="${_('プライベート配信か否か')}" draggable="true">
					</th>
					<th id="pubDate" title="${_('配信開始からの経過時間')}" data-sorted="asc" draggable="true">
						${_('経過')}
					</th>
					<th id="title" title="${_('番組のタイトル')}" draggable="true">
						${_('タイトル')}
					</th>
					<th id="category" title="${_('カテゴリ・タグ')}" draggable="true">
						${_('タグ')}
					</th>
					<th id="owner_name" title="${_('配信者の名前')}" draggable="true">
						${_('配信者')}
					</th>
					<th id="description" title="${_('説明文')}" draggable="true">
						${_('説明文')}
					</th>
					<th id="view" title="${_('来場者数')}" draggable="true">
						${_('来場')}
					</th>
					<th id="num_res" title="${_('総コメント数')}" draggable="true">
						${_('コメ数')}
					</th>
					<th id="community_name" title="${_('コミュニティ・チャンネル')}" draggable="true">
						${_('コミュニティ')}
					</th>
				</tr>
			</thead>
			<tbody aria-live="polite" aria-relevant="additions">
				<template>
					<tr itemscope="" itemtype="http://schema.org/VideoObject">
						<td itemprop="provider" itemscope="" itemtype="http://schema.org/Organization">
							<data itemprop="name" value="">
								<a itemprop="url">
									<img itemprop="logo" src="dummy" />
								</a>
							</data>
						</td>
						<td>
							<a itemprop="url"><img itemprop="image" src="dummy" hidden="" /></a>
						</td>
						<td>
							<data itemprop="requiresSubscription" value="false"></data>
						</td>
						<td role="timer">
							<time itemprop="duration" datetime="P365D" hidden=""></time>
						</td>
						<td>
							<data itemprop="name" value="">
								<a itemprop="url"></a>
							</data>
						</td>
						<td>
							<data itemprop="keywords" value="">
							</data>
						</td>
						<td itemprop="author" itemscope="" itemtype="http://schema.org/Person">
							<data itemprop="name" value="">
								<a itemprop="workLocation"></a>
							</data>
						</td>
						<td>
							<data itemprop="description" value="">
							</data>
						</td>
						<td aria-live="off" itemprop="interactionStatistic" itemscope=""
							itemtype="http://schema.org/InteractionCounter">
							<data itemprop="userInteractionCount" value="-1">
							</data>
						</td>
						<td aria-live="off">
							<data itemprop="commentCount" value="-1"></data>
						</td>
						<td itemprop="productionCompany" itemscope="" itemtype="http://schema.org/PerformingGroup">
							<data itemprop="name" value="">
								<a itemprop="url"></a>
							</data>
						</td>
					</tr>
				</template>
			</tbody>
			<tfoot>
				<tr>
					<td colspan="11" role="status"></td>
				</tr>
				<tr>
					<td colspan="11" role="status"></td>
				</tr>
			</tfoot>
		</table>
	</main>`);

	/**
	 * 番組を表示する表。
	 * @type {HTMLTableElement}
	 */
	const table = document.getElementById('programs');

	document.head.insertAdjacentHTML('beforeend', `<style>
		/*====================================
			列ごとの並べ替え
		 */
		#programs thead th:hover,
		#programs thead th:focus {
			cursor: pointer;
			background: gainsboro;
		}

		/*------------------------------------
			▲▼
		 */
		[data-sorted]::before {
			content: "▲";
			color: darkslategray;
			margin-right: 0.5em;
		}
		[data-sorted="desc"]::before {
			content: "▼";
		}
	</style>`);

	for (const th of Array.from(table.getElementsByTagName('th'))) {
		th.setAttribute('role', 'button');
		th.tabIndex = 0;
	}

	table.tHead.addEventListener('keydown', function (event) {
		if (event.key === ' ') {
			event.preventDefault();
		}
	});

	table.tHead.addEventListener('keyup', function (event) {
		if (event.key === 'Enter' || event.key === ' ') {
			TableProcessor.sort(event.target);
			event.target.blur();
		}
	});

	/**
	 * アプリケーション全体を内包する main 要素。
	 * @type {HTMLElement}
	 */
	const main = document.getElementById(Alert.ID);

	main.insertAdjacentHTML('beforeend', h`
		<dl id="main-settings">
			<dt>
				${_('検索語句')}
				<button name="save-searching-words" aria-controls="searching-words">${_('保存')}</button>
			</dt>
			<dd>
				<textarea name="searching-words" id="searching-words"></textarea>
			</dd>
			<dt>
				${_('除外するコミュニティ・チャンネルなどの URL')}
				<button name="save-ng-communities" aria-controls="ng-communities">${_('保存')}</button>
				<button name="sets-blacklist-uri">${_('除外 URL リストの取得先を設定')}</button></dt>
			<dd>
				<textarea name="ng-communities" id="ng-communities"></textarea>
			</dd>
		</dl>

		<audio id="alert-tone" controls="" preload="auto" hidden=""></audio>

		<button type="button" aria-expanded="false" aria-controls="user-setting-options">
			${_('追加設定ボックスの開閉')}
		</button>
		<dl id="user-setting-options" aria-hidden="true">
			<dt>${_('検索対象のライブ配信サービス')}</dt>
			<dd>
				<table>
					<thead>
						<tr>
							<th>${_('サービス名')}</th>
							<th>${_('最後に検索結果の取得に成功にした日時')}</th>
							<th>${_('直近のエラー')}</th>
						</tr>
					</thead>
					<tbody>` + Alert.services.map(function (service) {
						return h`<tr itemscope="" itemtype="http://schema.org/BroadcastService">
							<td>
								<label itemprop="name">
									<input name="target-services" value="${service.id}" type="checkbox">
									<img itemprop="image" src="${service.icon}" alt="" />
									${service.name}
								</label>
							</td>
							<td role="status">
							</td>
							<td role="status">
							</td>
						</tr>`;
					}).join('') + h`</tbody>
				</table>
			</dd>

			<dt>${_('表示する項目の設定')}</dt>
			<dd>
				<ul id="visible-columns">` + Array.from(main.getElementsByTagName('th')).map(function (th) {
					return h`<li>
						<label>
							<input name="visible-columns" value="${th.id}" aria-controls="${th.id}" type="checkbox"
								checked="">
							${_(th.title)}
						</label>
					</li>`;
				}).join('') + h`</ul>
			</dd>

			<dt>${_('その他の設定')}</dt>
			<dd>
				<ul>
					<li>
						<label>
							<input name="exclusionMemberOnly" type="checkbox">
							${_('プライベート配信を通知しない')}
						</label>
					</li>
					<li>
						<label>
							<input name="ellipsisTooLongRSSData" type="checkbox" checked="">
							${_('タイトル・キャプション・コミュニティ名が %d 文字を超えたら省略する')
								.replace('%d', UserSettings.MAX_VISIBLE_CHARACTERS)}
						</label>
					</li>
					<li>
						<label>
							<input name="languageFilter" type="checkbox" checked="">
							${_('言語で絞り込む (言語が取得可能なサービスのみ)')}
						</label>
					</li>
				</ul>
			</dd>

			<dt>${_('アラート音')}</dt>
			<dd>
				<button name="select-sound" type="button" aria-controls="alert-tone">${_('アラート音を選択')}</button>
				<button name="delete-sound" type="button" aria-controls="alert-tone" hidden="">
					${_('設定済みのアラート音を削除')}
				</button>
				<input hidden="" type="file" accept="audio/*" />
			</dd>

			<dt>${_('設定のインポートとエクスポート')}</dt>
			<dd>
				<button name="import" type="button">${_('JSONファイルからインポートする')}</button>
				<button name="export" type="button">${_('JSON形式でファイルにエクスポート')}</button>
			</dd>

			<dt></dt>
			<dd>
				<ul>
					<li>${_('項目名クリックで番組を昇順・降順に並べ替えることができます。')}</li>
					<li>${_('項目名をドラッグ&ドロップで列の位置を変更できます。')}</li>
					<li>${_('ユーザー名やコミュニティ名をテキストエリアにドラッグ&ドロップで除外 URL に指定できます。')}</li>
				</ul>
			</dd>
		</dl>
	`);

	/**
	 * 列IDのリスト。
	 * @type {string[]}
	 */
	const columnNames = Array.from(table.querySelectorAll('thead th')).map(th => th.id);

	/**
	 * 配信サービスのIDのリスト。
	 * @type {string[]}
	 */
	const serviceIds = Alert.services.map(service => service.id);

	/**
	 * ユーザー設定をインポートする際に利用するJSONスキーマ。
	 * @type {Object}
	 */
	UserSettings.schema = {
		type: 'object',
		properties: {
			version: {
				type: 'string',
			},
			words: {
				type: 'array',
				items: {
					type: 'string',
				},
			},
			NGs: {
				type: 'array',
				items: {
					type: 'string',
				},
			},
			NGsURI: {
				type: 'string',
			},
			order: {
				type: 'object',
				required: ['name', 'order'],
				properties: {
					name: {
						type: 'string',
						enum: columnNames,
					},
					order: {
						type: 'string',
						enum: ['asc', 'desc'],
					},
				},
				default: function () {
					const sortedTH = document.querySelector('#programs [data-sorted]');
					return {
						name: sortedTH.id,
						order: sortedTH.dataset.sorted,
					};
				}(),
			},
			'columns-position': {
				type: 'array',
				uniqueItems: true,
				items: {
					type: 'string',
					enum: columnNames,
				},
				default: columnNames,
			},
			'visible-columns': {
				type: 'array',
				uniqueItems: true,
				items: {
					type: 'string',
					enum: columnNames,
				},
				default: [
					'service', 'member_only', 'pubDate', 'title', 'category', 'owner_name', 'description',
					'view', 'num_res', 'community_name',
				],
			},
			'target-services': {
				type: 'array',
				uniqueItems: true,
				items: {
					type: 'string',
					enum: serviceIds.concat(['koebu-live', 'ustream', 'livetube']),
				},
				default: serviceIds.filter(
					serviceId => !['youtube-live', 'younow', 'livestream'].includes(serviceId)
				),
			},
			exclusionMemberOnly: {
				type: 'boolean',
				default: document.getElementsByName('exclusionMemberOnly')[0].checked,
			},
			ellipsisTooLongRSSData: {
				type: 'boolean',
				default: document.getElementsByName('ellipsisTooLongRSSData')[0].checked,
			},
			languageFilter: {
				type: 'boolean',
				default: document.getElementsByName('languageFilter')[0].checked,
			},
			audioMuted: {
				type: 'boolean',
				default: false,
			},
			audioVolume: {
				type: 'number',
				minimum: 0,
				maximum: 1,
				default: 1.0,
			},
			audioData: {
				type: 'string',
				pattern: '^data:(audio/[-_.0-9A-Za-z]+|video/ogg);base64,',
			},
		},
	};

	/**
	 * 設定保存時のバージョン番号。
	 * @type {?string}
	 */
	const version = await GM.getValue('version');

	// 検索語句
	let words = await GM.getValue('words');
	if (words) {
		words = JSON.parse(words);
		UserSettings.words = UserSettings.parseWords(words);
		document.getElementById('searching-words').value = words.join('\n') + '\n';
	}

	// 除外リスト
	let NGs = await GM.getValue('NGs');
	if (NGs) {
		NGs = JSON.parse(NGs);
		UserSettings.exclusions = UserSettings.parseExclusions(NGs);
		if (!version) {
			// 5.0.0 より前のバージョンの設定であれば
			await GM.setValue('NGs', JSON.stringify(UserSettings.exclusions));
		}
		document.getElementById('ng-communities').value = UserSettings.exclusions.join('\n') + '\n';
	}

	// 検索対象のサービス
	const targetServicesJSON = await GM.getValue('target-services');
	if (targetServicesJSON) {
		UserSettings.enableServices(version, JSON.parse(targetServicesJSON));
	} else {
		UserSettings.enableServices(GM.info.script.version, UserSettings.schema.properties['target-services'].default);
	}

	// プライベート配信・長い文字列の省略・言語
	for (const key of ['exclusionMemberOnly', 'ellipsisTooLongRSSData', 'languageFilter']) {
		const input = document.getElementsByName(key)[0];
		const savedValue = await GM.getValue(key);
		if (savedValue !== undefined && savedValue !== null) {
			input.checked = savedValue;
		}
	}

	/**
	 * アラート音を鳴らすための要素。
	 * @type {HTMLAudioElement}
	 */
	const alertTone = document.getElementById('alert-tone');

	// 音声ファイル
	const audioData = await UserSettings.getLargeValue('audioData');
	if (audioData) {
		alertTone.src = audioData;
		alertTone.hidden = false;
		document.getElementsByName('delete-sound')[0].hidden = false;
	}

	// ミュート
	if (await GM.getValue('audioMuted')) {
		alertTone.muted = true;
	}

	// 音量
	const audioVolume = await GM.getValue('audioVolume');
	if (audioVolume !== undefined && audioVolume !== null) {
		alertTone.volume = audioVolume;
	}

	// volumechangeイベント
	alertTone.addEventListener('volumechange', function (event) {
		if (event.target.muted) {
			GM.setValue('audioMuted', true);
		} else {
			GM.deleteValue('audioMuted');
		}

		if (event.target.volume === UserSettings.schema.properties.audioVolume.default) {
			GM.deleteValue('audioVolume');
		} else {
			GM.setValue('audioVolume', event.target.volume.toString());
		}
	});

	// clickイベント
	main.addEventListener('click', async function (event) {
		const target = event.target;
		const name = target.name;
		if (target.localName === 'button') {
			if (name === 'sets-blacklist-uri') {
				// 特定の URL から NG リストを読み込んで、検索時に付加
				const newURL = window.prompt(_('特定の URL から、除外 URL のリストを読み込み、検索時に付加します。') + '\n'
					+ _('JSON 形式の URL 文字列の配列のみ有効です。') + '\n'
					+ _('また、除外 URL リストの読み込みは、アラートページ読み込み時に1回だけ行われます。'), await GM.getValue('NGsURI', ''));
				if (newURL !== null) {
					GM.setValue('NGsURI', newURL);
				}
			} else if (name === 'import') {
				// インポート
				UserSettings.import();
			} else if (name === 'export') {
				// エクスポート
				UserSettings.export();
			} else if (name === 'select-sound') {
				// アラート音の選択
				document.querySelector('[accept="audio/*"]').click();
			} else if (name === 'delete-sound') {
				// 設定済みのアラート音の削除
				target.hidden = true;
				document.getElementById('alert-tone').hidden = true;
				document.querySelector('[accept="audio/*"]').src = '';
				UserSettings.deleteLargeValue('audioData');
			} else if (target.getAttribute('aria-controls') === 'user-setting-options') {
				// 追加設定ボックスの開閉
				const previousOpened = target.getAttribute('aria-expanded') === 'true';
				target.setAttribute('aria-expanded', previousOpened ? 'false' : 'true');
				document.getElementById('user-setting-options')
					.setAttribute('aria-hidden', previousOpened ? 'true' : 'false');
				target.scrollIntoView(!previousOpened);
				if (!previousOpened && !document.body.classList.contains('nofix')) {
					window.scrollBy(0, -document.getElementById('siteHeader').clientHeight);
				}
			} else if (name === 'save-searching-words' || name === 'save-ng-communities') {
				// 検索語句、検索から除外するユーザー・コミュニティ・チャンネルの保存
				// 二重クリックを防止
				target.disabled = true;

				/**
				 * 対応するテキストエリア。
				 * @type {string}
				 */
				const textarea = document.getElementById(target.getAttribute('aria-controls'));

				/**
				 * 前後の空白を削除したテキストエリアの値。
				 * @type {string}
				 */
				const trimedValue = textarea.value.trim();

				/**
				 * 正規化後、空行を含めずに改行で分割し、重複を削除した値。
				 * @type {string[]}
				 */
				const values = trimedValue === ''
					? []
					: Array.from(new Set(trimedValue.split(/\s*\n\s*/).map(Normalizer.normalize)));

				/**
				 * 検索語句の保存なら真。
				 * @type {boolean}
				 */
				const seavingWords = name === 'save-searching-words';

				/**
				 * {@link GM.setValue} に保存する値。
				 * @type {string[]}
				 */
				let savedValues;

				// 解析、キャッシュ、保存
				if (values.length > 0) {
					if (seavingWords) {
						// 検索語句
						savedValues = values;
						UserSettings.words = UserSettings.parseWords(values);
					} else {
						// 検索から除外するユーザー・コミュニティ・チャンネル
						savedValues = UserSettings.parseExclusions(values);
						UserSettings.exclusions = savedValues.concat(UserSettings.exclusionsFromExternal);
						// すでに表示している番組を非表示に
						TableProcessor.removeExclusions();
					}
				} else {
					savedValues = [];
				}

				/**
				 * テキストエリアに出力しなおす、正規化後の入力値。末尾に空行を含みます。
				 * @type {string}
				 */
				let outputValue;

				// 保存
				const gmValueName = seavingWords ? 'words' : 'NGs';
				if (savedValues.length > 0) {
					await GM.setValue(gmValueName, JSON.stringify(savedValues));
					outputValue = savedValues.join('\n') + '\n';
				} else {
					await GM.deleteValue(gmValueName);
					outputValue = '';
				}

				// テキストエリアに正規化後の文字列を出力
				if (textarea.value !== outputValue) {
					textarea.value = outputValue;
				}

				if (seavingWords) {
					Alert.restart();
				}

				// クリック禁止を解除
				target.disabled = false;
			}
		} else if (target.localName === 'th') {
			// 列ごとの並び替え
			TableProcessor.sort(target);
			event.target.blur();
		}
	});

	// changeイベント
	document.getElementById('user-setting-options').addEventListener('change', function (event) {
		const input = event.target;

		switch (input.name) {
			case 'visible-columns': {
				// 表示する項目の選択
				const th = document.getElementById(input.value);
				if (input.checked) {
					TableProcessor.showColumn(th);
				} else {
					TableProcessor.hideColumn(th);
				}
				GM.setValue('visible-columns', JSON.stringify(UserSettings.getShownColumns()));
				break;
			}

			case 'target-services':
				// 検索対象のサービスの選択
				if (input.checked) {
					Alert.enableService(input.value);
				} else {
					Alert.disableService(input.value);
				}
				GM.setValue('target-services', JSON.stringify(UserSettings.getTargetServices()));
				break;

			case 'exclusionMemberOnly':
				// プライベート配信の非表示
				if (input.checked) {
					TableProcessor.removePrivatePrograms();
					GM.setValue('exclusionMemberOnly', true);
				} else {
					GM.deleteValue('exclusionMemberOnly');
				}
				break;

			case 'ellipsisTooLongRSSData':
				// 文字数制限を超えている場合に省略
				if (input.checked) {
					GM.deleteValue('ellipsisTooLongRSSData');
				} else {
					GM.setValue('ellipsisTooLongRSSData', false);
				}
				break;

			case 'languageFilter':
				// 言語で絞り込み
				if (input.checked) {
					GM.deleteValue('languageFilter');
				} else {
					GM.setValue('languageFilter', false);
				}
				break;

			default:
				if (input.accept === 'audio/*') {
					// 音楽ファイルが選択された時
					const file = input.files[0];
					if (file) {
						const alertTone = document.getElementById('alert-tone');
						if (alertTone.canPlayType(file.type)) {
							const alertReader = new FileReader();
							alertReader.addEventListener('load', function (event) {
								UserSettings.setAudioData(event.target.result);
							});
							alertReader.readAsDataURL(file);
						} else {
							window.alert(_('使用中のブラウザが対応していないファイル形式です。'));
						}
					}
				}
		}
	});

	// ダブルクリックした検索語句・除外URLを新しいタブで開く
	document.getElementById('main-settings').addEventListener('dblclick', function (event) {
		const textarea = event.target;
		if (textarea.localName === 'textarea') {
			/**
			 * ダブルクリックされた位置。
			 * @type {number}
			 */
			const clickedPosition = textarea.selectionStart;

			// ダブルクリックされた行を取得
			const words = textarea.value;
			let beginSlice = words.lastIndexOf(
				'\n',
				words.slice(clickedPosition, clickedPosition + 1) === '\n' ? clickedPosition - 1 : clickedPosition
			);
			if (beginSlice === -1) {
				beginSlice = 0;
			}
			const endSlice = words.indexOf('\n', clickedPosition);
			const word = words.slice(beginSlice === -1 ? 0 : beginSlice, endSlice === -1 ? undefined : endSlice).trim();

			if (word) {
				const url = textarea.name === 'searching-words'
					? 'http://live.nicovideo.jp/search/' + encodeURIComponent(word)
					: UserSettings.parseExclusion(word);
				if (url) {
					window.open(url);
				}
			}
		}
	});

	/**
	 * 現在のドラッグイベント。
	 * @type {DragEvent}
	 */
	let draggingEvent;

	// 列の位置
	table.addEventListener('dragstart', function (event) {
		draggingEvent = event;
		if (event.target.localName === 'th' && document.querySelector('#programs thead tr').contains(event.target)) {
			event.dataTransfer.setData('Text', '');
			// 他のスクリプトを抑制
			event.stopPropagation();
		}
	});

	const headRow = document.querySelector('#programs thead tr');
	headRow.addEventListener('drag', function (event) {
		if (event.target.localName === 'th') {
			// 他のスクリプトを抑制
			event.stopPropagation();
		}
	});

	headRow.addEventListener('dragover', function (event) {
		if (draggingEvent.target.localName === 'th' && event.currentTarget.contains(draggingEvent.target)) {
			event.preventDefault();
			// 項目の移動先
			const className = event.pageX < event.target.offsetLeft + event.target.offsetWidth / 2
				? 'inserting-before'
				: 'inserting-after';
			if (!event.target.classList.contains(className)) {
				TableProcessor.removeOldClassName();
				event.target.classList.add(className);
			}
		}
	});

	headRow.addEventListener('dragleave', function (event) {
		if (draggingEvent.target.localName === 'th' && event.currentTarget.contains(draggingEvent.target)) {
			TableProcessor.removeOldClassName();
		}
	});

	main.addEventListener('drop', async function (event) {
		const row = event.currentTarget.querySelector('thead tr');
		if (draggingEvent.target.localName === 'th' && row.contains(draggingEvent.target)
			&& event.target.localName === 'th' && row.contains(event.target)) {
			// 項目を移動
			const refIndex = event.target.cellIndex + (event.target.classList.contains('inserting-before') ? 0 : 1);
			if (draggingEvent.target.cellIndex !== refIndex) {
				// 変更があれば
				TableProcessor.moveColumn(draggingEvent.target, refIndex);

				// 設定を保存
				await GM.setValue('columns-position', JSON.stringify(TableProcessor.getColumnPositions()));
			}

			event.target.classList.remove('inserting-before');
			event.target.classList.remove('inserting-after');
		} else if (event.target.name === 'ng-communities') {
			// NG コミュニティを追加
			event.preventDefault();

			// 他のスクリプトを阻害しないよう dragend イベントを発生させておく
			const init = {};
			for (const key in draggingEvent) {
				init[key] = draggingEvent[key];
			}
			draggingEvent.target.dispatchEvent(new DragEvent('dragend', init));

			event.target.value += '\n' + event.dataTransfer.getData('Text');
			document.getElementsByName('save-ng-communities')[0].click();
		}
	});

	// 列の位置
	const columnPositions = await GM.getValue('columns-position');
	if (columnPositions) {
		await TableProcessor.reflectColumnPositions(version, JSON.parse(columnPositions));
	}

	// 並び順
	let order = await GM.getValue('order');
	if (order) {
		order = JSON.parse(order);
		if (order.name !== UserSettings.schema.properties.order.default.name
			|| order.order !== UserSettings.schema.properties.order.default.order) {
			TableProcessor.sort(document.getElementById(order.name));
		} else {
			await GM.deleteValue('order');
		}
	}

	// 表示される列
	const visibleColumnsJSON = await GM.getValue('visible-columns');
	await UserSettings.showColumns(version, visibleColumnsJSON
		? JSON.parse(visibleColumnsJSON)
		: UserSettings.schema.properties['visible-columns'].default);

	// 現在のバージョン番号を保存
	await GM.setValue('version', GM.info.script.version);

	// 外部からの除外リスト取得
	const NGsURI = await GM.getValue('NGsURI');
	let preprocessing;
	if (NGsURI) {
		preprocessing = new HTTPRequest({
			method: 'GET',
			url: NGsURI,
			responseType: 'json',
			timeout: 30 * DateUtils.SECONDS_TO_MILISECONDS,
			mode: 'no-cors',
		}).send().then(function (response) {
			UserSettings.exclusionsFromExternal = UserSettings.parseExclusions(response);
			UserSettings.exclusions = UserSettings.exclusions.concat(UserSettings.exclusionsFromExternal);
		}).catch(function (error) {
			window.alert(_('指定された URL から、除外 URL リストを読み込めませんでした。\n取得せずに続行します。\n\nエラーメッセージ:\n%s').replace('%s', error));
		}).then();
	} else {
		preprocessing = Promise.resolve();
	}

	// 検索開始
	preprocessing.then(function () {
		Alert.initialize();
		Alert.restart();

		// 経過時間の定期的な更新
		TableProcessor.startUpdatingDurations();
	});
}

/**
 * アラートページのURL。
 * @type {string}
 */
const alertPageURL = 'https://live.nicovideo.jp/ranking?' + Alert.ID;

/**
 * v5.3.3までのアラートページのURL。
 * @type {string}
 */
const oldAlertPageURL = 'http://live.nicovideo.jp/alert/?' + Alert.ID;

if (location.href === oldAlertPageURL) {
	location.replace(alertPageURL);
} else if (location.href !== alertPageURL && location.href !== alertPageURL.replace('http://', 'https://')) {
	GM.registerMenuCommand(Alert.NAME, function () {
		GM.openInTab(alertPageURL);
	});
} else {
	startScript(
		main,
		parent => parent.localName === 'body',
		target => target.id === 'utility_link',
		() => document.getElementById('utility_link')
	);
}