5ducky/assets/post.js

// Bookmarklet script (was media/post.js.php). Injected into third party pages.
// The dialog iframe only shows instructions; posting happens in a first-party
// popup window so the session cookie (SameSite) and CSRF token work.
function RP_RemotePost( postURL, stylesheet ) {
	this.postURL = postURL;
	this.stylesheet = stylesheet;

	this.visible = false;
	this.dialog = null;
	this.iframe = null;
	this.minImageSize = 32;


	this.create = function(){
		var that = this;
		var css = document.createElement('link');
		css.type = 'text/css';
		css.rel = 'stylesheet';
		css.href = this.stylesheet;
		(document.head || document.body).appendChild( css );

		var closeButton = document.createElement('a');
		closeButton.appendChild( document.createTextNode("x") );
		closeButton.className = 'close';
		closeButton.onclick = function() { return that.toggle(); };
		closeButton.href = '#';

		this.dialog = document.createElement('div');
		this.dialog.id = 'RP_Dialog';
		this.iframe = document.createElement('iframe');
		this.iframe.src = this.postURL + '?frame=1';
		this.dialog.appendChild( this.iframe );
		this.dialog.appendChild( closeButton );
		document.body.appendChild( this.dialog );
	};


	this.selectImage = function( image ) {
		var imageSrc = image.src;
		if(
			image.parentNode.tagName.match(/^a$/i) &&
			image.parentNode.href &&
			image.parentNode.href.match(/\.(jpe?g|gif|png)$/i)
		) {
			imageSrc = image.parentNode.href;
		}
		window.open(
			this.postURL + '?url=' + encodeURIComponent( imageSrc ),
			'RP_Post',
			'width=520,height=260,scrollbars=yes'
		);
		this.hide();
		return false;
	};


	this.show = function() {
		this.visible = true;
		var that = this;
		this.dialog.style.display = 'block';

		var images = document.getElementsByTagName('img');
		for( var i=0; i<images.length; i++ ) {
			var img = images[i];
			if( img && img.src && img.src.match(/(space|blank)[^\/]*\.gif$/i) ) {
				img.style.display = 'none';
			}
			else if( img && img.src && img.width > this.minImageSize && img.height > this.minImageSize) {
				img.onclick = function( ev ) {
					if( ev && ev.stopPropagation ) {
						ev.stopPropagation();
					}
					return that.selectImage(this);
				};
				img.className = img.className ? img.className + ' RP_PostImage' : 'RP_PostImage';
			}
		}
	};


	this.hide = function() {
		this.visible = false;
		this.dialog.style.display = 'none';

		var images = document.getElementsByTagName('img');
		for( var i=0; i<images.length; i++ ) {
			var img = images[i];
			if( img && img.src && img.width > this.minImageSize && img.height > this.minImageSize) {
				img.onclick = null;
				img.className = img.className.replace(/\s*RP_PostImage/, '');
			}
		}
	};


	this.toggle = function() {
		if( !this.visible ) {
			this.show();
		} else {
			this.hide();
		}
		return false;
	};


	this.create();
}

if( typeof(RP_Instance) == 'undefined' )  {
	var RP_Instance = new RP_RemotePost( %POST_URL%, %STYLESHEET% );
}
RP_Instance.toggle();