[NaCl SDK] Make the SDK examples buildable as a packaged app.

native_client_sdk/src/examples/load_progress/example.js

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 // Called by the common.js module.
 function domContentLoaded(name, tc, config, width, height) {
   var listener = document.getElementById('listener');
   listener.addEventListener('loadstart', moduleDidStartLoad, true);
   listener.addEventListener('progress', moduleLoadProgress, true);
   listener.addEventListener('error', moduleLoadError, true);
   listener.addEventListener('abort', moduleLoadAbort, true);
   listener.addEventListener('load', moduleDidLoad, true);
   listener.addEventListener('loadend', moduleDidEndLoad, true);
   listener.addEventListener('message', handleMessage, true);
 
   common.createNaClModule(name, tc, config, width, height);
 }
 
 // Handler that gets called when the NaCl module starts loading.  This
 // event is always triggered when an <EMBED> tag has a MIME type of
 // application/x-nacl.
 function moduleDidStartLoad() {
-  appendToEventLog('loadstart');
+  common.logMessage('loadstart\n');
 }
 
 // Progress event handler.  |event| contains a couple of interesting
 // properties that are used in this example:
 //     total The size of the NaCl module in bytes.  Note that this value
 //         is 0 until |lengthComputable| is true.  In particular, this
 //         value is 0 for the first 'progress' event.
 //     loaded The number of bytes loaded so far.
 //     lengthComputable A boolean indicating that the |total| field
 //         represents a valid length.
 //
 // event The ProgressEvent that triggered this handler.
 function moduleLoadProgress(event) {
   var loadPercent = 0.0;
   var loadPercentString;
   if (event.lengthComputable && event.total > 0) {
     loadPercent = event.loaded / event.total * 100.0;
     loadPercentString = loadPercent + '%';
   } else {
     // The total length is not yet known.
     loadPercent = -1.0;
     loadPercentString = 'Computing...';
   }
-  appendToEventLog('progress: ' + loadPercentString +
-                   ' (' + event.loaded + ' of ' + event.total + ' bytes)');
+  common.logMessage('progress: ' + loadPercentString +
+                   ' (' + event.loaded + ' of ' + event.total + ' bytes)\n');
 }
 
 // Handler that gets called if an error occurred while loading the NaCl
 // module.  Note that the event does not carry any meaningful data about
 // the error, you have to check lastError on the <EMBED> element to find
 // out what happened.
 function moduleLoadError() {
-  appendToEventLog('error: ' + common.naclModule.lastError);
+  common.logMessage('error: ' + common.naclModule.lastError + '\n');
 }
 
 // Handler that gets called if the NaCl module load is aborted.
 function moduleLoadAbort() {
-  appendToEventLog('abort');
+  common.logMessage('abort\n');
 }
 
 // When the NaCl module has loaded indicate success.
 function moduleDidLoad() {
-  appendToEventLog('load');
+  common.logMessage('load\n');
   common.updateStatus('SUCCESS');
 }
 
 // Handler that gets called when the NaCl module loading has completed.
 // You will always get one of these events, regardless of whether the NaCl
 // module loaded successfully or not.  For example, if there is an error
 // during load, you will get an 'error' event and a 'loadend' event.  Note
 // that if the NaCl module loads successfully, you will get both a 'load'
 // event and a 'loadend' event.
 function moduleDidEndLoad() {
-  appendToEventLog('loadend');
+  common.logMessage('loadend\n');
   var lastError = event.target.lastError;
   if (lastError == undefined || lastError.length == 0) {
-    lastError = '&lt;none&gt;';
+    lastError = '<none>';
   }
-  appendToEventLog('lastError: ' + lastError);
+  common.logMessage('lastError: ' + lastError + '\n');
 }
 
 // Handle a message coming from the NaCl module.
 function handleMessage(message_event) {
-  alert(message_event.data);
+  common.logMessage('Received PostMessage: ' + message_event.data + '\n');
 }
-
-// Append an event name to the 'log' element.  Event names
-// are separated by a <br> tag so they get listed one per line.
-// logMessage The message to append to the log.
-function appendToEventLog(logMessage) {
-  var eventLogField = document.getElementById('log');
-  if (eventLogField.innerHTML.length == 0) {
-    eventLogField.innerHTML = logMessage;
-  } else {
-    eventLogField.innerHTML = eventLogField.innerHTML + '<br>' + logMessage;
-  }
-}