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

[MDS-6103] Upgraded build related npm packages + upgraded codebase to support newest sass version #3278

Merged
merged 23 commits into from
Oct 24, 2024

Conversation

simensma-fresh
Copy link
Collaborator

Objective

MDS-6103

SASS Upgrade

  • The newest SASS version provides a warning if @import statements are present (these conflict with the plain css version). Instead, we should use the SASS module system (good writeup here: https://css-tricks.com/introducing-sass-modules/ )
  • Updated all use of global SASS functions (e.g. darken) to use the namespaced ones instead (e.g. color.adjust) to remove a bunch of warnings. This was done automatically using the sass-migration command
  • I added a base.scss file that contains most of the old global utility scss (variables / theme etc.). I added this to make this migration a bit more achievable, but it might be a good idea to instead use direct imports where we can instead.
  • De-duplicated a bunch of variables in the global scope that had the same names (especially colors / theme variables). The build now throws an error when duplicates are found

Package upgrades

  • Updated a bunch of build related npm packages, and removed some that were not in use

Copy link

sonarcloud bot commented Oct 23, 2024

Quality Gate Passed Quality Gate passed for 'bcgov-sonarcloud_mds_core-api'

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
100.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

Copy link

sonarcloud bot commented Oct 24, 2024

Quality Gate Passed Quality Gate passed for 'bcgov-sonarcloud_mds_permits'

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

Copy link

sonarcloud bot commented Oct 24, 2024

Quality Gate Failed Quality Gate failed for 'bcgov-sonarcloud_mds_common'

Failed conditions
34.7% Coverage on New Code (required ≥ 80%)

See analysis details on SonarCloud

Copy link

sonarcloud bot commented Oct 24, 2024

Quality Gate Passed Quality Gate passed for 'bcgov-sonarcloud_mds_minespace-web'

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

Copy link

sonarcloud bot commented Oct 24, 2024

Quality Gate Failed Quality Gate failed for 'bcgov-sonarcloud_mds_core-web'

Failed conditions
0.0% Coverage on New Code (required ≥ 80%)

See analysis details on SonarCloud

@simensma-fresh simensma-fresh added 🌶 Enhancement This is a new feature or request. 🏭 CI/CD This pull request includes CI/CD changes. 👍 Ready for review Pull request has been double checked by the author and is ready for comments and feedback. 💻 Frontend This pull request includes frontend changes. dependencies Pull requests that update a dependency file 🚌 Common Package This pull request updates the common package labels Oct 24, 2024
Copy link
Collaborator

@taraepp taraepp left a comment

Choose a reason for hiding this comment

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

🙌

Copy link
Collaborator

@henryoforeh-dev henryoforeh-dev left a comment

Choose a reason for hiding this comment

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

Holy smokes!

@import "~@syncfusion/ej2-grids/styles/material.scss";
@import "~@syncfusion/ej2-react-pdfviewer/styles/material.scss";
@import "~@syncfusion/ej2-react-filemanager/styles/material.scss";
@import "~@syncfusion/ej2-base/styles/material.css";
Copy link
Collaborator

Choose a reason for hiding this comment

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

Interesting. Was this a change on the Syncfusion side of things? Or were there never scss versions of these?

Copy link
Collaborator

@matbusby-fw matbusby-fw left a comment

Choose a reason for hiding this comment

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

Amazing. So many sweet sweet upgrades. Love it!

@simensma-fresh simensma-fresh merged commit 0cdee1c into develop Oct 24, 2024
15 of 17 checks passed
@simensma-fresh simensma-fresh deleted the MDS-6103_Webpack-upgrade branch October 24, 2024 22:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🏭 CI/CD This pull request includes CI/CD changes. 🚌 Common Package This pull request updates the common package dependencies Pull requests that update a dependency file 🌶 Enhancement This is a new feature or request. 💻 Frontend This pull request includes frontend changes. 👍 Ready for review Pull request has been double checked by the author and is ready for comments and feedback.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants