").append(m.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},m.expr.filters.animated=function(a){return m.grep(m.timers,function(b){return a===b.elem}).length};var cd=a.document.documentElement;function dd(a){return m.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}m.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=m.css(a,"position"),l=m(a),n={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=m.css(a,"top"),i=m.css(a,"left"),j=("absolute"===k||"fixed"===k)&&m.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),m.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(n.top=b.top-h.top+g),null!=b.left&&(n.left=b.left-h.left+e),"using"in b?b.using.call(a,n):l.css(n)}},m.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){m.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,m.contains(b,e)?(typeof e.getBoundingClientRect!==K&&(d=e.getBoundingClientRect()),c=dd(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===m.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),m.nodeName(a[0],"html")||(c=a.offset()),c.top+=m.css(a[0],"borderTopWidth",!0),c.left+=m.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-m.css(d,"marginTop",!0),left:b.left-c.left-m.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||cd;while(a&&!m.nodeName(a,"html")&&"static"===m.css(a,"position"))a=a.offsetParent;return a||cd})}}),m.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);m.fn[a]=function(d){return V(this,function(a,d,e){var f=dd(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?m(f).scrollLeft():e,c?e:m(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),m.each(["top","left"],function(a,b){m.cssHooks[b]=Lb(k.pixelPosition,function(a,c){return c?(c=Jb(a,b),Hb.test(c)?m(a).position()[b]+"px":c):void 0})}),m.each({Height:"height",Width:"width"},function(a,b){m.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){m.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return V(this,function(b,c,d){var e;return m.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?m.css(b,c,g):m.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),m.fn.size=function(){return this.length},m.fn.andSelf=m.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return m});var ed=a.jQuery,fd=a.$;return m.noConflict=function(b){return a.$===m&&(a.$=fd),b&&a.jQuery===m&&(a.jQuery=ed),m},typeof b===K&&(a.jQuery=a.$=m),m});
5 |
--------------------------------------------------------------------------------
/app/js/main.js:
--------------------------------------------------------------------------------
1 | var Readable = require('stream').Readable;
2 | var util = require('util');
3 | util.inherits(MyStream, Readable);
4 | function MyStream(opt) {
5 | Readable.call(this, opt);
6 | }
7 | MyStream.prototype._read = function() {};
8 | // hook in our stream
9 | process.__defineGetter__('stdin', function() {
10 | if (process.__stdin) return process.__stdin;
11 | process.__stdin = new MyStream();
12 | return process.__stdin;
13 | });
14 |
15 |
16 | // node-webkit
17 | var gui = require('nw.gui');
18 | var win = gui.Window.get();
19 |
20 | // show devtools to debug
21 | win.showDevTools();
22 |
23 | // johnny-five
24 | var five = require('johnny-five'),
25 | board,
26 | led,
27 | motor;
28 |
29 | // serialport
30 | var serialPort = require('johnny-five/node_modules/serialport');
31 |
32 | // init
33 | document.addEventListener('DOMContentLoaded', function() {
34 | // close window button
35 | $('#closeWindow').click(function(){
36 | win.close();
37 | });
38 |
39 | // menu links - to display Led or Motor area
40 | $('#linkLed').click(function(){
41 | $('#containerMotor').hide();
42 | $('#linkMotor').removeClass('active');
43 | $('#containerLed').show();
44 | $('#linkLed').addClass('active');
45 | });
46 | $('#linkMotor').click(function(){
47 | $('#containerLed').hide();
48 | $('#linkLed').removeClass('active');
49 | $('#containerMotor').show();
50 | $('#linkMotor').addClass('active');
51 | });
52 |
53 | // led button
54 | $('#btnToggleLed').click(function(){
55 | if(led.isOn){
56 | led.off();
57 | $('#led').removeClass('led-on');
58 | $(this).removeClass('btn-primary').text('Turn On');
59 | }
60 | else{
61 | led.on();
62 | $('#led').addClass('led-on');
63 | $(this).addClass('btn-primary').text('Turn Off');
64 | }
65 | });
66 |
67 | // motor button
68 | $('#btnToggleMotor').click(function(){
69 | if(motor.isOn){
70 | motor.stop();
71 | $('#motor').removeClass('fa-spin');
72 | $(this).removeClass('btn-primary').text('Turn On');
73 | }
74 | else{
75 | motor.start();
76 | $('#motor').addClass('fa-spin');
77 | $(this).addClass('btn-primary').text('Turn Off');
78 | }
79 | });
80 |
81 | // list all avaliable serial ports in the serialports button
82 | // user choose the port where Arduino board is connected
83 | var html = '';
84 | serialPort.list(function (err, ports) {
85 |
86 | ports.forEach(function(p) {
87 | var portName = p.comName.toString();
88 | html += '
'+portName+'';
89 | // when user select the port
90 | $('#serialPorts').on('click', '#port'+portName, p, function(data){
91 |
92 | $('#labelPort').removeClass('btn-primary').addClass('btn-default');
93 | $('#labelPort').html('
');
94 |
95 | // create the board connected to the port selected
96 | board = new five.Board({port: portName});
97 |
98 | // when board is ready
99 | board.on('ready', function() {
100 | // create Led component connected to the pin 13
101 | led = new five.Led({
102 | pin: 13
103 | });
104 | // create Motor component connected to the pin 5
105 | motor = new five.Motor({
106 | pin: 5
107 | });
108 | // and inject Led and Motor in the Repl of the board
109 | board.repl.inject({
110 | led: led,
111 | motor: motor
112 | });
113 |
114 | // show serial port name
115 | $('#labelPort').text(portName);
116 | $('#labelPort').removeClass('btn-default').addClass('btn-primary');
117 | });
118 |
119 | // when serial port error
120 | board.on('error', function(err){
121 | // show error message
122 | $('#labelPort').removeClass('btn-primary btn-default').addClass('btn-danger');
123 | $('#labelPort').text('Error!');
124 | // remove error message and return to normal state
125 | setTimout(function(){
126 | $('#labelPort').removeClass('btn-danger').addClass('btn-default');
127 | $('#labelPort').text('Ports');
128 | }, 5000);
129 | });
130 |
131 | });
132 |
133 | });
134 |
135 | // show serial ports names
136 | $('#serialPorts').html(html);
137 |
138 | });
139 |
140 | });
141 |
--------------------------------------------------------------------------------
/app/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "j5nw",
3 | "main": "index.html",
4 | "version": "0.1.0",
5 | "description": "j5nw - Using Johnny-Five with Node-Webkit",
6 | "keywords": "johnny-five node-webkit arduino",
7 | "window": {
8 | "title": "j5nw",
9 | "icon": "favicon.ico",
10 | "width": 800,
11 | "height": 600,
12 | "position": "center",
13 | "resizable": true,
14 | "toolbar": false,
15 | "frame": false,
16 | "fullscreen": false
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/build.bat:
--------------------------------------------------------------------------------
1 | @echo off
2 |
3 | set CUR_DIR="%CD%"
4 | set EXE_PATH=%CUR_DIR%\release\nw.exe
5 | set ICO_PATH=%CUR_DIR%\app\favicon.ico
6 | set NW_VERSION=0.8.6
7 | set NWEXE_PATH=%CUR_DIR%\buildTools\nw\node-webkit-v%NW_VERSION%-win-ia32\nw.exe
8 | set NWZIP_PATH=%CUR_DIR%\release\app.nw
9 |
10 | SETLOCAL EnableDelayedExpansion
11 | for /F "tokens=1,2 delims=#" %%a in ('"prompt #$H#$E# & echo on & for %%b in (1) do rem"') do (
12 | set "DEL=%%a"
13 | )
14 |
15 | call :ColorText 0C "nodebob v0.1 (modified)"
16 | echo.
17 | call :ColorText 0C "---"
18 | echo.
19 | echo.
20 |
21 | if not exist release md release
22 |
23 | echo.
24 | call :ColorText 0a "Creating app package..."
25 | cd buildTools\7z
26 | 7z a -r -tzip %NWZIP_PATH% ..\..\app\*
27 | cd ..\..
28 |
29 | echo.
30 | call :ColorText 0a "Creating executable..."
31 | echo.
32 | copy /b /y %NWEXE_PATH% %EXE_PATH%
33 | cd buildTools\ar
34 | if exist %ICO_PATH% Resourcer -op:upd -src:%EXE_PATH% -type:14 -name:IDR_MAINFRAME -file:%ICO_PATH%
35 | copy /b /y %EXE_PATH% + %NWZIP_PATH% %EXE_PATH%
36 | cd ..\..
37 |
38 | echo.
39 | call :ColorText 0a "Copying files..."
40 | echo.
41 | rem if not exist %CUR_DIR%\release\ffmpegsumo.dll copy %CUR_DIR%\buildTools\nw\node-webkit-v%NW_VERSION%-win-ia32\ffmpegsumo.dll %CUR_DIR%\release\ffmpegsumo.dll
42 | rem if not exist %CUR_DIR%\release\libEGL.dll copy %CUR_DIR%\buildTools\nw\node-webkit-v%NW_VERSION%-win-ia32\libEGL.dll %CUR_DIR%\release\libEGL.dll
43 | rem if not exist %CUR_DIR%\release\libGLESv2.dll copy %CUR_DIR%\buildTools\nw\node-webkit-v%NW_VERSION%-win-ia32\libGLESv2.dll %CUR_DIR%\release\libGLESv2.dll
44 | if not exist %CUR_DIR%\release\icudt.dll copy %CUR_DIR%\buildTools\nw\node-webkit-v%NW_VERSION%-win-ia32\icudt.dll %CUR_DIR%\release\icudt.dll
45 | if not exist %CUR_DIR%\release\nw.pak copy %CUR_DIR%\buildTools\nw\node-webkit-v%NW_VERSION%-win-ia32\nw.pak %CUR_DIR%\release\nw.pak
46 |
47 | echo.
48 | call :ColorText 0a "Deleting temporary files..."
49 | echo.
50 | del %NWZIP_PATH%
51 |
52 | echo.
53 | call :ColorText 0a "Done!"
54 | echo.
55 | goto :eof
56 |
57 |
58 | :ColorText
59 | echo off
60 |
"%~2"
61 | findstr /v /a:%1 /R "^$" "%~2" nul
62 | del "%~2" > nul 2>&1
63 | goto :eof
64 |
--------------------------------------------------------------------------------