pebble · jscottnz · Nov 5, 2016 · Nov 5, 2016 · Nov 8, 2016 · Nov 8, 2016
diff --git a/rockyjs/.bowerrc b/rockyjs/.bowerrc
@@ -0,0 +1,3 @@
+{
+  "directory": "app/bower_components"
+}
diff --git a/rockyjs/.editorconfig b/rockyjs/.editorconfig
@@ -0,0 +1,13 @@
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
diff --git a/rockyjs/.gitattributes b/rockyjs/.gitattributes
@@ -0,0 +1 @@
+* text=auto
diff --git a/rockyjs/.gitignore b/rockyjs/.gitignore
@@ -0,0 +1,6 @@
+node_modules
+dist
+.tmp
+.sass-cache
+app/bower_components
+.DS_Store
diff --git a/rockyjs/.jshintrc b/rockyjs/.jshintrc
@@ -0,0 +1,21 @@
+{
+  "node": true,
+  "esnext": true,
+  "bitwise": true,
+  "camelcase": true,
+  "curly": true,
+  "eqeqeq": true,
+  "immed": true,
+  "indent": 2,
+  "latedef": true,
+  "newcap": true,
+  "noarg": true,
+  "quotmark": "single",
+  "regexp": true,
+  "undef": true,
+  "unused": true,
+  "strict": true,
+  "trailing": true,
+  "smarttabs": true,
+  "white": false
+}
diff --git a/rockyjs/README.md b/rockyjs/README.md
@@ -0,0 +1,30 @@
+Pebble.js + Rocky.js
+====================
+
+Pebble.js development in a browser!
+
+Given that Rocky.js provides the Pebble API implemented in javascript, we can now combine Pebble.js and Rocky.js and develop in the web browser with all the javascript development tools - debugging, profiling etc
+
+## Work in Progress
+
+This is a currently a Proof of Concept with minimal implementataion for the following:
+* `window`
+* `click`
+* `rect`
+* `text` - inlcuding fonts
+* `texttime`
+* `menu`s
+
+It works by replacing `simply-pebble.js` with `simply-rocky.js` at build time. There is some leakage to other classes, for example `Simply.markDirty()` has been added and called from `Window` to optimize the screen redraws.
+
+`simply-rocky.js` is a copy and paste of `simply-pebble.js`. In time all the `simply-pebble.js` hangover code will be removed and replace with the Rocky implementation.
+
+## Getting Started
+
+To support the Pebble.js build system we use Gulp and Browserify to build the javascript with Rocky.js
+
+* [Install Gulp](https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md)
+
+* Run Browserify `gulp browserify` - this should finish without issues. Fix any issues you find
+
+* Run `gulp watch` - this will launch a browser and run the app. It will automatically reload the app when the source files change
diff --git a/rockyjs/app/index.html b/rockyjs/app/index.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+    <meta charset="utf-8" />
+    <title>Rocky</title>
+</head>
+
+<body>
+    <script>
+      var Pebble = {
+        addEventListener : function() {},
+        sendAppMessage : function() {},
+
+        platform : 'pypkjs'
+      };
+
+    </script>
+    <script src="rocky-0.3.0.js"></script>
+    <canvas id="pebble" class="rocky" width="144" height="168"></canvas>
+    <script src="scripts/rocky.js"></script>
+
+</body>
+
+</html>