Pebble.js + Rocky.js = Develop in Browser #178
Conversation
- uses rockyjs so this should be compatible with rocky when implemented - adds a gulp build task with browserify (for require)
| @@ -0,0 +1,1462 @@ | |||
| var Color = require('../../src/js/lib/color'); | |||
There was a problem hiding this comment.
This is a copy and paste from simply-rocky.js
It is intended to be culled down as more components are implemented
| state.timeOffset = new Date().getTimezoneOffset() * -60; | ||
|
|
||
| var clickStartTime, clickEndTime, longPress; | ||
| ButtonTypes.forEach(function(button) { |
There was a problem hiding this comment.
this wont work for rocky.js on the device, will leave it here until we know the device api
fixes rendering bug in menu
cleans up gulp build
| if (this.emit(type, subtype, e) === false) { | ||
| return false; | ||
| } | ||
| return !!this.emit(type, subtype, e); |
There was a problem hiding this comment.
this change allows the browser to know if a handler acted on the event - in the case of the back button we want to know if there was no handler so we can take action
| @@ -116,6 +116,7 @@ Window.prototype._show = function(pushing) { | |||
|
|
|||
| Window.prototype.show = function() { | |||
| WindowStack.push(this); | |||
| simply.impl.markDirty(); | |||
There was a problem hiding this comment.
with pebble.js we are transmitting the window components to the watch then calling the render, however when we don't need to transmit we need to know when the screen is being shown so we only call render once(ish)
I hope there is a better way to do this with out modifying this file
This is a POC that enables development of pebble.js apps in a web browser - super fast development turnaround. (And maybe rocky.js compatibility with pebble allows it!)
It is intended to have minimal to no special code ( there is a little at the moment - see markDirty )
This is simply a gulp project that browserifies the source code so that its compatible with the web browser.
It then replaces
simply-pebble.jswithsimply-rocky.jsThe implementation uses rocky.js to render to the html canvas.
The pebble.js stage is replaced with an array of render functions.
Please note that only a small set of components are implemented to the bare minimum
windowclickrecttext- incuding fontstexttime