Add worker js errors to the console

boards/static/js/form.js

@@ -1,133 +1,136 b''
 var ITEM_FILE_SOURCE = 'fileSource';
 
 $('input[name=image]').wrap($('<div class="file_wrap"></div>'));
 
 $('body').on('change', 'input[name=image]', function(event) {
     var file = event.target.files[0];
 
     if(file.type.match('image.*')) {
         var fileReader = new FileReader();
 
         fileReader.addEventListener("load", function(event) {
             var wrapper = $('.file_wrap');
 
             wrapper.find('.file-thumb').remove();
             wrapper.append(
                 $('<div class="file-thumb" style="background-image: url('+event.target.result+')"></div>')
             );
         });
 
         fileReader.readAsDataURL(file);
     }
 });
 
 var form = $('#form');
 $('textarea').keypress(function(event) {
     if (event.which == 13 && event.ctrlKey) {
         form.find('input[type=submit]').click();
     }
 });
 
 $('#preview-button').click(function() {
     var data = {
         raw_text: $('textarea').val()
     }
 
     var diffUrl = '/api/preview/';
 
     $.post(diffUrl,
         data,
         function(data) {
             var previewTextBlock = $('#preview-text');
             previewTextBlock.html(data);
             previewTextBlock.show();
         })
 });
 
 /**
  * Show text in the errors row of the form.
  * @param form
  * @param text
  */
 function showAsErrors(form, text) {
     form.children('.form-errors').remove();
 
     if (text.length > 0) {
         var errorList = $('<div class="form-errors">' + text + '<div>');
         errorList.appendTo(form);
     }
 }
 
 function addHiddenInput(form, name, value) {
     form.find('input[name=' + name + ']').val(value);
 }
 
 function selectFileChoice() {
     var file_input = $('#id_file');
     var url_input = $('#id_file_url');
 
     var file_input_row = file_input.parent().parent();
     var url_input_row = url_input.parent().parent();
 
     file_input_row.toggle();
     url_input_row.toggle();
     url_input.val('');
     file_input.val('');
 
     var source;
     if (file_input_row.is(':visible')) {
         source = 'file';
     } else {
         source = 'url';
     }
     localStorage.setItem(ITEM_FILE_SOURCE, source);
 }
 
 $(document).ready(function() {
     var powDifficulty = parseInt($('body').attr('data-pow-difficulty'));
     if (powDifficulty > 0) {
         var worker = new SharedWorker($('#powScript').attr('src'));
         worker.port.onmessage = function(e) {
             var form = $('#form');
             addHiddenInput(form, 'timestamp', e.data.timestamp);
             addHiddenInput(form, 'iteration', e.data.iteration);
             addHiddenInput(form, 'guess', e.data.guess);
 
             form.submit();
             $('.post-form-w').unblock();
         };
+        worker.port.onerror = function(event){
+                throw new Error(event.message + " (" + event.filename + ":" + event.lineno + ")");
+        };
         worker.port.start();
 
         var form = $('#form');
         var submitButton = form.find('input[type=submit]');
         submitButton.click(function() {
             showAsErrors(form, gettext('Computing PoW...'));
             $('.post-form-w').block({ message: gettext('Computing PoW...') })
 
             var msg = $('textarea').val().trim();
 
             var data = {
                 msg: msg,
                 difficulty: parseInt($('body').attr('data-pow-difficulty')),
                 hasher: $('#sha256Script').attr('src')
             };
             worker.port.postMessage(data);
 
             return false;
         });
     }
 
     var source = localStorage.getItem(ITEM_FILE_SOURCE);
     if (source == null) {
         source = 'file';
     }
     if (source == 'file') {
         $('#id_file_url').parent().parent().hide();
     } else {
         $('#id_file').parent().parent().hide();
     }
 
     $('#file-source-button').click(function() {
         selectFileChoice();
     });
 });

boards/static/js/main.js

@@ -1,158 +1,161 b''
 /*
  @licstart  The following is the entire license notice for the
  JavaScript code in this page.
 
 
  Copyright (C) 2013  neko259
 
  The JavaScript code in this page is free software: you can
  redistribute it and/or modify it under the terms of the GNU
  General Public License (GNU GPL) as published by the Free Software
  Foundation, either version 3 of the License, or (at your option)
  any later version.  The code is distributed WITHOUT ANY WARRANTY;
  without even the implied warranty of MERCHANTABILITY or FITNESS
  FOR A PARTICULAR PURPOSE.  See the GNU GPL for more details.
 
  As additional permission under GNU GPL version 3 section 7, you
  may distribute non-source (e.g., minimized or compacted) forms of
  that code without the copy of the GNU GPL normally required by
  section 4, provided you include this license notice and a URL
  through which recipients can access the Corresponding Source.
 
  @licend  The above is the entire license notice
  for the JavaScript code in this page.
  */
 
 var ITEM_VOLUME_LEVEL = 'volumeLevel';
 
 /**
  * An email is a hidden file to prevent spam bots from posting. It has to be
  * hidden.
  */
 function hideEmailFromForm() {
     $('.form-email').parent().parent().hide();
 }
 
 /**
  * Highlight code blocks with code highlighter
  */
 function highlightCode(node) {
     node.find('pre code').each(function(i, e) {
         hljs.highlightBlock(e);
     });
 }
 
 function updateFavPosts(data) {
     var includePostBody = $('#fav-panel').is(":visible");
 
     var allNewPostCount = 0;
 
     if (includePostBody) {
         var favoriteThreadPanel = $('#fav-panel');
         favoriteThreadPanel.empty();
     }
 
     $.each($.parseJSON(data), function (_, dict) {
         var newPostCount = dict.new_post_count;
         allNewPostCount += newPostCount;
 
         if (includePostBody) {
             var favThreadNode = $('<div class="post"></div>');
             favThreadNode.append($(dict.post_url));
             favThreadNode.append(' ');
             favThreadNode.append($('<span class="title">' + dict.title + '</span>'));
 
             if (newPostCount > 0) {
                 favThreadNode.append(' (<a href="' + dict.newest_post_link + '">+' + newPostCount + "</a>)");
             }
 
             favoriteThreadPanel.append(favThreadNode);
 
             addRefLinkPreview(favThreadNode[0]);
         }
     });
 
     var newPostCountNode = $('#new-fav-post-count');
     if (allNewPostCount > 0) {
         newPostCountNode.text('(+' + allNewPostCount + ')');
         newPostCountNode.show();
     } else {
         newPostCountNode.hide();
     }
 }
 
 function initFavPanel() {
     var favPanelButton = $('#fav-panel-btn');
     if (favPanelButton.length > 0) {
         var worker = new SharedWorker($('body').attr('data-update-script'));
         worker.port.onmessage = function(e) {
             updateFavPosts(e.data);
         };
+        worker.port.onerror = function(event){
+                throw new Error(event.message + " (" + event.filename + ":" + event.lineno + ")");
+        };
         worker.port.start();
 
         $(favPanelButton).click(function() {
             var favPanel = $('#fav-panel');
             favPanel.toggle();
 
             worker.port.postMessage({ includePostBody: favPanel.is(':visible')});
 
             return false;
         });
 
         $(document).on('keyup.removepic', function(e) {
             if(e.which === 27) {
                 $('#fav-panel').hide();
             }
         });
     }
 }
 
 function setVolumeLevel(level) {
     localStorage.setItem(ITEM_VOLUME_LEVEL, level);
 }
 
 function getVolumeLevel() {
     var level = localStorage.getItem(ITEM_VOLUME_LEVEL);
     if (level == null) {
         level = 1.0;
     }
     return level
 }
 
 function processVolumeUser(node) {
     node.prop("volume", getVolumeLevel());
     node.on('volumechange', function(event) {
         setVolumeLevel(event.target.volume);
         $("video,audio").prop("volume", getVolumeLevel());
     });
 }
 
 /**
  * Add all scripts than need to work on post, when the post is added to the
  * document.
  */
 function addScriptsToPost(post) {
     addRefLinkPreview(post[0]);
     highlightCode(post);
     processVolumeUser(post.find("video,audio"));
 }
 
 $( document ).ready(function() {
     hideEmailFromForm();
 
     $("a[href='#top']").click(function() {
         $("html, body").animate({ scrollTop: 0 }, "slow");
         return false;
     });
 
     addImgPreview();
 
     addRefLinkPreview();
 
     highlightCode($(document));
 
     initFavPanel();
 
     var volumeUsers = $("video,audio");
     processVolumeUser(volumeUsers);
 });