jadjoubran / webdash-npm-scripts Goto Github PK

View Code? Open in Web Editor NEW

9.0 3.0 3.0 60 KB

Run your frequently used npm scripts straight from the dashboard using one-click buttons.

Home Page: https://webdash.xyz/

JavaScript 13.24% HTML 86.76%

webdash webdash-plugin npm npm-scripts node

webdash-npm-scripts's Introduction

Webdash NPM Scripts

Run your frequently used npm scripts straight from the dashboard using one-click buttons.

npm install --save-dev webdash-npm-scripts

Features

Run your npm scripts straight from the dashboard using one-click buttons.

Quick-access your top 3 scripts
Access secondary scripts from dropdown
Cancel long running tasks
View command output

Configuration

This plugin creates 3 buttons for the first 3 scripts in your package.json and tosses the rest in a dropdown.

You can control if a command should end up as a button or in the list by rearranging the scripts in your package.json

simply add "serverScripts": ["start", "dev"] to root of your webdash.json

you can see output of tasks in terminal

Contributing

this project uses standard js for coding style, make sure to run npm run lint or yarn lint before commiting changes

Enjoying webdash?

Say Hi on Twitter: @JoubranJad

webdash-npm-scripts's People

Contributors

Stargazers

Watchers

Forkers

bardiarastin alexisab admariner

webdash-npm-scripts's Issues

empty state for when there are no scripts

handle < 3 scripts (hide dropdown)
handle 0 scripts (hide everything)

very long message overflow

dialog needs a max-width/max-height?
For example, npm run test is broken

support tasks with long running scripts

Hello, i just installed webdash on one of my projects bootstrapped with create react app and i faced two issues:
1: running the start task the start button always keeps loading while i want my script to keep running (shows loading indicator)
suggestion as a user: for long running tasks show an ✔icon for status that this is running successfully
2: when i want to stop the process of watching my files compiling and ... there is no option to do that
suggestion: on click on ✔icon prompt user to stop that process

a problem for these suggestions is that i don't have any idea of how we could realize which scripts are long running tasks i would be happy to send a PR if you have any ideas ❤️

Stop icon not showing

Error: spawn npm ENOENT

I got this error when I try to launch a script

λ npx webdash serve
F:\Bibu\Perso\myproj\api\node_modules\webdash\scripts\index.js
Webdash running on http://localhost:3456!
events.js:137
      throw er; // Unhandled 'error' event
      ^

Error: spawn npm ENOENT
    at _errnoException (util.js:1003:13)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:201:19)
    at onErrorNT (internal/child_process.js:389:16)
    at process._tickCallback (internal/process/next_tick.js:152:19)

windows 10
node: v9.4.0
yarn: v1.5.1
npm: v5.6.0
webdash: v1.3.4
webdash-package-json: v1.3.1

add linting to code base

at the moment project does not use any linting libs, personally i suggest https://github.com/standard/standard

max buffer issue

automatically open browser on serve

like other famous libraries we can open default browser of user and go to localhost:3456

Refreshing the dashboard with background tasks

Hey,

It's me again 😄

One little problem (is it ?) is when running a background task (like dev server) and then refreshing the dashboard, the task doesn't seem to be running anymore. Even if it's still running in the background. The only way to kill it is manually with the pid or exiting webdash (not a problem)

Dropdown covered with other component that's underneath

Needs z-index at least when is active