Skip to content

feat: port over to VSCode Webview UI Toolkit#18

Merged
mattrothenberg merged 19 commits into
mainfrom
mr/webview-port
Feb 2, 2022
Merged

feat: port over to VSCode Webview UI Toolkit#18
mattrothenberg merged 19 commits into
mainfrom
mr/webview-port

Conversation

@mattrothenberg
Copy link
Copy Markdown
Contributor

This PR updates the webview code to use the newly exported React components from https://github.com/microsoft/vscode-webview-ui-toolkit.

While I've done my best not to modify any of the existing behavior/design, certain changes had to be made to accommodate the new set of components.

I've also gone ahead and updated us to the latest version of Tailwind and removed a bunch of unused code.

@mattrothenberg mattrothenberg marked this pull request as ready for review January 31, 2022 16:27
Comment thread src/webviews/src/settings/SecretInput.tsx Outdated
Copy link
Copy Markdown

@Wattenberger Wattenberger left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

looks awesome! 🔥

Comment thread src/flatConfigEditor.ts Outdated
Comment thread src/webviews/src/App.tsx Outdated
Comment thread src/webviews/src/Jobs.tsx Outdated
Comment thread src/webviews/src/Jobs.tsx
Comment thread src/webviews/src/settings/CronChooser.tsx Outdated
Comment thread src/webviews/src/Step.tsx
Comment thread src/webviews/src/StepConfig.tsx
Comment thread src/webviews/src/App.tsx
Comment thread src/webviews/src/settings/CronChooser.tsx
Comment thread src/webviews/src/App.tsx
Copy link
Copy Markdown

@hawkticehurst hawkticehurst left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Beyond a question about semantic HTML usage and (potentially) missing attributes, this all (and especially toolkit usage) looks great!

Comment thread src/webviews/src/App.tsx Outdated
Comment thread src/webviews/src/StepConfig.tsx
Comment thread src/webviews/src/StepConfig.tsx
@hawkticehurst
Copy link
Copy Markdown

Oh one more thing: it would be great if there was something to distinguish the webview tab from the raw YAML tab when you click the button to open the raw YAML. Currently, it's impossible to tell which is for the GUI versus not.

Screen Shot 2022-01-31 at 6 08 30 PM

Updating the webview tab title to something like "Flat Editor: {file_name}" would be very helpful!

@mattrothenberg mattrothenberg merged commit 0a3dbf5 into main Feb 2, 2022
@mattrothenberg mattrothenberg deleted the mr/webview-port branch February 2, 2022 14:33
@mattrothenberg mattrothenberg mentioned this pull request Feb 2, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

4 participants