Skip to content

Conversation

@devabhishekpal
Copy link
Contributor

@devabhishekpal devabhishekpal commented Jul 11, 2024

What changes were proposed in this pull request?

  • While conducting a fossa scan we found that node-notifier and jsdom is not compatible with Apache license
  • This PR migrates from the react-scripts used in the current project to Vite and Vitest which resolved the licensing issue
  • Apart from that this will bring additional improvements like:
    • Faster local development time
    • Faster builds
    • Migration to AntD v5 which will allow us to directly upgrade to newer versions
    • Shift from xo to eslint and prettier - this will make the development experience more smooth and consistent for contributors

Along with this migration this PR also backports the following changes:

What is the link to the Apache JIRA

https://issues.apache.org/jira/browse/HDDS-11017

How was this patch tested?

The patch was tested manually on local build

@adoroszlai adoroszlai changed the title HDDS-11017.[Backport] Migrated to ECharts, Vite and AntD v4 with eslint, prettier HDDS-11017. Migrated to ECharts, Vite and AntD v4 with eslint, prettier Jul 11, 2024
@adoroszlai
Copy link
Contributor

Thanks @devabhishekpal for the patch. I'll trigger CI for the PR once CI in your fork is done.

@adoroszlai adoroszlai added build Pull request that modifies the build process dependencies Pull requests that update a dependency file recon UI labels Jul 11, 2024
@adoroszlai adoroszlai marked this pull request as draft July 12, 2024 14:41
@devabhishekpal devabhishekpal marked this pull request as ready for review July 12, 2024 17:25
@adoroszlai adoroszlai changed the title HDDS-11017. Migrated to ECharts, Vite and AntD v4 with eslint, prettier [DO NOT MERGE] Backport some fixes from master to ozone-1.4 Jul 12, 2024
@adoroszlai
Copy link
Contributor

/pending DO NOT MERGE

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

Marking this issue as un-mergeable as requested.

Please use /ready comment when it's resolved.

Please note that the PR will be closed after 21 days of inactivity from now. (But can be re-opened anytime later...)

DO NOT MERGE

@adoroszlai adoroszlai marked this pull request as draft July 12, 2024 17:36
@adoroszlai adoroszlai marked this pull request as ready for review July 12, 2024 17:36
Copy link
Contributor

@adoroszlai adoroszlai left a comment

Choose a reason for hiding this comment

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

Thanks @devabhishekpal for the backport.

@adoroszlai adoroszlai merged commit 9c6a586 into apache:ozone-1.4 Jul 12, 2024
rowKey='volume'
scroll={{x: true, y: false, scrollToFirstRowOnChange: true}}
locale={{filterTitle: ""}}
scroll={{ x: 'max-content', scrollToFirstRowOnChange: true }}
Copy link
Contributor

@ivandika3 ivandika3 Oct 3, 2024

Choose a reason for hiding this comment

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

@devabhishekpal Just noticed that this change does not exist in #6841 or master. Any reason for this change? Should this change also be applied to master?

Copy link
Contributor

Choose a reason for hiding this comment

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

Similar changes in buckets.tsx, datanodes.tsx, pipelines.tsx

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Hi @ivandika3, this is merged but this change is good to have and I believe it is now present in 1.4 post this PR merge.
So the reason we change from x: true to x: 'max-content' is because with scroll with x: true means the table is scrollable along the x-axis i.e horizontally.
However in this setting the column widths are not properly set and we might face text wrap.

Setting it to max-content automatically adjusts the width to preferred size allowing columns to grow as required

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Current master does have this change present.
Sample ref:

scroll={{ x: 'max-content', scrollToFirstRowOnChange: true }}

Copy link
Contributor

Choose a reason for hiding this comment

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

@devabhishekpal Thanks for the explanation. I agree that the improvement is good to have.

Current master does have this change present.

Yes, in bucket.tsx it exists, but volumes.tsx does not have this change.

If the change is intended, it's nice to raise a patch to master so that the subsequent release based on master branch will have the change as well, to prevent regression between releases.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yup as a part of the v2 migration we are having this change present.
So the future plan is once all the pages have completed migration we will remove old ui and completely use the new UI.
As a part of this we have few fixes as well as optimisations in the V2 UI as well.

@devabhishekpal devabhishekpal deleted the HDDS-11017 branch October 6, 2024 17:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport build Pull request that modifies the build process dependencies Pull requests that update a dependency file pending recon UI

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants