Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Pipeline start wizard #335

Closed
wants to merge 3 commits into from
Closed

Pipeline start wizard #335

wants to merge 3 commits into from

Conversation

evidolob
Copy link
Collaborator

@evidolob evidolob commented Jul 3, 2020

This PR provide a very basic implementation of wizard UI using only TS and CSS.

Demo:
ezgif com-video-to-gif (24)

Fix: #310

Signed-off-by: Yevhen Vydolob <yvydolob@redhat.com>
…to pipeline-start-wizard

Signed-off-by: Yevhen Vydolob <yvydolob@redhat.com>
Signed-off-by: Yevhen Vydolob <yvydolob@redhat.com>
@codecov-commenter
Copy link

codecov-commenter commented Jul 3, 2020

Codecov Report

Merging #335 into master will decrease coverage by 1.36%.
The diff coverage is 22.58%.

Impacted file tree graph

@@            Coverage Diff             @@
##           master     #335      +/-   ##
==========================================
- Coverage   73.87%   72.51%   -1.37%     
==========================================
  Files          46       47       +1     
  Lines        3415     3500      +85     
  Branches      635      640       +5     
==========================================
+ Hits         2523     2538      +15     
- Misses        892      962      +70     
Impacted Files Coverage Δ
src/tkn.ts 65.22% <0.00%> (-0.19%) ⬇️
src/pipeline/wizard.ts 15.27% <15.27%> (ø)
src/tekton/pipeline.ts 63.15% <40.00%> (-5.03%) ⬇️
src/extension.ts 90.34% <100.00%> (+0.06%) ⬆️

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update f8413a9...adc5a34. Read the comment docs.

@joshuawilson
Copy link
Member

The look and feel matches VSCode settings style much closer.

However, it feels like we could do something to clean up the multiple duplicate fields

@@ -0,0 +1,18 @@
{
"compilerOptions": {
Copy link
Member

Choose a reason for hiding this comment

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

Why do you need a tsconfig here?

// eslint-disable-next-line @typescript-eslint/no-var-requires
const path = require('path');

module.exports = {
Copy link
Member

Choose a reason for hiding this comment

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

Do you need the lower level webpack for building the webview?
If so, can you explain why you can't do it at the root level?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

We have several webviews, which build mostly independant SPA, I'm not sure how to do that with singe webpack config

Copy link
Contributor

Choose a reason for hiding this comment

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

We put all the views in specific folder and just generate webpack config. This way you can build all the views running webpack once.
https://github.com/redhat-developer/vscode-openshift-tools/blob/master/src/view/webpack.config.js

}
}

export class NavigationItem extends BaseWidget {
Copy link
Member

Choose a reason for hiding this comment

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

This comment is optional. As a rule, I prefer to keep it one class per file. Multiple classes in a file do not effect performance, that is why I say it is optional. This is a general style that is followed but not a requirement.

However, I separate them because it is easier to reason over them, find them, and test them.

@evidolob
Copy link
Collaborator Author

evidolob commented Jul 7, 2020

@joshuawilson That ' multiple duplicate fields' I add only for sample(to record demo) they do not exist on this PR code, sorry for confusion.

@evidolob
Copy link
Collaborator Author

evidolob commented Jul 7, 2020

And to be clear @sudhirverma continue work on this

Copy link
Contributor

@dgolovin dgolovin left a comment

Choose a reason for hiding this comment

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

Should we consider something more advanced than plain html? There are 3k libraries out there that would provide API similar to well known frameworks. One example is preact https://preactjs.com/.

@joshuawilson
Copy link
Member

Why add complexity? Why ask them to refactor a 3rd time? Is there something wrong with the code?

@sudhirverma
Copy link
Contributor

Closing this PR as implemented in #338

@evidolob evidolob deleted the pipeline-start-wizard branch February 9, 2021 08:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Create Webview to start pipeline.
5 participants