Ripple, BB 10 WebWorks and 'Please enter a valid application id' error

You're developing an application for BB 10 using HTML5, Ripple emulator (for running & debugging your application in Chrome browser) & BlackBerry 10 WebWorks SDK (my version was 1.0.0.7).

Once you set up build settings and click 'Package' button to produce output you get the following error message:

Oh Snap! Build request failed with message: [ERROR] Error: Please enter a valid application id

 

Go to your application source directory and check the contents of config.xml file. Pay attention to the <widget> opening tag:

 <widget xmlns="http://www.w3.org/ns/widgets" 
        xmlns:rim="http://www.blackberry.com/ns/widgets" 
        version="1.0.3" 
        rim:header="RIM-Widget:rim/widget"
        id="SketchPad">

Possible causes for the error:

1. Missing id tag
2. White spaces in id tag value (registered issue)

As it turned out, WebWorks samples had the id value missing which was leading to build error when using Ripple.