A unified JavaScript layer for Apache Cordova projects.
./
|-build-tools/ ......... custom bundler for our CommonJS-like modules
|-pkg/ ................. generated platform cordova.js files
|-src/
| |-cordova.js ........ common Cordova stuff
| |-common/ ........... base modules shared across platfoms
| | |-argscheck.js ... utility for type-checking arguments during runtime
| | |-base64.js ...... base64 utilites (toArrayBuffer & fromArrayBuffer)
| | |-builder.js ..... utilities to install a set of properties onto an object
| | |-channel.js ..... pub/sub implementation for custom framework events
| | |-init.js ........ bootstraps the Cordova platform, inject APIs and fire events
| | |-utils.js ....... closures, uuids, object, cloning, extending prototypes
| | |
| | |-exec/ .......... exec methods
| | | '-proxy.js .... utility for adding and removing exec proxy methods
| |
| |-scripts/ .......... non-module JS that gets concatenated to cordova.<platform>.js
| | |-bootstrap.js ... bootstrap the Cordova platform, inject APIs and fire events
| | '-require.js ..... module definition and require() implementation
|
'-tests/ ............... unit tests
-
Make sure you have Node.js and npm installed.
npm
should come pre-installed withNode.js
. IfNode.js
installed but can not runnpm
, please follow the npm doc: Downloading and installing Node.js and npm. -
Install all the node dependencies by running the following command from the repository root:
npm install
The build script assumes that users have the cordova-platforms checked out as siblings to this cordova-js
directory. When generating cordova.js
, npm run build
will grab platform specific files from these directories if they exist.
Then from the repository root run:
npm run build
To compile the js for just one platform, run:
npx grunt compile:android --platformVersion=4.0.0
To compile the js for all platforms but pass in a custom path for your cordova-android and cordova-ios platforms, run:
npm run build -- --android='../custompath/cordova-android' --ios='../custompath/cordova-ios'
For integration, see the 'Integration' section below.
The build-tools/build.js
process is a Node.js script that concatenates all of the core Cordova plugins in this repository into a cordova.<platform>.js
file under the pkg/
folder. It also wraps the plugins with a RequireJS-compatible module syntax that works in both browser and node environments. We end up with a cordova.js
file that wraps each Cordova plugin into its own module.
Cordova defines a channel
module under src/common/channel.js
, which is a publish/subscribe implementation that the project uses for event management.
The Cordova native-to-webview bridge is initialized in src/scripts/bootstrap.js
. This file attaches the boot
function to the channel.onNativeReady
event - fired by native with a call to:
cordova.require('cordova/channel').onNativeReady.fire()
The boot
method does all the work. First, it grabs the common platform definition (under src/common/common.js
) and injects all of the objects defined there onto window
and other global namespaces. Next, it grabs all of the platform-specific object definitions (as defined under src/<platform>/platform.js
) and overrides those onto window
. Finally, it calls the platform-specific initialize
function (located in the platform definition). At this point, Cordova is fully initialized and ready to roll. Last thing we do is wait for the DOMContentLoaded
event to fire to make sure the page has loaded properly. Once that is done, Cordova fires the deviceready
event where you can safely attach functions that consume the Cordova APIs.
Tests run in a bundled headless Chromium instance. They can be run with:
npm test
Final testing should always be done with the Mobile Spec test application.
Build the js files by running grunt as described above. Update each platform independently. For a given platform:
Replace the cordova.js
file in the cordova platform_www/cordova.js directory with the newly generated cordova.js
file. If necessary, change the name of the new file to match that of the overwritten one.
Once the new js file has been added, any new projects created will use the updated js. To update an already existing project, directly replace the cordova.js file within the project's www/
folder with the generated cordova.PLATFORM.js
. Make sure to change the file name to match the original.
-
Create the
cordova-js-src
directory. -
Write a module that encapsulates your platform's
exec
method and call itexec.js
. This file should be added into the<platform-repo>/cordova-js-src
directory which was created from step 1.The
exec
method is a JavaScript function that enables communication from the platform's JavaScript environment into the platform's native environment. Each platform uses a different mechanism to enable this bridge. We recommend you check out the other platformexec
definitions for inspiration.The
exec
method has the following method signature:function(success, fail, service, action, args)
Methods Arguments:
success
: a success function callbackfail
: a failure function callbackservice
: a string identifier that the platform can resolve to a native classaction
: a string identifier that the platform can resolve to a specific method inside the class pointed to byservice
args
: an array of parameters to pass to the native method invoked by theexec
call
It is required that new platform additions be as consistent as possible with the existing
service
andaction
labels. -
Define your platform definition object and name it
platform.js
. This file should be added into the<platform-repo>/cordova-js-src
directory which was created from step 1.This file should export an object with the following properties:
id
: a string representing the platform. This should match the name of the.js
file.bootstrap
: A function that sets up the platform. Must fire theonNativeReady
channel when done.initialize
: an optional function that is called after the global scope setup is done (i.e. Cordova and all plugins are ready)
The following is a simple example of a platform definition:
module.exports = { id: 'atari', bootstrap: function() { require('cordova/channel').onNativeReady.fire(); } };
- Add a
<platform>: {}
entry to theGruntfile.js
compile
arrays.