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.

Sign up for GitHub

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

Jump to bottom

[web] Build warnings caused by Bulma #1841

Open
hacketiwack opened this issue Jan 20, 2025 · 3 comments
Open

[web] Build warnings caused by Bulma #1841

hacketiwack opened this issue Jan 20, 2025 · 3 comments
Assignees
@hacketiwack
Labels
enhancement

Comments

@hacketiwack
Copy link
Collaborator

hacketiwack commented Jan 20, 2025 •
edited
Loading

Currently, the web interface uses the version 0.9.4 of Bulma, which relies on deprecated Dart Sass 2.0.0 features.
These features will be removed with Dart Sass 3.0.0.

This translates to the following warnings during build time.

#12 31.77 DEPRECATION WARNING [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
#12 31.77 
#12 31.77 More info: https://sass-lang.com/d/legacy-js-api
#12 31.77 
#12 31.82 DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
#12 31.82 
#12 31.82 More info and automated migrator: https://sass-lang.com/d/import
#12 31.82 
#12 31.82   ╷
#12 31.82 3 │ @import 'bulma/bulma.sass';
#12 31.82   │         ^^^^^^^^^^^^^^^^^^
#12 31.82   ╵
#12 31.82     src/mystyles.scss 3:9  root stylesheet
#12 31.82 
#12 31.82 DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
#12 31.82 
#12 31.82 More info and automated migrator: https://sass-lang.com/d/import
#12 31.82 
#12 31.82   ╷
#12 31.82 4 │ @import 'bulma-switch';
#12 31.82   │         ^^^^^^^^^^^^^^
#12 31.82   ╵
#12 31.82     src/mystyles.scss 4:9  root stylesheet
#12 31.82 
#12 32.03 DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
#12 32.03 
#12 32.03 More info and automated migrator: https://sass-lang.com/d/import
#12 32.03 
#12 32.03   ╷
#12 32.03 3 │ @import "sass/utilities/_all"
#12 32.03   │         ^^^^^^^^^^^^^^^^^^^^^
#12 32.03   ╵
#12 32.03     node_modules/bulma/bulma.sass 3:9  @import
#12 32.03     src/mystyles.scss 3:9              root stylesheet
#12 32.03 
#12 32.04 DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
#12 32.04 
#12 32.04 More info and automated migrator: https://sass-lang.com/d/import
#12 32.04 
#12 32.04   ╷
#12 32.04 4 │ @import "sass/base/_all"
#12 32.04   │         ^^^^^^^^^^^^^^^^
#12 32.04   ╵
#12 32.04     node_modules/bulma/bulma.sass 4:9  @import
#12 32.04     src/mystyles.scss 3:9              root stylesheet
#12 32.04 
#12 32.04 DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
#12 32.04 
#12 32.04 More info and automated migrator: https://sass-lang.com/d/import
#12 32.04 
#12 32.04   ╷
#12 32.04 5 │ @import "sass/elements/_all"
#12 32.04   │         ^^^^^^^^^^^^^^^^^^^^
#12 32.04   ╵
#12 32.04     node_modules/bulma/bulma.sass 5:9  @import
#12 32.04     src/mystyles.scss 3:9              root stylesheet
#12 32.04 
#12 32.10 DEPRECATION WARNING [global-builtin]: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
#12 32.10 Use meta.type-of instead.
#12 32.10 
#12 32.10 More info and automated migrator: https://sass-lang.com/d/import
#12 32.10 
#12 32.10    ╷
#12 32.10 65 │   @if type-of($color) != 'color'
#12 32.10    │       ^^^^^^^^^^^^^^^
#12 32.10    ╵
#12 32.10     node_modules/bulma/sass/utilities/functions.sass 65:7           colorLuminance()
#12 32.10     node_modules/bulma/sass/utilities/functions.sass 80:8           findColorInvert()
#12 32.10     node_modules/bulma/sass/utilities/derived-variables.sass 16:17  @import
#12 32.10     node_modules/bulma/sass/utilities/_all.sass 6:9                 @import
#12 32.10     node_modules/bulma/bulma.sass 3:9                               @import
#12 32.10     src/mystyles.scss 3:9                                           root stylesheet
#12 32.10 
#12 32.11 DEPRECATION WARNING [global-builtin]: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
#12 32.11 Use color.red instead.
#12 32.11 
#12 32.11 More info and automated migrator: https://sass-lang.com/d/import
#12 32.11 
#12 32.11    ╷
#12 32.11 67 │   $color-rgb: ('red': red($color),'green': green($color),'blue': blue($color))
#12 32.11    │                       ^^^^^^^^^^^
#12 32.11    ╵
#12 32.11     node_modules/bulma/sass/utilities/functions.sass 67:23          colorLuminance()
#12 32.11     node_modules/bulma/sass/utilities/functions.sass 80:8           findColorInvert()
#12 32.11     node_modules/bulma/sass/utilities/derived-variables.sass 16:17  @import
#12 32.11     node_modules/bulma/sass/utilities/_all.sass 6:9                 @import
#12 32.11     node_modules/bulma/bulma.sass 3:9                               @import
#12 32.11     src/mystyles.scss 3:9                                           root stylesheet
#12 32.11 
#12 32.12 DEPRECATION WARNING [color-functions]: red() is deprecated. Suggestion:
#12 32.12 
#12 32.12 color.channel($color, "red", $space: rgb)
#12 32.12 
#12 32.12 More info: https://sass-lang.com/d/color-functions
#12 32.12 
#12 32.12    ╷
#12 32.12 67 │   $color-rgb: ('red': red($color),'green': green($color),'blue': blue($color))
#12 32.12    │                       ^^^^^^^^^^^
#12 32.12    ╵
#12 32.12     node_modules/bulma/sass/utilities/functions.sass 67:23          colorLuminance()
#12 32.12     node_modules/bulma/sass/utilities/functions.sass 80:8           findColorInvert()
#12 32.12     node_modules/bulma/sass/utilities/derived-variables.sass 16:17  @import
#12 32.12     node_modules/bulma/sass/utilities/_all.sass 6:9                 @import
#12 32.12     node_modules/bulma/bulma.sass 3:9                               @import
#12 32.12     src/mystyles.scss 3:9                                           root stylesheet
#12 32.12 
#12 32.13 DEPRECATION WARNING [global-builtin]: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
#12 32.13 Use color.green instead.
#12 32.13 
#12 32.13 More info and automated migrator: https://sass-lang.com/d/import
#12 32.13 
#12 32.13    ╷
#12 32.13 67 │   $color-rgb: ('red': red($color),'green': green($color),'blue': blue($color))
#12 32.13    │                                            ^^^^^^^^^^^^^
#12 32.13    ╵
#12 32.13     node_modules/bulma/sass/utilities/functions.sass 67:44          colorLuminance()
#12 32.13     node_modules/bulma/sass/utilities/functions.sass 80:8           findColorInvert()
#12 32.13     node_modules/bulma/sass/utilities/derived-variables.sass 16:17  @import
#12 32.13     node_modules/bulma/sass/utilities/_all.sass 6:9                 @import
#12 32.13     node_modules/bulma/bulma.sass 3:9                               @import
#12 32.13     src/mystyles.scss 3:9                                           root stylesheet
#12 32.13 
#12 32.13 DEPRECATION WARNING [color-functions]: green() is deprecated. Suggestion:
#12 32.13 
#12 32.13 color.channel($color, "green", $space: rgb)
#12 32.13 
#12 32.13 More info: https://sass-lang.com/d/color-functions
#12 32.13 
#12 32.13    ╷
#12 32.13 67 │   $color-rgb: ('red': red($color),'green': green($color),'blue': blue($color))
#12 32.13    │                                            ^^^^^^^^^^^^^
#12 32.13    ╵
#12 32.13     node_modules/bulma/sass/utilities/functions.sass 67:44          colorLuminance()
#12 32.13     node_modules/bulma/sass/utilities/functions.sass 80:8           findColorInvert()
#12 32.13     node_modules/bulma/sass/utilities/derived-variables.sass 16:17  @import
#12 32.13     node_modules/bulma/sass/utilities/_all.sass 6:9                 @import
#12 32.13     node_modules/bulma/bulma.sass 3:9                               @import
#12 32.13     src/mystyles.scss 3:9                                           root stylesheet
#12 32.13 
#12 32.13 DEPRECATION WARNING [global-builtin]: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
#12 32.13 Use color.blue instead.
#12 32.13 
#12 32.13 More info and automated migrator: https://sass-lang.com/d/import
#12 32.13 
#12 32.13    ╷
#12 32.13 67 │   $color-rgb: ('red': red($color),'green': green($color),'blue': blue($color))
#12 32.13    │                                                                  ^^^^^^^^^^^^
#12 32.13    ╵
#12 32.13     node_modules/bulma/sass/utilities/functions.sass 67:66          colorLuminance()
#12 32.13     node_modules/bulma/sass/utilities/functions.sass 80:8           findColorInvert()
#12 32.13     node_modules/bulma/sass/utilities/derived-variables.sass 16:17  @import
#12 32.13     node_modules/bulma/sass/utilities/_all.sass 6:9                 @import
#12 32.13     node_modules/bulma/bulma.sass 3:9                               @import
#12 32.13     src/mystyles.scss 3:9                                           root stylesheet
#12 32.13 
#12 32.14 DEPRECATION WARNING [color-functions]: blue() is deprecated. Suggestion:
#12 32.14 
#12 32.14 color.channel($color, "blue", $space: rgb)
#12 32.14 
#12 32.14 More info: https://sass-lang.com/d/color-functions
#12 32.14 
#12 32.14    ╷
#12 32.14 67 │   $color-rgb: ('red': red($color),'green': green($color),'blue': blue($color))
#12 32.14    │                                                                  ^^^^^^^^^^^^
#12 32.14    ╵
#12 32.14     node_modules/bulma/sass/utilities/functions.sass 67:66          colorLuminance()
#12 32.14     node_modules/bulma/sass/utilities/functions.sass 80:8           findColorInvert()
#12 32.14     node_modules/bulma/sass/utilities/derived-variables.sass 16:17  @import
#12 32.14     node_modules/bulma/sass/utilities/_all.sass 6:9                 @import
#12 32.14     node_modules/bulma/bulma.sass 3:9                               @import
#12 32.14     src/mystyles.scss 3:9                                           root stylesheet
#12 32.14 
#12 32.16 DEPRECATION WARNING [global-builtin]: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
#12 32.16 Use map.merge instead.
#12 32.16 
#12 32.16 More info and automated migrator: https://sass-lang.com/d/import
#12 32.16 
#12 32.16    ╷
#12 32.16 76 │     $color-rgb: map-merge($color-rgb, ($name: $value))
#12 32.16    │                 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
#12 32.16    ╵
#12 32.16     node_modules/bulma/sass/utilities/functions.sass 76:17          colorLuminance()
#12 32.16     node_modules/bulma/sass/utilities/functions.sass 80:8           findColorInvert()
#12 32.16     node_modules/bulma/sass/utilities/derived-variables.sass 16:17  @import
#12 32.16     node_modules/bulma/sass/utilities/_all.sass 6:9                 @import
#12 32.16     node_modules/bulma/bulma.sass 3:9                               @import
#12 32.16     src/mystyles.scss 3:9                                           root stylesheet
#12 32.16 
#12 32.53 DEPRECATION WARNING [color-functions]: lightness() is deprecated. Suggestion:
#12 32.53 
#12 32.53 color.channel($color, "lightness", $space: hsl)
#12 32.53 
#12 32.53 More info: https://sass-lang.com/d/color-functions
#12 32.53 
#12 32.53    ╷
#12 32.53 88 │     @if lightness($color) > 96%
#12 32.53    │         ^^^^^^^^^^^^^^^^^
#12 32.53    ╵
#12 32.53     node_modules/bulma/sass/utilities/functions.sass 88:9           findLightColor()
#12 32.53     node_modules/bulma/sass/utilities/derived-variables.sass 26:17  @import
#12 32.53     node_modules/bulma/sass/utilities/_all.sass 6:9                 @import
#12 32.53     node_modules/bulma/bulma.sass 3:9                               @import
#12 32.53     src/mystyles.scss 3:9                                           root stylesheet
#12 32.53 
#12 32.85 DEPRECATION WARNING [color-functions]: darken() is deprecated. Suggestions:
#12 32.85 
#12 32.85 color.scale($color, $lightness: -24.5901639344%)
#12 32.85 color.adjust($color, $lightness: -15%)
#12 32.85 
#12 32.85 More info: https://sass-lang.com/d/color-functions
#12 32.85 
#12 32.85    ╷
#12 32.85 68 │ $code: darken($red, 15%) !default
#12 32.85    │        ^^^^^^^^^^^^^^^^^
#12 32.85    ╵
#12 32.85     node_modules/bulma/sass/utilities/derived-variables.sass 68:8  @import
#12 32.85     node_modules/bulma/sass/utilities/_all.sass 6:9                @import
#12 32.85     node_modules/bulma/bulma.sass 3:9                              @import
#12 32.85     src/mystyles.scss 3:9                                          root stylesheet
#12 32.85 
#12 36.69 WARNING: 256 repetitive deprecation warnings omitted.

To remove these warnings, a migration to Bulma 1.x is required.
The migration is in progress under the branch web-3.0.
@hacketiwack hacketiwack self-assigned this Jan 20, 2025
@hacketiwack
Copy link
Collaborator Author

@ejurgensen, I made a merge by mistake of this branch. I'm really sorry about that.
Could you revert back to your last good commit.

@ejurgensen
Copy link
Member

Fixed now :-)

@hacketiwack
Copy link
Collaborator Author

hacketiwack commented Jan 24, 2025 •
edited
Loading

Actually, this is still work in progress under the branch web-3.0.
My previous comment was just about the fact that I made a merge while I wasn't ready to do it.

@hacketiwack hacketiwack reopened this Jan 24, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@hacketiwack hacketiwack

Labels
enhancement
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@ejurgensen @hacketiwack