Release 4chan X v1.9.2.4.

CHANGELOG.md

@@ -1,3 +1,9 @@
+### v1.9.2.4 
+*2014-09-08*
+
+**ccd0**
+- Fix thumbnail replacement / preloading loading images which are not actually on the page.
+
 ### v1.9.2.3 
 *2014-09-07*
 

LICENSE

@@ -1,5 +1,5 @@
 /*
-* 4chan X - Version 1.9.2.3
+* 4chan X - Version 1.9.2.4
 *
 * 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.3
+// @version      1.9.2.4
 // @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.3
+// @version      1.9.2.4
 // @minGMVer     1.14
 // @minFFVer     26
 // @namespace    4chan-X
@@ -24,7 +24,7 @@
 // ==/UserScript==
 
 /*
-* 4chan X - Version 1.9.2.3
+* 4chan X - Version 1.9.2.4
 *
 * 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.3',
+    VERSION: '1.9.2.4',
     NAMESPACE: '4chan X.',
     NAME: '4chan X',
     FAQ: 'https://github.com/ccd0/4chan-x/wiki/Frequently-Asked-Questions',
@@ -2478,6 +2478,7 @@
         var board, el, topNavPos, _l, _len3, _ref3, _ref4;
         board = $('.board');
         $.replace(board, Index.root);
+        $.event('PostsInserted');
         d.implementation.createDocument(null, null, null).appendChild(board);
         _ref3 = $$('.navLinks');
         for (_l = 0, _len3 = _ref3.length; _l < _len3; _l++) {
@@ -2960,6 +2961,9 @@
         node = nodes[_i];
         $.add(Index.root, [node, $.el('hr')]);
       }
+      if (doc.contains(Index.root)) {
+        $.event('PostsInserted');
+      }
       return ThreadHiding.onIndexBuild(nodes);
     },
     isSearching: false,
@@ -3455,7 +3459,8 @@
       $.rmAll(nodes.root);
       $.add(nodes.root, nodes.post);
       $.rmAll(root);
-      return $.add(root, nodes.root);
+      $.add(root, nodes.root);
+      return $.event('PostsInserted');
     },
     fetchedPost: function(req, boardID, threadID, postID, root, context) {
       var board, post, posts, status, thread, _i, _len;
@@ -8667,6 +8672,16 @@
           });
         });
       }
+      $.on(d, 'PostsInserted', function() {
+        var thumb, thumbsToPlay, _i, _len;
+        thumbsToPlay = ImageLoader.thumbsToPlay;
+        ImageLoader.thumbsToPlay = [];
+        for (_i = 0, _len = thumbsToPlay.length; _i < _len; _i++) {
+          thumb = thumbsToPlay[_i];
+          ImageLoader.play(thumb);
+        }
+        return g.posts.forEach(ImageLoader.prefetch);
+      });
       if (!Conf['Image Prefetching']) {
         return;
       }
@@ -8674,45 +8689,59 @@
         innerHTML: "<input type=\"checkbox\" name=\"prefetch\"> Prefetch Images"
       });
       this.el = prefetch.firstElementChild;
-      $.on(this.el, 'change', this.toggle);
+      $.on(this.el, 'change', function() {
+        if (Conf['prefetch'] = this.checked) {
+          return g.posts.forEach(ImageLoader.prefetch);
+        }
+      });
       return Header.menu.addEntry({
         el: prefetch,
         order: 104
       });
     },
-    node: function(force) {
+    node: function() {
-      var URL, el, isImage, isVideo, match, prefetch, replace, thumb, type, _ref;
+      var _ref;
-      if (!this.file) {
+      if (this.isClone) {
+        if ((_ref = this.file) != null ? _ref.videoThumb : void 0) {
+          return ImageLoader.play(this.file.thumb);
+        }
+      } else {
+        return ImageLoader.prefetch(this);
+      }
+    },
+    prefetch: function(post) {
+      var URL, el, file, isImage, isVideo, match, replace, thumb, type;
+      file = post.file;
+      if (!file) {
         return;
       }
-      _ref = this.file, isImage = _ref.isImage, isVideo = _ref.isVideo, thumb = _ref.thumb, URL = _ref.URL;
+      isImage = file.isImage, isVideo = file.isVideo, thumb = file.thumb, URL = file.URL;
-      if (this.isClone && this.file.videoThumb) {
+      if (!(isImage || isVideo) || post.isHidden || post.thread.isHidden || file.isPrefetched) {
-        ImageLoader.play(thumb);
-      }
-      if (this.isClone || this.isHidden || this.thread.isHidden || !(isImage || isVideo)) {
         return;
       }
       type = (match = URL.match(/\.([^.]+)$/)[1].toUpperCase()) === 'JPEG' ? 'JPG' : match;
       replace = Conf["Replace " + type] && !/spoiler/.test(thumb.src);
-      prefetch = (Conf['prefetch'] && g.VIEW === 'thread') || force;
+      if (!(replace || Conf['prefetch'])) {
-      if (!(replace || prefetch)) {
         return;
       }
+      if (![post].concat(__slice.call(post.clones)).some(function(clone) {
+        return doc.contains(clone.nodes.root);
+      })) {
+        return;
+      }
+      file.isPrefetched = true;
       el = $.el(isImage ? 'img' : 'video');
       if (replace) {
-        if (this.file.isSpoiler) {
-          thumb.style.maxHeight = thumb.style.maxWidth = this.isReply ? '125px' : '250px';
-        }
         if (isImage) {
           $.on(el, 'load', (function(_this) {
             return function() {
-              return ImageLoader.replaceImage(_this);
+              return ImageLoader.replaceImage(post);
             };
           })(this));
         } else {
           $.one(el, 'loadeddata', (function(_this) {
             return function() {
-              return ImageLoader.replaceVideo(_this, el);
+              return ImageLoader.replaceVideo(post, el);
             };
           })(this));
         }
@@ -8786,28 +8815,22 @@
       $.replace(thumb, video);
       file.thumb = video;
       file.videoThumb = true;
-      if (!post.isFetchedQuote) {
+      if (doc.contains(video) || post.isClone) {
         return ImageLoader.play(video);
       }
     },
-    play: function(video) {
+    thumbsToPlay: [],
-      if (Conf['Autoplay']) {
+    play: function(thumb) {
-        return $.asap((function() {
+      var _ref;
-          return doc.contains(video);
+      if (!Conf['Autoplay']) {
-        }), function() {
+        return;
-          if (Header.isNodeVisible(video)) {
-            return video.play();
-          }
-        });
       }
-    },
+      if (doc.contains(thumb)) {
-    toggle: function() {
+        if (Header.isNodeVisible(thumb) || ((_ref = $.id('qp')) != null ? _ref.contains(thumb) : void 0)) {
-      var enabled;
+          return thumb.play();
-      enabled = Conf['prefetch'] = this.checked;
+        }
-      if (enabled) {
+      } else {
-        g.BOARD.posts.forEach(function(post) {
+        return ImageLoader.thumbsToPlay.push(thumb);
-          return ImageLoader.node.call(post, true);
-        });
       }
     }
   };
@@ -8828,6 +8851,7 @@
       }
       thumb = this.file.thumb;
       thumb.removeAttribute('style');
+      thumb.style.maxHeight = thumb.style.maxWidth = this.isReply ? '125px' : '250px';
       return thumb.src = this.file.thumbURL;
     }
   };
@@ -10462,6 +10486,7 @@
             $.add(ThreadUpdater.root, root);
           }
         }
+        $.event('PostsInserted');
         if (scroll) {
           if (Conf['Bottom Scroll']) {
             window.scrollTo(0, d.body.clientHeight);
@@ -11896,6 +11921,7 @@
       }
       Main.callbackNodes(Post, posts);
       $.after(a, postsRoot);
+      $.event('PostsInserted');
       postsCount = postsRoot.length;
       a.textContent = ExpandThread.text('-', postsCount, filesCount);
       return Fourchan.parseThread(thread.ID, 1, postsCount);
@@ -12922,7 +12948,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.3</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.4</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.3
+// @version      1.9.2.4
 // @minGMVer     1.14
 // @minFFVer     26
 // @namespace    4chan-X
@@ -23,7 +23,7 @@
 // ==/UserScript==
 
 /*
-* 4chan X - Version 1.9.2.3
+* 4chan X - Version 1.9.2.4
 *
 * 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.3',
+    VERSION: '1.9.2.4',
     NAMESPACE: '4chan X.',
     NAME: '4chan X',
     FAQ: 'https://github.com/ccd0/4chan-x/wiki/Frequently-Asked-Questions',
@@ -2477,6 +2477,7 @@
         var board, el, topNavPos, _l, _len3, _ref3, _ref4;
         board = $('.board');
         $.replace(board, Index.root);
+        $.event('PostsInserted');
         d.implementation.createDocument(null, null, null).appendChild(board);
         _ref3 = $$('.navLinks');
         for (_l = 0, _len3 = _ref3.length; _l < _len3; _l++) {
@@ -2959,6 +2960,9 @@
         node = nodes[_i];
         $.add(Index.root, [node, $.el('hr')]);
       }
+      if (doc.contains(Index.root)) {
+        $.event('PostsInserted');
+      }
       return ThreadHiding.onIndexBuild(nodes);
     },
     isSearching: false,
@@ -3454,7 +3458,8 @@
       $.rmAll(nodes.root);
       $.add(nodes.root, nodes.post);
       $.rmAll(root);
-      return $.add(root, nodes.root);
+      $.add(root, nodes.root);
+      return $.event('PostsInserted');
     },
     fetchedPost: function(req, boardID, threadID, postID, root, context) {
       var board, post, posts, status, thread, _i, _len;
@@ -8666,6 +8671,16 @@
           });
         });
       }
+      $.on(d, 'PostsInserted', function() {
+        var thumb, thumbsToPlay, _i, _len;
+        thumbsToPlay = ImageLoader.thumbsToPlay;
+        ImageLoader.thumbsToPlay = [];
+        for (_i = 0, _len = thumbsToPlay.length; _i < _len; _i++) {
+          thumb = thumbsToPlay[_i];
+          ImageLoader.play(thumb);
+        }
+        return g.posts.forEach(ImageLoader.prefetch);
+      });
       if (!Conf['Image Prefetching']) {
         return;
       }
@@ -8673,45 +8688,59 @@
         innerHTML: "<input type=\"checkbox\" name=\"prefetch\"> Prefetch Images"
       });
       this.el = prefetch.firstElementChild;
-      $.on(this.el, 'change', this.toggle);
+      $.on(this.el, 'change', function() {
+        if (Conf['prefetch'] = this.checked) {
+          return g.posts.forEach(ImageLoader.prefetch);
+        }
+      });
       return Header.menu.addEntry({
         el: prefetch,
         order: 104
       });
     },
-    node: function(force) {
+    node: function() {
-      var URL, el, isImage, isVideo, match, prefetch, replace, thumb, type, _ref;
+      var _ref;
-      if (!this.file) {
+      if (this.isClone) {
+        if ((_ref = this.file) != null ? _ref.videoThumb : void 0) {
+          return ImageLoader.play(this.file.thumb);
+        }
+      } else {
+        return ImageLoader.prefetch(this);
+      }
+    },
+    prefetch: function(post) {
+      var URL, el, file, isImage, isVideo, match, replace, thumb, type;
+      file = post.file;
+      if (!file) {
         return;
       }
-      _ref = this.file, isImage = _ref.isImage, isVideo = _ref.isVideo, thumb = _ref.thumb, URL = _ref.URL;
+      isImage = file.isImage, isVideo = file.isVideo, thumb = file.thumb, URL = file.URL;
-      if (this.isClone && this.file.videoThumb) {
+      if (!(isImage || isVideo) || post.isHidden || post.thread.isHidden || file.isPrefetched) {
-        ImageLoader.play(thumb);
-      }
-      if (this.isClone || this.isHidden || this.thread.isHidden || !(isImage || isVideo)) {
         return;
       }
       type = (match = URL.match(/\.([^.]+)$/)[1].toUpperCase()) === 'JPEG' ? 'JPG' : match;
       replace = Conf["Replace " + type] && !/spoiler/.test(thumb.src);
-      prefetch = (Conf['prefetch'] && g.VIEW === 'thread') || force;
+      if (!(replace || Conf['prefetch'])) {
-      if (!(replace || prefetch)) {
         return;
       }
+      if (![post].concat(__slice.call(post.clones)).some(function(clone) {
+        return doc.contains(clone.nodes.root);
+      })) {
+        return;
+      }
+      file.isPrefetched = true;
       el = $.el(isImage ? 'img' : 'video');
       if (replace) {
-        if (this.file.isSpoiler) {
-          thumb.style.maxHeight = thumb.style.maxWidth = this.isReply ? '125px' : '250px';
-        }
         if (isImage) {
           $.on(el, 'load', (function(_this) {
             return function() {
-              return ImageLoader.replaceImage(_this);
+              return ImageLoader.replaceImage(post);
             };
           })(this));
         } else {
           $.one(el, 'loadeddata', (function(_this) {
             return function() {
-              return ImageLoader.replaceVideo(_this, el);
+              return ImageLoader.replaceVideo(post, el);
             };
           })(this));
         }
@@ -8785,28 +8814,22 @@
       $.replace(thumb, video);
       file.thumb = video;
       file.videoThumb = true;
-      if (!post.isFetchedQuote) {
+      if (doc.contains(video) || post.isClone) {
         return ImageLoader.play(video);
       }
     },
-    play: function(video) {
+    thumbsToPlay: [],
-      if (Conf['Autoplay']) {
+    play: function(thumb) {
-        return $.asap((function() {
+      var _ref;
-          return doc.contains(video);
+      if (!Conf['Autoplay']) {
-        }), function() {
+        return;
-          if (Header.isNodeVisible(video)) {
-            return video.play();
-          }
-        });
       }
-    },
+      if (doc.contains(thumb)) {
-    toggle: function() {
+        if (Header.isNodeVisible(thumb) || ((_ref = $.id('qp')) != null ? _ref.contains(thumb) : void 0)) {
-      var enabled;
+          return thumb.play();
-      enabled = Conf['prefetch'] = this.checked;
+        }
-      if (enabled) {
+      } else {
-        g.BOARD.posts.forEach(function(post) {
+        return ImageLoader.thumbsToPlay.push(thumb);
-          return ImageLoader.node.call(post, true);
-        });
       }
     }
   };
@@ -8827,6 +8850,7 @@
       }
       thumb = this.file.thumb;
       thumb.removeAttribute('style');
+      thumb.style.maxHeight = thumb.style.maxWidth = this.isReply ? '125px' : '250px';
       return thumb.src = this.file.thumbURL;
     }
   };
@@ -10461,6 +10485,7 @@
             $.add(ThreadUpdater.root, root);
           }
         }
+        $.event('PostsInserted');
         if (scroll) {
           if (Conf['Bottom Scroll']) {
             window.scrollTo(0, d.body.clientHeight);
@@ -11895,6 +11920,7 @@
       }
       Main.callbackNodes(Post, posts);
       $.after(a, postsRoot);
+      $.event('PostsInserted');
       postsCount = postsRoot.length;
       a.textContent = ExpandThread.text('-', postsCount, filesCount);
       return Fourchan.parseThread(thread.ID, 1, postsCount);
@@ -12921,7 +12947,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.3</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.4</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.3
+// @version      1.9.2.4
 // @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.3
+// @version      1.9.2.4
 // @minGMVer     1.14
 // @minFFVer     26
 // @namespace    4chan-X
@@ -24,7 +24,7 @@
 // ==/UserScript==
 
 /*
-* 4chan X - Version 1.9.2.3
+* 4chan X - Version 1.9.2.4
 *
 * 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.3',
+    VERSION: '1.9.2.4',
     NAMESPACE: '4chan X.',
     NAME: '4chan X',
     FAQ: 'https://github.com/ccd0/4chan-x/wiki/Frequently-Asked-Questions',
@@ -2478,6 +2478,7 @@
         var board, el, topNavPos, _l, _len3, _ref3, _ref4;
         board = $('.board');
         $.replace(board, Index.root);
+        $.event('PostsInserted');
         d.implementation.createDocument(null, null, null).appendChild(board);
         _ref3 = $$('.navLinks');
         for (_l = 0, _len3 = _ref3.length; _l < _len3; _l++) {
@@ -2960,6 +2961,9 @@
         node = nodes[_i];
         $.add(Index.root, [node, $.el('hr')]);
       }
+      if (doc.contains(Index.root)) {
+        $.event('PostsInserted');
+      }
       return ThreadHiding.onIndexBuild(nodes);
     },
     isSearching: false,
@@ -3455,7 +3459,8 @@
       $.rmAll(nodes.root);
       $.add(nodes.root, nodes.post);
       $.rmAll(root);
-      return $.add(root, nodes.root);
+      $.add(root, nodes.root);
+      return $.event('PostsInserted');
     },
     fetchedPost: function(req, boardID, threadID, postID, root, context) {
       var board, post, posts, status, thread, _i, _len;
@@ -8667,6 +8672,16 @@
           });
         });
       }
+      $.on(d, 'PostsInserted', function() {
+        var thumb, thumbsToPlay, _i, _len;
+        thumbsToPlay = ImageLoader.thumbsToPlay;
+        ImageLoader.thumbsToPlay = [];
+        for (_i = 0, _len = thumbsToPlay.length; _i < _len; _i++) {
+          thumb = thumbsToPlay[_i];
+          ImageLoader.play(thumb);
+        }
+        return g.posts.forEach(ImageLoader.prefetch);
+      });
       if (!Conf['Image Prefetching']) {
         return;
       }
@@ -8674,45 +8689,59 @@
         innerHTML: "<input type=\"checkbox\" name=\"prefetch\"> Prefetch Images"
       });
       this.el = prefetch.firstElementChild;
-      $.on(this.el, 'change', this.toggle);
+      $.on(this.el, 'change', function() {
+        if (Conf['prefetch'] = this.checked) {
+          return g.posts.forEach(ImageLoader.prefetch);
+        }
+      });
       return Header.menu.addEntry({
         el: prefetch,
         order: 104
       });
     },
-    node: function(force) {
+    node: function() {
-      var URL, el, isImage, isVideo, match, prefetch, replace, thumb, type, _ref;
+      var _ref;
-      if (!this.file) {
+      if (this.isClone) {
+        if ((_ref = this.file) != null ? _ref.videoThumb : void 0) {
+          return ImageLoader.play(this.file.thumb);
+        }
+      } else {
+        return ImageLoader.prefetch(this);
+      }
+    },
+    prefetch: function(post) {
+      var URL, el, file, isImage, isVideo, match, replace, thumb, type;
+      file = post.file;
+      if (!file) {
         return;
       }
-      _ref = this.file, isImage = _ref.isImage, isVideo = _ref.isVideo, thumb = _ref.thumb, URL = _ref.URL;
+      isImage = file.isImage, isVideo = file.isVideo, thumb = file.thumb, URL = file.URL;
-      if (this.isClone && this.file.videoThumb) {
+      if (!(isImage || isVideo) || post.isHidden || post.thread.isHidden || file.isPrefetched) {
-        ImageLoader.play(thumb);
-      }
-      if (this.isClone || this.isHidden || this.thread.isHidden || !(isImage || isVideo)) {
         return;
       }
       type = (match = URL.match(/\.([^.]+)$/)[1].toUpperCase()) === 'JPEG' ? 'JPG' : match;
       replace = Conf["Replace " + type] && !/spoiler/.test(thumb.src);
-      prefetch = (Conf['prefetch'] && g.VIEW === 'thread') || force;
+      if (!(replace || Conf['prefetch'])) {
-      if (!(replace || prefetch)) {
         return;
       }
+      if (![post].concat(__slice.call(post.clones)).some(function(clone) {
+        return doc.contains(clone.nodes.root);
+      })) {
+        return;
+      }
+      file.isPrefetched = true;
       el = $.el(isImage ? 'img' : 'video');
       if (replace) {
-        if (this.file.isSpoiler) {
-          thumb.style.maxHeight = thumb.style.maxWidth = this.isReply ? '125px' : '250px';
-        }
         if (isImage) {
           $.on(el, 'load', (function(_this) {
             return function() {
-              return ImageLoader.replaceImage(_this);
+              return ImageLoader.replaceImage(post);
             };
           })(this));
         } else {
           $.one(el, 'loadeddata', (function(_this) {
             return function() {
-              return ImageLoader.replaceVideo(_this, el);
+              return ImageLoader.replaceVideo(post, el);
             };
           })(this));
         }
@@ -8786,28 +8815,22 @@
       $.replace(thumb, video);
       file.thumb = video;
       file.videoThumb = true;
-      if (!post.isFetchedQuote) {
+      if (doc.contains(video) || post.isClone) {
         return ImageLoader.play(video);
       }
     },
-    play: function(video) {
+    thumbsToPlay: [],
-      if (Conf['Autoplay']) {
+    play: function(thumb) {
-        return $.asap((function() {
+      var _ref;
-          return doc.contains(video);
+      if (!Conf['Autoplay']) {
-        }), function() {
+        return;
-          if (Header.isNodeVisible(video)) {
-            return video.play();
-          }
-        });
       }
-    },
+      if (doc.contains(thumb)) {
-    toggle: function() {
+        if (Header.isNodeVisible(thumb) || ((_ref = $.id('qp')) != null ? _ref.contains(thumb) : void 0)) {
-      var enabled;
+          return thumb.play();
-      enabled = Conf['prefetch'] = this.checked;
+        }
-      if (enabled) {
+      } else {
-        g.BOARD.posts.forEach(function(post) {
+        return ImageLoader.thumbsToPlay.push(thumb);
-          return ImageLoader.node.call(post, true);
-        });
       }
     }
   };
@@ -8828,6 +8851,7 @@
       }
       thumb = this.file.thumb;
       thumb.removeAttribute('style');
+      thumb.style.maxHeight = thumb.style.maxWidth = this.isReply ? '125px' : '250px';
       return thumb.src = this.file.thumbURL;
     }
   };
@@ -10462,6 +10486,7 @@
             $.add(ThreadUpdater.root, root);
           }
         }
+        $.event('PostsInserted');
         if (scroll) {
           if (Conf['Bottom Scroll']) {
             window.scrollTo(0, d.body.clientHeight);
@@ -11896,6 +11921,7 @@
       }
       Main.callbackNodes(Post, posts);
       $.after(a, postsRoot);
+      $.event('PostsInserted');
       postsCount = postsRoot.length;
       a.textContent = ExpandThread.text('-', postsCount, filesCount);
       return Fourchan.parseThread(thread.ID, 1, postsCount);
@@ -12922,7 +12948,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.3</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.4</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.3' />
+    <updatecheck codebase='https://ccd0.github.io/4chan-x/builds/4chan-X-beta.crx' version='1.9.2.4' />
   </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.3' />
+    <updatecheck codebase='https://ccd0.github.io/4chan-x/builds/4chan-X.crx' version='1.9.2.4' />
   </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.3",
+    "version": "1.9.2.4",
     "repo": "https://github.com/ccd0/4chan-x/",
     "page": "https://github.com/ccd0/4chan-x",
     "downloads": "https://ccd0.github.io/4chan-x/builds/",