☰

Instagram Reloaded

View or download the full-size Instagram image/video. Super simple: press alt+f or shift & click to view media - alt & click saves file. Read for more options.

// ==UserScript==
// @name         Instagram Reloaded
// @namespace    http://despecial.de
// @homepageURL  https://greasyfork.org/en/scripts/14755-instagram-reloaded
// @version      2.30
// @description  View or download the full-size Instagram image/video. Super simple: press alt+f or shift & click to view media - alt & click saves file. Read for more options.
// @author       despecial
// @match        *://*.instagram.com/*
// @icon         https://www.google.com/s2/favicons?domain=instagram.com
// @require      https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js
// @grant        GM_download
// @grant        GM_xmlhttpRequest
// ==/UserScript==

var ig = '#react-root section main article header ~ div._97aPb > div[role="button"] .FFVAD'; // single photo
    ig+= ', #react-root section main article .tWeCl'; // single video
    ig+= ', div[role="dialog"] article ._97aPb > div[role="button"] .FFVAD'; // popup photo
    ig+= ', div[role="dialog"] article .tWeCl'; // popup video
    ig+= ', #react-root section main article .vi798'; // new carousel photo
    ig+= ', div[role="dialog"] .vi798'; // new popup carousel photo
    // ig+= ', #react-root section main article video'; // igtv video
    // ig+= ', div[role="dialog"] article header + div > div div div div video'; // popup igtv video
    ig+= ',.EmbedFrame.EmbedMedia';
var alt_trigger = ig;
alt_trigger += ', #react-root section main article[role="presentation"] div[aria-label="Control"]'; // click fix for videos
alt_trigger += ', div[role="dialog"] article[role="presentation"] div[aria-label="Control"]'; // click fix for popup video


(function($){

function despecial_ig(e,$this,a) {
  if(!e) e = window.event;
  if(e.shiftKey && e.altKey || a == "rm") {
	var p,v,vf,bloburl;
    e.preventDefault();

    // carousel photos
    if ($('.vi798 .Ckrof img.FFVAD').length) {
      var curr = getCurrentItem();
      var carouselImages = $('.Ckrof img.FFVAD');
      var currpos = (curr == $(".Yi5aA").length) ? 2 : 1;
      p = (curr + 1 <= 2) ? getBestImage(carouselImages[curr]) : getBestImage(carouselImages[currpos]);
    }
    // get single photo
    else {
        if($this.is('img')){
            p = getBestImage($this);
        }
    }

    var parent = $this.parent();
    if($('div[role="dialog"] article header + div').length && a == "rm") {
        if (parent.find('video + img').length) return; // only visible video
	    v = parent.find('video').attr('videourl');
 if(!v) v = parent.find('video').attr('src');
 if(!v)vf = parent.find('video');
 if(!p) p = parent.find('img').last().attr('src');
   	} else {
        if (parent.find('video + img').length) return; // only visible video
	    v = parent.find('video').attr('videourl');
 if(!v) v = parent.find('video').attr('src');
 if(!v) v = $("meta[property='og:video']").attr("content");
 if(!v)vf = $this.closest('div').find('video');
 if(!v && !vf.attr("poster") && !p) p = $this.siblings().find('img').attr('src');
       }
	var ep = $this.find('.efImage').css('background-image'),
	 rplcd = new Array('XXXXXX'),
	     t = (e.altKey) ? '_self' : '_blank',
	    fs = (typeof ep === "string" || ep instanceof String) ? ep.replace(/^url\(['"]?([^'"]+)['"]?\)/,'$1') : p;
	for (var i = 0; i < rplcd.length; ++i) {
	  var r = new RegExp(rplcd[i],'ig');
	  if( r.test(fs) ) fs=fs.replace(r,'');
	}
	var isChrome = !!window.chrome && !!window.chrome.webstore;
   if(isChrome && e.altKey) {
	  if(fs) direct_download(fs);
	  if(vf) video_download(vf);
      console.log("Chrome");
   } else {
     if(v) {
       if(!v.startsWith('blob')) {
         window.open(v, t);
         window.setTimeout(stopVideo, 100);
         console.log("Video opening");
       } else {
         bloburl = fetchVideoURL(window.location.href, $this.parent().find('video')[0],t);
         console.log("Blob video loading");
       }
     }
     if(!v && vf.isArray) {
         if(!vf[0].getAttribute('src').startsWith('blob')) {
           video_download(vf);
           console.log("Video2 opening");
         } else {
           bloburl = fetchVideoURL(window.location.href, $this.parent().find('video')[0],t);
           console.log("Blob2 video loading");
         }
     }
     if(fs && !v && !bloburl) { window.open(fs, t); console.log("FS"); }

   }
  }
}

/* dynamic download link */
function direct_download(url) {
    var filename = url.match('[^/]*$')[0];
    var arg = { url: url, name: filename };
    GM_download(arg);
}

var csrf_token = $("body").html().match(/\"csrf_token\":(?:"[^"]*"|^[^"]*$)/)[0].replace(/\"/g, "").split(":")[1];

function video_download(obj) {
    $.ajax({
        url: window.location,
        type: 'GET',
        success: function(res) {
            var video = $(res).filter("meta[property='og:video']").attr("content");
            if(video) {
             $('video').each(function() { $(this).get(0).pause(); $(this).get(0).currentTime = 0; });
             window.open(video,"_blank");
            }
        },
        error: function(res) {
            console.log(res);
        }
    });
}

function getBestImage(el) {
    el = (el.jquery) ? el : $(el);
    var img;
    var srcset = el.attr('srcset').split('w,');
    if(srcset) {
        img = srcset.slice(-1)[0].split(' ')[0];
        // console.log("SrcSet P",img);
    } else {
        img = el.attr("src");
        // console.log("Normal P",img);
    }
   return img;
}

function cleanFilename(file) {
   return file.replace("jpg","mp4").split("?")[0].split('/').pop();
}

function stopVideo() {
    $('video').each(function() { $(this).get(0).pause(); $(this).get(0).currentTime = 0; });
}

/* credits: @jomifepe */
function getCurrentItem(el) {
    var allitems = document.querySelectorAll(".Yi5aA");
    for (let i = 0; i < allitems.length; i++) {
        if (allitems[i].classList.contains('XCodT')) {
            return i;
        }
    }
    return -1;
}

function fetchVideoURL(baseUrl,videoElem,t) {
    GM_xmlhttpRequest({
        method: "GET",
        url: baseUrl.split("?")[0]+"?__a=1",
        synchronous: false,
        onload: function(response) {
            var result = JSON.parse(response.responseText);
            let postData = result?.graphql?.shortcode_media;
            var current = getCurrentItem();
            if(current>=0) postData = postData?.edge_sidecar_to_children?.edges?.[current]?.node;
            if (!postData) throw 'No post data found';
            if (!postData.is_video) throw 'Post is not a video';
            if (!postData.video_url) throw 'No video url found';
            let videoUrl = postData.video_url;
            videoElem.setAttribute('videoURL', videoUrl)
            window.open(videoUrl,t);
            return true;
        }
    });
}

/* left-click and hold shift key to open desired item */
$(document).on('click',alt_trigger,function(e,a) {
    e = window.event? event : e;
	if (e.shiftKey) despecial_ig(e,$(this),"rm");
});

/* keyboard shortcut alt+f(ullsize) works on video popup, single photo, single video pages */
$(document).on('ig_press',ig,function(e,a) {
    despecial_ig(e,$(this),a);
});

document.addEventListener('keydown', function(e) {
    e = window.event? event : e;
    if (e.keyCode == 70 && e.altKey) $(ig).trigger('ig_press',['rm']);
});

})(jQuery);