Tumblr support

.gitignore

@@ -2,4 +2,4 @@ chrome-app*
 .project
 .settings
 node_modules
-
+Thumbs.db

cache.manifest

@@ -1 +1 @@
-CACHE MANIFEST
# v16

CACHE:
index.html
css/main-min.css
js/main-min.js
js/require.js
img/ajax-loader.gif
img/glyphicons-halflings.png
img/glyphicons-halflings-white.png
img/icons.png
img/stackedit-32.ico
img/stackedit-promo.png

NETWORK:
*
+CACHE MANIFEST
# v17

CACHE:
index.html
css/main-min.css
js/main-min.js
js/require.js
img/ajax-loader.gif
img/glyphicons-halflings.png
img/glyphicons-halflings-white.png
img/icons.png
img/stackedit-32.ico
img/stackedit-promo.png

NETWORK:
*

index.html

@@ -97,6 +97,8 @@
 										class="icon-github"></i> GitHub</a></li>
 								<li><a href="#" class="action-publish-gdrive"><i
 										class="icon-gdrive"></i> Google Drive</a></li>
+								<li><a href="#" class="action-publish-tumblr"><i
+										class="icon-tumblr"></i> Tumblr</a></li>
 							</ul></li>
 						<li><a href="#" data-toggle="modal"
 							data-target="#modal-manage-publish" class="action-reset-input"><i
@@ -315,22 +317,38 @@
 							placeholder="http://exemple.blogger.com/">
 					</div>
 				</div>
-				<div class="control-group modal-publish-blogger">
+				<div class="control-group modal-publish-tumblr">
-					<label class="control-label" for="input-publish-blogger-postid">Update
+					<label class="control-label" for="input-publish-tumblr-hostname">Blog
+						hostname</label>
+					<div class="controls">
+						<input type="text" id="input-publish-tumblr-hostname"
+							placeholder="exemple.tumblr.com">
+					</div>
+				</div>
+				<div class="control-group modal-publish-blogger modal-publish-tumblr">
+					<label class="control-label" for="input-publish-postid">Update
 						existing post ID (optional)</label>
 					<div class="controls">
-						<input type="text" id="input-publish-blogger-postid"
+						<input type="text" id="input-publish-postid"
 							placeholder="Post ID">
 					</div>
 				</div>
 				<div class="control-group modal-publish-blogger">
-					<label class="control-label" for="input-publish-blogger-labels">Labels
+					<label class="control-label" for="input-publish-labels">Labels
 						(comma separated)</label>
 					<div class="controls">
-						<input type="text" id="input-publish-blogger-labels"
+						<input type="text" id="input-publish-labels"
 							placeholder="Label1, Label2">
 					</div>
 				</div>
+				<div class="control-group modal-publish-tumblr">
+					<label class="control-label" for="input-publish-tags">Tags
+						(comma separated)</label>
+					<div class="controls">
+						<input type="text" id="input-publish-tags"
+							placeholder="Tag1, Tag2">
+					</div>
+				</div>
 				<div class="control-group modal-publish-dropbox">
 					<label class="control-label" for="input-publish-dropbox-path">File
 						path</label>

js/blogger-provider.js

@@ -32,9 +32,9 @@ define(["jquery", "core", "google-helper"], function($, core, googleHelper) {
 		if(blogUrl !== undefined) {
 			publishAttributes.blogUrl = core.checkUrl(blogUrl);
 		}
-		publishAttributes.postId = $("#input-publish-blogger-postid").val() || undefined;
+		publishAttributes.postId = $("#input-publish-postid").val() || undefined;
 		publishAttributes.labelList = [];
-		var labels = $("#input-publish-blogger-labels").val() || undefined;
+		var labels = $("#input-publish-labels").val() || undefined;
 		if(labels !== undefined) {
 			publishAttributes.labelList = _.chain(labels.split(","))
 				.map(function(label) {

js/config.js

@@ -16,6 +16,7 @@ var PROVIDER_BLOGGER = "blogger";
 var PROVIDER_DROPBOX = "dropbox";
 var PROVIDER_GDRIVE = "gdrive";
 var PROVIDER_GITHUB = "github";
+var PROVIDER_TUMBLR = "tumblr";
 var WELCOME_DOCUMENT_TITLE = "Welcome document";
 
 // Use by Google's client.js
@@ -32,6 +33,7 @@ var GOOGLE_KEY = "AIzaSyAeCU8CGcSkn0z9js6iocHuPBX4f_mMWkw";
 var GOOGLE_CLIENT_ID = '241271498917-lev37kef013q85avc91am1gccg5g8lrb.apps.googleusercontent.com';
 var GITHUB_CLIENT_ID = 'e47fef6055344579799d';
 var GATEKEEPER_URL = "http://stackedit-gatekeeper-localhost.herokuapp.com/";
+var TUMBLR_PROXY_URL = "http://stackedit-tumblr-proxy-local.herokuapp.com/";
 
 if(location.hostname.indexOf("benweet.github.io") === 0) {
 	BASE_URL = "http://benweet.github.io/stackedit/";
@@ -39,4 +41,5 @@ if(location.hostname.indexOf("benweet.github.io") === 0) {
 	GOOGLE_CLIENT_ID = '241271498917-jpto9lls9fqnem1e4h6ppds9uob8rpvu.apps.googleusercontent.com';
 	GITHUB_CLIENT_ID = 'fa0d09514da8377ee32e';
 	GATEKEEPER_URL = "http://stackedit-gatekeeper.herokuapp.com/";
+	TUMBLR_PROXY_URL = "http://stackedit-tumblr-proxy.herokuapp.com/";
 }

js/dropbox-provider.js

@@ -53,7 +53,7 @@ define(["jquery", "core", "dropbox-helper"], function($, core, dropboxHelper) {
 
 	dropboxProvider.importFiles = function() {
 		dropboxHelper.picker(function(error, paths) {
-			if(error) {
+			if(error || paths.length === 0) {
 				return;
 			}
 			var importPaths = [];

js/gdrive-provider.js

@@ -40,7 +40,7 @@ define(["jquery", "core", "google-helper", "underscore"], function($, core, goog
 
 	gdriveProvider.importFiles = function() {
 		googleHelper.picker(function(error, ids) {
-			if(ids === undefined) {
+			if(error || ids.length === 0) {
 				return;
 			}
 			var importIds = [];

js/github-helper.js

@@ -75,7 +75,7 @@ define(["jquery", "core", "async-runner"], function($, core, asyncRunner) {
 						localStorage.removeItem("githubCode");
 						task.chain(getToken);
 					}
-				});
+				}, 500);
 			}
 			function getToken() {
 				$.getJSON(GATEKEEPER_URL + "authenticate/" + code, function(data) {
@@ -156,6 +156,7 @@ define(["jquery", "core", "async-runner"], function($, core, asyncRunner) {
 				errorMsg = "Could not publish on GitHub.";
 				if (error.error === 401 || error.error === 403) {
 					github = undefined;
+					localStorage.removeItem("githubToken");
 					errorMsg = "Access to GitHub account is not authorized.";
 					task.retry(new Error(errorMsg), 1);
 					return;

js/publisher.js

@@ -1,4 +1,4 @@
-define(["jquery", "core", "github-provider", "blogger-provider", "dropbox-provider", "gdrive-provider", "underscore"], function($, core) {
+define(["jquery", "core", "github-provider", "blogger-provider", "dropbox-provider", "gdrive-provider", "tumblr-provider", "underscore"], function($, core) {
 
 	var publisher = {};
 	

js/tumblr-helper.js

@@ -0,0 +1,164 @@
+define(["jquery", "core", "async-runner"], function($, core, asyncRunner) {
+
+	var oauthParams = undefined;
+
+	var tumblrHelper = {};
+
+	// Only used to check the offline status
+	function connect(task) {
+		task.onRun(function() {
+			if(core.isOffline === true) {
+				task.error(new Error("Operation not available in offline mode."));
+				return;
+			}
+			task.chain();
+		});
+	}
+
+	// Try to authenticate with Oauth
+	function authenticate(task) {
+		var authWindow = undefined;
+		var intervalId = undefined;
+		task.onRun(function() {
+			if (oauthParams !== undefined) {
+				task.chain();
+				return;
+			}
+			var serializedOauthParams = localStorage["tumblrOauthParams"];
+			if(serializedOauthParams !== undefined) {
+				oauthParams = JSON.parse(serializedOauthParams);
+				task.chain();
+				return;
+			}
+			core.showMessage("Please make sure the Tumblr authorization popup is not blocked by your browser.");
+			var errorMsg = "Failed to retrieve a token from Tumblr.";
+			// We add time for user to enter his credentials
+			task.timeout = ASYNC_TASK_LONG_TIMEOUT;
+			var oauth_object = undefined;
+			function getOauthToken() {
+				$.getJSON(TUMBLR_PROXY_URL + "request_token", function(data) {
+					if(data.oauth_token !== undefined) {
+						oauth_object = data;
+						task.chain(getVerifier);
+					}
+					else {
+						task.error(new Error(errorMsg));
+					}
+				});
+			}
+			function getVerifier() {
+				localStorage.removeItem("tumblrVerifier");
+				authWindow = core.popupWindow(
+					'tumblr-oauth-client.html?oauth_token=' + oauth_object.oauth_token,
+					'stackedit-tumblr-oauth', 800, 600);
+				authWindow.focus();
+				intervalId = setInterval(function() {
+					if(authWindow.closed === true) {
+						clearInterval(intervalId);
+						authWindow = undefined;
+						intervalId = undefined;
+						oauth_object.oauth_verifier = localStorage["tumblrVerifier"];
+						if(oauth_object.oauth_verifier === undefined) {
+							task.error(new Error(errorMsg));
+							return;
+						}
+						localStorage.removeItem("tumblrVerifier");
+						task.chain(getAccessToken);
+					}
+				}, 500);
+			}
+			function getAccessToken() {
+				$.getJSON(TUMBLR_PROXY_URL + "access_token", oauth_object, function(data) {
+					if(data.access_token !== undefined && data.access_token_secret !== undefined) {
+						localStorage["tumblrOauthParams"] = JSON.stringify(data);
+						oauthParams = data;
+						task.chain();
+					}
+					else {
+						task.error(new Error(errorMsg));
+					}
+				});
+			}
+			task.chain(getOauthToken);
+		});
+		task.onError(function() {
+			if(intervalId !== undefined) {
+				clearInterval(intervalId);
+			}
+			if(authWindow !== undefined) {
+				authWindow.close();
+			}
+		});
+	}
+
+	tumblrHelper.upload = function(blogHostname, postId, tags, format, title, content, callback) {
+		callback = callback || core.doNothing;
+		var task = asyncRunner.createTask();
+		connect(task);
+		authenticate(task);
+		task.onRun(function() {
+			var data = $.extend({
+				blog_hostname: blogHostname,
+				post_id: postId,
+				tags: tags,
+				format: format,
+				title: title,
+				content: content
+			}, oauthParams);
+			$.ajax({
+				url : TUMBLR_PROXY_URL + "post",
+				data: data,
+				type: "POST",
+				dataType : "json",
+				timeout : AJAX_TIMEOUT
+			}).done(function(post, textStatus, jqXHR) {
+				postId = post.id;
+				task.chain();
+			}).fail(function(jqXHR) {
+				var error = {
+					code: jqXHR.status,
+					message: jqXHR.statusText
+				};
+				// Handle error
+				if(error.code === 404 && postId !== undefined) {
+					error = 'Post ' + postId + ' not found on Blogger.|removePublish';
+				}
+				handleError(error, task);
+			});
+		});
+		task.onSuccess(function() {
+			callback(undefined, postId);
+		});
+		task.onError(function(error) {
+			callback(error);
+		});
+		asyncRunner.addTask(task);
+	};
+	
+	function handleError(error, task) {
+		var errorMsg = undefined;
+		if (error) {
+			console.error(error);
+			// Try to analyze the error
+			if (typeof error === "string") {
+				errorMsg = error;
+			}
+			else {
+				errorMsg = "Could not publish on Tumblr.";
+				if (error.code === 401 || error.code === 403) {
+					oauthParams = undefined;
+					localStorage.removeItem("tumblrOauthParams");
+					errorMsg = "Access to Tumblr account is not authorized.";
+					task.retry(new Error(errorMsg), 1);
+					return;
+				} else if (error.code <= 0) {
+					core.setOffline();
+					errorMsg = "|stopPublish";
+				}
+			}
+		}
+		task.error(new Error(errorMsg));
+	}
+
+	return tumblrHelper;
+});

js/tumblr-provider.js

@@ -0,0 +1,43 @@
+define(["jquery", "core", "tumblr-helper"], function($, core, tumblrHelper) {
+	
+	var tumblrProvider = {
+		providerId: PROVIDER_TUMBLR,
+		providerName: "Tumblr"
+	};
+	
+	tumblrProvider.publish = function(publishAttributes, title, content, callback) {
+		tumblrHelper.upload(
+			publishAttributes.blogHostname,
+			publishAttributes.postId,
+			publishAttributes.tags,
+			publishAttributes.format == "markdown" ? "markdown" : "html",
+			title, 
+			content,
+			function(error, postId) {
+				if(error) {
+					callback(error);
+					return;
+				}
+				publishAttributes.postId = postId;
+				callback();
+			}
+		);
+	};
+
+	tumblrProvider.newPublishAttributes = function(event) {
+		var publishAttributes = {};
+		publishAttributes.blogHostname = core
+			.getInputValue(
+				$("#input-publish-tumblr-hostname"),
+				event,
+				/^(([a-zA-Z0-9]|[a-zA-Z0-9][a-zA-Z0-9\-]*[a-zA-Z0-9])\.)*([A-Za-z0-9]|[A-Za-z0-9][A-Za-z0-9\-]*[A-Za-z0-9])$/);
+		publishAttributes.postId = $("#input-publish-postid").val() || undefined;
+		publishAttributes.tags = $("#input-publish-tags").val() || undefined;
+		if(event.isPropagationStopped()) {
+			return undefined;
+		}
+		return publishAttributes;
+	};
+
+	return tumblrProvider;
+});

tumblr-oauth-client.html

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<script type="text/javascript">
+	function getParameter(name) {
+		var regex = new RegExp(name + "=(.+?)(&|$)");
+		try {
+			return decodeURI(regex.exec(location.search)[1]);
+		} catch (e) {
+			return undefined;
+		}
+	}
+	var oauth_token = getParameter("oauth_token");
+	var oauth_verifier = getParameter("oauth_verifier");
+	if (oauth_token && !oauth_verifier) {
+		window.location.href = "http://www.tumblr.com/oauth/authorize?oauth_token="
+			+ oauth_token;
+	} else {
+		if (oauth_verifier) {
+			localStorage["tumblrVerifier"] = oauth_verifier;
+		}
+		window.close();
+	}
+</script>
+</head>
+</html>