Index: native_client_sdk/src/examples/common.js |
diff --git a/native_client_sdk/src/examples/common.js b/native_client_sdk/src/examples/common.js |
deleted file mode 100644 |
index dc5328faa7547f86726ad6936b2d4a2fe1f5e345..0000000000000000000000000000000000000000 |
--- a/native_client_sdk/src/examples/common.js |
+++ /dev/null |
@@ -1,439 +0,0 @@ |
-// 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. |
- |
-// Set to true when the Document is loaded IFF "test=true" is in the query |
-// string. |
-var isTest = false; |
- |
-// Set to true when loading a "Release" NaCl module, false when loading a |
-// "Debug" NaCl module. |
-var isRelease = false; |
- |
-// 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. |
-var common = (function() { |
- |
- function isHostToolchain(tool) { |
- return tool == 'win' || tool == 'linux' || tool == 'mac'; |
- } |
- |
- /** |
- * Return the mime type for NaCl plugin. |
- * |
- * @param {string} tool The name of the toolchain, e.g. "glibc", "newlib" etc. |
- * @return {string} The mime-type for the kind of NaCl plugin matching |
- * the given toolchain. |
- */ |
- function mimeTypeForTool(tool) { |
- // For NaCl modules use application/x-nacl. |
- var mimetype = 'application/x-nacl'; |
- if (isHostToolchain(tool)) { |
- // For non-NaCl PPAPI plugins use the x-ppapi-debug/release |
- // mime type. |
- if (isRelease) |
- mimetype = 'application/x-ppapi-release'; |
- else |
- mimetype = 'application/x-ppapi-debug'; |
- } else if (tool == 'pnacl' && isRelease) { |
- mimetype = 'application/x-pnacl'; |
- } |
- return mimetype; |
- } |
- |
- /** |
- * Check if the browser supports NaCl plugins. |
- * |
- * @param {string} tool The name of the toolchain, e.g. "glibc", "newlib" etc. |
- * @return {bool} True if the browser supports the type of NaCl plugin |
- * produced by the given toolchain. |
- */ |
- function browserSupportsNaCl(tool) { |
- // Assume host toolchains always work with the given browser. |
- // The below mime-type checking might not work with |
- // --register-pepper-plugins. |
- if (isHostToolchain(tool)) { |
- return true; |
- } |
- var mimetype = mimeTypeForTool(tool); |
- return navigator.mimeTypes[mimetype] !== undefined; |
- } |
- |
- /** |
- * Inject a script into the DOM, and call a callback when it is loaded. |
- * |
- * @param {string} url The url of the script to load. |
- * @param {Function} onload The callback to call when the script is loaded. |
- * @param {Function} onerror The callback to call if the script fails to load. |
- */ |
- function injectScript(url, onload, onerror) { |
- var scriptEl = document.createElement('script'); |
- scriptEl.type = 'text/javascript'; |
- scriptEl.src = url; |
- scriptEl.onload = onload; |
- if (onerror) { |
- scriptEl.addEventListener('error', onerror, false); |
- } |
- document.head.appendChild(scriptEl); |
- } |
- |
- /** |
- * Run all tests for this example. |
- * |
- * @param {Object} moduleEl The module DOM element. |
- */ |
- function runTests(moduleEl) { |
- console.log('runTests()'); |
- common.tester = new Tester(); |
- |
- // All NaCl SDK examples are OK if the example exits cleanly; (i.e. the |
- // NaCl module returns 0 or calls exit(0)). |
- // |
- // Without this exception, the browser_tester thinks that the module |
- // has crashed. |
- common.tester.exitCleanlyIsOK(); |
- |
- common.tester.addAsyncTest('loaded', function(test) { |
- test.pass(); |
- }); |
- |
- if (typeof window.addTests !== 'undefined') { |
- window.addTests(); |
- } |
- |
- common.tester.waitFor(moduleEl); |
- common.tester.run(); |
- } |
- |
- /** |
- * Create the Native Client <embed> element as a child of the DOM element |
- * named "listener". |
- * |
- * @param {string} name The name of the example. |
- * @param {string} tool The name of the toolchain, e.g. "glibc", "newlib" etc. |
- * @param {string} path Directory name where .nmf file can be found. |
- * @param {number} width The width to create the plugin. |
- * @param {number} height The height to create the plugin. |
- * @param {Object} attrs Dictionary of attributes to set on the module. |
- */ |
- function createNaClModule(name, tool, path, width, height, attrs) { |
- var moduleEl = document.createElement('embed'); |
- moduleEl.setAttribute('name', 'nacl_module'); |
- moduleEl.setAttribute('id', 'nacl_module'); |
- moduleEl.setAttribute('width', width); |
- moduleEl.setAttribute('height', height); |
- moduleEl.setAttribute('path', path); |
- moduleEl.setAttribute('src', path + '/' + name + '.nmf'); |
- |
- // Add any optional arguments |
- if (attrs) { |
- for (var key in attrs) { |
- moduleEl.setAttribute(key, attrs[key]); |
- } |
- } |
- |
- var mimetype = mimeTypeForTool(tool); |
- moduleEl.setAttribute('type', mimetype); |
- |
- // The <EMBED> element is wrapped inside a <DIV>, which has both a 'load' |
- // and a 'message' event listener attached. This wrapping method is used |
- // instead of attaching the event listeners directly to the <EMBED> element |
- // to ensure that the listeners are active before the NaCl module 'load' |
- // event fires. |
- var listenerDiv = document.getElementById('listener'); |
- listenerDiv.appendChild(moduleEl); |
- |
- // Host plugins don't send a moduleDidLoad message. We'll fake it here. |
- var isHost = isHostToolchain(tool); |
- if (isHost) { |
- window.setTimeout(function() { |
- moduleEl.readyState = 1; |
- moduleEl.dispatchEvent(new CustomEvent('loadstart')); |
- moduleEl.readyState = 4; |
- moduleEl.dispatchEvent(new CustomEvent('load')); |
- moduleEl.dispatchEvent(new CustomEvent('loadend')); |
- }, 100); // 100 ms |
- } |
- |
- // This is code that is only used to test the SDK. |
- if (isTest) { |
- var loadNaClTest = function() { |
- injectScript('nacltest.js', function() { |
- runTests(moduleEl); |
- }); |
- }; |
- |
- // Try to load test.js for the example. Whether or not it exists, load |
- // nacltest.js. |
- injectScript('test.js', loadNaClTest, loadNaClTest); |
- } |
- } |
- |
- /** |
- * Add the default "load" and "message" event listeners to the element with |
- * id "listener". |
- * |
- * The "load" event is sent when the module is successfully loaded. The |
- * "message" event is sent when the naclModule posts a message using |
- * PPB_Messaging.PostMessage() (in C) or pp::Instance().PostMessage() (in |
- * C++). |
- */ |
- function attachDefaultListeners() { |
- var listenerDiv = document.getElementById('listener'); |
- listenerDiv.addEventListener('load', moduleDidLoad, true); |
- listenerDiv.addEventListener('message', handleMessage, true); |
- listenerDiv.addEventListener('crash', handleCrash, true); |
- if (typeof window.attachListeners !== 'undefined') { |
- window.attachListeners(); |
- } |
- } |
- |
- |
- /** |
- * Called when the Browser can not communicate with the Module |
- * |
- * This event listener is registered in attachDefaultListeners above. |
- */ |
- function handleCrash(event) { |
- if (common.naclModule.exitStatus == -1) { |
- updateStatus('CRASHED'); |
- } else { |
- updateStatus('EXITED [' + common.naclModule.exitStatus + ']'); |
- } |
- if (typeof window.handleCrash !== 'undefined') { |
- window.handleCrash(common.naclModule.lastError); |
- } |
- } |
- |
- /** |
- * Called when the NaCl module is loaded. |
- * |
- * This event listener is registered in attachDefaultListeners above. |
- */ |
- function moduleDidLoad() { |
- common.naclModule = document.getElementById('nacl_module'); |
- updateStatus('RUNNING'); |
- |
- if (typeof window.moduleDidLoad !== 'undefined') { |
- window.moduleDidLoad(); |
- } |
- } |
- |
- /** |
- * Hide the NaCl module's embed element. |
- * |
- * We don't want to hide by default; if we do, it is harder to determine that |
- * a plugin failed to load. Instead, call this function inside the example's |
- * "moduleDidLoad" function. |
- * |
- */ |
- function hideModule() { |
- // Setting common.naclModule.style.display = "None" doesn't work; the |
- // module will no longer be able to receive postMessages. |
- common.naclModule.style.height = '0'; |
- } |
- |
- /** |
- * Return true when |s| starts with the string |prefix|. |
- * |
- * @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". |
- * |
- * This function is used by the default "log:" message handler. |
- * |
- * @param {string} message The message to log. |
- */ |
- function logMessage(message) { |
- logMessageArray.push(message); |
- if (logMessageArray.length > kMaxLogMessageLength) |
- logMessageArray.shift(); |
- |
- document.getElementById('log').textContent = logMessageArray.join('\n'); |
- console.log(message); |
- } |
- |
- /** |
- */ |
- var defaultMessageTypes = { |
- 'alert': alert, |
- 'log': logMessage |
- }; |
- |
- /** |
- * Called when the NaCl module sends a message to JavaScript (via |
- * PPB_Messaging.PostMessage()) |
- * |
- * This event listener is registered in createNaClModule above. |
- * |
- * @param {Event} message_event A message event. message_event.data contains |
- * the data sent from the NaCl module. |
- */ |
- function handleMessage(message_event) { |
- if (typeof message_event.data === 'string') { |
- for (var type in defaultMessageTypes) { |
- if (defaultMessageTypes.hasOwnProperty(type)) { |
- if (startsWith(message_event.data, type + ':')) { |
- func = defaultMessageTypes[type]; |
- func(message_event.data.slice(type.length + 1)); |
- return; |
- } |
- } |
- } |
- } |
- |
- if (typeof window.handleMessage !== 'undefined') { |
- window.handleMessage(message_event); |
- return; |
- } |
- |
- logMessage('Unhandled message: ' + message_event.data); |
- } |
- |
- /** |
- * Called when the DOM content has loaded; i.e. the page's document is fully |
- * parsed. At this point, we can safely query any elements in the document via |
- * document.querySelector, document.getElementById, etc. |
- * |
- * @param {string} name The name of the example. |
- * @param {string} tool The name of the toolchain, e.g. "glibc", "newlib" etc. |
- * @param {string} path Directory name where .nmf file can be found. |
- * @param {number} width The width to create the plugin. |
- * @param {number} height The height to create the plugin. |
- * @param {Object} attrs Optional dictionary of additional attributes. |
- */ |
- function domContentLoaded(name, tool, path, width, height, attrs) { |
- // If the page loads before the Native Client module loads, then set the |
- // status message indicating that the module is still loading. Otherwise, |
- // do not change the status message. |
- updateStatus('Page loaded.'); |
- if (!browserSupportsNaCl(tool)) { |
- updateStatus( |
- 'Browser does not support NaCl (' + tool + '), or NaCl is disabled'); |
- } else if (common.naclModule == null) { |
- updateStatus('Creating embed: ' + tool); |
- |
- // We use a non-zero sized embed to give Chrome space to place the bad |
- // plug-in graphic, if there is a problem. |
- width = typeof width !== 'undefined' ? width : 200; |
- height = typeof height !== 'undefined' ? height : 200; |
- attachDefaultListeners(); |
- createNaClModule(name, tool, path, width, height, attrs); |
- } else { |
- // It's possible that the Native Client module onload event fired |
- // before the page's onload event. In this case, the status message |
- // will reflect 'SUCCESS', but won't be displayed. This call will |
- // display the current message. |
- updateStatus('Waiting.'); |
- } |
- } |
- |
- /** Saved text to display in the element with id 'statusField'. */ |
- var statusText = 'NO-STATUSES'; |
- |
- /** |
- * Set the global status message. If the element with id 'statusField' |
- * exists, then set its HTML to the status message as well. |
- * |
- * @param {string} opt_message The message to set. If null or undefined, then |
- * set element 'statusField' to the message from the last call to |
- * updateStatus. |
- */ |
- function updateStatus(opt_message) { |
- if (opt_message) { |
- statusText = opt_message; |
- } |
- var statusField = document.getElementById('statusField'); |
- if (statusField) { |
- statusField.innerHTML = statusText; |
- } |
- } |
- |
- // 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.body; |
- |
- // The data-* attributes on the body can be referenced via body.dataset. |
- if (body.dataset) { |
- var loadFunction; |
- if (!body.dataset.customLoad) { |
- loadFunction = common.domContentLoaded; |
- } else if (typeof window.domContentLoaded !== 'undefined') { |
- loadFunction = window.domContentLoaded; |
- } |
- |
- // From https://developer.mozilla.org/en-US/docs/DOM/window.location |
- var searchVars = {}; |
- if (window.location.search.length > 1) { |
- var pairs = window.location.search.substr(1).split('&'); |
- for (var key_ix = 0; key_ix < pairs.length; key_ix++) { |
- var keyValue = pairs[key_ix].split('='); |
- searchVars[unescape(keyValue[0])] = |
- keyValue.length > 1 ? unescape(keyValue[1]) : ''; |
- } |
- } |
- |
- if (loadFunction) { |
- var toolchains = body.dataset.tools.split(' '); |
- var configs = body.dataset.configs.split(' '); |
- |
- var attrs = {}; |
- if (body.dataset.attrs) { |
- var attr_list = body.dataset.attrs.split(' '); |
- for (var key in attr_list) { |
- var attr = attr_list[key].split('='); |
- var key = attr[0]; |
- var value = attr[1]; |
- attrs[key] = value; |
- } |
- } |
- |
- var tc = toolchains.indexOf(searchVars.tc) !== -1 ? |
- searchVars.tc : toolchains[0]; |
- 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); |
- |
- isTest = searchVars.test === 'true'; |
- isRelease = path.toLowerCase().indexOf('release') != -1; |
- |
- loadFunction(body.dataset.name, tc, path, body.dataset.width, |
- body.dataset.height, attrs); |
- } |
- } |
-}); |