Skip to content

Initial UI Overhaul

Eddie Wang requested to merge initial-ui-overhaul into master

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.

Screenshots of the UI: image image image

Merge request reports