Download images, videos, and GIFs from X/Twitter with one click, and save them with user ID and post ID in default settings. You can customize the filenames of downloaded files. On Android/iPhone, all attached media can be downloaded at once via a ZIP archive. Download history is synced with bookmarks. Additionally, you can optionally synchronize your download history online using the X/Twitter bookmark feature.
// ==UserScript== // @name X/Twitter メディア一括ダウンローダー（iPhone/Android 対応) // @name:en One-Click X/Twitter Media Downloader (Android/iPhone support) // @name:zh-CN X/Twitter 媒体批量下载器 (支持 iPhone/Android) // @name:zh-TW X/Twitter 媒體批量下載器 (支援 iPhone/Android) // @version 1.4.5 // @description X/Twitterの画像や動画、GIFをワンクリックでダウンロードして、デフォルトの設定ではユーザーIDとポストIDで保存します。ダウンロードされるファイルの名前は任意に変更できます。iPhone/Androidでもzipを利用することで添付されたメディアをワンクリックでダウンロードすることができます。また、ダウンロード履歴をブックマークと同期します。さらに、オプションでX/Twitterのブックマーク機能を利用することでダウンロード履歴のオンライン同期が可能です。 // @description:en Download images, videos, and GIFs from X/Twitter with one click, and save them with user ID and post ID in default settings. You can customize the filenames of downloaded files. On Android/iPhone, all attached media can be downloaded at once via a ZIP archive. Download history is synced with bookmarks. Additionally, you can optionally synchronize your download history online using the X/Twitter bookmark feature. // @description:zh-CN 一键下载 X/Twitter 的图片、视频和 GIF，默认设置下以用户 ID 和帖子 ID 保存。您可以自定义下载文件的文件名。在 iPhone/Android 上，通过使用 ZIP 文件，您还可以一键下载附加的媒体。下载历史记录与书签同步。此外，可以选择利用 X/Twitter 的书签功能来实现在线同步下载历史记录。 // @description:zh-TW 一鍵下載 X/Twitter 的圖片、影片和 GIF，預設設定下以使用者 ID 和貼文 ID 儲存。您可以自訂檔案的檔案名稱。在 iPhone/Android 上，透過使用 ZIP 檔案，您還可以一鍵下載附加的媒體。下載歷史記錄與書籤同步。此外，可以選擇利用 X/Twitter 的書籤功能來實現在線同步下載歷史記錄。 // @require https://cdn.jsdelivr.net/npm/[email protected]/umd/index.min.js // @require https://cdn.jsdelivr.net/npm/[email protected]/dayjs.min.js // @require https://cdn.jsdelivr.net/npm/[email protected]/plugin/utc.js // @author Azuki // @license MIT // @match https://twitter.com/* // @match https://x.com/* // @icon https://www.google.com/s2/favicons?sz=64&domain=twitter.com // @connect raw.githubusercontent.com // @connect twitter.com // @connect x.com // @connect pbs.twimg.com // @connect video.twimg.com // @grant GM_xmlhttpRequest // @namespace https://greasyfork.org/users/1441951 // ==/UserScript== /*jshint esversion: 11 */ dayjs.extend(dayjs_plugin_utc); (function () { "use strict"; // === User Settings === /** /** * Set whether to enable the online synchronization of download history using bookmarks. * * false (default): Disables online synchronization for download history. Download history is managed locally per browser. * true: Change this to true to enable online synchronization. Performing a download will add the tweet to your bookmarks, and already bookmarked tweets will be skipped. The history will be synchronized across devices via bookmarks. */ const enableDownloadHistorykSync = false; // Change this to true to enable online synchronization for download history. // === Filename generation function (User-editable) === /** * Function to generate filenames. * You can customize the filename format by editing formattedPostTime and the return line as needed. * * Caution: Please avoid using invalid characters in filenames. * * Default filename format: userId_postId-mediaTypeSequentialNumber.extension * * Elements available for filenames (filenameElements): * - userName: Username * - userId: User ID * - postId: Post ID * - postTime: Post time (ISO 8601 format). You can change the default format YYYYMMDD_HHmmss. See dayjs documentation (https://day.js.org/docs/en/display/format) for details. * - mediaTypeLabel: Media type (img, video, gif) * - index: Sequential number (for multiple media) */ const generateFilename = (filenameElements, mediaTypeLabel, index, ext) => { const { userId, userName, postId, postTime } = filenameElements; const formattedPostTime = dayjs(postTime).format('YYYYMMDD_HHmmss'); // Edit this line return `${userId}-${postId}-${mediaTypeLabel}${index}.${ext}`; // Edit this line }; const gmFetch = (infoOrUrl, options = {}) => new Promise((resolve, reject) => { const info = typeof infoOrUrl === 'string' ? { url: infoOrUrl } : { ...infoOrUrl }; info.method = options.method || info.method || 'GET'; info.headers = options.headers || info.headers || {}; if (options.body) info.data = options.body; info.responseType = options.responseType; info.onload = res => { resolve({ ok: res.status >= 200 && res.status < 300, status: res.status, response: res.response, json: () => Promise.resolve(res.response), text: () => Promise.resolve( typeof res.response === 'string' ? res.response : JSON.stringify(res.response) ), blob: () => Promise.resolve(new Blob([res.response])) }); }; info.onerror = (error) => { console.error("GM_xmlhttpRequest error:", error); reject(new Error(`GM_xmlhttpRequest failed: status=${error.status}, statusText=${error.statusText || 'N/A'}`)); }; info.onabort = () => reject(new Error('GM_xmlhttpRequest aborted')); info.ontimeout = () => reject(new Error('GM_xmlhttpRequest timed out')); GM_xmlhttpRequest(info); }); const API_INFO_STORAGE_KEY = 'twitterInternalApiInfo'; const LAST_UPDATE_DATE_STORAGE_KEY = 'twitterApiInfoLastUpdateDate'; const API_DOC_URL = 'https://raw.githubusercontent.com/fa0311/TwitterInternalAPIDocument/refs/heads/master/docs/json/API.json'; let currentApiInfo = null; const loadApiInfoFromLocalStorage = () => { const savedApiInfoJson = localStorage.getItem(API_INFO_STORAGE_KEY); if (savedApiInfoJson) { try { const savedInfo = JSON.parse(savedApiInfoJson); return savedInfo; } catch (e) { localStorage.removeItem(API_INFO_STORAGE_KEY); } } return null; }; const fetchAndSaveApiInfo = async (currentDateString) => { try { const response = await gmFetch(API_DOC_URL, { method: "GET", responseType: "json" }); if (response.ok) { const apiDoc = response.response; const tweetResultByRestIdInfo = apiDoc.graphql?.TweetResultByRestId; const bookmarkSearchTimelineInfo = apiDoc.graphql?.BookmarkSearchTimeline; const bearerTokenFromDoc = apiDoc.header?.authorization; if (tweetResultByRestIdInfo?.url && tweetResultByRestIdInfo?.features && bookmarkSearchTimelineInfo?.url && bookmarkSearchTimelineInfo?.features && bearerTokenFromDoc) { const extractedApiInfo = { TweetResultByRestId: tweetResultByRestIdInfo, BookmarkSearchTimeline: bookmarkSearchTimelineInfo, bearerToken: bearerTokenFromDoc }; currentApiInfo = extractedApiInfo; localStorage.setItem(API_INFO_STORAGE_KEY, JSON.stringify(currentApiInfo)); localStorage.setItem(LAST_UPDATE_DATE_STORAGE_KEY, currentDateString); } else { const savedInfoBeforeFetch = loadApiInfoFromLocalStorage(); if (savedInfoBeforeFetch) currentApiInfo = savedInfoBeforeFetch; } } else { const savedInfoBeforeFetch = loadApiInfoFromLocalStorage(); if (savedInfoBeforeFetch) currentApiInfo = savedInfoBeforeFetch; } } catch (error) { const savedInfoBeforeFetch = loadApiInfoFromLocalStorage(); if (savedInfoBeforeFetch) currentApiInfo = savedInfoBeforeFetch; } }; const initializeApiInfo = () => { const lastUpdateDate = localStorage.getItem(LAST_UPDATE_DATE_STORAGE_KEY); const today = dayjs().format('YYYY-MM-DD'); const savedApiInfo = loadApiInfoFromLocalStorage(); if (lastUpdateDate !== today || !savedApiInfo) { if (savedApiInfo) { currentApiInfo = savedApiInfo; } else {} fetchAndSaveApiInfo(today); } else { currentApiInfo = savedApiInfo; } }; initializeApiInfo(); const DB_NAME = 'DownloadHistoryDB'; const DB_VERSION = 1; const STORE_NAME = 'downloadedPosts'; let dbPromise = null; let downloadedPostsCache = new Set(); const openDB = () => { if (dbPromise) return dbPromise; dbPromise = new Promise((resolve, reject) => { const request = indexedDB.open(DB_NAME, DB_VERSION); request.onupgradeneeded = function(event) { const db = request.result; if (!db.objectStoreNames.contains(STORE_NAME)) { db.createObjectStore(STORE_NAME, { keyPath: 'postId' }); } }; request.onsuccess = function() { resolve(request.result); }; request.onerror = function() { reject(request.error); }; }); return dbPromise; }; const loadDownloadedPostsCache = () => { getDownloadedPostIdsIndexedDB() .then(ids => { downloadedPostsCache = new Set(ids); }) .catch(err => console.error("IndexedDB 読み込みエラー:", err)); }; const getDownloadedPostIdsIndexedDB = () => { return openDB().then(db => { return new Promise((resolve, reject) => { const transaction = db.transaction(STORE_NAME, 'readonly'); const store = transaction.objectStore(STORE_NAME); const request = store.getAllKeys(); request.onsuccess = function() { resolve(request.result); }; request.onerror = function() { reject(request.error); }; }); }); }; const markPostAsDownloadedIndexedDB = (postId) => { return openDB().then(db => { return new Promise((resolve, reject) => { const transaction = db.transaction(STORE_NAME, 'readwrite'); const store = transaction.objectStore(STORE_NAME); const request = store.put({ postId: postId }); request.onsuccess = function() { downloadedPostsCache.add(postId); resolve(); }; request.onerror = function() { reject(request.error); }; }); }); }; loadDownloadedPostsCache(); const isMobile = /android|iphone|ipad|mobile/.test(navigator.userAgent.toLowerCase()); const isAppleMobile = /iphone|ipad/.test(navigator.userAgent.toLowerCase()); const userAgent = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36'; const createApiHeaders = () => { const GUEST_AUTHORIZATION = "Bearer AAAAAAAAAAAAAAAAAAAAANRILgAAAAAAnNwIzUejRCOuH5E6I8xnZz4puTs%3D1Zv7ttfk8LF81IUq16cHjhLTvJu4FA33AGWWjCpTnA"; const headers = { 'authorization': GUEST_AUTHORIZATION, 'x-csrf-token': getCookie('ct0'), 'x-twitter-client-language': 'en', 'x-twitter-active-user': 'yes', 'content-type': 'application/json' }; const guestToken = getCookie('gt'); if (guestToken) { headers['x-guest-token'] = guestToken; } else { headers['x-twitter-auth-type'] = 'OAuth2Session'; } return headers; }; const getCurrentLanguage = () => document.documentElement.lang || 'en'; const getMainTweetUrl = (cell) => { let timeEl = cell.querySelector('article[data-testid="tweet"] a[href*="/status/"][role="link"] time'); if (timeEl && timeEl.parentElement) return timeEl.parentElement.href; return cell.querySelector('article[data-testid="tweet"] a[href*="/status/"]')?.href || ""; }; const getCookie = (name) => { const cookies = Object.fromEntries(document.cookie.split(';').filter(n => n.includes('=')).map(n => n.split('=').map(decodeURIComponent).map(s => s.trim()))); return name ? cookies[name] : cookies; }; const getMediaInfoFromUrl = (url) => { if (url.includes('pbs.twimg.com/media/')) { const extMatch = url.match(/format=([a-zA-Z0-9]+)/); const ext = extMatch ? extMatch[1] : 'jpg'; return { ext: ext, typeLabel: 'img' }; } else if (url.includes('video.twimg.com/ext_tw_video/') || url.includes('video.twimg.com/tweet_video/') || url.includes('video.twimg.com/amplify_video/')) { let ext = 'mp4'; if (!url.includes('pbs.twimg.com/tweet_video/')) { const pathMatch = url.split('?')[0].match(/\.([a-zA-Z0-9]+)$/); if (pathMatch) ext = pathMatch[1]; } const typeLabel = url.includes('tweet_video') ? 'gif' : 'video'; return { ext: ext, typeLabel: typeLabel }; } return { ext: 'jpg', typeLabel: 'img' }; }; const fetchTweetDetailWithGraphQL = async (postId) => { const TWEET_RESULT_BY_REST_ID_QUERY_ID = "zAz9764BcLZOJ0JU2wrd1A"; const TWEET_DETAIL_FEATURES = { "creator_subscriptions_tweet_preview_api_enabled": true, "premium_content_api_read_enabled": false, "communities_web_enable_tweet_community_results_fetch": true, "c9s_tweet_anatomy_moderator_badge_enabled": true, "responsive_web_grok_analyze_button_fetch_trends_enabled": false, "responsive_web_grok_analyze_post_followups_enabled": false, "responsive_web_jetfuel_frame": false, "responsive_web_grok_share_attachment_enabled": true, "articles_preview_enabled": true, "responsive_web_edit_tweet_api_enabled": true, "graphql_is_translatable_rweb_tweet_is_translatable_enabled": true, "view_counts_everywhere_api_enabled": true, "longform_notetweets_consumption_enabled": true, "responsive_web_twitter_article_tweet_consumption_enabled": true, "tweet_awards_web_tipping_enabled": false, "responsive_web_grok_show_grok_translated_post": false, "responsive_web_grok_analysis_button_from_backend": false, "creator_subscriptions_quote_tweet_preview_enabled": false, "freedom_of_speech_not_reach_fetch_enabled": true, "standardized_nudges_misinfo": true, "tweet_with_visibility_results_prefer_gql_limited_actions_policy_enabled": true, "longform_notetweets_rich_text_read_enabled": true, "longform_notetweets_inline_media_enabled": true, "profile_label_improvements_pcf_label_in_post_enabled": true, "rweb_tipjar_consumption_enabled": true, "verified_phone_label_enabled": false, "responsive_web_grok_image_annotation_enabled": true, "responsive_web_graphql_skip_user_profile_image_extensions_enabled": false, "responsive_web_graphql_timeline_navigation_enabled": true, "responsive_web_enhance_cards_enabled": false }; const TWEET_DETAIL_FIELD_TOGGLES = { "withArticleRichContentState": true, "withArticlePlainText": false, "withGrokAnalyze": false, "withDisallowedReplyControls": false }; const variables = { "tweetId": postId, "withCommunity": false, "includePromotedContent": false, "withVoice": false }; const apiUrl = `https://x.com/i/api/graphql/${TWEET_RESULT_BY_REST_ID_QUERY_ID}/TweetResultByRestId`; const url = encodeURI(`${apiUrl}?variables=${JSON.stringify(variables)}&features=${JSON.stringify(TWEET_DETAIL_FEATURES)}&fieldToggles=${JSON.stringify(TWEET_DETAIL_FIELD_TOGGLES)}`); const headers = createApiHeaders(); if (!headers) { throw new Error('tweetResultByRestId headers not available.'); } const res = await gmFetch(url, { headers, responseType: 'json' }); if (!res.ok) throw new Error(`TweetResultByRestId failed: ${res.status}`); return res.json(); }; const fetchBookmarkSearchTimeline = async (userId, postTime) => { const BOOKMARK_SEARCH_TIMELINE_QUERY_ID = "6u3VcFdASPZrP2wkuU3C3A"; // 確認済みの新しいqueryId const BOOKMARK_SEARCH_FEATURES = { "rweb_video_screen_enabled": false, "payments_enabled": false, "profile_label_improvements_pcf_label_in_post_enabled": true, "rweb_tipjar_consumption_enabled": true, "verified_phone_label_enabled": false, "creator_subscriptions_tweet_preview_api_enabled": true, "responsive_web_graphql_timeline_navigation_enabled": true, "responsive_web_graphql_skip_user_profile_image_extensions_enabled": false, "premium_content_api_read_enabled": false, "communities_web_enable_tweet_community_results_fetch": true, "c9s_tweet_anatomy_moderator_badge_enabled": true, "responsive_web_grok_analyze_button_fetch_trends_enabled": false, "responsive_web_grok_analyze_post_followups_enabled": true, "responsive_web_jetfuel_frame": true, "responsive_web_grok_share_attachment_enabled": true, "articles_preview_enabled": true, "responsive_web_edit_tweet_api_enabled": true, "graphql_is_translatable_rweb_tweet_is_translatable_enabled": true, "view_counts_everywhere_api_enabled": true, "longform_notetweets_consumption_enabled": true, "responsive_web_twitter_article_tweet_consumption_enabled": true, "tweet_awards_web_tipping_enabled": false, "responsive_web_grok_show_grok_translated_post": false, "responsive_web_grok_analysis_button_from_backend": false, "creator_subscriptions_quote_tweet_preview_enabled": false, "freedom_of_speech_not_reach_fetch_enabled": true, "standardized_nudges_misinfo": true, "tweet_with_visibility_results_prefer_gql_limited_actions_policy_enabled": true, "longform_notetweets_rich_text_read_enabled": true, "longform_notetweets_inline_media_enabled": true, "responsive_web_grok_image_annotation_enabled": true, "responsive_web_grok_community_note_auto_translation_is_enabled": false, "responsive_web_enhance_cards_enabled": false }; const formattedSinceTime = dayjs(postTime).utc().format('YYYY-MM-DD_HH:mm:ss_UTC'); const formattedUntilTime = dayjs(postTime).utc().add(1, 'second').format('YYYY-MM-DD_HH:mm:ss_UTC'); const rawQuery = `from:${userId} since:${formattedSinceTime} until:${formattedUntilTime}`; const variables = { "rawQuery": rawQuery, "count":20 }; const apiUrl = `https://x.com/i/api/graphql/${BOOKMARK_SEARCH_TIMELINE_QUERY_ID}/BookmarkSearchTimeline`; const url = encodeURI(`${apiUrl}?variables=${JSON.stringify(variables)}&features=${JSON.stringify(BOOKMARK_SEARCH_FEATURES)}`); const headers = createApiHeaders(); if (!headers) { throw new Error('BookmarkSearchTimeline headers not available.'); } const res = await gmFetch(url, { headers, responseType: 'json' }); if (!res.ok) throw new Error(`BookmarkSearchTimeline failed: ${res.status}`); return res.json(); }; const twdlcss = ` span[id^="ezoic-pub-ad-placeholder-"], .ez-sidebar-wall, span[data-ez-ph-id], .ez-sidebar-wall-ad, .ez-sidebar-wall {display:none !important} .tmd-down {margin-left: 2px !important; order: 99; justify-content: inherit; display: inline-grid; transform: rotate(0deg) scale(1) translate3d(0px, 0px, 0px);} .tmd-down:hover > div > div > div > div {color: rgba(29, 161, 242, 1.0);} .tmd-down:hover > div > div > div > div > div {background-color: rgba(29, 161, 242, 0.1);} .tmd-down:active > div > div > div > div > div {background-color: rgba(29, 161, 242, 0.2);} .tmd-down:hover svg {color: rgba(29, 161, 242, 1.0);} .tmd-down:hover div:first-child:not(:last-child) {background-color: rgba(29, 161, 242, 0.1);} .tmd-down:active div:first-child:not(:last-child) {background-color: rgba(29, 161, 242, 0.2);} .tmd-down g {display: none;} .tmd-down.download g.download, .tmd-down.loading g.loading, .tmd-down.failed g.failed, .tmd-down.completed g.completed {display: unset;} .tmd-down.loading svg g.loading {animation: spin 1s linear infinite !important; transform-box: fill-box; transform-origin: center;} @keyframes spin {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}} .tweet-detail-action-item {width: 20% !important;} `; const newStyle = document.createElement('style'); newStyle.id = 'twdlcss'; newStyle.innerHTML = twdlcss; document.head.parentNode.insertBefore(newStyle, document.head); const getNoImageMessage = () => { const lang = getCurrentLanguage(); return lang === 'ja' ? "このツイートには画像または動画がありません！" : "There is no image or video in this tweet!"; }; const getAlreadyBookmarkedMessage = () => { const lang = getCurrentLanguage(); if (lang === 'ja') { return window.confirm('この投稿は既にダウンロードされています。\nダウンロードを続行しますか？'); } else { return window.confirm('This post is already downloaded.\nDo you want to continue downloading?'); } }; const status = (btn, css) => { btn.classList.remove('download', 'loading', 'failed', 'completed'); if (css) btn.classList.add(css); }; const getValidMediaElements = (cell) => { let validImages = [], validVideos = [], validGifs = []; validImages = Array.from(cell.querySelectorAll("img[src^='https://pbs.twimg.com/media/']")) .filter(img => ( !img.closest("div[tabindex='0'][role='link']") && !img.closest("div[data-testid='previewInterstitial']") )); const videoCandidates_videoTag = Array.from(cell.querySelectorAll("video")); videoCandidates_videoTag.forEach(video => { if (video.closest("div[tabindex='0'][role='link']")) return; if (!video.closest("div[data-testid='videoPlayer']")) return; if (video.src?.startsWith("https://video.twimg.com/tweet_video")) { validGifs.push(video); } else if (video.poster?.includes("/ext_tw_video_thumb/") || video.poster?.includes("/amplify_tw_video_thumb/") || video.poster?.includes("/amplify_video_thumb/") || video.poster?.includes("/media/")) { validVideos.push(video); } }); const videoCandidates_imgTag = Array.from(cell.querySelectorAll("img[src]")); videoCandidates_imgTag.forEach(img => { if (img.closest("div[tabindex='0'][role='link']")) return; if (!img.closest("div[data-testid='previewInterstitial']")) return; if (img.src.startsWith("https://pbs.twimg.com/tweet_video_thumb/")) { validGifs.push(img); } else if (img.src.includes("/ext_tw_video_thumb/") || img.src.includes("/amplify_tw_video_thumb/") || img.src.includes("/amplify_video_thumb/") || img.src.includes("/media/")) { validVideos.push(img); } }); return { images: validImages, videos: validVideos, gifs: validGifs }; }; const getTweetFilenameElements = (url, cell) => { const match = url.match(/^https?:\/\/(?:twitter\.com|x\.com)\/([^\/]+)\/status\/(\d+)/); if (!match) return null; const userNameContainer = cell.querySelector("div[data-testid='User-Name'] div[dir='ltr'] span"); const postTimeElement = cell.querySelector("article[data-testid='tweet'] a[href*='/status/'][role='link'] time"); let userName = 'unknown'; if (userNameContainer) { userName = ''; userNameContainer.querySelectorAll('*').forEach(el => { userName += el.nodeName === 'IMG' ? el.alt : (el.nodeName === 'SPAN' ? el.textContent : ''); }); userName = userName.trim(); } return { userId: match[1], userName: userName || 'unknown', postId: match[2], postTime: postTimeElement?.getAttribute('datetime') || 'unknown' }; }; const getMediaURLs = async (cell, filenameElements) => { const mediaElems = getValidMediaElements(cell); const imageURLs = mediaElems.images.map(img => img.src.includes("name=") ? img.src.replace(/name=.*/ig, 'name=4096x4096') : img.src); let gifURLs = mediaElems.gifs.map(gif => gif.src); let videoURLs = []; gifURLs = gifURLs.map(gifURL => { if (gifURL.startsWith("https://pbs.twimg.com/tweet_video_thumb/")) { const gifIdBaseUrl = gifURL.split('?')[0]; const gifId = gifIdBaseUrl.split('/').pop(); return `https://video.twimg.com/tweet_video/${gifId}.mp4`; } return gifURL; }); if (mediaElems.videos.length > 0) { const tweet_res = await fetchTweetDetailWithGraphQL(filenameElements.postId); if (!tweet_res.data) return { imageURLs: [], gifURLs: [], videoURLs: [] }; const tweet_result = tweet_res.data.tweetResult.result; const tweet_obj = tweet_result.tweet || tweet_result; tweet_obj.extended_entities = tweet_obj.extended_entities || tweet_obj.legacy?.extended_entities; const extEntities = tweet_obj.extended_entities; if (extEntities?.media) { videoURLs = extEntities.media .filter(media => media.type === 'video' && media.video_info?.variants) .map(media => media.video_info.variants.filter(variant => variant.content_type === 'video/mp4').reduce((prev, current) => (prev.bitrate > current.bitrate) ? prev : current, media.video_info.variants[0])?.url) .filter(url => url); } else if (tweet_obj.card?.legacy?.binding_values) { const unifiedCardBinding = tweet_obj.card.legacy.binding_values.find(bv => bv.key === 'unified_card'); if (unifiedCardBinding?.value?.string_value) { try { const unifiedCard = JSON.parse(unifiedCardBinding.value.string_value); if (unifiedCard.media_entities) { videoURLs = Object.values(unifiedCard.media_entities) .filter(media => media.type === 'video' && media.video_info?.variants) .map(media => media.video_info.variants.filter(variant => variant.content_type === 'video/mp4').reduce((prev, current) => (prev.bitrate > current.bitrate) ? prev : current, media.video_info.variants[0])?.url) .filter(url => url); } } catch (e) { console.error("Error parsing unified_card JSON:", e); } } } } return { imageURLs: imageURLs, gifURLs: gifURLs, videoURLs: videoURLs }; }; const checkBookmarkStatus = async (userId, postId, postTime) => { if (!enableDownloadHistorykSync) return false; try { const bookmarkData = await fetchBookmarkSearchTimeline(userId, postTime); if (!bookmarkData.data) { console.log("ブックマーク状態の確認に失敗 APIなし"); return false;} const instructions = bookmarkData.data.search_by_raw_query.bookmarks_search_timeline.timeline.instructions; if (!instructions) return false; for (const instruction of instructions) { if (instruction.type === 'TimelineAddEntries' && instruction.entries) { for (const entry of instruction.entries) { if (entry.entryId && entry.entryId === `tweet-${postId}`) { return true; } } } } return false; } catch (error) { console.error("ブックマーク状態の確認に失敗:", error); return false; } }; const clickBookmarkButton = (cell) => { if (!enableDownloadHistorykSync) return; const btn_group = cell.querySelector('div[role="group"]:last-of-type, ul.tweet-actions, ul.tweet-detail-actions'); if (btn_group) { const bookmarkButton = btn_group.querySelector('button[data-testid="bookmark"]'); if (bookmarkButton) bookmarkButton.click(); } }; const waitForBookmarkStateChange = (cell) => { return new Promise(resolve => { if (!enableDownloadHistorykSync && !isAppleMobile) { resolve(); return; } const btn_group = cell.querySelector('div[role="group"]:last-of-type, ul.tweet-actions, ul.tweet-detail-actions'); const bookmarkButton = btn_group ? btn_group.querySelector('button[data-testid="bookmark"]') : null; if (!bookmarkButton) { resolve(); return; } const observer = new MutationObserver(mutations => { for (const mutation of mutations) { if (mutation.type === 'attributes' && mutation.attributeName === 'data-testid') { if (bookmarkButton.dataset.testid === 'removeBookmark') { observer.disconnect(); setTimeout(() => resolve(), 500); } } } }); observer.observe(document.body, { childList: true, subtree: true, attributes: true }); }); }; const blobToDataURL = (blob) => { return new Promise((resolve, reject) => { const reader = new FileReader(); reader.onload = () => resolve(reader.result); reader.onerror = () => reject(reader.error); reader.readAsDataURL(blob); }); }; const downloadZipArchive = async (blobs, filenameElements, mediaURLs, cell, bookmarkPromise) => { const files = {}; const filenames = blobs.map((_, index) => { const mediaInfo = getMediaInfoFromUrl(mediaURLs[index]); return generateFilename(filenameElements, mediaInfo.typeLabel, index + 1, mediaInfo.ext); }); const uint8Arrays = await Promise.all(blobs.map(blob => blobToUint8Array(blob))); uint8Arrays.forEach((uint8Array, index) => { files[filenames[index]] = uint8Array; }); const zipData = await new Promise((resolve, reject) => { fflate.zip(files, { level: 0 }, (err, zipData) => { if (err) { console.error("ZIP archive creation failed:", err); alert("ZIPファイルの作成に失敗しました。"); reject(err); } else { resolve(zipData); } }); }); const zipBlob = new Blob([zipData], { type: 'application/zip' }); const a = document.createElement("a"); a.download = generateFilename(filenameElements, 'medias', '', 'zip'); if (enableDownloadHistorykSync && isAppleMobile) { clickBookmarkButton(cell); await bookmarkPromise; } if (isAppleMobile) { const dataUrl = await blobToDataURL(zipBlob); a.href = dataUrl; } else { const blobUrl = URL.createObjectURL(zipBlob); a.href = blobUrl; } document.body.appendChild(a); a.click(); a.remove(); if (!isAppleMobile && a.href.startsWith('blob:')) { setTimeout(() => URL.revokeObjectURL(a.href), 1000); } }; const downloadBlobAsFile = async (blob, filename, cell, bookmarkPromise) => { const a = document.createElement("a"); a.download = filename; if (enableDownloadHistorykSync && isAppleMobile) { clickBookmarkButton(cell); await bookmarkPromise; } if (isAppleMobile) { const dataUrl = await blobToDataURL(blob); a.href = dataUrl; } else { const blobUrl = URL.createObjectURL(blob); a.href = blobUrl; } document.body.appendChild(a); a.click(); a.remove(); if (!isAppleMobile && a.href.startsWith('blob:')) { setTimeout(() => URL.revokeObjectURL(a.href), 1000); } }; const blobToUint8Array = async (blob) => { const arrayBuffer = await blob.arrayBuffer(); try { return new Uint8Array(structuredClone(arrayBuffer)); } catch (e) { return new Uint8Array(arrayBuffer); } }; const downloadMediaWithFetchStream = async (mediaSrcURL) => { const headers = { 'User-Agent': userAgent }; try { const res = await gmFetch(mediaSrcURL, { headers, responseType: 'blob' }); if (!res.ok) throw new Error(`HTTP error! status: ${res.status}`); const originalBlob = await res.blob(); const mediaInfo = getMediaInfoFromUrl(mediaSrcURL); let inferredMimeType = ''; switch (mediaInfo.ext.toLowerCase()) { case 'jpg': case 'jpeg': inferredMimeType = 'image/jpeg'; break; case 'png': inferredMimeType = 'image/png'; break; case 'gif': inferredMimeType = 'video/mp4'; break; case 'mp4': inferredMimeType = 'video/mp4'; break; case 'webm': inferredMimeType = 'video/webm'; break; default: inferredMimeType = originalBlob.type || 'application/octet-stream'; break; } if (!originalBlob.type || originalBlob.type !== inferredMimeType) { return new Blob([originalBlob], { type: inferredMimeType }); } return originalBlob; } catch (error) { console.error("Error downloading media with fetch stream:", error); return null; } }; const downloadMedia = async (imageURLs, gifURLs, videoURLs, filenameElements, btn_down, allMediaURLs, cell, bookmarkPromise) => { const mediaCount = imageURLs.length + gifURLs.length + videoURLs.length; if (mediaCount === 1) { let mediaURL = imageURLs[0] || gifURLs[0] || videoURLs[0]; const blob = await downloadMediaWithFetchStream(mediaURL); if (blob) { const mediaInfo = getMediaInfoFromUrl(mediaURL); const filename = generateFilename(filenameElements, mediaInfo.typeLabel, 1, mediaInfo.ext); await downloadBlobAsFile(blob, filename, cell, bookmarkPromise); markPostAsDownloadedIndexedDB(filenameElements.postId); setTimeout(() => { status(btn_down, 'completed'); if (enableDownloadHistorykSync && !isAppleMobile) clickBookmarkButton(cell); }, 300); } else { status(btn_down, 'failed'); setTimeout(() => status(btn_down, 'download'), 3000); } } else if (mediaCount > 1) { const blobs = (await Promise.all([...imageURLs, ...gifURLs, ...videoURLs].map(url => downloadMediaWithFetchStream(url)))).filter(blob => blob); if (blobs.length === mediaCount) { if (isMobile) { await downloadZipArchive(blobs, filenameElements, allMediaURLs, cell, bookmarkPromise); } else { for (const [index, blob] of blobs.entries()) { const mediaURL = allMediaURLs[index]; const mediaInfo = getMediaInfoFromUrl(mediaURL); const filename = generateFilename(filenameElements, mediaInfo.typeLabel, index + 1, mediaInfo.ext); await downloadBlobAsFile(blob, filename, cell, bookmarkPromise); } } markPostAsDownloadedIndexedDB(filenameElements.postId); setTimeout(() => { status(btn_down, 'completed'); if (enableDownloadHistorykSync && !isAppleMobile) clickBookmarkButton(cell); }, 300); } else { status(btn_down, 'failed'); setTimeout(() => status(btn_down, 'download'), 3000); } } }; const createDownloadButton = async (cell) => { let btn_group = cell.querySelector('div[role="group"]:last-of-type, ul.tweet-actions, ul.tweet-detail-actions'); if (!btn_group) return; let btn_share = Array.from(btn_group.querySelectorAll(':scope>div>div, li.tweet-action-item>a, li.tweet-detail-action-item>a')).pop().parentNode; if (!btn_share) return; let btn_bookmark = btn_share.previousElementSibling; let isBookmarked = false; if (enableDownloadHistorykSync) { if (btn_bookmark) { const bookmarkButtonTestId = btn_bookmark.querySelector('button[data-testid="bookmark"], button[data-testid="removeBookmark"]')?.dataset.testid; isBookmarked = bookmarkButtonTestId === 'removeBookmark'; } } let btn_down = btn_share.cloneNode(true); btn_down.classList.add('tmd-down', 'download'); const btnElem = btn_down.querySelector('button'); if (btnElem) btnElem.removeAttribute('disabled'); const lang = getCurrentLanguage(); if (btn_down.querySelector('button')) btn_down.querySelector('button').title = lang === 'ja' ? '画像と動画をダウンロード' : 'Download images and videos'; btn_down.querySelector('svg').innerHTML = ` <g class="download"><path d="M12 16 17.7 10.3 16.29 8.88 13 12.18 V2.59 h-2 v9.59 L7.7 8.88 6.29 10.3 Z M21 15l-.02 3.51c0 1.38-1.12 2.49-2.5 2.49H5.5C4.11 21 3 19.88 3 18.5V15h2v3.5c0 .28.22.5.5.5h12.98c.28 0 .5-.22.5-.5L19 15h2z" fill="currentColor" stroke="currentColor" stroke-width="0.20" stroke-linecap="round" /></g> <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> <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> <g class="completed"><path d="M21 15l-.02 3.51c0 1.38-1.12 2.49-2.5 2.49H5.5C4.11 21 3 19.88 3 18.5V15h2v3.5c0 .28.22.5.5.5h12.98c.28 0 .5-.22.5-.5L19 15h2z M 7 10 l 3 4 q 1 1 2 0 l 8 -11 l -1.65 -1.2 l -7.35 10.1063 l -2.355 -3.14" fill="rgba(29, 161, 242, 1)" stroke="#1DA1F2" stroke-width="0.20" stroke-linecap="round" /></g> `; const filenameElements = getTweetFilenameElements(getMainTweetUrl(cell), cell); if (filenameElements) { if (downloadedPostsCache.has(filenameElements.postId)) { status(btn_down, 'completed'); } else if (enableDownloadHistorykSync && isBookmarked) { status(btn_down, 'completed'); markPostAsDownloadedIndexedDB(filenameElements.postId); } } btn_down.onclick = async () => { if (btn_down.classList.contains('loading')) return; let buttonStateBeforeClick = btn_down.classList.contains('completed') ? 'completed' : 'download'; status(btn_down, 'loading'); const mainTweetUrl = getMainTweetUrl(cell); const filenameElements = getTweetFilenameElements(mainTweetUrl, cell); if (!filenameElements) { alert("ツイート情報を取得できませんでした。"); status(btn_down, 'download'); return; } if (enableDownloadHistorykSync && buttonStateBeforeClick !== 'completed') { const isAlreadyBookmarked = await checkBookmarkStatus(filenameElements.userId, filenameElements.postId, filenameElements.postTime); if (isAlreadyBookmarked) { if (!getAlreadyBookmarkedMessage()) { status(btn_down, 'completed'); markPostAsDownloadedIndexedDB(filenameElements.postId); return; } } } const bookmarkPromise = waitForBookmarkStateChange(cell); const mediaData = await getMediaURLs(cell, filenameElements); const mediaUrls = [...mediaData.imageURLs, ...mediaData.gifURLs, ...mediaData.videoURLs]; if (mediaUrls.length === 0) { alert(getNoImageMessage()); status(btn_down, 'download'); return; } downloadMedia(mediaData.imageURLs, mediaData.gifURLs, mediaData.videoURLs, filenameElements, btn_down, mediaUrls, cell, bookmarkPromise); }; if (btn_group) btn_group.insertBefore(btn_down, btn_share.nextSibling); }; const processArticles = () => { const cells = document.querySelectorAll('[data-testid="cellInnerDiv"]'); cells.forEach(cell => { const mainTweet = cell.querySelector('article[data-testid="tweet"]'); if (!mainTweet) return; const tweetUrl = getMainTweetUrl(cell); if (!getTweetFilenameElements(tweetUrl, cell)) return; const mediaElems = getValidMediaElements(cell); const mediaCount = mediaElems.images.length + mediaElems.videos.length + mediaElems.gifs.length; if (!cell.querySelector('.tmd-down') && mediaCount > 0) createDownloadButton(cell); }); }; const observer = new MutationObserver(processArticles); observer.observe(document.body, { childList: true, subtree: true }); window.addEventListener('load', processArticles); window.addEventListener('popstate', processArticles); window.addEventListener('hashchange', processArticles); })();
