nutella_framework 0.4.5 → 0.4.8

data/framework_components/beacon-cloud-interface/js/react/beacon-add.js

@@ -0,0 +1,102 @@
+var BeaconAdd = React.createClass({
+    getInitialState: function() {
+        return {
+            beacon: {rid: "", uuid: "", major: "", minor: ""}
+        };
+    },
+    handleChangeRid: function(e) {
+        var beacon = this.state.beacon;
+        beacon.rid = event.target.value;
+        this.setState({beacon: beacon});
+    },
+    handleChangeUuid: function(e) {
+        var beacon = this.state.beacon;
+        beacon.uuid = event.target.value;
+
+        // If it is not a valid UUID try to fix it
+        if(!beacon.uuid.match(/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i)) {
+            var uuid = beacon.uuid;
+
+            var re = new RegExp("-", 'g');
+            uuid = uuid.replace(re, '');
+
+            var uuidTemp = "";
+
+            uuidTemp += uuid.substring(0,8);
+            if(uuid.length >= 8) {
+                uuidTemp += "-";
+            }
+            uuidTemp += uuid.substring(8,12);
+            if(uuid.length >= 12) {
+                uuidTemp += "-";
+            }
+            uuidTemp += uuid.substring(12,16);
+            if(uuid.length >= 16) {
+                uuidTemp += "-";
+            }
+            uuidTemp += uuid.substring(16,20);
+            if(uuid.length >= 20) {
+                uuidTemp += "-";
+            }
+            uuidTemp += uuid.substring(20,32);
+            beacon.uuid = uuidTemp;
+        }
+
+
+        this.setState({beacon: beacon});
+    },
+    handleChangeMajor: function(e) {
+        var beacon = this.state.beacon;
+        if(event.target.value.match(/^[0-9]*$/i)) {
+            beacon.major = event.target.value;
+            this.setState({beacon: beacon});
+        }
+    },
+    handleChangeMinor: function(e) {
+        var beacon = this.state.beacon;
+        if(event.target.value.match(/^[0-9]*$/i)) {
+            beacon.minor = event.target.value;
+            this.setState({beacon: beacon});
+        }
+    },
+    handleKeyDownUUID: function(evt) {
+        var beacon = this.state.beacon;
+        if (evt.keyCode == 8 &&
+            (
+                beacon.uuid.length == 9 ||
+                beacon.uuid.length == 14 ||
+                beacon.uuid.length == 19 ||
+                beacon.uuid.length == 24
+            )
+            ) {
+            beacon.uuid = beacon.uuid.substring(0, beacon.uuid.length - 1);
+            this.setState({beacon: beacon});
+        }
+        this.handleKeyDown(evt);
+    },
+    handleKeyDown: function(evt) {
+        if (evt.keyCode == 13 ) {
+            if( this.state.beacon.rid != "" &&
+                this.state.beacon.uuid != "" &&
+                this.state.beacon.major != "" &&
+                this.state.beacon.minor != "") {
+                this.props.addBeacon(this.state.beacon);
+                this.setState({beacon: {rid: "", uuid: "", major: "", minor: ""}})
+            }
+            else {
+                alert("Incomplete beacon")
+            }
+
+        }
+    },
+    render: function() {
+        return (
+            <tr>
+                <td className="col-md-2 col-sm-2 col-xs-2 add"><input type="text" onKeyDown={this.handleKeyDown} className="form-control" value={this.state.beacon.rid} placeholder="rid" onChange={this.handleChangeRid} ref="rid"/></td>
+                <td className="col-md-6 col-sm-6 col-xs-6 add"><input type="text" onKeyDown={this.handleKeyDownUUID} className="form-control" value={this.state.beacon.uuid} placeholder="uuid" onChange={this.handleChangeUuid} ref="uuid"/></td>
+                <td className="col-md-2 col-sm-2 col-xs-2 add"><input type="text" onKeyDown={this.handleKeyDown} className="form-control" value={this.state.beacon.major} placeholder="major" onChange={this.handleChangeMajor} ref="major"/></td>
+                <td className="col-md-2 col-sm-2 col-xs-2 add"><input type="text" onKeyDown={this.handleKeyDown} className="form-control" value={this.state.beacon.minor} placeholder="minor" onChange={this.handleChangeMinor} ref="minor"/></td>
+            </tr>
+        );
+    }
+});

data/framework_components/beacon-cloud-interface/js/react/beacon-table.js

@@ -0,0 +1,73 @@
+var BeaconTable = React.createClass({
+    getInitialState: function() {
+        return {
+            beaconData: []
+        };
+    },
+    componentDidMount: function() {
+        self = this;
+
+        // Download all beacons
+        nutella.f.net.request("beacon/beacons", {}, function(reply) {
+            self.setState({beaconData: reply.beacons});
+        });
+
+        // Wait for new added beacons
+        nutella.f.net.subscribe("beacon/beacons/added", function(message) {
+            var data = self.state.beaconData;
+            data = data.concat(message.beacons);
+
+            self.setState({beaconData: data});
+        });
+
+        // Wait for removed beacons
+        nutella.f.net.subscribe("beacon/beacons/removed", function(message) {
+            var data = self.state.beaconData;
+            data = data.filter(function(d) {
+                return $.inArray(d.rid, message.beacons.map(function(r) {
+                        return r.rid;
+                    })) == -1;
+            });
+
+            self.setState({beaconData: data});
+        });
+    },
+    hendleBeaconAdd: function(beacon) {
+        nutella.f.net.publish("beacon/beacon/add", beacon);
+    },
+    hendleBeaconRemove: function(beacon) {
+        nutella.f.net.publish("beacon/beacon/remove", {rid: beacon.rid});
+    },
+    render: function() {
+        var self = this;
+
+        // Reorder the beacons
+        var beaconData = this.state.beaconData;
+        beaconData = beaconData.sort(function(a, b) {
+            return a.rid.localeCompare(b.rid)
+        });
+
+        var beacons = beaconData.map(function (beacon, index) {
+            return <Beacon beacon={beacon} key={beacon.rid} removeBeacon={self.hendleBeaconRemove} addBeacon={self.hendleBeaconAdd}/>
+        });
+
+        return (
+            <div className="table-responsive col-md-8 col-md-offset-2 col-sm-12">
+                <table className="table table-bordered table-striped table-hover">
+                    <thead>
+                        <tr>
+                            <th className="col-md-2 col-sm-2 col-xs-2">Resource Id</th>
+                            <th className="col-md-6 col-sm-6 col-xs-6">UUID</th>
+                            <th className="col-md-2 col-sm-2 col-xs-2">Major</th>
+                            <th className="col-md-2 col-sm-2 col-xs-2">Minor</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {beacons}
+                        <BeaconAdd addBeacon={this.hendleBeaconAdd} />
+                    </tbody>
+                </table>
+            </div>
+        );
+    }
+});

data/framework_components/beacon-cloud-interface/js/react/beacon.js

@@ -0,0 +1,97 @@
+var Beacon = React.createClass({
+    getInitialState: function() {
+        return {ridEdit: false, uuidEdit: false, majorEdit: false, minorEdit: false};
+    },
+    handleRemoveButton: function() {
+        this.props.removeBeacon(this.props.beacon);
+    },
+    handleRidClicked: function() {
+        this.replaceState({ridEdit: true});
+    },
+    handleUuidClicked: function() {
+        this.replaceState({uuidEdit: true});
+    },
+    handleMajorClicked: function() {
+        this.replaceState({majorEdit: true});
+    },
+    handleMinorClicked: function() {
+        this.replaceState({minorEdit: true});
+    },
+    handleKeyDownRid: function(evt) {
+        if (evt.keyCode == 13 ) {
+            var beacon = this.props.beacon;
+            this.props.removeBeacon(beacon);
+            beacon.rid = this.refs.rid.getDOMNode().value.trim();
+            this.props.addBeacon(beacon);
+        }
+    },
+    handleKeyDownUuid: function(evt) {
+        if (evt.keyCode == 13 ) {
+            var beacon = this.props.beacon;
+            this.props.removeBeacon(beacon);
+            beacon.uuid = this.refs.uuid.getDOMNode().value.trim();
+            this.props.addBeacon(beacon);
+        }
+    },
+    handleKeyDownMajor: function(evt) {
+        if (evt.keyCode == 13 ) {
+            var beacon = this.props.beacon;
+            this.props.removeBeacon(beacon);
+            beacon.major = this.refs.major.getDOMNode().value.trim();
+            this.props.addBeacon(beacon);
+        }
+    },
+    handleKeyDownMinor: function(evt) {
+        if (evt.keyCode == 13 ) {
+            var beacon = this.props.beacon;
+            this.props.removeBeacon(beacon);
+            beacon.minor = this.refs.minor.getDOMNode().value.trim();
+            this.props.addBeacon(beacon);
+        }
+    },
+    render: function() {
+        var b = {};
+
+        if(this.state.ridEdit)
+            b.rid = <input type="text" onKeyDown={this.handleKeyDownRid} className="form-control" defaultValue={this.props.beacon.rid} placeholder="rid" onChange={this.handleChangeRid} ref="rid"/>;
+        else
+            b.rid = this.props.beacon.rid;
+
+        if(this.state.uuidEdit)
+            b.uuid = <input type="text" onKeyDown={this.handleKeyDownUuid} className="form-control" defaultValue={this.props.beacon.uuid} placeholder="uuid" onChange={this.handleChangeUuid} ref="uuid"/>;
+        else
+            b.uuid = this.props.beacon.uuid;
+
+        if(this.state.majorEdit)
+            b.major = <input type="text" onKeyDown={this.handleKeyDownMajor} className="form-control" defaultValue={this.props.beacon.major} placeholder="major" onChange={this.handleChangeMajor} ref="major"/>;
+        else
+            b.major = this.props.beacon.major;
+
+        if(this.state.minorEdit)
+            b.minor = <input type="text" onKeyDown={this.handleKeyDownMinor} className="form-control" defaultValue={this.props.beacon.minor} placeholder="minor" onChange={this.handleChangeMinor} ref="minor"/>;
+        else
+            b.minor = this.props.beacon.minor;
+
+        if(this.state.ridEdit || this.state.uuidEdit || this.state.majorEdit || this.state.minorEdit)
+                add = "add";
+            else
+                add = "";
+
+        return (
+
+            <tr>
+                <td className={"col-md-2 col-sm-2 col-xs-2 "+add} onClick={this.handleRidClicked}>{b.rid}</td>
+                <td className={"col-md-6 col-sm-6 col-xs-6 "+add} onClick={this.handleUuidClicked}>{b.uuid}</td>
+                <td className={"col-md-2 col-sm-2 col-xs-2 "+add} onClick={this.handleMajorClicked}>{b.major}</td>
+                <td className={"col-md-2 col-sm-2 col-xs-2 "+add} onClick={this.handleMinorClicked}>
+                    <span>
+                        {b.minor}
+                    </span>
+                    <button type="button" className="btn btn-danger btn-xs right" onClick={this.handleRemoveButton}>
+                        <span className="glyphicon glyphicon-remove" aria-hidden="true"></span>
+                    </button>
+                </td>
+            </tr>
+        );
+    }
+});

data/framework_components/beacon-cloud-interface/nutella.json

@@ -0,0 +1,6 @@
+{
+	"name": "beacon-cloud-interface",
+	"version": "0.0.1",
+	"type": "interface",
+	"description": "The web interface of Beacon Cloud"
+}

data/framework_components/example_framework_web_interface/index.html

@@ -8,8 +8,17 @@
 </head>
 <body>
 <h1>Example framework interface</h1>
-<p>This is an example of a framework interface. Use this template to write your own framework interface.
-WE NEED TO COMPLETE THIS TEMPLATE BUT IN ORDER FOR THAT TO HAPPEN, I NEED JAVASCRIPT APIs!!!</p>
 
+<script src="node_modules/nutella_lib/dist/nutella_lib.js"></script>
+<!-- Scripts -->
+<script>
+    var urlParams = NUTELLA.parseURLParameters();
+    var nutella = NUTELLA.initFramework(urlParams.broker, 'example_framework_interface');
+    // Now you can code happily using nutella!
+    // If you need to know what application and run this interface is executing within,
+    // simply access those values via url query parameters as such:
+    // urlParams.app_id
+    // urlParams.run_id
+</script>
 </body>
 </html>

data/framework_components/example_framework_web_interface/node_modules/nutella_lib/.npmignore

@@ -0,0 +1,10 @@
+# npm modules (except simple-mqtt-client)
+node_modules/*
+!node_modules/simple-mqtt-client
+docs/
+
+# Mac
+.DS_Store
+
+# WebStorm
+.idea/

data/framework_components/example_framework_web_interface/node_modules/nutella_lib/.travis.yml

@@ -0,0 +1,5 @@
+language: node_js
+node_js:
+  - "0.10"
+notifications:
+  email: false

data/framework_components/example_framework_web_interface/node_modules/nutella_lib/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 by The Board of Trustees of the University of Illinois at Chicago
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/framework_components/example_framework_web_interface/node_modules/nutella_lib/README.md

@@ -0,0 +1,27 @@
+[![Build Status](https://travis-ci.org/nutella-framework/nutella_lib.js.svg?branch=master)](https://travis-ci.org/nutella-framework/nutella_lib.js)
+
+# nutella library for node.js and the browser
+
+## Installation
+For node.js projects do
+```
+npm install nutella_lib
+```
+
+For browser projects either:
+
+1. `npm install nutella_lib` and then use [browserify](http://browserify.org/) OR
+2. use the bundled `nutella_lib.js` in `dist`
+
+
+## Building the project
+For developers working on the library. We are using gulp + browserify + watchify to continuously and incrementally build the library as we develop. 
+
+**To contribute**: Clone the repo and `gulp bundle` inside the project directory. Every time you make a change to any of the files required by the library gulp will rebuild it. 
+
+
+## Releasing a new version
+For developers working on the library, to release a new version:
+
+- Update the version in the `package.json`
+- Publish to npm by doing `npm publish`