Merge pull request #173 from astanley/WebWorks-2.0

Porting to SDK2.0 format: Avatar-Booth, Maps, SetWallpaper, WebWorksWeather
blackberry · Nov 18, 2013 · ba51444 · ba51444
2 parents 7212cef + 998f01e
commit ba51444
Show file tree

Hide file tree

Showing 123 changed files with 261 additions and 148 deletions.
diff --git a/Avatar-Booth/README.md b/Avatar-Booth/README.md
@@ -1,19 +1,19 @@
-# Avatar-booth - example application for getUserMedia.
+# Avatar-Booth - sample application for getUserMedia (Camera).
 
 The purpose of this application is to demonstrate the getUserMedia functionality in BlackBerry 10 WebWorks. This allows access to the front and rear cameras on the device. The application let's you add a moustache and snap a photo, all within the Web Application.
 
 The same code will work across other WebKit browser such as Chrome and Safari, without any changes to the code.
 
 **Applies To**
 
-* [BlackBerry 10 WebWorks SDK](https://developer.blackberry.com/html5/download/sdk) 
+* [BlackBerry 10 WebWorks SDK 2.0](https://developer.blackberry.com/html5/download/sdk)
 
-**Author(s)** 
+**Author(s)**
 
-* Anzor Bashkhaz (http://www.twitter.com/anzor_b)
-
-**Dependencies**
+* [Anzor Bashkhaz](http://www.twitter.com/anzor_b)
+* [Adam Stanley](http://www.twitter.com/n_adam_stanley)
 
+**Dependencies**
 
 
 **Libraries**
@@ -37,13 +37,36 @@ All artwork except for the following was done by the author [Anzor Bashkhaz] and
 
 ** How to Build **
 
-1. Clone the repo to your local machine
-2. Use Using the Ripple Mobile Emulator and BlackBerry WebWorks SDK for BB10, package the contents of your local BB10-WebWorks-Samples/Meet-the-team folder into a BlackBerry application.
+1. Clone this repo to your local machine.
+2. Ensure the [BlackBerry 10 WebWorks SDK 2.0](https://developer.blackberry.com/html5/download/sdk) is correctly installed.
+3. Open a command prompt (windows) or terminal (mac) and run the following command:
+
+	```
+	webworks create <your source folder>\Avatar-Booth
+	```
+
+3. **Replace** the default Avatar-Booth\www folder with the \www folder from **this** project
+4. From the command prompt (Windows) or terminal (mac), navigate to the Avatar-Booth folder
+
+	```
+	cd <your source folder>\Avatar-Booth
+	```
+
+5. Run the following commands to configure plugins used by **this app**
+
+	```
+	webworks plugin add com.blackberry.app
+```
+
+6. Run the following command to build and deploy the app to a device connected via USB
+
+	```
+	webworks run
+	```
 
 * [BlackBerry HTML5 WebWorks](https://bdsc.webapps.blackberry.com/html5/) - Downloads, Getting Started guides, samples, code signing keys.
 * [BlackBerry WebWorks Development Guides](https://bdsc.webapps.blackberry.com/html5/documentation)
 * [BlackBerry WebWorks Community Forums](http://supportforums.blackberry.com/t5/Web-and-WebWorks-Development/bd-p/browser_dev)
-* [BlackBerry Open Source WebWorks Contributions Forums](http://supportforums.blackberry.com/t5/BlackBerry-WebWorks/bd-p/ww_con)
 
 
 ## Contributing Changes

diff --git a/Avatar-Booth/app.html → Avatar-Booth/www/app.html b/Avatar-Booth/app.html → Avatar-Booth/www/app.html
@@ -18,17 +18,20 @@
 	<head>
 		<meta charset="utf-8" />
 		<title>Avatar Booth</title>
-			
-		<script>	
+
+		<script>
 			var meta = document.createElement("meta");
 			meta.setAttribute('name','viewport');
 			meta.setAttribute('content','initial-scale='+ (1/window.devicePixelRatio) + ',user-scalable=no');
 			document.getElementsByTagName('head')[0].appendChild(meta);
 		</script>
-		
+
 		<link rel="stylesheet"  href="style/App.css" />
 		<link rel="stylesheet"  href="style/common.css" />
 
+		<!-- framework -->
+		<script src="cordova.js"></script>
+
 		<!-- load up the goodies -->
 		<script data-main="scripts/index" src="scripts/lib/require.js"></script>
 

diff --git a/Avatar-Booth/config.xml → Avatar-Booth/www/config.xml b/Avatar-Booth/config.xml → Avatar-Booth/www/config.xml
@@ -20,17 +20,16 @@ limitations under the License.
 
 	<author rim:copyright="2012"
             href="http://www.rim.com/"
-            email = "abashkhaz@rim.com">Anzor Bashkhaz</author>  
+            email = "abashkhaz@rim.com">Anzor Bashkhaz</author>
 
 	<name>Avatar Booth</name>
 	<description>Avatar Booth</description>
-	<rim:permissions>	
-		    	<rim:permit>use_camera</rim:permit>
+	<rim:permissions>
+		<rim:permit>use_camera</rim:permit>
 	</rim:permissions>
-	<feature id="blackberry.app">
-    	<param name="orientation" value="portrait" />
-	</feature>
+	<feature id="blackberry.app"/>
+    <preference name="orientation" value="portrait" />
 	<access uri="*" subdomains="true"></access>
 	<content src="app.html"></content>
-	
+
 </widget>
diff --git a/Avatar-Booth/images/icons/effects.png → Avatar-Booth/www/images/icons/effects.png b/Avatar-Booth/images/icons/effects.png → Avatar-Booth/www/images/icons/effects.png
diff --git a/Avatar-Booth/images/icons/info.png → Avatar-Booth/www/images/icons/info.png b/Avatar-Booth/images/icons/info.png → Avatar-Booth/www/images/icons/info.png
diff --git a/Avatar-Booth/images/icons/moustaches.png → Avatar-Booth/www/images/icons/moustaches.png b/Avatar-Booth/images/icons/moustaches.png → Avatar-Booth/www/images/icons/moustaches.png
diff --git a/Avatar-Booth/images/moustache.png → Avatar-Booth/www/images/moustache.png b/Avatar-Booth/images/moustache.png → Avatar-Booth/www/images/moustache.png
diff --git a/Avatar-Booth/images/moustache2.png → Avatar-Booth/www/images/moustache2.png b/Avatar-Booth/images/moustache2.png → Avatar-Booth/www/images/moustache2.png
diff --git a/Avatar-Booth/images/moustache3.png → Avatar-Booth/www/images/moustache3.png b/Avatar-Booth/images/moustache3.png → Avatar-Booth/www/images/moustache3.png
diff --git a/Avatar-Booth/images/shutter.png → Avatar-Booth/www/images/shutter.png b/Avatar-Booth/images/shutter.png → Avatar-Booth/www/images/shutter.png
diff --git a/Avatar-Booth/images/source/cancel.psd → Avatar-Booth/www/images/source/cancel.psd b/Avatar-Booth/images/source/cancel.psd → Avatar-Booth/www/images/source/cancel.psd
diff --git a/Avatar-Booth/images/source/moustache.psd → Avatar-Booth/www/images/source/moustache.psd b/Avatar-Booth/images/source/moustache.psd → Avatar-Booth/www/images/source/moustache.psd
diff --git a/Avatar-Booth/images/source/moustache2.psd → ...ar-Booth/www/images/source/moustache2.psd b/Avatar-Booth/images/source/moustache2.psd → ...ar-Booth/www/images/source/moustache2.psd
diff --git a/Avatar-Booth/images/source/moustache3.psd → ...ar-Booth/www/images/source/moustache3.psd b/Avatar-Booth/images/source/moustache3.psd → ...ar-Booth/www/images/source/moustache3.psd
diff --git a/Avatar-Booth/images/source/shutter.psd → Avatar-Booth/www/images/source/shutter.psd b/Avatar-Booth/images/source/shutter.psd → Avatar-Booth/www/images/source/shutter.psd
diff --git a/Avatar-Booth/www/res/icon/blackberry10/icon-80.png b/Avatar-Booth/www/res/icon/blackberry10/icon-80.png
diff --git a/Avatar-Booth/www/res/screen/blackberry10/splash-1280x768.png b/Avatar-Booth/www/res/screen/blackberry10/splash-1280x768.png
diff --git a/Avatar-Booth/www/res/screen/blackberry10/splash-720x720.png b/Avatar-Booth/www/res/screen/blackberry10/splash-720x720.png
diff --git a/Avatar-Booth/www/res/screen/blackberry10/splash-768x1280.png b/Avatar-Booth/www/res/screen/blackberry10/splash-768x1280.png
diff --git a/Avatar-Booth/scripts/config.js → Avatar-Booth/www/scripts/config.js b/Avatar-Booth/scripts/config.js → Avatar-Booth/www/scripts/config.js
diff --git a/Avatar-Booth/scripts/controller.js → Avatar-Booth/www/scripts/controller.js b/Avatar-Booth/scripts/controller.js → Avatar-Booth/www/scripts/controller.js
diff --git a/Avatar-Booth/scripts/index.js → Avatar-Booth/www/scripts/index.js b/Avatar-Booth/scripts/index.js → Avatar-Booth/www/scripts/index.js
diff --git a/Avatar-Booth/scripts/lib/UIStack-min.js → Avatar-Booth/www/scripts/lib/UIStack-min.js b/Avatar-Booth/scripts/lib/UIStack-min.js → Avatar-Booth/www/scripts/lib/UIStack-min.js
diff --git a/Avatar-Booth/scripts/lib/backbone.min.js → Avatar-Booth/www/scripts/lib/backbone.min.js b/Avatar-Booth/scripts/lib/backbone.min.js → Avatar-Booth/www/scripts/lib/backbone.min.js
diff --git a/Avatar-Booth/scripts/lib/jquery.min.js → Avatar-Booth/www/scripts/lib/jquery.min.js b/Avatar-Booth/scripts/lib/jquery.min.js → Avatar-Booth/www/scripts/lib/jquery.min.js
diff --git a/Avatar-Booth/scripts/lib/link.js → Avatar-Booth/www/scripts/lib/link.js b/Avatar-Booth/scripts/lib/link.js → Avatar-Booth/www/scripts/lib/link.js
diff --git a/Avatar-Booth/scripts/lib/lodash.min.js → Avatar-Booth/www/scripts/lib/lodash.min.js b/Avatar-Booth/scripts/lib/lodash.min.js → Avatar-Booth/www/scripts/lib/lodash.min.js
diff --git a/Avatar-Booth/scripts/lib/require.js → Avatar-Booth/www/scripts/lib/require.js b/Avatar-Booth/scripts/lib/require.js → Avatar-Booth/www/scripts/lib/require.js
diff --git a/Avatar-Booth/scripts/lib/text.min.js → Avatar-Booth/www/scripts/lib/text.min.js b/Avatar-Booth/scripts/lib/text.min.js → Avatar-Booth/www/scripts/lib/text.min.js
diff --git a/Avatar-Booth/scripts/pages/aboutView/main.js → ...Booth/www/scripts/pages/aboutView/main.js b/Avatar-Booth/scripts/pages/aboutView/main.js → ...Booth/www/scripts/pages/aboutView/main.js
diff --git a/...th/scripts/pages/aboutView/style-hdpi.css → ...ww/scripts/pages/aboutView/style-hdpi.css b/...th/scripts/pages/aboutView/style-hdpi.css → ...ww/scripts/pages/aboutView/style-hdpi.css
diff --git a/...oth/scripts/pages/aboutView/template.html → ...www/scripts/pages/aboutView/template.html b/...oth/scripts/pages/aboutView/template.html → ...www/scripts/pages/aboutView/template.html
diff --git a/...r-Booth/scripts/pages/effectsView/main.js → ...oth/www/scripts/pages/effectsView/main.js b/...r-Booth/scripts/pages/effectsView/main.js → ...oth/www/scripts/pages/effectsView/main.js
diff --git a/.../scripts/pages/effectsView/style-hdpi.css → .../scripts/pages/effectsView/style-hdpi.css b/.../scripts/pages/effectsView/style-hdpi.css → .../scripts/pages/effectsView/style-hdpi.css
diff --git a/...h/scripts/pages/effectsView/template.html → ...w/scripts/pages/effectsView/template.html b/...h/scripts/pages/effectsView/template.html → ...w/scripts/pages/effectsView/template.html
diff --git a/...ooth/scripts/pages/moustachesView/main.js → .../www/scripts/pages/moustachesView/main.js b/...ooth/scripts/pages/moustachesView/main.js → .../www/scripts/pages/moustachesView/main.js
diff --git a/...ripts/pages/moustachesView/style-hdpi.css → ...ripts/pages/moustachesView/style-hdpi.css b/...ripts/pages/moustachesView/style-hdpi.css → ...ripts/pages/moustachesView/style-hdpi.css
diff --git a/...cripts/pages/moustachesView/template.html → ...cripts/pages/moustachesView/template.html b/...cripts/pages/moustachesView/template.html → ...cripts/pages/moustachesView/template.html
diff --git a/...pts/pages/takePhotoView/images/cancel.png → ...pts/pages/takePhotoView/images/cancel.png b/...pts/pages/takePhotoView/images/cancel.png → ...pts/pages/takePhotoView/images/cancel.png
diff --git a/...pts/pages/takePhotoView/images/header.png → ...pts/pages/takePhotoView/images/header.png b/...pts/pages/takePhotoView/images/header.png → ...pts/pages/takePhotoView/images/header.png
diff --git a/...ts/pages/takePhotoView/images/shutter.png → ...ts/pages/takePhotoView/images/shutter.png b/...ts/pages/takePhotoView/images/shutter.png → ...ts/pages/takePhotoView/images/shutter.png
diff --git a/...ts/pages/takePhotoView/images/shutter.psd → ...ts/pages/takePhotoView/images/shutter.psd b/...ts/pages/takePhotoView/images/shutter.psd → ...ts/pages/takePhotoView/images/shutter.psd
diff --git a/...Booth/scripts/pages/takePhotoView/main.js → ...h/www/scripts/pages/takePhotoView/main.js b/...Booth/scripts/pages/takePhotoView/main.js → ...h/www/scripts/pages/takePhotoView/main.js
diff --git a/...cripts/pages/takePhotoView/style-hdpi.css → ...cripts/pages/takePhotoView/style-hdpi.css b/...cripts/pages/takePhotoView/style-hdpi.css → ...cripts/pages/takePhotoView/style-hdpi.css
diff --git a/...scripts/pages/takePhotoView/template.html → ...scripts/pages/takePhotoView/template.html b/...scripts/pages/takePhotoView/template.html → ...scripts/pages/takePhotoView/template.html
diff --git a/Avatar-Booth/style/App.css → Avatar-Booth/www/style/App.css b/Avatar-Booth/style/App.css → Avatar-Booth/www/style/App.css
diff --git a/Avatar-Booth/style/common.css → Avatar-Booth/www/style/common.css b/Avatar-Booth/style/common.css → Avatar-Booth/www/style/common.css
diff --git a/Maps/www/LICENSE → Maps/LICENSE b/Maps/www/LICENSE → Maps/LICENSE
diff --git a/Maps/www/README.md → Maps/README.md b/Maps/www/README.md → Maps/README.md
@@ -78,8 +78,32 @@ Your API Keys are meant to be private. For demonstration purposes we're coding t
 
 ## How to Build
 
-1. Clone the repo to your local machine
-2. Use BlackBerry 10 WebWorks SDK 2.0, package the contents of your local BB10-WebWorks-Samples/Maps folder into a BlackBerry application.
+1. Clone this repo to your local machine.
+2. Ensure the [BlackBerry 10 WebWorks SDK 2.0](https://developer.blackberry.com/html5/download/sdk) is correctly installed.
+3. Open a command prompt (windows) or terminal (mac) and run the following command:
+
+	```
+	webworks create <your source folder>\Avatar-Booth
+	```
+
+3. **Replace** the default Avatar-Booth\www folder with the \www folder from **this** project
+4. From the command prompt (Windows) or terminal (mac), navigate to the Avatar-Booth folder
+
+	```
+	cd <your source folder>\Avatar-Booth
+	```
+
+5. Run the following commands to configure plugins used by **this app**
+
+	```
+	webworks plugin add com.blackberry.app
+```
+
+6. Run the following command to build and deploy the app to a device connected via USB
+
+	```
+	webworks run
+	```
 
 ## More Info
 

diff --git a/SetWallpaper/README.md b/SetWallpaper/README.md
@@ -6,11 +6,12 @@ The sample code for this application is Open Source under the [Apache 2.0 Licens
 
 **Applies To**
 
-* [BlackBerry 10 WebWorks SDK](https://developer.blackberry.com/html5/download/sdk) 
+* [BlackBerry 10 WebWorks SDK 2.0](https://developer.blackberry.com/html5/download/sdk)
 
-**Author(s)** 
+**Author(s)**
 
 * [Chad Tetreault](http://www.twitter.com/chadtatro)
+* [Adam Stanley](http://www.twitter.com/chadtatro)
 
 **Dependencies**
 
@@ -41,15 +42,41 @@ blackberry.system.setWallpaper(path);
 ```
 ## How to Build
 
-1. Clone the repo to your local machine
-2. Use Using the Ripple Mobile Emulator and the BlackBerry 10 WebWorks SDK, package the contents of your local BB10-WebWorks-Samples/SetWallpaper folder into a BlackBerry application.
+1. Clone this repo to your local machine.
+2. Ensure the [BlackBerry 10 WebWorks SDK 2.0](https://developer.blackberry.com/html5/download/sdk) is correctly installed.
+3. Open a command prompt (windows) or terminal (mac) and run the following command:
+
+	```
+	webworks create <your source folder>\SetWallpaper
+	```
+
+3. **Replace** the default SetWallpaper\www folder with the \www folder from **this** project
+4. From the command prompt (Windows) or terminal (mac), navigate to the SetWallpaper folder
+
+	```
+	cd <your source folder>\SetWallpaper
+	```
+
+5. Run the following commands to configure plugins used by **this app**
+
+	```
+	webworks plugin add com.blackberry.app
+	webworks plugin add com.blackberry.invoke.card
+	webworks plugin add com.blackberry.ui.toast
+	webworks plugin add com.blackberry.system
+```
+
+6. Run the following command to build and deploy the app to a device connected via USB
+
+	```
+	webworks run
+	```
 
 ## More Info
 
 * [BlackBerry HTML5 WebWorks](https://bdsc.webapps.blackberry.com/html5/) - Downloads, Getting Started guides, samples, code signing keys.
 * [BlackBerry WebWorks Development Guides](https://bdsc.webapps.blackberry.com/html5/documentation)
 * [BlackBerry WebWorks Community Forums](http://supportforums.blackberry.com/t5/Web-and-WebWorks-Development/bd-p/browser_dev)
-* [BlackBerry Open Source WebWorks Contributions Forums](http://supportforums.blackberry.com/t5/BlackBerry-WebWorks/bd-p/ww_con)
 
 
 ## Contributing Changes

diff --git a/SetWallpaper/app.html → SetWallpaper/www/app.html b/SetWallpaper/app.html → SetWallpaper/www/app.html
diff --git a/SetWallpaper/config.xml → SetWallpaper/www/config.xml b/SetWallpaper/config.xml → SetWallpaper/www/config.xml
@@ -32,10 +32,9 @@
     </license>
     <access uri="*" subdomains="true" />
 
-    <feature id="blackberry.app.orientation">
-        <param name="mode" value="portrait" />
-    </feature>
-
+    <feature id="blackberry.app"/>
+    <preference name="orientation" value="portrait" />
+
     <feature id="blackberry.invoke.card" />
     <feature id="blackberry.ui.toast" />
     <feature id="blackberry.system" />

diff --git a/SetWallpaper/css/bbui.css → SetWallpaper/www/css/bbui.css b/SetWallpaper/css/bbui.css → SetWallpaper/www/css/bbui.css
diff --git a/SetWallpaper/images/camera.png → SetWallpaper/www/images/camera.png b/SetWallpaper/images/camera.png → SetWallpaper/www/images/camera.png
diff --git a/SetWallpaper/images/filepicker.png → SetWallpaper/www/images/filepicker.png b/SetWallpaper/images/filepicker.png → SetWallpaper/www/images/filepicker.png
diff --git a/SetWallpaper/index.html → SetWallpaper/www/index.html b/SetWallpaper/index.html → SetWallpaper/www/index.html
@@ -17,38 +17,43 @@
 <html>
     <head>
         <title>Set Wallpaper Sample</title>
- 
+
         <!-- css -->
         <link rel="stylesheet" href="css/bbui.css" type="text/css" media="screen" />
 
         <!-- framework -->
-        <script src="local:///chrome/webworks.js" type="text/javascript"></script>
-        
+        <script src="cordova.js"></script>
+
         <!-- libraries -->
         <script src="js/lib/bbui.js" type="text/javascript"></script>
-        
+
         <!-- sample code -->
         <script src="js/app.js"></script>
 
         <!-- initialization -->
         <script type="text/javascript">
-            document.addEventListener("webworksready", initApp);
-
-            bb.init({
-                    actionBarDark: true,
-                    controlsDark: true,
-                    listsDark: false,
-
-                    // Fires "before" styling is applied and "before" the screen is inserted in the DOM
-                    onscreenready: function(element, id) {
-                                   },
+            window.addEventListener("load", function(e) {
+                document.addEventListener("deviceready", function(f) {
+                    initApp();
+
+                    bb.init({
+                            actionBarDark: true,
+                            controlsDark: true,
+                            listsDark: false,
+
+                            // Fires "before" styling is applied and "before" the screen is inserted in the DOM
+                            onscreenready: function(element, id) {
+                                           },
+
+                            // Fires "after" styling is applied and "after" the screen is inserted in the DOM
+                            ondomready: function(element, id) {
+                                        }
+                            });
+                }, false);
+            }, false);
 
-                    // Fires "after" styling is applied and "after" the screen is inserted in the DOM
-                    ondomready: function(element, id) {
-                                }
-                    });
         </script>
     </head>
-    <body> 
+    <body>
     </body>
 </html>