API tools faq
paste
Guest User

Untitled

a guest
Apr 27th, 2025
611
1
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.46 KB | None | 1 0
raw download clone embed print report
  1. // ==UserScript==
  2. // @name Twitter Media Downloader
  3. // @name:ja Twitter Media Downloader
  4. // @name:zh-cn Twitter 媒体下载
  5. // @name:zh-tw Twitter 媒體下載
  6. // @description Save Video/Photo by One-Click.
  7. // @description:ja ワンクリックで動画・画像を保存する。
  8. // @description:zh-cn 一键保存视频/图片
  9. // @description:zh-tw 一鍵保存視頻/圖片
  10. // @version 1.27
  11. // @author AMANE
  12. // @namespace none
  13. // @match https://x.com/*
  14. // @match https://mobile.x.com/*
  15. // @grant GM_registerMenuCommand
  16. // @grant GM_setValue
  17. // @grant GM_getValue
  18. // @grant GM_download
  19. // @compatible Chrome
  20. // @compatible Firefox
  21. // @license MIT
  22. // @downloadURL https://update.greasyfork.org/scripts/423001/Twitter%20Media%20Downloader.user.js
  23. // @updateURL https://update.greasyfork.org/scripts/423001/Twitter%20Media%20Downloader.meta.js
  24. // ==/UserScript==
  25. /* jshint esversion: 8 */
  26.  
  27. const filename = 'twitter_{user-name}(@{user-id})_{date-time}_{status-id}_{file-type}';
  28.  
  29. const TMD = (function () {
  30. let lang, host, history, show_sensitive, is_tweetdeck;
  31. return {
  32. init: async function () {
  33. GM_registerMenuCommand((this.language[navigator.language] || this.language.en).settings, this.settings);
  34. lang = this.language[document.querySelector('html').lang] || this.language.en;
  35. host = location.hostname;
  36. is_tweetdeck = host.indexOf('tweetdeck') >= 0;
  37. history = this.storage_obsolete();
  38. if (history.length) {
  39. this.storage(history);
  40. this.storage_obsolete(true);
  41. } else history = await this.storage();
  42. show_sensitive = GM_getValue('show_sensitive', false);
  43. document.head.insertAdjacentHTML('beforeend', '<style>' + this.css + (show_sensitive ? this.css_ss : '') + '</style>');
  44. let observer = new MutationObserver(ms => ms.forEach(m => m.addedNodes.forEach(node => this.detect(node))));
  45. observer.observe(document.body, {childList: true, subtree: true});
  46. },
  47. detect: function(node) {
  48. let article = node.tagName == 'ARTICLE' && node || node.tagName == 'DIV' && (node.querySelector('article') || node.closest('article'));
  49. if (article) this.addButtonTo(article);
  50. let listitems = node.tagName == 'LI' && node.getAttribute('role') == 'listitem' && [node] || node.tagName == 'DIV' && node.querySelectorAll('li[role="listitem"]');
  51. if (listitems) this.addButtonToMedia(listitems);
  52. },
  53. addButtonTo: function (article) {
  54. if (article.dataset.detected) return;
  55. article.dataset.detected = 'true';
  56. let media_selector = [
  57. 'a[href*="/photo/1"]',
  58. 'div[role="progressbar"]',
  59. 'div[data-testid="playButton"]',
  60. 'a[href="/settings/content_you_see"]', //hidden content
  61. 'div.media-image-container', // for tweetdeck
  62. 'div.media-preview-container', // for tweetdeck
  63. 'div[aria-labelledby]>div:first-child>div[role="button"][tabindex="0"]' //for audio (experimental)
  64. ];
  65. let media = article.querySelector(media_selector.join(','));
  66. if (media) {
  67. let status_id = article.querySelector('a[href*="/status/"]').href.split('/status/').pop().split('/').shift();
  68. let btn_group = article.querySelector('div[role="group"]:last-of-type, ul.tweet-actions, ul.tweet-detail-actions');
  69. let btn_share = Array.from(btn_group.querySelectorAll(':scope>div>div, li.tweet-action-item>a, li.tweet-detail-action-item>a')).pop().parentNode;
  70. let btn_down = btn_share.cloneNode(true);
  71. if (is_tweetdeck) {
  72. btn_down.firstElementChild.innerHTML = '<svg viewBox="0 0 24 24" style="width: 18px; height: 18px;">' + this.svg + '</svg>';
  73. btn_down.firstElementChild.removeAttribute('rel');
  74. btn_down.classList.replace("pull-left", "pull-right");
  75. } else {
  76. btn_down.querySelector('svg').innerHTML = this.svg;
  77. }
  78. let is_exist = history.indexOf(status_id) >= 0;
  79. this.status(btn_down, 'tmd-down');
  80. this.status(btn_down, is_exist ? 'completed' : 'download', is_exist ? lang.completed : lang.download);
  81. btn_group.insertBefore(btn_down, btn_share.nextSibling);
  82. btn_down.onclick = () => this.click(btn_down, status_id, is_exist);
  83. if (show_sensitive) {
  84. let btn_show = article.querySelector('div[aria-labelledby] div[role="button"][tabindex="0"]:not([data-testid]) > div[dir] > span > span');
  85. if (btn_show) btn_show.click();
  86. }
  87. }
  88. let imgs = article.querySelectorAll('a[href*="/photo/"]');
  89. if (imgs.length > 1) {
  90. let status_id = article.querySelector('a[href*="/status/"]').href.split('/status/').pop().split('/').shift();
  91. let btn_group = article.querySelector('div[role="group"]:last-of-type');
  92. let btn_share = Array.from(btn_group.querySelectorAll(':scope>div>div')).pop().parentNode;
  93. imgs.forEach(img => {
  94. let index = img.href.split('/status/').pop().split('/').pop();
  95. let is_exist = history.indexOf(status_id) >= 0;
  96. let btn_down = document.createElement('div');
  97. btn_down.innerHTML = '<div><div><svg viewBox="0 0 24 24" style="width: 18px; height: 18px;">' + this.svg + '</svg></div></div>';
  98. btn_down.classList.add('tmd-down', 'tmd-img');
  99. this.status(btn_down, 'download');
  100. img.parentNode.appendChild(btn_down);
  101. btn_down.onclick = e => {
  102. e.preventDefault();
  103. this.click(btn_down, status_id, is_exist, index);
  104. }
  105. });
  106. }
  107. },
  108. addButtonToMedia: function(listitems) {
  109. listitems.forEach(li => {
  110. if (li.dataset.detected) return;
  111. li.dataset.detected = 'true';
  112. let status_id = li.querySelector('a[href*="/status/"]').href.split('/status/').pop().split('/').shift();
  113. let is_exist = history.indexOf(status_id) >= 0;
  114. let btn_down = document.createElement('div');
  115. btn_down.innerHTML = '<div><div><svg viewBox="0 0 24 24" style="width: 18px; height: 18px;">' + this.svg + '</svg></div></div>';
  116. btn_down.classList.add('tmd-down', 'tmd-media');
  117. this.status(btn_down, is_exist ? 'completed' : 'download', is_exist ? lang.completed : lang.download);
  118. li.appendChild(btn_down);
  119. btn_down.onclick = () => this.click(btn_down, status_id, is_exist);
  120. });
  121. },
  122. click: async function (btn, status_id, is_exist, index) {
  123. if (btn.classList.contains('loading')) return;
  124. this.status(btn, 'loading');
  125. let out = (await GM_getValue('filename', filename)).split('\n').join('');
  126. let save_history = await GM_getValue('save_history', true);
  127. let json = await this.fetchJson(status_id);
  128. let tweet = json.legacy;
  129. let user = json.core.user_results.result.legacy;
  130. let invalid_chars = {'\\': '＼', '\/': '／', '\|': '｜', '<': '＜', '>': '＞', ':': '：', '*': '＊', '?': '？', '"': '＂', '\u200b': '', '\u200c': '', '\u200d': '', '\u2060': '', '\ufeff': '', '🔞': ''};
  131. let datetime = out.match(/{date-time(-local)?:[^{}]+}/) ? out.match(/{date-time(?:-local)?:([^{}]+)}/)[1].replace(/[\\/|<>*?:"]/g, v => invalid_chars[v]) : 'YYYYMMDD-hhmmss';
  132. let info = {};
  133. info['status-id'] = status_id;
  134. info['user-name'] = user.name.replace(/([\\/|*?:"]|[\u200b-\u200d\u2060\ufeff]|🔞)/g, v => invalid_chars[v]);
  135. info['user-id'] = user.screen_name;
  136. info['date-time'] = this.formatDate(tweet.created_at, datetime);
  137. info['date-time-local'] = this.formatDate(tweet.created_at, datetime, true);
  138. info['full-text'] = tweet.full_text.split('\n').join(' ').replace(/\s*https:\/\/t\.co\/\w+/g, '').replace(/[\\/|<>*?:"]|[\u200b-\u200d\u2060\ufeff]/g, v => invalid_chars[v]);
  139. let medias = tweet.extended_entities && tweet.extended_entities.media;
  140. if (index) medias = [medias[index - 1]];
  141. if (medias.length > 0) {
  142. let tasks = medias.length;
  143. let tasks_result = [];
  144. medias.forEach((media, i) => {
  145. info.url = media.type == 'photo' ? media.media_url_https + ':orig' : media.video_info.variants.filter(n => n.content_type == 'video/mp4').sort((a, b) => b.bitrate - a.bitrate)[0].url;
  146. info.file = info.url.split('/').pop().split(/[:?]/).shift();
  147. info['file-name'] = info.file.split('.').shift();
  148. info['file-ext'] = info.file.split('.').pop();
  149. info['file-type'] = media.type.replace('animated_', '');
  150. info.out = (out.replace(/\.?{file-ext}/, '') + ((medias.length > 1 || index) && !out.match('{file-name}') ? '-' + (index ? index - 1 : i) : '') + '.{file-ext}').replace(/{([^{}:]+)(:[^{}]+)?}/g, (match, name) => info[name]);
  151. this.downloader.add({
  152. url: info.url,
  153. name: info.out,
  154. onload: () => {
  155. tasks -= 1;
  156. tasks_result.push(((medias.length > 1 || index) ? (index ? index : i + 1) + ': ' : '') + lang.completed);
  157. this.status(btn, null, tasks_result.sort().join('\n'));
  158. if (tasks === 0) {
  159. this.status(btn, 'completed', lang.completed);
  160. if (save_history && !is_exist) {
  161. history.push(status_id);
  162. this.storage(status_id);
  163. }
  164. }
  165. },
  166. onerror: result => {
  167. tasks = -1;
  168. tasks_result.push((medias.length > 1 ? i + 1 + ': ' : '') + result.details.current);
  169. this.status(btn, 'failed', tasks_result.sort().join('\n'));
  170. }
  171. });
  172. });
  173. } else {
  174. this.status(btn, 'failed', 'MEDIA_NOT_FOUND');
  175. }
  176. },
  177. status: function (btn, css, title, style) {
  178. if (css) {
  179. btn.classList.remove('download', 'completed', 'loading', 'failed');
  180. btn.classList.add(css);
  181. }
  182. if (title) btn.title = title;
  183. if (style) btn.style.cssText = style;
  184. },
  185. settings: async function () {
  186. const $element = (parent, tag, style, content, css) => {
  187. let el = document.createElement(tag);
  188. if (style) el.style.cssText = style;
  189. if (typeof content !== 'undefined') {
  190. if (tag == 'input') {
  191. if (content == 'checkbox') el.type = content;
  192. else el.value = content;
  193. } else el.innerHTML = content;
  194. }
  195. if (css) css.split(' ').forEach(c => el.classList.add(c));
  196. parent.appendChild(el);
  197. return el;
  198. };
  199. let wapper = $element(document.body, 'div', 'position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #0009; z-index: 10;');
  200. let wapper_close;
  201. wapper.onmousedown = e => {
  202. wapper_close = e.target == wapper;
  203. };
  204. wapper.onmouseup = e => {
  205. if (wapper_close && e.target == wapper) wapper.remove();
  206. };
  207. let dialog = $element(wapper, 'div', 'position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: fit-content; width: -moz-fit-content; background-color: #f3f3f3; border: 1px solid #ccc; border-radius: 10px; color: black;');
  208. let title = $element(dialog, 'h3', 'margin: 10px 20px;', lang.dialog.title);
  209. let options = $element(dialog, 'div', 'margin: 10px; border: 1px solid #ccc; border-radius: 5px;');
  210. let save_history_label = $element(options, 'label', 'display: block; margin: 10px;', lang.dialog.save_history);
  211. let save_history_input = $element(save_history_label, 'input', 'float: left;', 'checkbox');
  212. save_history_input.checked = await GM_getValue('save_history', true);
  213. save_history_input.onchange = () => {
  214. GM_setValue('save_history', save_history_input.checked);
  215. }
  216. let clear_history = $element(save_history_label, 'label', 'display: inline-block; margin: 0 10px; color: blue;', lang.dialog.clear_history);
  217. clear_history.onclick = () => {
  218. if (confirm(lang.dialog.clear_confirm)) {
  219. history = [];
  220. GM_setValue('download_history', []);
  221. }
  222. };
  223. let show_sensitive_label = $element(options, 'label', 'display: block; margin: 10px;', lang.dialog.show_sensitive);
  224. let show_sensitive_input = $element(show_sensitive_label, 'input', 'float: left;', 'checkbox');
  225. show_sensitive_input.checked = await GM_getValue('show_sensitive', false);
  226. show_sensitive_input.onchange = () => {
  227. show_sensitive = show_sensitive_input.checked;
  228. GM_setValue('show_sensitive', show_sensitive);
  229. };
  230. let filename_div = $element(dialog, 'div', 'margin: 10px; border: 1px solid #ccc; border-radius: 5px;');
  231. let filename_label = $element(filename_div, 'label', 'display: block; margin: 10px 15px;', lang.dialog.pattern);
  232. let filename_input = $element(filename_label, 'textarea', 'display: block; min-width: 500px; max-width: 500px; min-height: 100px; font-size: inherit; background: white; color: black;', await GM_getValue('filename', filename));
  233. let filename_tags = $element(filename_div, 'label', 'display: table; margin: 10px;', `
  234. <span class="tmd-tag" title="user name">{user-name}</span>
  235. <span class="tmd-tag" title="The user name after @ sign.">{user-id}</span>
  236. <span class="tmd-tag" title="example: 1234567890987654321">{status-id}</span>
  237. <span class="tmd-tag" title="{date-time} : Posted time in UTC.\n{date-time-local} : Your local time zone.\n\nDefault:\nYYYYMMDD-hhmmss => 20201231-235959\n\nExample of custom:\n{date-time:DD-MMM-YY hh.mm} => 31-DEC-21 23.59">{date-time}</span><br>
  238. <span class="tmd-tag" title="Text content in tweet.">{full-text}</span>
  239. <span class="tmd-tag" title="Type of &#34;video&#34; or &#34;photo&#34; or &#34;gif&#34;.">{file-type}</span>
  240. <span class="tmd-tag" title="Original filename from URL.">{file-name}</span>
  241. `);
  242. filename_input.selectionStart = filename_input.value.length;
  243. filename_tags.querySelectorAll('.tmd-tag').forEach(tag => {
  244. tag.onclick = () => {
  245. let ss = filename_input.selectionStart;
  246. let se = filename_input.selectionEnd;
  247. filename_input.value = filename_input.value.substring(0, ss) + tag.innerText + filename_input.value.substring(se);
  248. filename_input.selectionStart = ss + tag.innerText.length;
  249. filename_input.selectionEnd = ss + tag.innerText.length;
  250. filename_input.focus();
  251. };
  252. });
  253. let btn_save = $element(title, 'label', 'float: right;', lang.dialog.save, 'tmd-btn');
  254. btn_save.onclick = async () => {
  255. await GM_setValue('filename', filename_input.value);
  256. wapper.remove();
  257. };
  258. },
  259. fetchJson: async function (status_id) {
  260. let base_url = `https://${host}/i/api/graphql/2ICDjqPd81tulZcYrtpTuQ/TweetResultByRestId`;
  261. let variables = {
  262. // "focalTweetId":status_id,
  263. "tweetId":status_id,
  264. "with_rux_injections":false,
  265. "includePromotedContent":true,
  266. "withCommunity":true,
  267. "withQuickPromoteEligibilityTweetFields":true,
  268. "withBirdwatchNotes":true,
  269. "withVoice":true,
  270. "withV2Timeline":true
  271. };
  272. let features = {
  273. "articles_preview_enabled":true,
  274. "c9s_tweet_anatomy_moderator_badge_enabled":true,
  275. "communities_web_enable_tweet_community_results_fetch":false,
  276. "creator_subscriptions_quote_tweet_preview_enabled":false,
  277. "creator_subscriptions_tweet_preview_api_enabled":false,
  278. "freedom_of_speech_not_reach_fetch_enabled":true,
  279. "graphql_is_translatable_rweb_tweet_is_translatable_enabled":true,
  280. "longform_notetweets_consumption_enabled":false,
  281. "longform_notetweets_inline_media_enabled":true,
  282. "longform_notetweets_rich_text_read_enabled":false,
  283. "premium_content_api_read_enabled":false,
  284. "profile_label_improvements_pcf_label_in_post_enabled":true,
  285. "responsive_web_edit_tweet_api_enabled":false,
  286. "responsive_web_enhance_cards_enabled":false,
  287. "responsive_web_graphql_exclude_directive_enabled":false,
  288. "responsive_web_graphql_skip_user_profile_image_extensions_enabled":false,
  289. "responsive_web_graphql_timeline_navigation_enabled":false,
  290. "responsive_web_grok_analysis_button_from_backend":false,
  291. "responsive_web_grok_analyze_button_fetch_trends_enabled":false,
  292. "responsive_web_grok_analyze_post_followups_enabled":false,
  293. "responsive_web_grok_image_annotation_enabled":false,
  294. "responsive_web_grok_share_attachment_enabled":false,
  295. "responsive_web_grok_show_grok_translated_post":false,
  296. "responsive_web_jetfuel_frame":false,
  297. "responsive_web_media_download_video_enabled":false,
  298. "responsive_web_twitter_article_tweet_consumption_enabled":true,
  299. "rweb_tipjar_consumption_enabled":true,
  300. "rweb_video_screen_enabled":false,
  301. "standardized_nudges_misinfo":true,
  302. "tweet_awards_web_tipping_enabled":false,
  303. "tweet_with_visibility_results_prefer_gql_limited_actions_policy_enabled":true,
  304. "tweetypie_unmention_optimization_enabled":false,
  305. "verified_phone_label_enabled":false,
  306. "view_counts_everywhere_api_enabled":true,
  307. };
  308. let url = encodeURI(`${base_url}?variables=${JSON.stringify(variables)}&features=${JSON.stringify(features)}`);
  309. let cookies = this.getCookie();
  310. let headers = {
  311. 'authorization': 'Bearer AAAAAAAAAAAAAAAAAAAAANRILgAAAAAAnNwIzUejRCOuH5E6I8xnZz4puTs%3D1Zv7ttfk8LF81IUq16cHjhLTvJu4FA33AGWWjCpTnA',
  312. 'x-twitter-active-user': 'yes',
  313. 'x-twitter-client-language': cookies.lang,
  314. 'x-csrf-token': cookies.ct0
  315. };
  316. if (cookies.ct0.length == 32) headers['x-guest-token'] = cookies.gt;
  317. let tweet_detail = await fetch(url, {headers: headers}).then(result => result.json());
  318. //let tweet_entrie = tweet_detail.data.threaded_conversation_with_injections_v2.instructions[0].entries.find(n => n.entryId == `tweet-${status_id}`);
  319. //let tweet_result = tweet_entrie.content.itemContent.tweet_results.result;
  320. let tweet_result = tweet_detail.data.tweetResult.result;
  321. return tweet_result.tweet || tweet_result;
  322. },
  323. getCookie: function (name) {
  324. let cookies = {};
  325. document.cookie.split(';').filter(n => n.indexOf('=') > 0).forEach(n => {
  326. n.replace(/^([^=]+)=(.+)$/, (match, name, value) => {
  327. cookies[name.trim()] = value.trim();
  328. });
  329. });
  330. return name ? cookies[name] : cookies;
  331. },
  332. storage: async function (value) {
  333. let data = await GM_getValue('download_history', []);
  334. let data_length = data.length;
  335. if (value) {
  336. if (Array.isArray(value)) data = data.concat(value);
  337. else if (data.indexOf(value) < 0) data.push(value);
  338. } else return data;
  339. if (data.length > data_length) GM_setValue('download_history', data);
  340. },
  341. storage_obsolete: function (is_remove) {
  342. let data = JSON.parse(localStorage.getItem('history') || '[]');
  343. if (is_remove) localStorage.removeItem('history');
  344. else return data;
  345. },
  346. formatDate: function (i, o, tz) {
  347. let d = new Date(i);
  348. if (tz) d.setMinutes(d.getMinutes() - d.getTimezoneOffset());
  349. let m = ['JAN','FEB','MAR','APR','MAY','JUN','JUL','AUG','SEP','OCT','NOV','DEC'];
  350. let v = {
  351. YYYY: d.getUTCFullYear().toString(),
  352. YY: d.getUTCFullYear().toString(),
  353. MM: d.getUTCMonth() + 1,
  354. MMM: m[d.getUTCMonth()],
  355. DD: d.getUTCDate(),
  356. hh: d.getUTCHours(),
  357. mm: d.getUTCMinutes(),
  358. ss: d.getUTCSeconds(),
  359. h2: d.getUTCHours() % 12,
  360. ap: d.getUTCHours() < 12 ? 'AM' : 'PM'
  361. };
  362. return o.replace(/(YY(YY)?|MMM?|DD|hh|mm|ss|h2|ap)/g, n => ('0' + v[n]).substr(-n.length));
  363. },
  364. downloader: (function () {
  365. let tasks = [], thread = 0, max_thread = 2, retry = 0, max_retry = 2, failed = 0, notifier, has_failed = false;
  366. return {
  367. add: function (task) {
  368. tasks.push(task);
  369. if (thread < max_thread) {
  370. thread += 1;
  371. this.next();
  372. } else this.update();
  373. },
  374. next: async function () {
  375. let task = tasks.shift();
  376. await this.start(task);
  377. if (tasks.length > 0 && thread <= max_thread) this.next();
  378. else thread -= 1;
  379. this.update();
  380. },
  381. start: function (task) {
  382. this.update();
  383. return new Promise(resolve => {
  384. GM_download({
  385. url: task.url,
  386. name: task.name,
  387. onload: result => {
  388. task.onload();
  389. resolve();
  390. },
  391. onerror: result => {
  392. this.retry(task, result);
  393. resolve();
  394. },
  395. ontimeout: result => {
  396. this.retry(task, result);
  397. resolve();
  398. }
  399. });
  400. });
  401. },
  402. retry: function (task, result) {
  403. retry += 1;
  404. if (retry == 3) max_thread = 1;
  405. if (task.retry && task.retry >= max_retry ||
  406. result.details && result.details.current == 'USER_CANCELED') {
  407. task.onerror(result);
  408. failed += 1;
  409. } else {
  410. if (max_thread == 1) task.retry = (task.retry || 0) + 1;
  411. this.add(task);
  412. }
  413. },
  414. update: function() {
  415. if (!notifier) {
  416. notifier = document.createElement('div');
  417. notifier.title = 'Twitter Media Downloader';
  418. notifier.classList.add('tmd-notifier');
  419. notifier.innerHTML = '<label>0</label>|<label>0</label>';
  420. document.body.appendChild(notifier);
  421. }
  422. if (failed > 0 && !has_failed) {
  423. has_failed = true;
  424. notifier.innerHTML += '|';
  425. let clear = document.createElement('label');
  426. notifier.appendChild(clear);
  427. clear.onclick = () => {
  428. notifier.innerHTML = '<label>0</label>|<label>0</label>';
  429. failed = 0;
  430. has_failed = false;
  431. this.update();
  432. };
  433. }
  434. notifier.firstChild.innerText = thread;
  435. notifier.firstChild.nextElementSibling.innerText = tasks.length;
  436. if (failed > 0) notifier.lastChild.innerText = failed;
  437. if (thread > 0 || tasks.length > 0 || failed > 0) notifier.classList.add('running');
  438. else notifier.classList.remove('running');
  439. }
  440. };
  441. })(),
  442. language: {
  443. en: {download: 'Download', completed: 'Download Completed', settings: 'Settings', dialog: {title: 'Download Settings', save: 'Save', save_history: 'Remember download history', clear_history: '(Clear)', clear_confirm: 'Clear download history?', show_sensitive: 'Always show sensitive content', pattern: 'File Name Pattern'}},
  444. ja: {download: 'ダウンロード', completed: 'ダウンロード完了', settings: '設定', dialog: {title: 'ダウンロード設定', save: '保存', save_history: 'ダウンロード履歴を保存する', clear_history: '(クリア)', clear_confirm: 'ダウンロード履歴を削除する？', show_sensitive: 'センシティブな内容を常に表示する', pattern: 'ファイル名パターン'}},
  445. zh: {download: '下载', completed: '下载完成', settings: '设置', dialog: {title: '下载设置', save: '保存', save_history: '保存下载记录', clear_history: '(清除)', clear_confirm: '确认要清除下载记录？', show_sensitive: '自动显示敏感的内容', pattern: '文件名格式'}},
  446. 'zh-Hant': {download: '下載', completed: '下載完成', settings: '設置', dialog: {title: '下載設置', save: '保存', save_history: '保存下載記錄', clear_history: '(清除)', clear_confirm: '確認要清除下載記錄？', show_sensitive: '自動顯示敏感的内容', pattern: '文件名規則'}}
  447. },
  448. css: `
  449. .tmd-down {margin-left: 12px; order: 99;}
  450. .tmd-down:hover > div > div > div > div {color: rgba(29, 161, 242, 1.0);}
  451. .tmd-down:hover > div > div > div > div > div {background-color: rgba(29, 161, 242, 0.1);}
  452. .tmd-down:active > div > div > div > div > div {background-color: rgba(29, 161, 242, 0.2);}
  453. .tmd-down:hover svg {color: rgba(29, 161, 242, 1.0);}
  454. .tmd-down:hover div:first-child:not(:last-child) {background-color: rgba(29, 161, 242, 0.1);}
  455. .tmd-down:active div:first-child:not(:last-child) {background-color: rgba(29, 161, 242, 0.2);}
  456. .tmd-down.tmd-media {position: absolute; right: 0;}
  457. .tmd-down.tmd-media > div {display: flex; border-radius: 99px; margin: 2px;}
  458. .tmd-down.tmd-media > div > div {display: flex; margin: 6px; color: #fff;}
  459. .tmd-down.tmd-media:hover > div {background-color: rgba(255,255,255, 0.6);}
  460. .tmd-down.tmd-media:hover > div > div {color: rgba(29, 161, 242, 1.0);}
  461. .tmd-down.tmd-media:not(:hover) > div > div {filter: drop-shadow(0 0 1px #000);}
  462. .tmd-down g {display: none;}
  463. .tmd-down.download g.download, .tmd-down.completed g.completed, .tmd-down.loading g.loading,.tmd-down.failed g.failed {display: unset;}
  464. .tmd-down.loading svg {animation: spin 1s linear infinite;}
  465. @keyframes spin {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}
  466. .tmd-btn {display: inline-block; background-color: #1DA1F2; color: #FFFFFF; padding: 0 20px; border-radius: 99px;}
  467. .tmd-tag {display: inline-block; background-color: #FFFFFF; color: #1DA1F2; padding: 0 10px; border-radius: 10px; border: 1px solid #1DA1F2; font-weight: bold; margin: 5px;}
  468. .tmd-btn:hover {background-color: rgba(29, 161, 242, 0.9);}
  469. .tmd-tag:hover {background-color: rgba(29, 161, 242, 0.1);}
  470. .tmd-notifier {display: none; position: fixed; left: 16px; bottom: 16px; color: #000; background: #fff; border: 1px solid #ccc; border-radius: 8px; padding: 4px;}
  471. .tmd-notifier.running {display: flex; align-items: center;}
  472. .tmd-notifier label {display: inline-flex; align-items: center; margin: 0 8px;}
  473. .tmd-notifier label:before {content: " "; width: 32px; height: 16px; background-position: center; background-repeat: no-repeat;}
  474. .tmd-notifier label:nth-child(1):before {background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 viewBox=%220 0 24 24%22><path d=%22M3,14 v5 q0,2 2,2 h14 q2,0 2,-2 v-5 M7,10 l4,4 q1,1 2,0 l4,-4 M12,3 v11%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%222%22 stroke-linecap=%22round%22 /></svg>");}
  475. .tmd-notifier label:nth-child(2):before {background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 viewBox=%220 0 24 24%22><path d=%22M12,2 a1,1 0 0 1 0,20 a1,1 0 0 1 0,-20 M12,5 v7 h6%22 fill=%22none%22 stroke=%22%23999%22 stroke-width=%222%22 stroke-linejoin=%22round%22 stroke-linecap=%22round%22 /></svg>");}
  476. .tmd-notifier label:nth-child(3):before {background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 viewBox=%220 0 24 24%22><path d=%22M12,0 a2,2 0 0 0 0,24 a2,2 0 0 0 0,-24%22 fill=%22%23f66%22 stroke=%22none%22 /><path d=%22M14.5,5 a1,1 0 0 0 -5,0 l0.5,9 a1,1 0 0 0 4,0 z M12,17 a2,2 0 0 0 0,5 a2,2 0 0 0 0,-5%22 fill=%22%23fff%22 stroke=%22none%22 /></svg>");}
  477. .tmd-down.tmd-img {position: absolute; right: 0; bottom: 0; display: none !important;}
  478. .tmd-down.tmd-img > div {display: flex; border-radius: 99px; margin: 2px; background-color: rgba(255,255,255, 0.6);}
  479. .tmd-down.tmd-img > div > div {display: flex; margin: 6px; color: #fff !important;}
  480. .tmd-down.tmd-img:not(:hover) > div > div {filter: drop-shadow(0 0 1px #000);}
  481. .tmd-down.tmd-img:hover > div > div {color: rgba(29, 161, 242, 1.0);}
  482. :hover > .tmd-down.tmd-img, .tmd-img.loading, .tmd-img.completed, .tmd-img.failed {display: block !important;}
  483. .tweet-detail-action-item {width: 20% !important;}
  484. `,
  485. css_ss: `
  486. /* show sensitive in media tab */
  487. li[role="listitem"]>div>div>div>div:not(:last-child) {filter: none;}
  488. li[role="listitem"]>div>div>div>div+div:last-child {display: none;}
  489. `,
  490. svg: `
  491. <g class="download"><path d="M3,14 v5 q0,2 2,2 h14 q2,0 2,-2 v-5 M7,10 l4,4 q1,1 2,0 l4,-4 M12,3 v11" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" /></g>
  492. <g class="completed"><path d="M3,14 v5 q0,2 2,2 h14 q2,0 2,-2 v-5 M7,10 l3,4 q1,1 2,0 l8,-11" fill="none" stroke="#1DA1F2" stroke-width="2" stroke-linecap="round" /></g>
  493. <g class="loading"><circle cx="12" cy="12" r="10" fill="none" stroke="#1DA1F2" stroke-width="4" opacity="0.4" /><path d="M12,2 a10,10 0 0 1 10,10" fill="none" stroke="#1DA1F2" stroke-width="4" stroke-linecap="round" /></g>
  494. <g class="failed"><circle cx="12" cy="12" r="11" fill="#f33" stroke="currentColor" stroke-width="2" opacity="0.8" /><path d="M14,5 a1,1 0 0 0 -4,0 l0.5,9.5 a1.5,1.5 0 0 0 3,0 z M12,17 a2,2 0 0 0 0,4 a2,2 0 0 0 0,-4" fill="#fff" stroke="none" /></g>
  495. `
  496. };
  497. })();
  498.  
  499. TMD.init();
  500.  
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!