Initial UI Overhaul
ready for merge ready for review This PR achieves the following:
Build System:
- Update packages that are out of date.
- Rework the webpack build pipline.
- Add webpack build pipelines for dev mode vs. prod.
- Use the standard JS lint with prettier-standard for formatting.
- Add git hooks with husky for lint checks before git commits.
- Update all js files with new lint rules.
- Make the html files automatically require between Dev and Prod js builds based on env.
- Hot reload for react components.
- CSS live reload for all plugins as well as the global css files.
UI:
- Rework Header and Sidebar to match new branding guidelines
- All core plugins updated with slightly more spacing for header components
- Core plugins updated to match new branding guidelines
The majority of the backend changes made are upgrades to the DX, which will hopefully make contributing to Sia-UI a nicer experience.
With this PR, developers can now run npm run dev
to have a fully functional, hot reloadable Sia-UI app. Also, if contributors have different stylistic differences in the way they write code, the git hooks will automatically reformat them to standardjs rules on commit with husky.