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

native_client_sdk/src/examples/common.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.
 
 // Javascript module pattern:
 //   see http://en.wikipedia.org/wiki/Unobtrusive_JavaScript#Namespaces
 // In essence, we define an anonymous function which is immediately called and
 // returns a new object. The new object contains only the exported definitions;
 // all other definitions in the anonymous function are inaccessible to external
 // code.
@@ skipping 108 matching lines @@
    *
    * @param {string} s The string to search.
    * @param {string} prefix The prefix to search for in |s|.
    */
   function startsWith(s, prefix) {
     // indexOf would search the entire string, lastIndexOf(p, 0) only checks at
     // the first index. See: http://stackoverflow.com/a/4579228
     return s.lastIndexOf(prefix, 0) === 0;
   }
 
+  /** Maximum length of logMessageArray. */
+  var kMaxLogMessageLength = 20;
+
+  /** An array of messages to display in the element with id "log". */
+  var logMessageArray = [];
+
   /**
-   * Add a message to an element with id "log", separated by a <br> element.
+   * Add a message to an element with id "log".
    *
    * This function is used by the default "log:" message handler.
    *
    * @param {string} message The message to log.
    */
   function logMessage(message) {
-    var logEl = document.getElementById('log');
-    logEl.innerHTML += message + '<br>';
+    logMessageArray.push(message);
+    if (logMessageArray.length > kMaxLogMessageLength)
+      logMessageArray.shift();
+
+    document.getElementById('log').textContent = logMessageArray.join('');
     console.log(message)
   }
 
   /**
    */
   var defaultMessageTypes = {
     'alert': alert,
     'log': logMessage
   };
 
@@ skipping 80 matching lines @@
 
   // The symbols to export.
   return {
     /** A reference to the NaCl module, once it is loaded. */
     naclModule: null,
 
     attachDefaultListeners: attachDefaultListeners,
     domContentLoaded: domContentLoaded,
     createNaClModule: createNaClModule,
     hideModule: hideModule,
+    logMessage: logMessage,
     updateStatus: updateStatus
   };
 
 }());
 
 // Listen for the DOM content to be loaded. This event is fired when parsing of
 // the page's document has finished.
 document.addEventListener('DOMContentLoaded', function() {
   var body = document.querySelector('body');
 
@@ skipping 26 matching lines @@
       var config = configs.indexOf(searchVars.config) !== -1 ?
           searchVars.config : configs[0];
       var pathFormat = body.dataset.path;
       var path = pathFormat.replace('{tc}', tc).replace('{config}', config);
 
       loadFunction(body.dataset.name, tc, path, body.dataset.width,
                    body.dataset.height);
     }
   }
 });