alex-saunders / npm-ui Goto Github PK
View Code? Open in Web Editor NEW[WIP] Electron app for visualising NPM CLI commands
License: MIT License
[WIP] Electron app for visualising NPM CLI commands
License: MIT License
Feature
Currently, when running the app in development mode, the app will read in project info (scripts, dependencies etc.) from this directory as it simply reads the closest package.json
It would be nice to be able to simulate the app being ran in another location/directory (passing the location as a parameter to npm run dev
for example)
Bug
In package.json
, babel-preset-env
is listed as a dependency, but es2015
is used in .babelrc
.
Update .babelrc
to use the new env
preset.
.babelrc
Bug
Current styles are quite all over the place and a lot of hacky overrides of the styles provided by the rmwc components.
Would be good to have much more structured styling. Would need to discuss what approach would be best to approach, e.g. styled components, css variables, sass etc.
Feature
No code formatting guide is defined
Choose a code formatting guide.
The project will have a lot of contributors and set a default code formatting guide could be very useful.
Pros:
My proposal is to use prettier.
Feature
Can only run the app in dev mode
A build process needs to be created for deploying the app as a dist version and that may be installed by npm i npm-ui -g
and can then be opened from any directory (e.g. using npx npm-ui
)
Feature
At the moment no tests have been created and no test framework has been decided on
Decide on a testing framework and create some tests for components
Feature
Redux files for the feature aren't in the feature folder.
Move, like we did in #9, we should move the redux files into the feature folder to make the feature folder compact with their files.
What do you think?
ps: If you don't understand I can explain better.
Feature
The packages view is currently empty
After #2 has been completed, it will need to be possible to be able to remove dependencies/packages
Feature
Currently you can just view scripts from package.json and run them
It would be good to be able to add and remove scripts from package.json as well
Feature
The packages view is currently empty
On the right hand column of the packages view, you should be able to search for packages (using algolia's npm-search) and then add a dependency to the project
Feature / Improvement
The Scripts container is getting big as all functionality for the entire view is contained within this container.
We should split up the container and create components for its various parts, to held separate out concerns. The container should simply connect to the redux store and pass properties/functions down to its children, there should be little more functionality than that for the container.
Feature / Refactor
The folders structure is a little bit confusing for me.
Because there is no hierarchy and could be not enough scalable.
I will propose a different structure with a PR like a proposal ๐
Feature
Currently the packages view is empty
This view should be populated with a list of currently installed packages on the left hand column
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.