Download Unsplash Images on EventPage

beatles1 · Jun 8, 2016 · f79adf5 · f79adf5
1 parent 706bb9d
commit f79adf5
Show file tree

Hide file tree

Showing 3 changed files with 68 additions and 53 deletions.
diff --git a/Clean Tab/js/eventpage.js b/Clean Tab/js/eventpage.js
@@ -0,0 +1,55 @@
+function cacheUnsplash(w, h) {
+	if (window.navigator.onLine && window.XMLHttpRequest && w && h) {
+		var xmlhttp;
+		xmlhttp=new XMLHttpRequest();
+		xmlhttp.onreadystatechange = function() {
+			if (xmlhttp.readyState==4 && xmlhttp.status==200) {
+				localStorage.setItem("unsplashCached", "data:image/jpeg;base64," + encode64(xmlhttp.responseText));
+			}
+		}
+		xmlhttp.open("GET","https://source.unsplash.com/random/" + w + "x" + h, true);
+		xmlhttp.overrideMimeType('text/plain; charset=x-user-defined');
+		xmlhttp.send();
+	}
+}
+
+function encode64(inputStr) 
+{
+   var b64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
+   var outputStr = "";
+   var i = 0;
+
+   while (i<inputStr.length)
+   {
+      //all three "& 0xff" added below are there to fix a known bug 
+      //with bytes returned by xhr.responseText
+      var byte1 = inputStr.charCodeAt(i++) & 0xff;
+      var byte2 = inputStr.charCodeAt(i++) & 0xff;
+      var byte3 = inputStr.charCodeAt(i++) & 0xff;
+
+      var enc1 = byte1 >> 2;
+      var enc2 = ((byte1 & 3) << 4) | (byte2 >> 4);
+
+	  var enc3, enc4;
+	  if (isNaN(byte2))
+	   {
+		enc3 = enc4 = 64;
+	   }
+	  else
+	  {
+      	enc3 = ((byte2 & 15) << 2) | (byte3 >> 6);
+		if (isNaN(byte3))
+		  {
+           enc4 = 64;
+		  }
+		else
+		  {
+	      	enc4 = byte3 & 63;
+		  }
+	  }
+
+      outputStr +=  b64.charAt(enc1) + b64.charAt(enc2) + b64.charAt(enc3) + b64.charAt(enc4);
+   } 
+
+   return outputStr;
+}
diff --git a/Clean Tab/js/newtab.js b/Clean Tab/js/newtab.js
@@ -71,7 +71,7 @@ window.onload = function() {
 
 	var bgTypes = [];
 	if (useUnsplashBGs && window.navigator.onLine && window.XMLHttpRequest) {bgTypes.push("unsplash");}
-	if (useDefaultBGs) {bgTypes.push("default");}
+	if (useDefaultBGs || !window.navigator.onLine) {bgTypes.push("default");}
 	if (extraBGs && extraBGs.length > 0 && window.navigator.onLine) {bgTypes.push("extra");}
 	var bgType = bgTypes[Math.floor(Math.random() * bgTypes.length)];
 
@@ -82,16 +82,11 @@ window.onload = function() {
 			loadBG("https://source.unsplash.com/random/" + window.innerWidth + "x" + window.innerHeight);
 		}
 
-		var xmlhttp;
-		xmlhttp=new XMLHttpRequest();
-		xmlhttp.onreadystatechange = function() {
-			if (xmlhttp.readyState==4 && xmlhttp.status==200) {
-				localStorage.setItem("unsplashCached", "data:image/jpeg;base64," + encode64(xmlhttp.responseText));
-			}
-		}
-		xmlhttp.open("GET","https://source.unsplash.com/random/" + window.innerWidth + "x" + window.innerHeight, true);
-		xmlhttp.overrideMimeType('text/plain; charset=x-user-defined');
-		xmlhttp.send();
+		chrome.runtime.getBackgroundPage(function(bp) {
+			if (bp) {
+				bp.cacheUnsplash(window.innerWidth, window.innerHeight);
+			};
+		});
 
 	} else if (bgType == "default") {	// Load Local Image
 		loadBG(Math.floor((Math.random() * localBGs) + 1));
@@ -188,45 +183,4 @@ window.onload = function() {
 			displayQuote();
 		}
 	}
-}
-
-function encode64(inputStr) 
-{
-   var b64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
-   var outputStr = "";
-   var i = 0;
-
-   while (i<inputStr.length)
-   {
-      //all three "& 0xff" added below are there to fix a known bug 
-      //with bytes returned by xhr.responseText
-      var byte1 = inputStr.charCodeAt(i++) & 0xff;
-      var byte2 = inputStr.charCodeAt(i++) & 0xff;
-      var byte3 = inputStr.charCodeAt(i++) & 0xff;
-
-      var enc1 = byte1 >> 2;
-      var enc2 = ((byte1 & 3) << 4) | (byte2 >> 4);
-
-	  var enc3, enc4;
-	  if (isNaN(byte2))
-	   {
-		enc3 = enc4 = 64;
-	   }
-	  else
-	  {
-      	enc3 = ((byte2 & 15) << 2) | (byte3 >> 6);
-		if (isNaN(byte3))
-		  {
-           enc4 = 64;
-		  }
-		else
-		  {
-	      	enc4 = byte3 & 63;
-		  }
-	  }
-
-      outputStr +=  b64.charAt(enc1) + b64.charAt(enc2) + b64.charAt(enc3) + b64.charAt(enc4);
-   } 
-
-   return outputStr;
 }
diff --git a/Clean Tab/manifest.json b/Clean Tab/manifest.json
@@ -4,12 +4,18 @@
   "name": "Clean Tab - New Tab Page",
   "short_name": "Clean Tab",
   "description": "New Tab page replacement with beautiful photography.",
-  "version": "0.40",
+  "version": "0.41",
   "offline_enabled": true,
 
   "chrome_url_overrides": {
     "newtab": "newtab.html"
   },
+
+  "background": {
+    "scripts": ["js/eventpage.js"],
+    "persistent": false
+  },
+
   "icons": {
     "48": "icon48.png",
   	"128": "icon128.png"