Coder Social home page Coder Social logo

handsome's Issues

Better js lib management

Currently all third party js is loaded directly using script tags.

This should be updated to use a package manager such as bower, browserify, or something else.

With windows 10

today is my first day with handsome. I am trying to run it from windows 10 with command
handsome-master>docker-compose build
Then got following message

Building handsome_ui
Step 1/10 : FROM node:8.7
8.7: Pulling from library/node
ERROR: Service 'handsome_ui' failed to build: no matching manifest for windows/amd64 in the manifest list entries

Am I missing any thing?

Production bundle generation

The current webpack config is great for development, but not for production.

We need a new config for production that does the following:

  • minifies/uglifies the bundled JS
  • de-dupes the bundles
  • anything else that is commonly done for production bundles

Mobile friendly touch option

Hi,

Great work on this!

This needs to be more mobile friendly. It isn't possible to use or scroll on mobile.

Would it be possible for it to detect that when the screen is touch- it required a double tap to move?

Keep up the good work

Support for external widgets and jobs

This issue covers adding support for bringing in external widgets and jobs (maybe even dashboards?) using packages.

The desired workflow would be something like this, similar to how external scripts are used in Hubot:

  1. Add the package as a dependency: > yarn add handsome-custom-widget
  2. Add the package name to a file like external.json:
# external.json
[
  'handsome-custom-widget',
  'handsome-another-custom-widget'
]
  1. Any widgets and/or jobs from the package are now available when building dashboards.

Proposed External Package Structure

External packages should have a /widgets folder that contains any widgets they want to add. Similarly, they should have a /jobs folder that contains any jobs they want to add.

Open questions

  • How are external jobs configured (interval, usernames, etc.)?
  • Should all jobs from a package be run automatically once the package is added or should they need to be configured further first?

Webpack compilation warning

WARNING in ./~/cacheman/node/index.js 185:19-35 Critical dependency: the request of a dependency is an expression webpack: Compiled with warnings.

This error is coming from this line in cacheman/node/index.js:

Engine = require(_engine);

Move widget-specific scss out of `default.scss`

Currently all styles are defined in default.scss. This poses problems for sharing widgets, and makes it harder to find styles for the widget you're working on.

Instead, widget styles should be moved to an appropriately-named file in the widgets folder.

e.g. Styles for the number widget would go in widgets/number_widget.scss alongside widgets/number_widget.jsx

Setup test

Hi.

I am just finding my feet in the world of JS. landed on this project via dashing.io
Been trying to setup mocha & chai and having a hard time due to es6 and stuff

Update:

  • i am able to run a vanilla mocha + chai test. Its just i am not able to run a test when i start to require / import your widget.

Any plans for setting up a testing f/w ?
Thank you

Write asset precompilation job

Assets are currently being served directly through the sprockets environment. This is fine for dev, but in production we should have a precompilation job that generates concatenated/minified assets and serves those instead.

Consolidate polling requests

Right now each widget instance makes it's own ajax calls for new data.

It would be much better if these update calls were accumulated over a short period (1 second?) and then pushed out in a single HTTP request to the server.

Update dependencies

At the time of writing, the following dependencies are outdated:

Package                 Current  Wanted  Latest  Location
babel-core                6.7.6  6.18.2  6.18.2  handsome
babel-loader              6.2.4   6.2.7   6.2.7  handsome
babel-preset-es2015       6.6.0  6.18.0  6.18.0  handsome
babel-preset-react        6.5.0  6.16.0  6.16.0  handsome
css-loader               0.23.1  0.23.1  0.25.0  handsome
express                  4.13.4  4.14.0  4.14.0  handsome
ignore-styles             2.0.0   2.0.0   5.0.1  handsome
jquery                    2.2.3   2.2.4   3.1.1  handsome
mocha                     2.5.3   2.5.3   3.1.2  handsome
moment                   2.12.0  2.15.2  2.15.2  handsome
node-sass                 3.4.2  3.11.2  3.11.2  handsome
nyc                       6.6.1   6.6.1   8.4.0  handsome
packery                   2.0.0   2.1.1   2.1.1  handsome
react                    15.0.1  15.3.2  15.3.2  handsome
react-dom                15.0.1  15.3.2  15.3.2  handsome
redis                   2.6.0-1   2.6.3   2.6.3  handsome
request                  2.71.0  2.78.0  2.78.0  handsome
sass-loader               3.2.0   3.2.3   4.0.2  handsome
webpack                 1.12.15  1.13.3  1.13.3  handsome
webpack-dev-middleware    1.6.1   1.8.4   1.8.4  handsome

These should be brought up-to-date one by one and tested.

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.