GithubHelp home page GithubHelp logo

hybridgroup / robeaux Goto Github PK

View Code? Open in Web Editor NEW
126.0 18.0 16.0 1.34 MB

Universal dashboard to robotic devices based on React

Home Page: http://robeaux.io

HTML 0.41% JavaScript 36.43% CSS 59.53% Ruby 0.93% Makefile 2.70%

robeaux's Introduction

Robeaux

Robeaux (/rō-bō/) is a universal dashboard to your robotic devices. Like a router admin page, but for robots.

Robeaux is powered by React. It provides a front-end to the CPPP-IO API interface offered by Artoo, Cylon.js and Gobot.

Dependencies

$ npm install
$ gem install sass

For faster CSS compilation, you can also install sassc.

OS X instructions:

$ brew install sassc

Building

Included make tasks:

Command Result
make lint lints src/javascripts with JSXHint
make js builds JS
make css builds CSS
make all builds both
make clean cleans build targets
make minify builds minified CSS / JS
make watch-js watches + builds JS
make watch-css watches + builds CSS*

*: depends on having peat installed if you use sassc.

Releases

Version Description
0.5.1 Correct params sent
0.5.0 Add CPPP-IO details dropdown (click on robot/device names)
0.4.1 Remove an errant semi-colon in a template
0.4.0 Re-implementation with React
0.3.0 New style updates
0.2.0 Update for CPP-IO API spec
0.1.1 Remove dependency on Google WebFonts
0.1.0 Full rewrite. Supports Server-Sent-Events.
0.0.4 Feature improvements
0.0.3 Feature improvements
0.0.2 Initial release.

License

Copyright (c) 2014-2017 The Hybrid Group

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

robeaux's People

Contributors

deadprogram avatar lalyos avatar stewart avatar zankavrogin avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

robeaux's Issues

Show cppp.io path for robots/devices

It would be really great if every robot/device has a read-only field to show/allow user to copy the cppp.io path. I think it would make it really easy for people writing apps using the various API plugins.

Tests!

Robeaux currently doesn't have any tests for the JS. We should fix that.

Display False For LED When isOn is selected

If I have enabled an LED and from the devices drop down select isOn, robeaux correctly reports true.
However, if I turn off the LED and select isOn again, nothing is reported. To be consistent it should report false.

Templates

Ability to reskin the UX using presaved templates

robeaux send command with parameters

Hi,
I want send command with parameters. When I set the key and value, and then run the command, but I couldn't find the parameters under network.
would anyone explain how to to that ?

Thanks,
Luke

Device data widgets

Allow different kinds of devices to display their live data using a specific visualization widget. For example, VU meter, ON/Off switch, etc.

Themes

It would be cool to be able to have different themes for Robeaux

  • Ability to re-skin the UI
  • Ability to save templates

This could be accomplished possibly by storing templates in localStorage, with the selection function seeing if they exist on the server first?

Can then inject CSS into a <style> tag.

Robots not showing up

http://imgur.com/oYS4p4U
/robots json

[{"name":"Robot8875940677376101240","commands":null,"connections":[{"name":"firmata","port":"/dev/ttyACM0","adaptor":"LedInterface"}],"devices":[{"name":"led","driver":"led","connection":{"name":"firmata","port":"/dev/ttyACM0","adaptor":"LedInterface"},"commands":["ToggleC","OnC","OffC","BrightnessC"]}]}]

chrome error message

SyntaxError: Unexpected token u
    at Object.parse (native)
    at Object.Wb [as fromJson] (http://localhost:3000/js/vendor/angular.min.js:14:208)
    at Object.service.load (http://localhost:3000/js/services/themes.js:15:27)
    at Object.$get (http://localhost:3000/js/services/themes.js:79:11)
    at Object.d [as invoke] (http://localhost:3000/js/vendor/angular.min.js:34:265)
    at http://localhost:3000/js/vendor/angular.min.js:36:13
    at c (http://localhost:3000/js/vendor/angular.min.js:34:13)
    at d (http://localhost:3000/js/vendor/angular.min.js:34:230)
    at Object.instantiate (http://localhost:3000/js/vendor/angular.min.js:34:394)
    at http://localhost:3000/js/vendor/angular.min.js:66:112 angular.min.js:89
(anonymous function) angular.min.js:89
(anonymous function) angular.min.js:66
h.$apply angular.min.js:109
(anonymous function) angular.min.js:18
d angular.min.js:34
$b.c angular.min.js:17
$b angular.min.js:18
Wc angular.min.js:17
(anonymous function) angular.min.js:209
a angular.min.js:140
(anonymous function) angular.min.js:31
q angular.min.js:7
c angular.min.js:31
Uncaught ReferenceError: $ is not defined content_script.js:775
(anonymous function) content_script.js:775

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.