The BB10 WebWorks Framework is packaged within an application BAR file to run on a BB10 device (or simulator)
JavaScript C++ HTML CSS Makefile
Latest commit 1a77b62 Apr 16, 2015 @timwindsor timwindsor Merge pull request #690 from blackberry/readme-cleanup
Markdown fixes for
Failed to load latest commit information.
build Updating build scripts to remove webworks.js injection Nov 28, 2012
dependencies Add formcontrol and manual test page Dec 2, 2012
ext-internal Fix internal extensions always being included with JPPS Nov 29, 2012
ext Fixes a bug in the notification extension that prevented more than one Dec 6, 2012
lib Changes whitelisting to allow disabling web security Dec 3, 2012
test Added delay between card invoke and closing to prevent test failures Oct 24, 2013
.csslintrc Added unbound invocation list for sharing from context menu. Sep 24, 2012
.gitignore Add automation module and start porting manual tests Nov 9, 2012
.gitmodules Updating WP to use on device version, removing the copying of build Oct 30, 2012
.jshintignore This commit enhances the automated test suite available for testing Oct 31, 2012
.jshintrc This introduces new wrappers in automation extension to allow taking a Nov 17, 2012
Jakefile Updated the location of webworks.js in the test-app for automated tests Nov 28, 2012
Makefile Removed all the CMakeList.txt files and replaced them with the QNX Ma… Oct 12, 2012 Markdown fixes for Mar 4, 2015
configure Updating build scripts to remove webworks.js injection Nov 28, 2012
dist.xml [Framework] Fixed line endings (CRLF -> LF) May 31, 2012
licenses.txt Updating licenses.txt to add XUI license Sep 24, 2012
package.json Removed references to BBX from repo: Sep 24, 2012
pom.xml Removed references to BBX from repo: Sep 24, 2012
version Implemented versioning of webworks.js file May 3, 2012

BlackBerry 10 WebWorks Framework

WebWorks is an application framework and packaging tool that allows a developer to create a standalone BlackBerry application using HTML5/CSS/JavaScript. Web developers can create a device application experience, including AppWorld distribution and monetization to system security policy enforcement, to deep device system and service integration. All using the technologies they are familiar with, leveraging the power of the industry leading web platform being built for BlackBerry 10. This repo contains the code for the BlackBerry 10 WebWorks Framework.


  1. Install node[v0.6.10] and npm and add to path.
  2. Install BlackBerry Native SDK.
  3. [Windows] Add Git bin to PATH. i.e. *Installation Directory*\bin

Setup and Build

  1. git clone
  2. cd BB10-WebWorks-Framework
  3. git checkout master
  4. Configuration:
    • [Mac/Linux] ./configure [from terminal]
    • [Windows] bash configure [from command prompt]
  5. Setup bbndk environment variables: (must be done within each session, prior to jake)
    • [Mac/Linux] source *BBNDK installation directory*/
    • [Windows] *BBNDK installation directory*\bbndk-env.bat
  6. Run jake or jake build and check that the output folder is created under the "target/zip" subfolder. If on windows, run jake from command prompt.
  7. Run jake test and check that jake runs and completes

Running Tests

  1. jake test - to run js tests using nodejs
  2. jake native-test - to run native unit tests
    1. To setup run jake upload-ssh-key[,] eg. jake upload-ssh-key[,~/.ssh/]
    2. To run the tests use jake native-test[,] eg. jake native-test[device,]
  3. jake deploy-tests - builds the Framework, creates, packages and deploys Functional test app
    To run the tests use jake deploy-tests[<pathToPackager>,<packageroptions>,<device|simulator>,<device ip>,<device password>]
    eg: jake deploy-tests[/Users/jheifetz/Downloads/BB10webworks-next-42/,-d,device,,qaqa]

    Note: To see a full list of commands available with jake, use jake -T.

Common issues

Cloning into dependencies/webplatform... error: Couldn't resolve host '' while accessing

Solution: This error can be ignored, but please see the "Setup and Build" - "Webplatform setup:" section above for instructions on copying the necessary webplatform files.


  1. cpplint is used for linting Cpp code. Source code is located under dependencies/cpplint
  2. JNEXT is used to build extensions. Original source of JNEXT was downloaded from here - Modifications are available in source code and located udner dependencies/jnext_1_0_8_3


General Architecture

Controller is initialized as the index.html which can be found dependencies/bootstrap/index.html. This forms the entry point for the Framework. The controller lib/framework.js goes on to create the client webview which load application content which can be required from lib/webview.js The framework.js also creates an Overlay Webview to show dialogs and context menus which can be required from lib/overlayWebView.js The Controller WebView is initialized as an object lib/controllerWebView.js and can be required from there.

  • dependencies
    • bootstrap – contains the bootstrap code.
    • require – our own implementation of require
    • Contains other dependencies like jsonCpp, cpplint, gmock, jnext, csslint, jasmine.
  • ext - contains all the extensions
    • push ( illustrates the structure through one extension)
      • index.js – Controller loads this part of the API ( lib/controllerWebview.js)
      • client.js – Client facing push extension, loads in the client webview. (lib/webview.js)
      • manifest.json – metadata for the extension
      • native contains all the native code for the jnext extension.
        • unitTests – contains all the unit tests code using Gmock and Gtest
  • test
    • functional – test app spec using jasmine browser tests.
    • test-app - test app that is deployed using jake deploy-tests
    • unit – unit tests using jasmine. Keeps the same folder structure as the code.
  • lib
    • config – Config files generated by packager to present config.xml data to the framework.
    • policy – all the whitelist parsing and rules.
    • public – Files that are bundled together to form webworks.js
    • request.js – Routes APIs to correct extension through server.js and plugins/
    • event.js – eventing framework for the client to controller communication.
    • utils.js – several utilities used by the framework

How to build an extension?

Extensions are all under the ext/ folder. An extension must at least contain the following -

  • manifest.json – metadata for the extension.
  • client.js – Front facing API, this is injected into the App's content.
  • index.js – Controller loads this part of the API

If your extension requires native C/C++ code, a native JNEXT extension is needed.

There is sample: BlackBerry 10 WebWorks Plugin Template.

For detailed docs please read creating extensions for BlackBerry 10 apps.


To contribute code to this repository you must be signed up as an official contributor.

To add new Samples or make modifications to existing Samples:

  1. Fork the BB10-WebWorks-Framework repository
  2. Make the changes/additions to your fork
  3. Send a pull request from your fork back to the BB10-WebWorks-Framework repository
  4. If you made changes to code which you own, send a message via github messages to one of the Committers listed below to have your code merged.


Other related Repos