headlamp icon indicating copy to clipboard operation
headlamp copied to clipboard

WIP: Update to mui v5

Open illume opened this issue 1 year ago • 0 comments

Work in progress.

Mostly automated, with a bunch of manual fixes.

  • [ ] Sidebar is kind of broken when collapsing it in desktop view
  • [ ] Autocomplete filter (like on Namespaces view) is broken, doesn't filter.
  • [ ] get snapshot testing working with generated mui class names
  • [ ] update snapshots
  • [ ] headlamp-plugin webpack config can work with mui v5 (add similar existing config with new mui paths)
  • [ ] headlamp-plugin upgrade should also update user plugins to mui v5
  • [ ] consider keeping material-ui v4 available to plugins for backwards compat. (keep exporting them for plugins, and have material ui 5 working). Seems to work so far in my testing.
  • [ ] example plugins would need updating (using headlamp-plugin upgrade probably).

How to use

Update packages and run headlamp again.

cd frontend
npm i
cd ..
make run-frontend

Testing done

  • [x] npm run lint passes
  • [x] npm run tsc passes
  • [ ] npm run test passes
  • [ ] smoke testing
  • [ ] updating snapshot tests
  • [ ] check dev console for errors
  • [ ] a11y testing
  • [ ] full manual testing
  • [ ] test old plugins still work

illume avatar Aug 16 '22 16:08 illume