Warning: fopen(/www/sites/update.greasyfork.icu/index/store/forever/df3407e923e598d5e737fb60efbc7a02.js): failed to open stream: No space left on device in /www/sites/update.greasyfork.icu/index/scriptControl.php on line 65
// ==UserScript== // @name IG Helper // @name:zh-TW IG小精靈 // @name:zh-CN IG小助手 // @name:ja IG助手 // @name:ko IG조수 // @namespace https://github.snkms.com/ // @version 2.28.6 // @description Downloading is possible for both photos and videos from posts, as well as for stories, reels or profile picture. // @description:zh-TW 一鍵下載對方 Instagram 貼文中的相片、影片甚至是他們的限時動態、連續短片及大頭貼圖片！ // @description:zh-CN 一键下载对方 Instagram 帖子中的相片、视频甚至是他们的快拍、Reels及头像图片！ // @description:ja 投稿の写真と動画だけでなく、ストーリー、リール、プロフィール写真もダウンロードできます。 // @description:ko 게시물의 사진과 동영상뿐만 아니라 스토리, 릴 또는 프로필 사진도 다운로드할 수 있습니다. // @description:ro Descărcarea este posibilă atât pentru fotografiile și videoclipurile din postări, cât și pentru storyuri, reels sau poze de profil. // @author SN-Koarashi (5026) // @match https://*.instagram.com/* // @grant GM_addStyle // @grant GM_setValue // @grant GM_getValue // @grant GM_xmlhttpRequest // @grant GM_registerMenuCommand // @grant GM_getResourceText // @grant GM_openInTab // @connect i.instagram.com // @require https://code.jquery.com/jquery-3.7.1.min.js#sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo= // @resource INTERNAL_CSS https://raw.githubusercontent.com/SN-Koarashi/ig-helper/master/style.css // @resource LOCATE_DATE_LIST_TEXT https://raw.githubusercontent.com/SN-Koarashi/ig-helper/master/date_locate.json // @resource LOCALE_TEXT https://raw.githubusercontent.com/SN-Koarashi/ig-helper/master/locale.json // @supportURL https://github.com/SN-Koarashi/ig-helper/ // @contributionURL https://ko-fi.com/snkoarashi // @icon https://www.google.com/s2/favicons?domain=www.instagram.com // @compatible firefox >= 100 // @compatible chrome >= 100 // @compatible edge >= 100 // @license GPL-3.0-only // @run-at document-idle // @downloadURL none // ==/UserScript== (function($) { 'use strict'; /******** USER SETTINGS ********/ // !!! DO NOT CHANGE THIS AREA !!! // PLEASE CHANGE SETTING WITH MENU const USER_SETTING = { 'AUTO_RENAME': true, 'RENAME_PUBLISH_DATE': true, 'DISABLE_VIDEO_LOOPING': false, 'HTML5_VIDEO_CONTROL': false, 'REDIRECT_RIGHT_CLICK_USER_STORY_PICTURE': false, 'FORCE_FETCH_ALL_RESOURCES': false, 'DIRECT_DOWNLOAD_VISIBLE_RESOURCE': false, 'DIRECT_DOWNLOAD_ALL': false, 'MODIFY_VIDEO_VOLUME': false, 'SCROLL_BUTTON': true, 'FORCE_RESOURCE_VIA_MEDIA': false, 'USE_BLOB_FETCH_WHEN_MEDIA_RATE_LITMIT': false, 'NEW_TAB_ALWAYS_FORCE_MEDIA_IN_POST': false }; const CHILD_NODES = ['RENAME_PUBLISH_DATE', 'USE_BLOB_FETCH_WHEN_MEDIA_RATE_LITMIT', 'NEW_TAB_ALWAYS_FORCE_MEDIA_IN_POST']; const LOCATE_DATE_LIST = JSON.parse(GM_getResourceText('LOCATE_DATE_LIST_TEXT')); var VIDEO_VOLUME = (GM_getValue('G_VIDEO_VOLUME'))?GM_getValue('G_VIDEO_VOLUME'):1; var LOCATE_DATE_FORMAT = (GM_getValue('G_LOCATE_DATE_FORMAT'))? GM_getValue('G_LOCATE_DATE_FORMAT') : GM_getValue('lang') || navigator.language || navigator.userLanguage; var TEMP_FETCH_RATE_LITMIT = false; var RENAME_FORMAT = (GM_getValue('G_RENAME_FORMAT'))? GM_getValue('G_RENAME_FORMAT') : '%USERNAME%-%SOURCE_TYPE%-%SHORTCODE%-%YEAR%%MONTH%%DAY%_%HOUR%%MINUTE%%SECOND%'; /*******************************/ // Icon download by https://www.flaticon.com/authors/pixel-perfect const SVG = { DOWNLOAD: '

${SVG.DOWNLOAD}

`); $('header img[alt][draggable]').parent().parent().css('position','relative'); },150); } } } /** * onHighlightsStory * Trigger user's highlight download event or button display event. * * @param {Boolean} isDownload - Check if it is a download operation * @param {Boolean} isPreview - Check if it is need to open new tab * @return {void} */ async function onHighlightsStory(isDownload, isPreview){ if(isDownload){ let date = new Date().getTime(); let timestamp = Math.floor(date / 1000); let highlightId = location.href.replace(/\/$/ig,'').split('/').at(-1); let nowIndex = $("body > div section._ac0a header._ac0k > ._ac3r ._ac3n ._ac3p[style]").length || $('body > div section:visible > div > div:not([class]) > div > div div.x1ned7t2.x78zum5 div.x1caxmr6').length || $('body > div div:not([hidden]) section:visible > div div[style]:not([class]) > div').find('div div.x1ned7t2.x78zum5 div.x1caxmr6').length; let username = ""; let target = 0; updateLoadingBar(true); if(GL_dataCache.highlights[highlightId]){ console.log('Fetch from memory cache:', highlightId); let totIndex = GL_dataCache.highlights[highlightId].data.reels_media[0].items.length; username = GL_dataCache.highlights[highlightId].data.reels_media[0].owner.username; target = GL_dataCache.highlights[highlightId].data.reels_media[0].items[totIndex-nowIndex]; } else{ let highStories = await getHighlightStories(highlightId); let totIndex = highStories.data.reels_media[0].items.length; username = highStories.data.reels_media[0].owner.username; target = highStories.data.reels_media[0].items[totIndex-nowIndex]; GL_dataCache.highlights[highlightId] = highStories; } if(USER_SETTING.RENAME_PUBLISH_DATE){ timestamp = target.taken_at_timestamp; } if(USER_SETTING.FORCE_RESOURCE_VIA_MEDIA && !TEMP_FETCH_RATE_LITMIT){ let result = await getMediaInfo(target.id); if(result.status === 'ok'){ if(result.items[0].video_versions){ if(isPreview){ openNewTab(result.items[0].video_versions[0].url); } else{ saveFiles(result.items[0].video_versions[0].url, username,"highlights",timestamp,'mp4'); } } else{ if(isPreview){ openNewTab(result.items[0].image_versions2.candidates[0].url); } else{ saveFiles(result.items[0].image_versions2.candidates[0].url, username,"highlights",timestamp,'jpg'); } } } else{ if(USER_SETTING.USE_BLOB_FETCH_WHEN_MEDIA_RATE_LITMIT){ delete GL_dataCache.highlights[highlightId]; TEMP_FETCH_RATE_LITMIT = true; onHighlightsStory(true, isPreview); } else{ alert('Fetch failed from Media API. API response message: ' + result.message); } console.log(result); } } else{ if(target.is_video){ if(isPreview){ openNewTab(target.video_resources.at(-1).src,username); } else{ saveFiles(target.video_resources.at(-1).src,username,"highlights",timestamp,'mp4', highlightId); } } else{ if(isPreview){ openNewTab(target.display_resources.at(-1).src,username); } else{ saveFiles(target.display_resources.at(-1).src,username,"highlights",timestamp,'jpg', highlightId); } } TEMP_FETCH_RATE_LITMIT = false; } updateLoadingBar(false); } else{ // Add the stories download button if(!$('.IG_DWHISTORY').length){ let $element = null; // Default detecter (section layout mode) if($('body > div section._ac0a').length > 0){ $element = $('body > div section:visible._ac0a'); } else{ $element = $('body > div section:visible > div > div[style]:not([class])'); $element.css('position','relative'); } // Detecter for div layout mode if($element.length === 0){ let $$element = $('body > div div:not([hidden]) section:visible > div div[class][style] > div[style]:not([class])'); let nowSize = 0; $$element.each(function(){ if($(this).width() > nowSize){ nowSize = $(this).width(); $element = $(this).children('div').first(); } }); } if($element != null){ //$element.css('position','relative'); $element.append(`

${SVG.DOWNLOAD}

`); $element.append(`

${SVG.NEW_TAB}

`); } } } } /** * onHighlightsStoryThumbnail * Trigger user's highlight video thumbnail download event or button display event. * * @param {Boolean} isDownload - Check if it is a download operation * @return {void} */ async function onHighlightsStoryThumbnail(isDownload){ if(isDownload){ let date = new Date().getTime(); let timestamp = Math.floor(date / 1000); let highlightId = location.href.replace(/\/$/ig,'').split('/').at(-1); let username = ""; let nowIndex = $("body > div section._ac0a header._ac0k > ._ac3r ._ac3n ._ac3p[style]").length || $('body > div section:visible > div > div:not([class]) > div > div div.x1ned7t2.x78zum5 div.x1caxmr6').length || $('body > div div:not([hidden]) section:visible > div div[style]:not([class]) > div').find('div div.x1ned7t2.x78zum5 div.x1caxmr6').length; let target = ""; updateLoadingBar(true); if(GL_dataCache.highlights[highlightId]){ console.log('Fetch from memory cache:', highlightId); let totIndex = GL_dataCache.highlights[highlightId].data.reels_media[0].items.length; username = GL_dataCache.highlights[highlightId].data.reels_media[0].owner.username; target = GL_dataCache.highlights[highlightId].data.reels_media[0].items[totIndex-nowIndex]; } else{ let highStories = await getHighlightStories(highlightId); let totIndex = highStories.data.reels_media[0].items.length; username = highStories.data.reels_media[0].owner.username; target = highStories.data.reels_media[0].items[totIndex-nowIndex]; GL_dataCache.highlights[highlightId] = highStories; } if(USER_SETTING.RENAME_PUBLISH_DATE){ timestamp = target.taken_at_timestamp; } if(USER_SETTING.FORCE_RESOURCE_VIA_MEDIA && !TEMP_FETCH_RATE_LITMIT){ let result = await getMediaInfo(target.id); if(result.status === 'ok'){ saveFiles(result.items[0].image_versions2.candidates[0].url, username,"highlights",timestamp,'jpg'); } else{ if(USER_SETTING.USE_BLOB_FETCH_WHEN_MEDIA_RATE_LITMIT){ delete GL_dataCache.highlights[highlightId]; TEMP_FETCH_RATE_LITMIT = true; onHighlightsStoryThumbnail(true); } else{ alert('Fetch failed from Media API. API response message: ' + result.message); } console.log(result); } } else{ saveFiles(target.display_resources.at(-1).src,username,"highlights",timestamp,'jpg', highlightId); TEMP_FETCH_RATE_LITMIT= false; } updateLoadingBar(false); } else{ if($('body > div section video.xh8yej3').length){ // Add the stories thumbnail download button if(!$('.IG_DWHISTORY_THUMBNAIL').length){ let $element = null; // Default detecter (section layout mode) if($('body > div section._ac0a').length > 0){ $element = $('body > div section:visible._ac0a'); } else{ $element = $('body > div section:visible > div > div[style]:not([class])'); $element.css('position','relative'); } // Detecter for div layout mode if($element.length === 0){ let $$element = $('body > div div:not([hidden]) section:visible > div div[class][style] > div[style]:not([class])'); let nowSize = 0; $$element.each(function(){ if($(this).width() > nowSize){ nowSize = $(this).width(); $element = $(this).children('div').first(); } }); } if($element != null){ $element.append(`

${SVG.THUMBNAIL}

`); } } } else{ $('.IG_DWHISTORY_THUMBNAIL').remove(); } } } /** * onStory * Trigger user's story download event or button display event. * * @param {Boolean} isDownload - Check if it is a download operation * @param {Boolean} isForce - Check if downloading directly from API instead of cache * @param {Boolean} isPreview - Check if it is need to open new tab * @return {void} */ async function onStory(isDownload,isForce,isPreview){ if(isDownload){ let date = new Date().getTime(); let timestamp = Math.floor(date / 1000); let username = $("body > div section._ac0a header._ac0k ._ac0l a + div a").first().text() || location.pathname.split('/').at(2); updateLoadingBar(true); if(USER_SETTING.FORCE_RESOURCE_VIA_MEDIA && !TEMP_FETCH_RATE_LITMIT){ let mediaId = null; let userInfo = await getUserId(username); let userId = userInfo.user.pk; let stories = await getStories(userId); // appear in from profile page to story page $('body > div section:visible div.x1ned7t2.x78zum5 > div').each(function(index){ if($(this).hasClass('x1lix1fw')){ if($(this).children().length > 0){ mediaId = stories.data.reels_media[0].items[index].id; } } }); // appear in from home page to story page $('body > div section:visible ._ac0k > ._ac3r > div').each(function(index){ if($(this).children().hasClass('_ac3q')){ mediaId = stories.data.reels_media[0].items[index].id; } }); if(mediaId == null){ mediaId = location.pathname.split('/').filter(s => s.length > 0 && s.match(/^([0-9]{10,})$/)).at(-1); } let result = await getMediaInfo(mediaId); if(USER_SETTING.RENAME_PUBLISH_DATE){ timestamp = result.items[0].taken_at; } if(result.status === 'ok'){ if(result.items[0].video_versions){ if(isPreview){ openNewTab(result.items[0].video_versions[0].url); } else{ saveFiles(result.items[0].video_versions[0].url, username,"stories",timestamp,'mp4'); } } else{ if(isPreview){ openNewTab(result.items[0].image_versions2.candidates[0].url); } else{ saveFiles(result.items[0].image_versions2.candidates[0].url, username,"stories",timestamp,'jpg'); } } } else{ if(USER_SETTING.USE_BLOB_FETCH_WHEN_MEDIA_RATE_LITMIT){ TEMP_FETCH_RATE_LITMIT = true; onStory(isDownload,isForce,isPreview); } else{ alert('Fetch failed from Media API. API response message: ' + result.message); } console.log(result); } updateLoadingBar(false); return; } if($('body > div section:visible video[playsinline]').length > 0){ // Download stories if it is video let type = "mp4"; let videoURL = ""; let targetURL = location.pathname.replace(/\/$/ig,'').split("/").at(-1); if(GL_dataCache.stories[username] && !isForce){ console.log('Fetch from memory cache:', username); GL_dataCache.stories[username].data.reels_media[0].items.forEach(item => { if(item.id == targetURL){ videoURL = item.video_resources[0].src; if(USER_SETTING.RENAME_PUBLISH_DATE){ timestamp = item.taken_at_timestamp; } } }); if(videoURL.length == 0){ console.log('Memory cache not found, try fetch from API:', username); onStory(true,true); return; } } else{ let userInfo = await getUserId(username); let userId = userInfo.user.pk; let stories = await getStories(userId); stories.data.reels_media[0].items.forEach(item => { if(item.id == targetURL){ videoURL = item.video_resources[0].src; if(USER_SETTING.RENAME_PUBLISH_DATE){ timestamp = item.taken_at_timestamp; } } }); // GitHub issue #4: thinkpad4 if(videoURL.length == 0){ // appear in from profile page to story page $('body > div section:visible div.x1ned7t2.x78zum5 > div').each(function(index){ if($(this).hasClass('x1lix1fw')){ if($(this).children().length > 0){ videoURL = stories.data.reels_media[0].items[index].video_resources[0].src; if(USER_SETTING.RENAME_PUBLISH_DATE){ timestamp = stories.data.reels_media[0].items[index].taken_at_timestamp; } } } }); // appear in from home page to story page $('body > div section:visible ._ac0k > ._ac3r > div').each(function(index){ if($(this).children().hasClass('_ac3q')){ videoURL = stories.data.reels_media[0].items[index].video_resources[0].src; if(USER_SETTING.RENAME_PUBLISH_DATE){ timestamp = stories.data.reels_media[0].items[index].taken_at_timestamp; } } }); } GL_dataCache.stories[username] = stories; } if(videoURL.length == 0){ alert(_i18n("NO_VID_URL")); } else{ if(isPreview){ openNewTab(videoURL); } else{ saveFiles(videoURL,username,"stories",timestamp,type); } } } else{ // Download stories if it is image let srcset = $('body > div section:visible img[referrerpolicy][class], body > div section:visible img[crossorigin][class]:not([alt])').attr('srcset')?.split(',')[0]?.split(' ')[0]; let link = (srcset)?srcset:$('body > div section:visible img[referrerpolicy][class], body > div section:visible img[crossorigin][class]:not([alt])').attr('src'); if(!link){ // _aa63 mean stories picture in stories page (not avatar) let $element = $('body > div section:visible img._aa63'); link = ($element.attr('srcset'))?$element.attr('srcset')?.split(',')[0]?.split(' ')[0]:$element.attr('src'); } if(USER_SETTING.RENAME_PUBLISH_DATE){ timestamp = new Date($('body > div section:visible time[datetime][class]').first().attr('datetime')).getTime(); } let downloadLink = link; let type = 'jpg'; if(isPreview){ openNewTab(downloadLink); } else{ saveFiles(downloadLink,username,"stories",timestamp,type); } } TEMP_FETCH_RATE_LITMIT = false; updateLoadingBar(false); } else{ // Add the stories download button let style = "position: absolute;right:-40px;top:15px;padding:5px;line-height:1;background:#fff;border-radius: 5px;cursor:pointer;"; if(!$('.IG_DWSTORY').length){ GL_dataCache.stories = {}; let $element = null; // Default detecter (section layout mode) if($('body > div section._ac0a').length > 0){ $element = $('body > div section:visible._ac0a'); } // detecter (single story layout mode) else{ $element = $('body > div section:visible > div > div[style]:not([class])'); $element.css('position','relative'); } if($element.length === 0){ $element = $('body div[id^="mount"] > div > div > div[class]').last().find('section:visible > div > div[style]:not([class])'); $element.css('position','relative'); } if($element.length === 0){ $element = $('body div[id^="mount"] > div > div > div[class]').last().find('section:visible > div div[style]:not([class]) > div:not([data-visualcompletion="loading-state"])'); $element.css('position','relative'); } // Detecter for div layout mode if($element.length === 0){ let $$element = $('body > div div:not([hidden]) section:visible > div div[class][style] > div[style]:not([class])'); let nowSize = 0; $$element.each(function(){ if($(this).width() > nowSize){ nowSize = $(this).width(); $element = $(this).children('div').first(); } }); } if($element != null){ $element.first().css('position','relative'); $element.first().append(`

${SVG.DOWNLOAD}

`); $element.first().append(`

${SVG.NEW_TAB}

`); onStoryThumbnail(false); } } } } /** * onStoryThumbnail * Trigger user's story video thumbnail download event or button display event. * * @param {Boolean} isDownload - Check if it is a download operation * @param {Boolean} isForce - Check if downloading directly from API instead of cache * @return {void} */ async function onStoryThumbnail(isDownload,isForce){ if(isDownload){ // Download stories if it is video let date = new Date().getTime(); let timestamp = Math.floor(date / 1000); let type = 'jpg'; let username = $("body > div section._ac0a header._ac0k ._ac0l a + div a").first().text() || location.pathname.split('/').at(2); let style = 'margin:5px 0px;padding:5px 0px;color:#111;font-size:1rem;line-height:1rem;text-align:center;border:1px solid #000;border-radius: 5px;'; // Download thumbnail let targetURL = location.pathname.replace(/\/$/ig,'').split("/").at(-1); let videoThumbnailURL = ""; updateLoadingBar(true); if(USER_SETTING.FORCE_RESOURCE_VIA_MEDIA && !TEMP_FETCH_RATE_LITMIT){ let mediaId = null; let userInfo = await getUserId(username); let userId = userInfo.user.pk; let stories = await getStories(userId); // appear in from profile page to story page $('body > div section:visible div.x1ned7t2.x78zum5 > div').each(function(index){ if($(this).hasClass('x1lix1fw')){ if($(this).children().length > 0){ mediaId = stories.data.reels_media[0].items[index].id; } } }); // appear in from home page to story page $('body > div section:visible ._ac0k > ._ac3r > div').each(function(index){ if($(this).children().hasClass('_ac3q')){ mediaId = stories.data.reels_media[0].items[index].id; } }); if(mediaId == null){ mediaId = location.pathname.split('/').filter(s => s.length > 0 && s.match(/^([0-9]{10,})$/)).at(-1); } let result = await getMediaInfo(mediaId); if(USER_SETTING.RENAME_PUBLISH_DATE){ timestamp = result.items[0].taken_at; } if(result.status === 'ok'){ saveFiles(result.items[0].image_versions2.candidates[0].url, username,"stories",timestamp,'jpg'); } else{ if(USER_SETTING.USE_BLOB_FETCH_WHEN_MEDIA_RATE_LITMIT){ TEMP_FETCH_RATE_LITMIT = true; onStoryThumbnail(true, isForce); } else{ alert('Fetch failed from Media API. API response message: ' + result.message); } console.log(result); } updateLoadingBar(false); return; } if(GL_dataCache.stories[username] && !isForce){ console.log('Fetch from memory cache:', username); GL_dataCache.stories[username].data.reels_media[0].items.forEach(item => { if(item.id == targetURL){ videoThumbnailURL = item.display_url; if(USER_SETTING.RENAME_PUBLISH_DATE){ timestamp = item.taken_at_timestamp; } } }); if(videoThumbnailURL.length == 0){ console.log('Memory cache not found, try fetch from API:', username); onStoryThumbnail(true,true); return; } } else{ let userInfo = await getUserId(username); let userId = userInfo.user.pk; let stories = await getStories(userId); stories.data.reels_media[0].items.forEach(item => { if(item.id == targetURL){ videoThumbnailURL = item.display_url; if(USER_SETTING.RENAME_PUBLISH_DATE){ timestamp = item.taken_at_timestamp; } } }); // GitHub issue #4: thinkpad4 if(videoThumbnailURL.length == 0){ // appear in from profile page to story page $('body > div section:visible div.x1ned7t2.x78zum5 > div').each(function(index){ if($(this).hasClass('x1lix1fw')){ if($(this).children().length > 0){ videoThumbnailURL = stories.data.reels_media[0].items[index].display_url; if(USER_SETTING.RENAME_PUBLISH_DATE){ timestamp = stories.data.reels_media[0].items[index].taken_at_timestamp; } } } }); // appear in from home page to story page $('body > div section:visible ._ac0k > ._ac3r > div').each(function(index){ if($(this).children().hasClass('_ac3q')){ videoThumbnailURL = stories.data.reels_media[0].items[index].display_url; if(USER_SETTING.RENAME_PUBLISH_DATE){ timestamp = stories.data.reels_media[0].items[index].taken_at_timestamp; } } }); } } saveFiles(videoThumbnailURL,username,"thumbnail",timestamp,type); TEMP_FETCH_RATE_LITMIT= false; updateLoadingBar(false); } else{ if($('body > div div.IG_DWSTORY').parent().find('video[class]').length){ // Add the stories download button let $element = null; // Default detecter (section layout mode) if($('body > div section._ac0a').length > 0){ $element = $('body > div section:visible._ac0a'); } // detecter (single story layout mode) else{ $element = $('body > div section:visible > div > div[style]:not([class])'); $element.css('position','relative'); } if($element.length === 0){ $element = $('body div[id^="mount"] > div > div > div[class]').last().find('section:visible > div > div[style]:not([class])'); $element.css('position','relative'); } if($element.length === 0){ $element = $('body div[id^="mount"] > div > div > div[class]').last().find('section:visible > div div[style]:not([class]) > div:not([data-visualcompletion="loading-state"])'); $element.css('position','relative'); } // Detecter for div layout mode if($element.length === 0){ let $$element = $('body > div div:not([hidden]) section:visible > div div[class][style] > div[style]:not([class])'); let nowSize = 0; $$element.each(function(){ if($(this).width() > nowSize){ nowSize = $(this).width(); $element = $(this).children('div').first(); } }); } if($element != null){ $element.first().css('position','relative'); $element.first().append(`

${SVG.THUMBNAIL}

`); } } } } /** * onReels * Trigger user's reels download event or button display event. * * @param {Boolean} isDownload - Check if it is a download operation * @param {Boolean} isVideo - Check if reel is a video element * @param {Boolean} isPreview - Check if it is need to open new tab * @return {void} */ async function onReels(isDownload, isVideo, isPreview){ if(isDownload){ updateLoadingBar(true); let reelsPath = location.href.split('?').at(0).split('instagram.com/reels/').at(-1).replaceAll('/',''); let data = await getBlobMedia(reelsPath); let timestamp = new Date().getTime(); if(USER_SETTING.RENAME_PUBLISH_DATE){ timestamp = data.shortcode_media.taken_at_timestamp; } if(isVideo && data.shortcode_media.is_video){ if(isPreview){ openNewTab(data.shortcode_media.video_url); } else{ let type = 'mp4'; saveFiles(data.shortcode_media.video_url,data.shortcode_media.owner.username,"reels",timestamp,type,reelsPath); } } else{ if(isPreview){ openNewTab(data.shortcode_media.display_resources.at(-1).src); } else{ let type = 'jpg'; saveFiles(data.shortcode_media.display_resources.at(-1).src,data.shortcode_media.owner.username,"reels",timestamp,type,reelsPath); } } updateLoadingBar(false); } else{ //$('.IG_REELS_THUMBNAIL, .IG_REELS').remove(); var timer = setInterval(()=>{ if($('section > main[role="main"] > div div.x1qjc9v5 video').length > 0){ clearInterval(timer); if(USER_SETTING.SCROLL_BUTTON){ $('#scrollWrapper').remove(); $('section > main[role="main"]').append('

'); $('section > main[role="main"] > #scrollWrapper').append('

'); $('section > main[role="main"] > #scrollWrapper').append('

'); $('section > main[role="main"] > #scrollWrapper > .button-up').on('click',function(){ $('section > main[role="main"] > div')[0].scrollBy({top: -30, behavior: "smooth"}); }); $('section > main[role="main"] > #scrollWrapper > .button-down').on('click',function(){ $('section > main[role="main"] > div')[0].scrollBy({top: 30, behavior: "smooth"}); }); } // reels scroll has [tabindex] but header not. $('section > main[role="main"] > div[tabindex]').children('div').each(function(){ if($(this).children().length > 0){ if(!$(this).children().find('.IG_REELS').length){ var $main = $(this); $(this).children().css('position','relative'); $(this).children().append(`

${SVG.DOWNLOAD}

`); $(this).children().append(`

${SVG.NEW_TAB}

`); $(this).children().append(`

${SVG.THUMBNAIL}

`); // Disable video autoplay if(USER_SETTING.DISABLE_VIDEO_LOOPING){ $(this).find('video').each(function(){ if(!$(this).data('loop')){ console.log('(reel) Added video event listener #loop'); $(this).on('ended',function(){ $(this).attr('data-loop', true); let $element = $(this).next().find('div[role="presentation"] > div > div:last-child'); if($element.length > 0){ $element.click(); console.log('paused click()'); } else{ $(this).parent().find('.xpgaw4o').removeAttr('style'); this.pause(); console.log('paused pause()'); } }); } }); } // Modify Video Volume if(USER_SETTING.MODIFY_VIDEO_VOLUME){ $(this).find('video').each(function(){ if(!$(this).data('modify')){ console.log('(reel) Added video event listener #modify'); this.volume = VIDEO_VOLUME; $(this).on('play',function(){ this.volume = VIDEO_VOLUME; }); $(this).on('playing',function(){ this.volume = VIDEO_VOLUME; }); $(this).attr('data-modify', true); } }); } if(USER_SETTING.HTML5_VIDEO_CONTROL){ $(this).find('video').each(function(){ if(!$(this).data('controls')){ let $video = $(this); console.log('(reel) Added video html5 contorller #modify'); this.volume = VIDEO_VOLUME; $(this).on('loadstart',function(){ this.volume = VIDEO_VOLUME; }); // Restore layout to show details interface $(this).on('contextmenu',function(e){ e.preventDefault(); $video.css('z-index', '-1'); $video.removeAttr('controls'); }); // Hide layout to show controller $(this).parent().find('video + div div[role="button"]').filter(function(){ return $(this).parent('div[role="presentation"]').length > 0 && $(this).css('cursor') === 'pointer' && $(this).attr('style') != null; }).first().on('contextmenu',function(e){ e.preventDefault(); $video.css('z-index', '2'); $video.attr('controls', true); }); $(this).on('volumechange',function(){ let $element_mute_button = $(this).parent().find('video + div > div').find('button[type="button"], div[role="button"]').filter(function(idx){ // This is mention others' icon return $(this).find('svg > path[d^="M21.334"]').length === 0; }); var is_elelment_muted = $element_mute_button.find('svg > path[d^="M16.636"]').length === 0; if(this.muted != is_elelment_muted){ this.volume = VIDEO_VOLUME; $element_mute_button?.click(); } if ($(this).attr('data-completed')){ VIDEO_VOLUME = this.volume; GM_setValue('G_VIDEO_VOLUME', this.volume); } if(this.volume == VIDEO_VOLUME){ $(this).attr('data-completed', true); } }); $(this).css('position', 'absolute'); $(this).css('z-index', '2'); $(this).attr('data-controls', true); $(this).attr('controls', true); } }); } var $buttonParent = $(this).find('div[role="presentation"] > div[role="button"] > div').first(); $buttonParent.append('

'); $buttonParent.find('div.volume_slider').append(`

`); $buttonParent.find('div.volume_slider input').attr('style',`--ig-track-progress: ${(VIDEO_VOLUME * 100) + '%'}`); $buttonParent.find('div.volume_slider input').on('input',function(){ var percent = ($(this).val() * 100) + '%'; VIDEO_VOLUME = $(this).val(); GM_setValue('G_VIDEO_VOLUME', $(this).val()); $(this).attr('style',`--ig-track-progress: ${percent}`); $main.find('video').each(function(){ console.log('(reel) video volume changed #slider'); this.volume = VIDEO_VOLUME; }); }); $buttonParent.find('div.volume_slider input').on('mouseenter',function(){ var percent = (VIDEO_VOLUME * 100) + '%'; $(this).attr('style',`--ig-track-progress: ${percent}`); $(this).val(VIDEO_VOLUME); $main.find('video').each(function(){ console.log('(reel) video volume changed #slider'); this.volume = VIDEO_VOLUME; }); }); $buttonParent.find('div.volume_slider').on('click',function(e){ e.stopPropagation(); e.preventDefault(); }); } } }); } },250); } } /** * getHighlightStories * Get a list of all stories in highlight Id. * * @param {Integer} highlightId * @return {Object} */ function getHighlightStories(highlightId){ return new Promise((resolve,reject)=>{ let getURL = `https://www.instagram.com/graphql/query/?query_hash=45246d3fe16ccc6577e0bd297a5db1ab&variables=%7B%22highlight_reel_ids%22:%5B%22${highlightId}%22%5D,%22precomposed_overlay%22:false%7D`; GM_xmlhttpRequest({ method: "GET", url: getURL, onload: function(response) { let obj = JSON.parse(response.response); resolve(obj); }, onerror: function(err){ reject(err); } }); }); } /** * getStories * Get a list of all stories in user Id. * * @param {Integer} userId * @return {Object} */ function getStories(userId){ return new Promise((resolve,reject)=>{ let getURL = `https://www.instagram.com/graphql/query/?query_hash=15463e8449a83d3d60b06be7e90627c7&variables=%7B%22reel_ids%22:%5B%22${userId}%22%5D,%22precomposed_overlay%22:false%7D`; GM_xmlhttpRequest({ method: "GET", url: getURL, onload: function(response) { let obj = JSON.parse(response.response); resolve(obj); }, onerror: function(err){ reject(err); } }); }); } /** * getUserId * Get user's id with username * * @param {String} username * @return {Integer} */ function getUserId(username){ return new Promise((resolve,reject)=>{ let getURL = `https://www.instagram.com/web/search/topsearch/?query=${username}`; GM_xmlhttpRequest({ method: "GET", url: getURL, onload: function(response) { // Fix search issue by Discord: sno_w_ let obj = JSON.parse(response.response); let result = null; obj.users.forEach(pos => { if(pos.user.username === username){ result = pos; } }); if(result != null){ resolve(result); } else{ alert("Can not find user info from getUserId()"); } }, onerror: function(err){ reject(err); } }); }); } /** * getUserHighSizeProfile * Get user's high quality avatar image. * * @param {Integer} userId * @return {String} */ function getUserHighSizeProfile(userId){ return new Promise((resolve,reject)=>{ let getURL = `https://i.instagram.com/api/v1/users/${userId}/info/`; GM_xmlhttpRequest({ method: "GET", url: getURL, headers: { 'User-Agent': 'Mozilla/5.0 (Linux; Android 10; Pixel 7 XL)Build/RP1A.20845.002; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/5.0 Chrome/117.0.5938.60 Mobile Safari/537.36 Instagram 307.0.0.34.111' }, onload: function(response) { let obj = JSON.parse(response.response); if(obj.status !== 'ok'){ reject('faild'); } else{ resolve(obj.user.hd_profile_pic_url_info?.url); } }, onerror: function(err){ reject(err); } }); }); } /** * getPostOwner * Get post's author with post shortcode * * @param {String} postPath * @return {String} */ function getPostOwner(postPath){ return new Promise((resolve,reject)=>{ if(!postPath) reject("NOPATH"); let postShortCode = postPath; let getURL = `https://www.instagram.com/graphql/query/?query_hash=2c4c2e343a8f64c625ba02b2aa12c7f8&variables=%7B%22shortcode%22:%22${postShortCode}%22}`; GM_xmlhttpRequest({ method: "GET", url: getURL, onload: function(response) { let obj = JSON.parse(response.response); resolve(obj.data.shortcode_media.owner.username); }, onerror: function(err){ reject(err); } }); }); } /** * getBlobMedia * Get list of all media files in post with post shortcode * * @param {String} postPath * @return {Object} */ function getBlobMedia(postPath){ return new Promise((resolve,reject)=>{ if(!postPath) reject("NOPATH"); let postShortCode = postPath; let getURL = `https://www.instagram.com/graphql/query/?query_hash=2c4c2e343a8f64c625ba02b2aa12c7f8&variables=%7B%22shortcode%22:%22${postShortCode}%22}`; GM_xmlhttpRequest({ method: "GET", url: getURL, onload: function(response) { let obj = JSON.parse(response.response); console.log(obj); resolve(obj.data); }, onerror: function(err){ reject(err); } }); }); } /** * onReadyMyDW * Create an event entry point for the download button for the post * * @param {Boolean} NoDialog - Check if it not showing the dialog * @param {?Boolean} hasReferrer - Check if the source of the previous page is a story page * @return {void} */ function onReadyMyDW(NoDialog, hasReferrer){ if(hasReferrer === true){ console.log('hasReferrer', 'regenerated'); $('article[data-snig="canDownload"], div[data-snig="canDownload"]').removeAttr('data-snig'); } // Whether is Instagram dialog? if(NoDialog == false){ const maxCall = 100; let i = 0; var repeat = setInterval(() => { // div.xdt5ytf << (sigle post in top, not floating) >> if(i > maxCall || $('article[data-snig="canDownload"], section:visible > main > div > div.xdt5ytf[data-snig="canDownload"], div[id^="mount"] > div > div > div.x1n2onr6.x1vjfegm div[data-snig="canDownload"]').length > 0){ clearInterval(repeat); if(i > maxCall){ //alert('Trying to call button creation method reached to maximum try times. If you want to re-register method, please open script menu and press "Reload Script" button or hotkey "R" to reload main timer.'); console.warn('onReadyMyDW() Timer', 'maximum number of repetitions reached, terminated'); } } console.log('onReadyMyDW() Timer', 'repeating to call detection createDownloadButton()'); createDownloadButton(); i++; },50); } else{ createDownloadButton(); } } /** * getAppID * Get Instagram App ID * * @return {?integer} */ function getAppID(){ let result = null; $('script[type="application/json"]').each(function(){ const regexp = /"APP_ID":"([0-9]+)"/ig; const matcher = $(this).text().match(regexp); if(matcher != null && result == null){ result = [...$(this).text().matchAll(regexp)]; } }) return (result)?result.at(0).at(-1):null; } /** * updateLoadingBar * Update loading state * * @param {Boolean} isLoading - Check if loading state * @return {void} */ function updateLoadingBar(isLoading){ if(isLoading){ $('div[id^="mount"] > div > div > div:first').removeClass('x1s85apg'); $('div[id^="mount"] > div > div > div:first').css('z-index','20000'); } else{ $('div[id^="mount"] > div > div > div:first').addClass('x1s85apg'); $('div[id^="mount"] > div > div > div:first').css('z-index',''); } } /** * getMediaInfo * Get Instagram Media object * * @param {String} mediaId * @return {Object} */ function getMediaInfo(mediaId){ return new Promise((resolve,reject)=>{ let getURL = `https://i.instagram.com/api/v1/media/${mediaId}/info/`; if(mediaId == null){ alert("Can not call Media API because of the media id is invalid."); updateLoadingBar(false); reject(-1); return; } if(getAppID() == null){ alert("Can not call Media API because of the app id is invalid."); updateLoadingBar(false); reject(-1); return; } GM_xmlhttpRequest({ method: "GET", url: getURL, headers: { "User-Agent": window.navigator.userAgent, "Accept": "*/*", 'X-IG-App-ID': getAppID() }, onload: function(response) { if(response.finalUrl == getURL){ let obj = JSON.parse(response.response); resolve(obj); } else{ let finalURL = new URL(response.finalUrl); if(finalURL.pathname.startsWith('/accounts/login')){ alert("The account must be logged in to access Media API."); } else{ alert('Unable to retrieve content because the API was redirected to "'+response.finalUrl+'"'); } updateLoadingBar(false); reject(-1); } }, onerror: function(err){ resolve(err); } }); }); } /** * getVisibleNodeIndex * Get element visible node * * @param {Object} $main * @return {Integer} */ function getVisibleNodeIndex($main){ var index = 0; // homepage classList var $dot = $main.find('.x1iyjqo2 > div > div:last-child > div'); // dialog classList, main top classList if($dot == null || !$dot.hasClass('_acnb')){ $dot = $main.find('._aatk > div > div:last-child').eq(0).children('div'); } $dot.filter('._acnb').each(function(sIndex){ if($(this).hasClass('_acnf')){ index = sIndex; } }); return index; } /** * createDownloadButton * Create a download button in the upper right corner of each post * * @return {void} */ function createDownloadButton(){ // Add download icon per each posts $('article, section:visible > main > div > div.xdt5ytf, div._aap0[role="presentation"]').each(function(index){ // If it is have not download icon // class x1iyjqo2 mean user profile pages post list container if(!$(this).attr('data-snig') && !$(this).hasClass('x1iyjqo2') && !$(this).children('article')?.hasClass('x1iyjqo2') && $(this).parents('div#scrollview').length === 0){ console.log("Found post container", $(this)); var rightPos = 15; var topPos = 15; var $mainElement = $(this); var tagName = this.tagName; // not loop each in single top post if(tagName === "DIV" && index != 0){ return; } // New post UI by Discord: ken // NOT WORKING /* if(tagName === "DIV" && $(this).attr('role') === "presentation"){ rightPos = 28; topPos = 75; $mainElement = $('div._aap0[role="presentation"]').parents('div._aamm').parent().parent().parent().parent().parent(); } */ const $childElement = $mainElement.children("div").children("div"); if($childElement.length === 0) return; console.log("Found insert point", $childElement); // Modify carousel post counter's position to not interfere with our buttons if($mainElement.find('._aap0').length > 0){ if($mainElement.find('._aap0 + .x24i39r').length > 0){ $mainElement.find('._aap0 + .x24i39r').css('top', '37px'); } const observeNode = $mainElement.find('._aap0').first().parent()[0]; var observer = new MutationObserver(function (mutation, owner) { $mainElement.find('._aap0 + .x24i39r').css('top', '37px'); }); observer.observe(observeNode, { childList: true }); } // Add icons const DownloadElement = `

${SVG.DOWNLOAD}

`; const NewTabElement = `

${SVG.NEW_TAB}

`; const ThumbnailElement = `

${SVG.THUMBNAIL}

`; $childElement.eq((tagName === "DIV")? 0 : $childElement.length - 2).append(DownloadElement); $childElement.eq((tagName === "DIV")? 0 : $childElement.length - 2).append(NewTabElement); setTimeout(()=>{ // Check if visible post is video if($childElement.eq((tagName === "DIV")? 0 : $childElement.length - 2).find('div > ul li._acaz').length === 0){ if($childElement.find('video').length > 0){ $childElement.eq((tagName === "DIV")? 0 : $childElement.length - 2).append(ThumbnailElement); } } else{ const checkVideoNode = function(target){ if(target){ var k = $(target).find('li._acaz').length; var $targetNode = null; if(k == 2){ var index = getVisibleNodeIndex($mainElement); // First node if(index === 0){ $targetNode = $(target).find('li._acaz').first(); } // Last node else{ $targetNode = $(target).find('li._acaz').last(); } } // Middle node else{ $targetNode = $(target).find('li._acaz').eq(1); } // Check if video? if($targetNode != null && $targetNode.length > 0 && $targetNode.find('video').length > 0){ $childElement.eq((tagName === "DIV")? 0 : $childElement.length - 2).append(ThumbnailElement); } else{ $childElement.find('.SNKMS_IG_THUMBNAIL_MAIN')?.remove(); } } }; var observer = new MutationObserver(function (mutation, owner) { var target = mutation.at(0)?.target; checkVideoNode(target); }); const element = $childElement.eq((tagName === "DIV")? 0 : $childElement.length - 2).find('div > ul li._acaz')?.parent()[0]; const elementAttr = $childElement.eq((tagName === "DIV")? 0 : $childElement.length - 2).find('div > ul li._acaz')?.parent().parent()[0]; if(element){ checkVideoNode(element); observer.observe(element, { childList: true }); } if(elementAttr){ observer.observe(elementAttr, { attributes: true }); } } }, 50); $childElement.css('position','relative'); // Disable video autoplay if(USER_SETTING.DISABLE_VIDEO_LOOPING){ $(this).find('video').each(function(){ if(!$(this).data('loop')){ console.log('(post) Added video event listener #loop'); $(this).on('ended',function(){ $(this).attr('data-loop', true); this.pause(); }); } }); } // Modify Video Volume if(USER_SETTING.MODIFY_VIDEO_VOLUME){ $(this).find('video').each(function(){ if(!$(this).data('modify')){ console.log('(post) Added video event listener #modify'); this.volume = VIDEO_VOLUME; $(this).on('play',function(){ this.volume = VIDEO_VOLUME; }); $(this).on('playing',function(){ this.volume = VIDEO_VOLUME; }); $(this).on('timeupdate',function(){ this.volume = VIDEO_VOLUME; }); $(this).attr('data-modify', true); } }); } if(USER_SETTING.HTML5_VIDEO_CONTROL){ $(this).find('video').each(function(){ if(!$(this).data('controls')){ console.log('(post) Added video html5 contorller #modify'); this.volume = VIDEO_VOLUME; $(this).on('loadstart',function(){ this.volume = VIDEO_VOLUME; }); $(this).on('volumechange',function(){ let $element_mute_button = $(this).parent().find('video + div > div').find('button[type="button"], div[role="button"]').filter(function(idx){ // This is mention others' icon return $(this).find('svg > path[d^="M21.334"]').length === 0; }); var is_elelment_muted = $element_mute_button.find('svg > path[d^="M16.636"]').length === 0; if(this.muted != is_elelment_muted){ this.volume = VIDEO_VOLUME; $element_mute_button?.click(); } if ($(this).attr('data-completed')){ VIDEO_VOLUME = this.volume; GM_setValue('G_VIDEO_VOLUME', this.volume); } if(this.volume == VIDEO_VOLUME){ $(this).attr('data-completed', true); } }); $(this).css('position', 'absolute'); $(this).css('z-index', '2'); $(this).attr('data-controls', true); $(this).attr('controls', true); } }); } var $buttonParent = $(this).find('video + div > div').first(); $buttonParent.append('

'); $buttonParent.find('div.volume_slider').append(`

`); $buttonParent.find('div.volume_slider input').attr('style',`--ig-track-progress: ${(VIDEO_VOLUME * 100) + '%'}`); $buttonParent.find('div.volume_slider input').on('input',function(){ var percent = ($(this).val() * 100) + '%'; VIDEO_VOLUME = $(this).val(); GM_setValue('G_VIDEO_VOLUME', $(this).val()); $(this).attr('style',`--ig-track-progress: ${percent}`); $mainElement.find('video').each(function(){ console.log('(post) video volume changed #slider'); this.volume = VIDEO_VOLUME; }); }); $buttonParent.find('div.volume_slider input').on('mouseenter',function(){ var percent = (VIDEO_VOLUME * 100) + '%'; $(this).attr('style',`--ig-track-progress: ${percent}`); $(this).val(VIDEO_VOLUME); $mainElement.find('video').each(function(){ console.log('(post) video volume changed #slider'); this.volume = VIDEO_VOLUME; }); }); $buttonParent.find('div.volume_slider').on('click',function(e){ e.stopPropagation(); e.preventDefault(); }); $(this).on('click', '.SNKMS_IG_THUMBNAIL_MAIN', function(e){ updateLoadingBar(true); GL_username = $(this).parent().parent().parent().attr('data-username'); GL_postPath = location.pathname.replace(/\/$/,'').split('/').at(-1) || $(this).parent().parent().parent().find('a[href^="/p/"]').first().attr("href").split("/").at(2) || $(this).parent().parent().children("div:last-child").children("div").children("div:last-child").find('a[href^="/p/"]').last().attr("href").split("/").at(2); var $main = $(this).parent().parent().parent(); var index = getVisibleNodeIndex($main); IG_createDM(true, false); createMediaListDOM(GL_postPath,".IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_BODY", "").then(()=>{ let checkBlob = setInterval(()=>{ if($('.IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_BODY a').length > 0){ clearInterval(checkBlob); var $videoThumbnail = $('.IG_SN_DIG .IG_SN_DIG_BODY a[data-globalindex="'+(index+1)+'"]')?.parent().find('.videoThumbnail')?.first(); if($videoThumbnail != null && $videoThumbnail.length > 0){ $videoThumbnail.click(); } else{ alert('Can not find thumbnail url.'); } updateLoadingBar(false); $('.IG_SN_DIG').remove(); } },250); }); }); $(this).on('click', '.SNKMS_IG_NEWTAB_MAIN', function(e){ updateLoadingBar(true); GL_username = $(this).parent().parent().parent().attr('data-username'); GL_postPath = location.pathname.replace(/\/$/,'').split('/').at(-1) || $(this).parent().parent().parent().find('a[href^="/p/"]').first().attr("href").split("/").at(2) || $(this).parent().parent().children("div:last-child").children("div").children("div:last-child").find('a[href^="/p/"]').last().attr("href").split("/").at(2); var $main = $(this).parent().parent().parent(); var index = getVisibleNodeIndex($main); IG_createDM(true, false); createMediaListDOM(GL_postPath,".IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_BODY", "").then(()=>{ let checkBlob = setInterval(()=>{ if($('.IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_BODY a').length > 0){ clearInterval(checkBlob); var $linkElement = $('.IG_SN_DIG .IG_SN_DIG_BODY a[data-globalindex="'+(index+1)+'"]'); if(USER_SETTING.FORCE_RESOURCE_VIA_MEDIA && USER_SETTING.NEW_TAB_ALWAYS_FORCE_MEDIA_IN_POST){ triggerLinkElement( $linkElement.first()[0], true); } else{ let href = $linkElement?.attr('data-href'); if(href){ // replace https://instagram.ftpe8-2.fna.fbcdn.net/ to https://scontent.cdninstagram.com/ becase of same origin policy (some video) var urlObj = new URL(href); urlObj.host = 'scontent.cdninstagram.com'; openNewTab(urlObj.href); } else{ alert('Can not find open tab url.'); } } updateLoadingBar(false); $('.IG_SN_DIG').remove(); } },250); }); }); // Running if user click the download icon $(this).on('click','.SNKMS_IG_DW_MAIN', async function(e){ GL_username = $(this).parent().parent().parent().attr('data-username'); GL_postPath = location.pathname.replace(/\/$/,'').split('/').at(-1) || $(this).parent().parent().parent().find('a[href^="/p/"]').first().attr("href").split("/").at(2) || $(this).parent().parent().children("div:last-child").children("div").children("div:last-child").find('a[href^="/p/"]').last().attr("href").split("/").at(2); // Create element that download dailog IG_createDM(USER_SETTING.DIRECT_DOWNLOAD_ALL, true); $("#article-id").html(`${GL_postPath}`); if(USER_SETTING.DIRECT_DOWNLOAD_VISIBLE_RESOURCE){ updateLoadingBar(true); IG_setDM(true); var index = getVisibleNodeIndex($(this).parent().parent().parent()); createMediaListDOM(GL_postPath,".IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_BODY", "").then(()=>{ let checkBlob = setInterval(()=>{ if($('.IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_BODY a').length > 0){ clearInterval(checkBlob); var href = $('.IG_SN_DIG .IG_SN_DIG_BODY a[data-globalindex="'+(index+1)+'"]')?.attr('data-href'); if(href){ updateLoadingBar(false); $('.IG_SN_DIG .IG_SN_DIG_BODY a[data-globalindex="'+(index+1)+'"]')?.click(); } else{ alert('Can not find download url.'); } $('.IG_SN_DIG').remove(); } },250); }); return; } if(!USER_SETTING.DIRECT_DOWNLOAD_ALL){ // Find video/image element and add the download icon var s = 0; var multiple = $(this).parent().parent().find('._aap0 ._acaz').length; var pathname = window.location.pathname; var fullpathname = "/"+pathname.split('/')[1]+"/"+pathname.split('/')[2]+"/"; var blob = USER_SETTING.FORCE_FETCH_ALL_RESOURCES; var publish_time = new Date($(this).parent().parent().find('a[href^="/p/"] time[datetime]').first().attr('datetime')).getTime(); // If posts have more than one images or videos. if(multiple){ $(this).parent().find('._aap0 ._acaz').each(function(){ let element_videos = $(this).parent().parent().find('video'); //if(element_videos && element_videos.attr('src') && element_videos.attr('src').match(/^blob:/ig)){ if(element_videos && element_videos.attr('src')){ blob = true; } }); if(blob || USER_SETTING.FORCE_RESOURCE_VIA_MEDIA){ createMediaListDOM(GL_postPath,".IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_BODY",_i18n("LOAD_BLOB_MULTIPLE")); } else{ $(this).parent().find('._aap0 ._acaz').each(function(){ s++; let element_videos = $(this).find('video'); let element_images = $(this).find('._aagv img'); let imgLink = (element_images.attr('srcset'))?element_images.attr('srcset').split(" ")[0]:element_images.attr('src'); if(element_videos && element_videos.attr('src')){ blob = true; } if(element_images && imgLink){ $('.IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_BODY').append(`

- ${_i18n("IMG")} ${s} -`); } }); if(blob){ createMediaListDOM(GL_postPath,".IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_BODY",_i18n("LOAD_BLOB_RELOAD")); } } } else{ if(USER_SETTING.FORCE_RESOURCE_VIA_MEDIA){ createMediaListDOM(GL_postPath,".IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_BODY",_i18n("LOAD_BLOB_MULTIPLE")); } else{ s++; let element_videos = $(this).parent().parent().find('video'); let element_images = $(this).parent().parent().find('._aagv img'); let imgLink = (element_images.attr('srcset'))?element_images.attr('srcset').split(" ")[0]:element_images.attr('src'); if(element_videos && element_videos.attr('src')){ createMediaListDOM(GL_postPath,".IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_BODY",_i18n("LOAD_BLOB_ONE")); } if(element_images && imgLink){ $('.IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_BODY').append(`

- ${_i18n("IMG")} ${s} -`); } } } } $('.IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_BODY a').each(function(){ $(this).wrap('

'); $(this).before(''); $(this).after(`

${SVG.NEW_TAB}

`); if($(this).attr('data-name') == 'video'){ $(this).after(`

${SVG.THUMBNAIL}

`); } }); if(USER_SETTING.DIRECT_DOWNLOAD_ALL){ createMediaListDOM(GL_postPath,".IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_BODY",_i18n("LOAD_BLOB_MULTIPLE")).then(()=>{ let checkBlob = setInterval(()=>{ if($('.IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_BODY a').length > 0){ clearInterval(checkBlob); $('.IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_BODY a').each(function(){ $(this).click(); }); $('.IG_SN_DIG').remove(); } },250); }); } }); // Add the mark that download is ready var username = $(this).find("header > div:last-child > div:first-child span a").first().text(); $(this).attr('data-snig','canDownload'); $(this).attr('data-username',username); } }); } /** * createMediaListDOM * Create a list of media elements from post URLs * * @param {String} postURL * @param {String} selector - Use CSS element selectors to choose where it appears. * @param {String} message - i18n display loading message * @return {void} */ function createMediaListDOM(postURL,selector,message){ return new Promise(async (resolve) => { $(`${selector} a`).remove(); $(selector).append('

'+ message +'

'); let media = await getBlobMedia(postURL); let idx = 1; let resource = media.shortcode_media; // GraphVideo if(resource.__typename == "GraphVideo" && resource.video_url){ $(selector).append(`

- ${_i18n("VID")} ${idx} -`); idx++; } // GraphImage if(resource.__typename == "GraphImage"){ $(selector).append(`

- ${_i18n("IMG")} ${idx} -`); idx++; } // GraphSidecar if(resource.__typename == "GraphSidecar" && resource.edge_sidecar_to_children){ for(let e of resource.edge_sidecar_to_children.edges){ if(e.node.__typename == "GraphVideo"){ $(selector).append(`

- ${_i18n("VID")} ${idx} -`); } if(e.node.__typename == "GraphImage"){ $(selector).append(`

- ${_i18n("IMG")} ${idx} -`); } idx++; } } $("#_SNLOAD").remove(); $('.IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_BODY a').each(function(){ $(this).wrap('

'); $(this).before(''); $(this).after(`

${SVG.NEW_TAB}

`); if($(this).attr('data-name') == 'video'){ $(this).after(`

${SVG.THUMBNAIL}

`); } }); resolve(true); }); } /** * IG_createDM * A dialog showing a list of all media files in the post * * @param {Boolean} hasHidden * @param {Boolean} hasCheckbox * @return {void} */ function IG_createDM(hasHidden, hasCheckbox){ let isHidden = (hasHidden)?"hidden":""; $('body').append('

'); $('.IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_TITLE').append(`

Alt+Q [${_i18n("CLOSE")}]

IG Helper

Post ID:

${SVG.CLOSE}

`); if(hasCheckbox){ $('.IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_TITLE').append(`

`); $('.IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_TITLE > div#button_group').append(``); $('.IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_TITLE > div#button_group').append(``); $('.IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_TITLE').append(`${_i18n('ALL_CHECK')}`); } } /** * IG_setDM * Set a dialog status * * @param {Boolean} hasHidden * @return {void} */ function IG_setDM(hasHidden){ if($('.IG_SN_DIG').length){ if(hasHidden){ $('.IG_SN_DIG').addClass("hidden"); } else{ $('.IG_SN_DIG').removeClass("hidden"); } } } /** * saveFiles * Download the specified media URL to the computer * * @param {String} downloadLink * @param {String} username * @param {String} sourceType * @param {Integer} timestamp * @param {String} filetype * @param {String} shortcode * @return {void} */ function saveFiles(downloadLink,username,sourceType,timestamp,filetype,shortcode){ setTimeout(()=>{ updateLoadingBar(true); fetch(downloadLink).then(res => { return res.blob().then(dwel => { updateLoadingBar(false); createSaveFileElement(downloadLink,dwel,username,sourceType,timestamp,filetype,shortcode); }); }); }, 50); } /** * createSaveFileElement * Download the specified media with link element * * @param {String} downloadLink * @param {Object} object * @param {String} username * @param {String} sourceType * @param {Integer} timestamp * @param {String} filetype * @param {String} shortcode * @return {void} */ function createSaveFileElement(downloadLink,object,username,sourceType,timestamp,filetype,shortcode) { timestamp = parseInt(timestamp.toString().padEnd(13, '0')); if(USER_SETTING.RENAME_PUBLISH_DATE){ timestamp = parseInt(timestamp.toString().padEnd(13, '0')); } const date = new Date(timestamp); const a = document.createElement("a"); const original_name = new URL(downloadLink).pathname.split('/').at(-1).split('.').slice(0,-1).join('.'); const year = date.getFullYear().toString(); const month = (date.getMonth()+1).toString().padStart(2,'0'); const day = date.getDate().toString().padStart(2,'0'); const hour = date.getHours().toString().padStart(2,'0'); const minute = date.getMinutes().toString().padStart(2,'0'); const second = date.getSeconds().toString().padStart(2,'0'); var filename = RENAME_FORMAT.toUpperCase(); var replacements = { '%USERNAME%': username, '%SOURCE_TYPE%': sourceType, '%SHORTCODE%': (shortcode)?shortcode:'', '%YEAR%': year, '%MONTH%': month, '%DAY%': day, '%HOUR%': hour, '%MINUTE%': minute, '%SECOND%': second, '%ORIGINAL_NAME%': original_name }; filename = filename.replace(/%\w+%/g, function(str) { return replacements[str] || str; }); const originally = username + '_' + original_name + '.' + filetype; a.href = URL.createObjectURL(object); a.setAttribute("download", (USER_SETTING.AUTO_RENAME)?filename+'.'+filetype:originally); a.click(); a.remove(); } /** * triggerLinkElement * Trigger the link element to start downloading the resource * * @param {Object} element * @return {void} */ async function triggerLinkElement(element, isPreview) { let date = new Date().getTime(); let timestamp = Math.floor(date / 1000); let username = ($(element).attr('data-username')) ? $(element).attr('data-username') : GL_username; if(!username && $(element).attr('data-path')){ console.log('catching owner name from shortcode:',$(element).attr('data-href')); username = await getPostOwner($(element).attr('data-path')); } if(USER_SETTING.RENAME_PUBLISH_DATE && $(element).attr('datetime')){ timestamp = parseInt($(element).attr('datetime')); } if(USER_SETTING.FORCE_RESOURCE_VIA_MEDIA){ updateLoadingBar(true); let result = await getMediaInfo($(element).attr('media-id')); updateLoadingBar(false); if(result.status === 'ok'){ var resource_url = null; if(result.items[0].video_versions){ resource_url = result.items[0].video_versions[0].url; } else{ resource_url = result.items[0].image_versions2.candidates[0].url; } if(isPreview){ let urlObj = new URL(resource_url); urlObj.host = 'scontent.cdninstagram.com'; openNewTab(urlObj.href); } else{ saveFiles(resource_url, username, $(element).attr('data-name'),timestamp, $(element).attr('data-type'), $(element).attr('data-path')); } } else{ if(USER_SETTING.USE_BLOB_FETCH_WHEN_MEDIA_RATE_LITMIT){ if(isPreview){ let urlObj = new URL($(element).attr('data-href')); urlObj.host = 'scontent.cdninstagram.com'; openNewTab(urlObj.href); } else{ saveFiles($(element).attr('data-href'),username,$(element).attr('data-name'),timestamp,$(element).attr('data-type'), $(element).attr('data-path')); } } else{ alert('Fetch failed from Media API. API response message: ' + result.message); } console.log(result); } } else{ saveFiles($(element).attr('data-href'),username,$(element).attr('data-name'),timestamp,$(element).attr('data-type'), $(element).attr('data-path')); } } /** * translateText * i18n translation text * * @param {String} lang * @return {void} */ function translateText(lang){ var eLocale = { "en-US": { "SELECT_LANG": "English", "RELOAD_SCRIPT": "Reload Script", "DONATE": "Donate", "FEEDBACK": "Feedback", "NEW_TAB": "Open in new tab", "SHOW_DOM_TREE": "Show DOM Tree", "SELECT_AND_COPY": "Select All and Copy of the Input Box", "DOWNLOAD_DOM_TREE": "Download DOM Tree as Text File", "REPORT_GITHUB": "Report Issue On GitHub", "REPORT_DISCORD": "Report Issue On Discord Support Server", "DEBUG": "Debug Window", "CLOSE": "Close", "ALL_CHECK": "Select All", "BATCH_DOWNLOAD_SELECTED": "Download Selected Resources", "BATCH_DOWNLOAD_DIRECT": "Download All Resources", "IMG": "Image", "VID": "Video", "DW": "Download", "THUMBNAIL_INTRO": "Download video thumbnail", "LOAD_BLOB_ONE": "Loading Blob Media...", "LOAD_BLOB_MULTIPLE": "Loading Blob Media and others...", "LOAD_BLOB_RELOAD": "Detect Blob Media, now reloading...", "NO_CHECK_RESOURCE": "You need to check resource to download.", "NO_VID_URL": "Can not find video url.", "SETTING": "Settings", "AUTO_RENAME": "Automatically Rename Files (Right-Click To Set)", "RENAME_SHORTCODE": "Rename The File and Include Shortcode", "RENAME_PUBLISH_DATE": "Set Rename File Timestamp to Resource Publish Date", "RENAME_LOCATE_DATE": "Modify Renamed File Timestamp Date Format (Right-Click To Set)", "DISABLE_VIDEO_LOOPING": "Disable Video Auto-looping", "HTML5_VIDEO_CONTROL": "Display HTML5 Video Controller", "REDIRECT_RIGHT_CLICK_USER_STORY_PICTURE": "Redirect When Right-Clicking User Story Picture", "FORCE_FETCH_ALL_RESOURCES": "Forcing Fetch All Resources In the Post", "DIRECT_DOWNLOAD_VISIBLE_RESOURCE": "Directly Download the Visible Resources In the Post", "DIRECT_DOWNLOAD_ALL": "Directly Download All Resources In the Post", "MODIFY_VIDEO_VOLUME": "Modify Video Volume (Right-Click To Set)", "SCROLL_BUTTON": "Enable Scroll Buttons For Reels Page", "FORCE_RESOURCE_VIA_MEDIA": "Force Fetch Resource via Media API", "USE_BLOB_FETCH_WHEN_MEDIA_RATE_LITMIT": "Use Other Methods to Download When the Media API is Not Accessible", "NEW_TAB_ALWAYS_FORCE_MEDIA_IN_POST": '"Open in new tab" in posts always uses Media API', "AUTO_RENAME_INTRO": "Auto rename file to custom format\nCustom Format List: \n%USERNAME% - Username\n%SOURCE_TYPE% - Download source\n%SHORTCODE% - Post Shortcode\n%YEAR% - Year when downloaded/published\n%MONTH% - Month when downloaded/published\n%DAY% - Day when downloaded/published\n%HOUR% - Hour when downloaded/published\n%MINUTE% - Minute when downloaded/published\n%SECOND% - Second when downloaded/published\n%ORIGINAL_NAME% - Original name of downloaded file\n\nIf set to false, the file name will remain as it is.\nExample: instagram_321565527_679025940443063_4318007696887450953_n.jpg", "RENAME_SHORTCODE_INTRO": "Auto rename file to format type following:\nUSERNAME-TYPE-SHORTCODE-TIMESTAMP.FILETYPE\nExample: instagram-photo-CwkxyiVynpW-1670350000.jpg\n\nIt will ONLY work in [Automatically Rename Files] setting to TRUE.", "RENAME_PUBLISH_DATE_INTRO": "Sets the timestamp in the file rename format to the resource publish date (browser time zone)\n\nThis feature only works when [Automatically Rename Files] is set to TRUE.", "RENAME_LOCATE_DATE_INTRO": "Modify the rename file timestamp date format to the browser's local time, and format it to the regional date format of your choice.\n\nThis feature only works when [Automatically Rename Files] is set to TRUE.", "DISABLE_VIDEO_LOOPING_INTRO": "Disable video auto-looping in reels and posts.", "HTML5_VIDEO_CONTROL_INTRO": "Display HTML5 video controller in posts and reels. \n\nThis will hide the custom video volume slider and replace it with the HTML5 controller.\nIn Reels pages, the HTML5 controller can be hidden by right-clicking on the video to reveal the original details.", "REDIRECT_RIGHT_CLICK_USER_STORY_PICTURE_INTRO": "Redirect to a user's profile page when right-clicking on their user avatar in the story area on the homepage.", "FORCE_FETCH_ALL_RESOURCES_INTRO": "Force fetching of all resources (photos and videos) in a post via the Instagram API to remove the limit of three resources per post.", "DIRECT_DOWNLOAD_VISIBLE_RESOURCE_INTRO": "Directly download the current resources in the post.", "DIRECT_DOWNLOAD_ALL_INTRO": "When you click the download button, all resources in the post will be directly forced to be fetched and downloaded.", "MODIFY_VIDEO_VOLUME_INTRO": "Modify the video playback volume in Reels and Posts (right-click to open the volume setting slider).", "SCROLL_BUTTON_INTRO": "Enable scroll buttons for the lower right corner of Reels page.", "FORCE_RESOURCE_VIA_MEDIA_INTRO": "The Media API will try to get the highest quality photo or video possible, but it will take longer to load.", "USE_BLOB_FETCH_WHEN_MEDIA_RATE_LITMIT_INTRO": "When the Media API reaches the rate limit or cannot be used for other reasons, the Forced Fetch API is used to download resources (the resource quality is slightly lower).", "NEW_TAB_ALWAYS_FORCE_MEDIA_IN_POST_INTRO": "[Open in new tab] button in posts will always use the Media API to obtain high-resolution resources." } }; var resultUnsorted = Object.assign({}, eLocale, locale); var resultSorted = Object.keys(resultUnsorted).sort().reduce( (obj, key) => { obj[key] = resultUnsorted[key]; return obj; }, {} ); return resultSorted; } /** * _i18n * Perform i18n translation * * @param {String} text * @return {void} */ function _i18n(text){ const translate = translateText(); if(translate[lang] != undefined && translate[lang][text] != undefined){ return translate[lang][text]; } else{ return translate["en-US"][text]; } } /** * showSetting * Show script settings window * * @return {void} */ function showSetting(){ $('.IG_SN_DIG').remove(); IG_createDM(); $('.IG_SN_DIG #post_info').text('Preference Settings'); $('.IG_SN_DIG .IG_SN_DIG_TITLE > div').append('

The newly selected language will be applied after refreshing the page.

'); for(let o in translateText()){ $('.IG_SN_DIG .IG_SN_DIG_TITLE > div #langSelect').append(``); } for(let name in USER_SETTING){ $('.IG_SN_DIG .IG_SN_DIG_BODY').append(`${_i18n(name)}

`); if(name === 'MODIFY_VIDEO_VOLUME'){ $('.IG_SN_DIG .IG_SN_DIG_BODY input[id="'+name+'"]').parent('label').on('contextmenu', function(e){ e.preventDefault(); if($(this).find('#tempWrapper').length === 0){ $(this).append('

'); $(this).children('#tempWrapper').append(''); $(this).children('#tempWrapper').append(''); $(this).children('#tempWrapper').append(`

${SVG.CLOSE}

`); } }); } if(name === 'AUTO_RENAME'){ $('.IG_SN_DIG .IG_SN_DIG_BODY input[id="'+name+'"]').parent('label').on('contextmenu', function(e){ e.preventDefault(); if($(this).find('#tempWrapper').length === 0){ $(this).append('

'); $(this).children('#tempWrapper').append(''); $(this).children('#tempWrapper').append(`

${SVG.CLOSE}

`); } }); } } } /** * showDebugDOM * Show full DOM tree * * @return {void} */ function showDebugDOM(){ $('.IG_SN_DIG').remove(); IG_createDM(); $('.IG_SN_DIG #post_info').text('IG Debug DOM Tree'); $('.IG_SN_DIG .IG_SN_DIG_BODY').append(``); $('.IG_SN_DIG .IG_SN_DIG_BODY').append(``); $('.IG_SN_DIG .IG_SN_DIG_BODY span').append(``); $('.IG_SN_DIG .IG_SN_DIG_BODY span').append(``); $('.IG_SN_DIG .IG_SN_DIG_BODY span').append(`
`); $('.IG_SN_DIG .IG_SN_DIG_BODY span').append(``); $('.IG_SN_DIG .IG_SN_DIG_BODY span').append(``); } /** * openNewTab * Open url in new tab * * @param {String} link * @return {void} */ function openNewTab(link){ var a = document.createElement('a'); a.href = link; a.target = '_blank'; document.body.appendChild(a); a.click(); a.remove(); } /** * reloadScript * Re-register main timer * * @return {void} */ function reloadScript(){ clearInterval(GL_repeat); pageLoaded = false; firstStarted = false; currentURL = location.href; GL_observer.disconnect(); console.log('main timer re-register completed'); } /** * initSettings * Initialize preferences * * @return {void} */ function initSettings(){ for(let name in USER_SETTING){ if(GM_getValue(name) != null && typeof GM_getValue(name) === 'boolean'){ USER_SETTING[name] = GM_getValue(name); } } } // Running if document is ready $(function(){ $('body').on('click','.IG_SN_DIG .IG_SN_DIG_BODY .IG_DISPLAY_DOM_TREE',function(){ let text = $('div[id^="mount"]')[0]; $('.IG_SN_DIG .IG_SN_DIG_BODY textarea').text("Location: " + location.pathname + "\nDOM Tree:\n" + text.innerHTML); }); $('body').on('click','.IG_SN_DIG .IG_SN_DIG_BODY .IG_SELECT_DOM_TREE',function(){ $('.IG_SN_DIG .IG_SN_DIG_BODY textarea').select(); document.execCommand('copy'); }); $('body').on('click','.IG_SN_DIG .IG_SN_DIG_BODY .IG_DOWNLOAD_DOM_TREE',function(){ var text = ($('.IG_SN_DIG .IG_SN_DIG_BODY textarea').text().length > 0)?$('.IG_SN_DIG .IG_SN_DIG_BODY textarea').text():"Location: " + location.pathname + "\nDOM Tree:\n" +$('div[id^="mount"]')[0].innerHTML; var a = document.createElement("a"); var file = new Blob([text], {type: "text/plain"}); a.href = URL.createObjectURL(file); a.download = "DOMTree.txt"; document.body.appendChild(a); a.click(); a.remove(); }); // Close the download dialog if user click the close icon $('body').on('click','.IG_SN_DIG_BTN, .IG_SN_DIG_BG',function(){ if($(this).parent('#tempWrapper').length > 0){ $(this).parent('#tempWrapper').fadeOut(250, function(){ $(this).remove(); }); } else{ $('.IG_SN_DIG').remove(); } }); $(window).keydown(function(e){ // Hot key [Alt+Q] to close the download dialog if (e.keyCode == '81' && e.altKey){ $('.IG_SN_DIG').remove(); e.preventDefault(); } // Hot key [Alt+W] to open the settings dialog if (e.keyCode == '87' && e.altKey){ showSetting(); e.preventDefault(); } // Hot key [Alt+Z] to open the settings dialog if (e.keyCode == '90' && e.altKey){ showDebugDOM(); e.preventDefault(); } // Hot key [Alt+R] to open the settings dialog if (e.keyCode == '82' && e.altKey){ reloadScript(); e.preventDefault(); } }); $('body').on('change', '.IG_SN_DIG input',function(e){ var name = $(this).attr('id'); if(name && USER_SETTING[name] !== undefined){ let isChecked = $(this).prop('checked'); GM_setValue(name, isChecked); USER_SETTING[name] = isChecked; console.log('user settings', name, isChecked); } }); $('body').on('click', '.IG_SN_DIG .globalSettings',function(e){ if($(this).find('#tempWrapper').length > 0){ e.preventDefault(); } }); $('body').on('change', '.IG_SN_DIG #tempWrapper input:not(#date_format)',function(){ let value = $(this).val(); if($(this).attr('type') == 'range'){ $(this).next().val(value); } else{ $(this).prev().val(value); } if(value >= 0 && value <= 1){ VIDEO_VOLUME = value; GM_setValue('G_VIDEO_VOLUME', value); } }); $('body').on('input', '.IG_SN_DIG #tempWrapper input:not(#date_format)',function(e){ if($(this).attr('type') == 'range'){ let value = $(this).val(); $(this).next().val(value); } else{ let value = $(this).val(); if(value >= 0 && value <= 1){ $(this).prev().val(value); } else{ if(value < 0){ $(this).val(0); } else{ $(this).val(1); } } } }); $('body').on('input', '.IG_SN_DIG #tempWrapper input#date_format',function(e){ GM_setValue('G_RENAME_FORMAT', $(this).val()); RENAME_FORMAT = $(this).val(); }); $('body').on('click','a[data-needed="direct"]', function(e){ e.preventDefault(); triggerLinkElement(this); }); $('body').on('click','.IG_SN_DIG_BODY .newTab', function(){ // replace https://instagram.ftpe8-2.fna.fbcdn.net/ to https://scontent.cdninstagram.com/ becase of same origin policy (some video) if(USER_SETTING.FORCE_RESOURCE_VIA_MEDIA && USER_SETTING.NEW_TAB_ALWAYS_FORCE_MEDIA_IN_POST){ triggerLinkElement( $(this).parent().children('a').first()[0], true); } else{ var urlObj = new URL($(this).parent().children('a').attr('data-href')); urlObj.host = 'scontent.cdninstagram.com'; openNewTab(urlObj.href); } }); $('body').on('click','.IG_SN_DIG_BODY .videoThumbnail', function(){ saveFiles($(this).parent().children('a').find('img').first().attr('src'), $(this).parent().children('a').attr('data-username'), 'thumbnail', new Date().getTime(), 'jpg', $('#article-id').text()); }); // Running if user left-click download icon in stories $('body').on('click','.IG_DWSTORY',function(){ onStory(true); }); // Running if user left-click 'open in new tab' icon in stories $('body').on('click','.IG_DWNEWTAB',function(e){ e.preventDefault(); onStory(true, true, true); }); // Running if user left-click download thumbnail icon in stories $('body').on('click','.IG_DWSTORY_THUMBNAIL',function(){ onStoryThumbnail(true); }); // Running if user left-click download icon in profile $('body').on('click','.IG_DWPROFILE',function(e){ e.stopPropagation(); onProfileAvatar(true); }); // Running if user left-click download icon in highlight stories $('body').on('click','.IG_DWHISTORY',function(){ onHighlightsStory(true); }); // Running if user left-click 'open in new tab' icon in highlight stories $('body').on('click','.IG_DWHINEWTAB',function(e){ e.preventDefault(); onHighlightsStory(true, true); }); // Running if user left-click thumbnail download icon in highlight stories $('body').on('click','.IG_DWHISTORY_THUMBNAIL',function(){ onHighlightsStoryThumbnail(true); }); // Running if user left-click download icon in reels $('body').on('click','.IG_REELS',function(){ onReels(true,true); }); // Running if user left-click newtab icon in reels $('body').on('click','.IG_REELS_NEWTAB',function(){ onReels(true,true,true); }); // Running if user left-click download icon in reels $('body').on('click','.IG_REELS_THUMBNAIL',function(){ onReels(true,false); }); // Running if user right-click profile picture in stories area $('body').on('contextmenu','button[role="menuitem"]',function(){ if(location.href === 'https://www.instagram.com/' && USER_SETTING.REDIRECT_RIGHT_CLICK_USER_STORY_PICTURE){ if($(this).find('canvas._aarh').length > 0){ location.href = 'https://www.instagram.com/'+$(this).children('div').last().text(); } } }); $('body').on('change', '.IG_SN_DIG_TITLE .checkbox', function(){ var isChecked = $(this).find('input').prop('checked'); $('.IG_SN_DIG_BODY .inner_box').each(function(){ $(this).prop('checked', isChecked); }); }); $('body').on('change', '.IG_SN_DIG_BODY .inner_box', function(){ var checked = $('.IG_SN_DIG_BODY .inner_box:checked').length; var total = $('.IG_SN_DIG_BODY .inner_box').length; $('.IG_SN_DIG_TITLE .checkbox').find('input').prop('checked', checked == total); }); $('body').on('click', '.IG_SN_DIG_TITLE #batch_download_selected', function(){ let index = 0; $('.IG_SN_DIG_BODY a[data-needed="direct"]').each(function(){ if($(this).prev().children('input').prop('checked')){ $(this).click(); index++; } }); if(index == 0){ alert(_i18n('NO_CHECK_RESOURCE')); } }); $('body').on('change', '.IG_SN_DIG_TITLE #langSelect', function(){ GM_setValue('lang', $(this).val()); lang = $(this).val(); showSetting(); }); $('body').on('change', '.IG_SN_DIG_BODY #locateSelect', function(){ $('#locatePreview').text(`${(new Date().toLocaleString($(this).val(), {hour12: false, second: "2-digit" ,minute: "2-digit", hour: "2-digit", month: "2-digit", day: "2-digit", year: "numeric"})).replaceAll('/','-')}`); LOCATE_DATE_FORMAT = $(this).val(); GM_setValue('G_LOCATE_DATE_FORMAT', $(this).val()); }); $('body').on('click', '.IG_SN_DIG_TITLE #batch_download_direct', function(){ $('.IG_SN_DIG_BODY a[data-needed="direct"]').each(function(){ $(this).click(); }); }); }); })(jQuery);