vscode-viva icon indicating copy to clipboard operation
vscode-viva copied to clipboard

🤦‍♂️Webview UI Toolkit is getting deprecated

Open Adam-it opened this issue 1 year ago • 5 comments

opening up this issue in order to react to the following https://github.com/microsoft/vscode-webview-ui-toolkit/issues/561

and prototype a good solution/replacement to this problem.

ToDo:

  • [x] recheck what Webview UI Toolkit components were used
  • [x] engage in the discord community initiative to create toolkit replacement for that
  • [ ] update current implementation to vscode elements https://vscode-elements.github.io/guides/getting-started/
    • [ ] update a single component like GalleryLoader to replace the loader element and see what is needed in dependencies to make this work.
    • [ ] after that create sub issues for each webview that should be refactored or bigger component with pointing out all the components that should be swapped

Adam-it avatar Aug 10 '24 00:08 Adam-it

  • VSCodeButton,
  • VSCodeLink,
  • VSCodeProgressRing,
  • VSCodeCheckbox,
  • VSCodeDropdown,
  • VSCodeOption,
  • VSCodeTextField,
  • VSCodeProgressRing,
  • VSCodeTag

Adam-it avatar Nov 02 '24 22:11 Adam-it

we should move to https://vscode-elements.github.io/getting-started/ and proceed with this tooling

Adam-it avatar Nov 02 '24 23:11 Adam-it

another option https://www.npmjs.com/package/vscrui

Adam-it avatar Nov 03 '24 00:11 Adam-it

we should move to https://vscode-elements.github.io/getting-started/ and proceed with this tooling

Let's pick this option. I will prototype it

Adam-it avatar Nov 17 '24 08:11 Adam-it

Before we proceed we need to update to React 19 or Higher

Adam-it avatar Mar 05 '25 20:03 Adam-it