Release 4chan X v1.9.2.1.

CHANGELOG.md

@@ -1,3 +1,9 @@
+### v1.9.2.1 
+*2014-09-07*
+
+**ccd0**
+- Improve reliability of thumbnail replacement / preloading by queueing downloads.
+
 ### v1.9.2.0 
 *2014-09-06*
 

LICENSE

@@ -1,5 +1,5 @@
 /*
-* 4chan X - Version 1.9.2.0
+* 4chan X - Version 1.9.2.1
 *
 * Licensed under the MIT license.
 * https://github.com/ccd0/4chan-x/blob/master/LICENSE

builds/4chan-X-beta.meta.js

@@ -1,6 +1,6 @@
 // ==UserScript==
 // @name         4chan X
-// @version      1.9.2.0
+// @version      1.9.2.1
 // @minGMVer     1.14
 // @minFFVer     26
 // @namespace    4chan-X

builds/4chan-X-beta.user.js

@@ -1,7 +1,7 @@
 // Generated by CoffeeScript
 // ==UserScript==
 // @name         4chan X
-// @version      1.9.2.0
+// @version      1.9.2.1
 // @minGMVer     1.14
 // @minFFVer     26
 // @namespace    4chan-X
@@ -24,7 +24,7 @@
 // ==/UserScript==
 
 /*
-* 4chan X - Version 1.9.2.0
+* 4chan X - Version 1.9.2.1
 *
 * Licensed under the MIT license.
 * https://github.com/ccd0/4chan-x/blob/master/LICENSE
@@ -376,7 +376,7 @@
   doc = d.documentElement;
 
   g = {
-    VERSION: '1.9.2.0',
+    VERSION: '1.9.2.1',
     NAMESPACE: '4chan X.',
     NAME: '4chan X',
     FAQ: 'https://github.com/ccd0/4chan-x/wiki/Frequently-Asked-Questions',
@@ -8662,7 +8662,7 @@
       });
     },
     node: function(force) {
-      var URL, cb, el, event, isImage, isVideo, match, prefetch, replace, style, thumb, type, _ref;
+      var URL, cb, el, isImage, isVideo, match, prefetch, replace, style, thumb, type, _ref;
       if (!this.file) {
         return;
       }
@@ -8695,16 +8695,40 @@
           el.loop = true;
           el.className = thumb.className;
         }
-        event = isVideo ? 'loadeddata' : 'load';
         cb = (function(_this) {
           return function() {
-            $.off(el, event, cb);
+            $.off(el, 'load loadeddata', cb);
             return ImageLoader.replace(_this, el);
           };
         })(this);
-        $.on(el, event, cb);
+        $.on(el, 'load loadeddata', cb);
+      }
+      ImageLoader.queue.push([el, URL]);
+      if (!ImageLoader.busy) {
+        return ImageLoader.next();
+      }
+    },
+    busy: false,
+    queue: [],
+    loadend: function() {
+      $.off(this, 'load loadeddata error', ImageLoader.loadend);
+      ImageLoader.busy = false;
+      return ImageLoader.next();
+    },
+    next: function() {
+      var el, item, url;
+      if (ImageLoader.busy) {
+        return;
+      }
+      if (item = ImageLoader.queue.shift()) {
+        el = item[0], url = item[1];
+        $.on(el, 'load loadeddata error', ImageLoader.loadend);
+        setTimeout((function() {
+          return ImageLoader.loadend.call(el);
+        }), $.SECOND);
+        el.src = url;
+        return ImageLoader.busy = true;
       }
-      return el.src = URL;
     },
     replace: function(post, el) {
       var clone, file, isVideo, thumb, _i, _len, _ref;
@@ -12865,7 +12889,7 @@
         className: 'dialog'
       });
       $.extend(dialog, {
-        innerHTML: "<nav><div class=sections-list></div><p class='imp-exp-result warning'></p><div class=credits><a class=export>Export</a>&nbsp|&nbsp<a class=import>Import</a>&nbsp|&nbsp<a class=reset>Reset Settings</a>&nbsp|&nbsp<input type=file hidden><a href='https://github.com/ccd0/4chan-x' target=_blank>4chan X</a>&nbsp|&nbsp<a href='https://github.com/ccd0/4chan-x/blob/master/CHANGELOG.md' target=_blank>1.9.2.0</a>&nbsp|&nbsp<a href='https://github.com/ccd0/4chan-x/issues' target=_blank>Issues</a>&nbsp|&nbsp<a href=javascript:; class='close fa fa-times' title=Close></a></div></nav><div class=section-container><section></section></div>"
+        innerHTML: "<nav><div class=sections-list></div><p class='imp-exp-result warning'></p><div class=credits><a class=export>Export</a>&nbsp|&nbsp<a class=import>Import</a>&nbsp|&nbsp<a class=reset>Reset Settings</a>&nbsp|&nbsp<input type=file hidden><a href='https://github.com/ccd0/4chan-x' target=_blank>4chan X</a>&nbsp|&nbsp<a href='https://github.com/ccd0/4chan-x/blob/master/CHANGELOG.md' target=_blank>1.9.2.1</a>&nbsp|&nbsp<a href='https://github.com/ccd0/4chan-x/issues' target=_blank>Issues</a>&nbsp|&nbsp<a href=javascript:; class='close fa fa-times' title=Close></a></div></nav><div class=section-container><section></section></div>"
       });
       $.on($('.export', Settings.dialog), 'click', Settings["export"]);
       $.on($('.import', Settings.dialog), 'click', Settings["import"]);

builds/4chan-X-noupdate.user.js

@@ -1,7 +1,7 @@
 // Generated by CoffeeScript
 // ==UserScript==
 // @name         4chan X
-// @version      1.9.2.0
+// @version      1.9.2.1
 // @minGMVer     1.14
 // @minFFVer     26
 // @namespace    4chan-X
@@ -23,7 +23,7 @@
 // ==/UserScript==
 
 /*
-* 4chan X - Version 1.9.2.0
+* 4chan X - Version 1.9.2.1
 *
 * Licensed under the MIT license.
 * https://github.com/ccd0/4chan-x/blob/master/LICENSE
@@ -375,7 +375,7 @@
   doc = d.documentElement;
 
   g = {
-    VERSION: '1.9.2.0',
+    VERSION: '1.9.2.1',
     NAMESPACE: '4chan X.',
     NAME: '4chan X',
     FAQ: 'https://github.com/ccd0/4chan-x/wiki/Frequently-Asked-Questions',
@@ -8661,7 +8661,7 @@
       });
     },
     node: function(force) {
-      var URL, cb, el, event, isImage, isVideo, match, prefetch, replace, style, thumb, type, _ref;
+      var URL, cb, el, isImage, isVideo, match, prefetch, replace, style, thumb, type, _ref;
       if (!this.file) {
         return;
       }
@@ -8694,16 +8694,40 @@
           el.loop = true;
           el.className = thumb.className;
         }
-        event = isVideo ? 'loadeddata' : 'load';
         cb = (function(_this) {
           return function() {
-            $.off(el, event, cb);
+            $.off(el, 'load loadeddata', cb);
             return ImageLoader.replace(_this, el);
           };
         })(this);
-        $.on(el, event, cb);
+        $.on(el, 'load loadeddata', cb);
+      }
+      ImageLoader.queue.push([el, URL]);
+      if (!ImageLoader.busy) {
+        return ImageLoader.next();
+      }
+    },
+    busy: false,
+    queue: [],
+    loadend: function() {
+      $.off(this, 'load loadeddata error', ImageLoader.loadend);
+      ImageLoader.busy = false;
+      return ImageLoader.next();
+    },
+    next: function() {
+      var el, item, url;
+      if (ImageLoader.busy) {
+        return;
+      }
+      if (item = ImageLoader.queue.shift()) {
+        el = item[0], url = item[1];
+        $.on(el, 'load loadeddata error', ImageLoader.loadend);
+        setTimeout((function() {
+          return ImageLoader.loadend.call(el);
+        }), $.SECOND);
+        el.src = url;
+        return ImageLoader.busy = true;
       }
-      return el.src = URL;
     },
     replace: function(post, el) {
       var clone, file, isVideo, thumb, _i, _len, _ref;
@@ -12864,7 +12888,7 @@
         className: 'dialog'
       });
       $.extend(dialog, {
-        innerHTML: "<nav><div class=sections-list></div><p class='imp-exp-result warning'></p><div class=credits><a class=export>Export</a>&nbsp|&nbsp<a class=import>Import</a>&nbsp|&nbsp<a class=reset>Reset Settings</a>&nbsp|&nbsp<input type=file hidden><a href='https://github.com/ccd0/4chan-x' target=_blank>4chan X</a>&nbsp|&nbsp<a href='https://github.com/ccd0/4chan-x/blob/master/CHANGELOG.md' target=_blank>1.9.2.0</a>&nbsp|&nbsp<a href='https://github.com/ccd0/4chan-x/issues' target=_blank>Issues</a>&nbsp|&nbsp<a href=javascript:; class='close fa fa-times' title=Close></a></div></nav><div class=section-container><section></section></div>"
+        innerHTML: "<nav><div class=sections-list></div><p class='imp-exp-result warning'></p><div class=credits><a class=export>Export</a>&nbsp|&nbsp<a class=import>Import</a>&nbsp|&nbsp<a class=reset>Reset Settings</a>&nbsp|&nbsp<input type=file hidden><a href='https://github.com/ccd0/4chan-x' target=_blank>4chan X</a>&nbsp|&nbsp<a href='https://github.com/ccd0/4chan-x/blob/master/CHANGELOG.md' target=_blank>1.9.2.1</a>&nbsp|&nbsp<a href='https://github.com/ccd0/4chan-x/issues' target=_blank>Issues</a>&nbsp|&nbsp<a href=javascript:; class='close fa fa-times' title=Close></a></div></nav><div class=section-container><section></section></div>"
       });
       $.on($('.export', Settings.dialog), 'click', Settings["export"]);
       $.on($('.import', Settings.dialog), 'click', Settings["import"]);

builds/4chan-X.meta.js

@@ -1,6 +1,6 @@
 // ==UserScript==
 // @name         4chan X
-// @version      1.9.2.0
+// @version      1.9.2.1
 // @minGMVer     1.14
 // @minFFVer     26
 // @namespace    4chan-X

builds/4chan-X.user.js

@@ -1,7 +1,7 @@
 // Generated by CoffeeScript
 // ==UserScript==
 // @name         4chan X
-// @version      1.9.2.0
+// @version      1.9.2.1
 // @minGMVer     1.14
 // @minFFVer     26
 // @namespace    4chan-X
@@ -24,7 +24,7 @@
 // ==/UserScript==
 
 /*
-* 4chan X - Version 1.9.2.0
+* 4chan X - Version 1.9.2.1
 *
 * Licensed under the MIT license.
 * https://github.com/ccd0/4chan-x/blob/master/LICENSE
@@ -376,7 +376,7 @@
   doc = d.documentElement;
 
   g = {
-    VERSION: '1.9.2.0',
+    VERSION: '1.9.2.1',
     NAMESPACE: '4chan X.',
     NAME: '4chan X',
     FAQ: 'https://github.com/ccd0/4chan-x/wiki/Frequently-Asked-Questions',
@@ -8662,7 +8662,7 @@
       });
     },
     node: function(force) {
-      var URL, cb, el, event, isImage, isVideo, match, prefetch, replace, style, thumb, type, _ref;
+      var URL, cb, el, isImage, isVideo, match, prefetch, replace, style, thumb, type, _ref;
       if (!this.file) {
         return;
       }
@@ -8695,16 +8695,40 @@
           el.loop = true;
           el.className = thumb.className;
         }
-        event = isVideo ? 'loadeddata' : 'load';
         cb = (function(_this) {
           return function() {
-            $.off(el, event, cb);
+            $.off(el, 'load loadeddata', cb);
             return ImageLoader.replace(_this, el);
           };
         })(this);
-        $.on(el, event, cb);
+        $.on(el, 'load loadeddata', cb);
+      }
+      ImageLoader.queue.push([el, URL]);
+      if (!ImageLoader.busy) {
+        return ImageLoader.next();
+      }
+    },
+    busy: false,
+    queue: [],
+    loadend: function() {
+      $.off(this, 'load loadeddata error', ImageLoader.loadend);
+      ImageLoader.busy = false;
+      return ImageLoader.next();
+    },
+    next: function() {
+      var el, item, url;
+      if (ImageLoader.busy) {
+        return;
+      }
+      if (item = ImageLoader.queue.shift()) {
+        el = item[0], url = item[1];
+        $.on(el, 'load loadeddata error', ImageLoader.loadend);
+        setTimeout((function() {
+          return ImageLoader.loadend.call(el);
+        }), $.SECOND);
+        el.src = url;
+        return ImageLoader.busy = true;
       }
-      return el.src = URL;
     },
     replace: function(post, el) {
       var clone, file, isVideo, thumb, _i, _len, _ref;
@@ -12865,7 +12889,7 @@
         className: 'dialog'
       });
       $.extend(dialog, {
-        innerHTML: "<nav><div class=sections-list></div><p class='imp-exp-result warning'></p><div class=credits><a class=export>Export</a>&nbsp|&nbsp<a class=import>Import</a>&nbsp|&nbsp<a class=reset>Reset Settings</a>&nbsp|&nbsp<input type=file hidden><a href='https://github.com/ccd0/4chan-x' target=_blank>4chan X</a>&nbsp|&nbsp<a href='https://github.com/ccd0/4chan-x/blob/master/CHANGELOG.md' target=_blank>1.9.2.0</a>&nbsp|&nbsp<a href='https://github.com/ccd0/4chan-x/issues' target=_blank>Issues</a>&nbsp|&nbsp<a href=javascript:; class='close fa fa-times' title=Close></a></div></nav><div class=section-container><section></section></div>"
+        innerHTML: "<nav><div class=sections-list></div><p class='imp-exp-result warning'></p><div class=credits><a class=export>Export</a>&nbsp|&nbsp<a class=import>Import</a>&nbsp|&nbsp<a class=reset>Reset Settings</a>&nbsp|&nbsp<input type=file hidden><a href='https://github.com/ccd0/4chan-x' target=_blank>4chan X</a>&nbsp|&nbsp<a href='https://github.com/ccd0/4chan-x/blob/master/CHANGELOG.md' target=_blank>1.9.2.1</a>&nbsp|&nbsp<a href='https://github.com/ccd0/4chan-x/issues' target=_blank>Issues</a>&nbsp|&nbsp<a href=javascript:; class='close fa fa-times' title=Close></a></div></nav><div class=section-container><section></section></div>"
       });
       $.on($('.export', Settings.dialog), 'click', Settings["export"]);
       $.on($('.import', Settings.dialog), 'click', Settings["import"]);

builds/updates-beta.xml

@@ -1,7 +1,7 @@
 <?xml version='1.0' encoding='UTF-8'?>
 <gupdate xmlns='http://www.google.com/update2/response' protocol='2.0'>
   <app appid='lacclbnghgdicfifcamcmcnilckjamag'>
-    <updatecheck codebase='https://ccd0.github.io/4chan-x/builds/4chan-X-beta.crx' version='1.9.2.0' />
+    <updatecheck codebase='https://ccd0.github.io/4chan-x/builds/4chan-X-beta.crx' version='1.9.2.1' />
   </app>
 </gupdate>
 

builds/updates.xml

@@ -1,7 +1,7 @@
 <?xml version='1.0' encoding='UTF-8'?>
 <gupdate xmlns='http://www.google.com/update2/response' protocol='2.0'>
   <app appid='lacclbnghgdicfifcamcmcnilckjamag'>
-    <updatecheck codebase='https://ccd0.github.io/4chan-x/builds/4chan-X.crx' version='1.9.2.0' />
+    <updatecheck codebase='https://ccd0.github.io/4chan-x/builds/4chan-X.crx' version='1.9.2.1' />
   </app>
 </gupdate>
 

package.json

@@ -3,7 +3,7 @@
   "description": "Cross-browser userscript for maximum lurking on 4chan.",
   "meta": {
     "name": "4chan X",
-    "version": "1.9.2.0",
+    "version": "1.9.2.1",
     "repo": "https://github.com/ccd0/4chan-x/",
     "page": "https://github.com/ccd0/4chan-x",
     "downloads": "https://ccd0.github.io/4chan-x/builds/",