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

fix(sass) add "hoistUseStatements: true" option to ensure '@use sass:math' works #14326

Closed
wants to merge 11 commits into from

Conversation

mcdmaster
Copy link

Description

Revisit remediation of PR #13704, #13938
Fixes #13694
Fixes Tokyo-Metro-Gov/covid19#6346

Motivation and Context

Make this comply with forthcoming major change in SASS@2 in division formula
Make sass module installed up-to-date so that we can reduce its following effort in every refresh
Utilize specific options to take effect on these objectives

How Has This Been Tested?

Build & Jest

Markup:

<!doctype html>

<title>Code coverage report for All files</title> <style type='text/css'> .coverage-summary .sorter { background-image: url(sort-arrow-sprite.png); } </style>

All files

        <div class='fl pad1y space-right2'>
            <span class="strong">83.7% </span>
            <span class="quiet">Statements</span>
            <span class='fraction'>7588/9066</span>
        </div>
    
        
        <div class='fl pad1y space-right2'>
            <span class="strong">78.97% </span>
            <span class="quiet">Branches</span>
            <span class='fraction'>5557/7037</span>
        </div>
    
        
        <div class='fl pad1y space-right2'>
            <span class="strong">89.84% </span>
            <span class="quiet">Functions</span>
            <span class='fraction'>2583/2875</span>
        </div>
    
        
        <div class='fl pad1y space-right2'>
            <span class="strong">85.46% </span>
            <span class="quiet">Lines</span>
            <span class='fraction'>6964/8149</span>
        </div>
    
        
    </div>
    <p class="quiet">
        Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
    </p>
</div>
<div class='status-line high'></div>
<div class="pad1">
File Statements Branches Functions Lines
src
16.13% 20/124 1.75% 1/57 13.33% 2/15 16.95% 20/118
src/components
0% 0/0 0% 0/0 0% 0/0 0% 0/0
src/components/VAlert
94.12% 48/51 84.09% 37/44 100% 20/20 97.73% 43/44
src/components/VApp
80% 4/5 75% 3/4 100% 3/3 80% 4/5
src/components/VAppBar
79.8% 79/99 86.79% 92/106 81.82% 27/33 78.57% 66/84
src/components/VAutocomplete
91.84% 135/147 89.21% 124/139 96.15% 50/52 93.28% 125/134
src/components/VAvatar
100% 4/4 100% 0/0 100% 3/3 100% 4/4
src/components/VBadge
78.72% 37/47 70.83% 34/48 100% 15/15 89.19% 33/37
src/components/VBanner
96.43% 27/28 100% 14/14 100% 13/13 96.15% 25/26
src/components/VBottomNavigation
100% 13/13 100% 16/16 100% 9/9 100% 13/13
src/components/VBottomSheet
0% 0/1 100% 0/0 0% 0/1 0% 0/1
src/components/VBreadcrumbs
91.3% 21/23 100% 12/12 100% 7/7 94.74% 18/19
src/components/VBtn
91.18% 31/34 100% 44/44 100% 14/14 90% 27/30
src/components/VBtnToggle
100% 5/5 100% 2/2 100% 2/2 100% 4/4
src/components/VCalendar
66.77% 225/337 53.59% 97/181 74.34% 84/113 68.79% 216/314
src/components/VCalendar/mixins
70.62% 238/337 54.42% 123/226 84.38% 81/96 72.53% 235/324
src/components/VCalendar/modes
27.91% 60/215 18.02% 20/111 45.71% 16/35 30.37% 58/191
src/components/VCalendar/util
81.47% 255/313 64.29% 135/210 90.57% 48/53 81.34% 231/284
src/components/VCard
71.43% 15/21 87.5% 7/8 100% 4/4 68.42% 13/19
src/components/VCarousel
84% 42/50 76.92% 20/26 95.24% 20/21 84.44% 38/45
src/components/VCheckbox
80.43% 37/46 88.57% 31/35 100% 13/13 88.24% 30/34
src/components/VChip
87.1% 27/31 90.48% 19/21 100% 12/12 86.21% 25/29
src/components/VChipGroup
100% 6/6 50% 1/2 100% 4/4 100% 5/5
src/components/VColorPicker
89.68% 113/126 72.73% 56/77 94.64% 53/56 91.07% 102/112
src/components/VColorPicker/util
88.73% 63/71 82.26% 51/62 100% 11/11 96.49% 55/57
src/components/VCombobox
92.08% 93/101 84.78% 78/92 92.86% 26/28 95.65% 88/92
src/components/VContent
0% 0/5 100% 0/0 0% 0/2 0% 0/5
src/components/VCounter
100% 6/6 100% 4/4 100% 1/1 100% 6/6
src/components/VData
92.11% 105/114 86.81% 79/91 92.16% 47/51 93.33% 98/105
src/components/VDataIterator
80.23% 142/177 76.19% 96/126 85.51% 59/69 82.12% 124/151
src/components/VDataTable
89.38% 303/339 87.02% 181/208 85.4% 117/137 91.61% 284/310
src/components/VDataTable/mixins
87.5% 7/8 100% 6/6 80% 4/5 87.5% 7/8
src/components/VDatePicker
93.09% 229/246 85.6% 214/250 94.79% 91/96 93.33% 224/240
src/components/VDatePicker/mixins
95.38% 62/65 91.46% 75/82 100% 25/25 95% 57/60
src/components/VDatePicker/util
100% 38/38 94.12% 32/34 100% 14/14 100% 36/36
src/components/VDialog
72% 54/75 47.69% 31/65 77.42% 24/31 77.61% 52/67
src/components/VDivider
100% 3/3 100% 6/6 100% 1/1 100% 3/3
src/components/VExpansionPanel
87.76% 43/49 84.21% 16/19 88.89% 32/36 93.02% 40/43
src/components/VFileInput
87.34% 69/79 77.46% 55/71 93.94% 31/33 91.18% 62/68
src/components/VFooter
100% 18/18 96.67% 29/30 100% 9/9 100% 15/15
src/components/VForm
93.48% 43/46 75% 9/12 92% 23/25 97.22% 35/36
src/components/VGrid
56.67% 68/120 61.82% 34/55 55.56% 15/27 59.26% 64/108
src/components/VHover
100% 16/16 94.44% 17/18 100% 3/3 100% 16/16
src/components/VIcon
100% 64/64 93.02% 40/43 100% 16/16 100% 59/59
src/components/VImg
91.89% 68/74 86.25% 69/80 100% 18/18 94.03% 63/67
src/components/VInput
94.2% 65/69 92.73% 51/55 96.97% 32/33 93.65% 59/63
src/components/VItemGroup
97.94% 95/97 96.51% 83/86 96.97% 32/33 98.78% 81/82
src/components/VLabel
100% 3/3 100% 4/4 100% 1/1 100% 3/3
src/components/VLazy
100% 8/8 83.33% 5/6 100% 5/5 100% 7/7
src/components/VList
87.96% 95/108 87.04% 94/108 90.48% 38/42 91.4% 85/93
src/components/VMain
100% 4/4 100% 0/0 100% 2/2 100% 4/4
src/components/VMenu
78.74% 137/174 68.03% 100/147 77.55% 38/49 83.01% 127/153
src/components/VMessages
100% 4/4 100% 2/2 100% 4/4 100% 4/4
src/components/VNavigationDrawer
87.5% 112/128 90.91% 140/154 93.88% 46/49 88.57% 93/105
src/components/VOverflowBtn
68.75% 22/32 53.33% 16/30 91.67% 11/12 68.97% 20/29
src/components/VOverlay
100% 10/10 100% 4/4 100% 6/6 100% 9/9
src/components/VPagination
91.38% 53/58 92.68% 38/41 100% 19/19 91.07% 51/56
src/components/VParallax
68.42% 13/19 66.67% 4/6 71.43% 5/7 72.22% 13/18
src/components/VPicker
100% 7/7 91.67% 11/12 100% 6/6 100% 7/7
src/components/VProgressCircular
100% 21/21 100% 10/10 100% 16/16 100% 21/21
src/components/VProgressLinear
97.83% 45/46 92.5% 37/40 100% 23/23 100% 41/41
src/components/VRadioGroup
83.72% 36/43 77.14% 27/35 95.83% 23/24 85% 34/40
src/components/VRangeSlider
85.44% 88/103 70.15% 47/67 92.31% 24/26 86.17% 81/94
src/components/VRating
100% 58/58 98.28% 57/58 100% 22/22 100% 48/48
src/components/VResponsive
100% 7/7 100% 4/4 100% 5/5 100% 6/6
src/components/VSelect
90.72% 313/345 86.41% 248/287 93.58% 102/109 92.23% 285/309
src/components/VSheet
100% 4/4 100% 0/0 100% 3/3 100% 4/4
src/components/VSkeletonLoader
97.83% 45/46 97.06% 33/34 100% 15/15 100% 35/35
src/components/VSlideGroup
62.73% 69/110 70.11% 61/87 77.5% 31/40 63.81% 67/105
src/components/VSlider
91.85% 169/184 84.74% 161/190 97.92% 47/48 94.67% 160/169
src/components/VSnackbar
96% 24/25 96.15% 25/26 93.75% 15/16 95.65% 22/23
src/components/VSparkline
79.57% 74/93 67.95% 53/78 97.22% 35/36 79.76% 67/84
src/components/VSparkline/helpers
100% 43/43 80.77% 21/26 100% 10/10 100% 41/41
src/components/VSpeedDial
95.24% 20/21 100% 12/12 87.5% 7/8 94.74% 18/19
src/components/VStepper
77.45% 79/102 70.49% 43/61 79.07% 34/43 79.12% 72/91
src/components/VSubheader
100% 1/1 100% 0/0 100% 1/1 100% 1/1
src/components/VSwitch
85% 17/20 80% 24/30 100% 10/10 93.33% 14/15
src/components/VSystemBar
100% 8/8 90.91% 10/11 100% 5/5 100% 8/8
src/components/VTabs
86.55% 103/119 80.9% 72/89 91.43% 32/35 89.52% 94/105
src/components/VTextField
94.77% 145/153 86.59% 142/164 100% 57/57 95.52% 128/134
src/components/VTextarea
96.43% 27/28 88.89% 16/18 100% 14/14 100% 27/27
src/components/VThemeProvider
100% 1/1 100% 2/2 100% 2/2 100% 1/1
src/components/VTimePicker
96.36% 212/220 88.93% 241/271 95.83% 69/72 98.52% 200/203
src/components/VTimeline
100% 21/21 85.71% 12/14 100% 11/11 100% 19/19
src/components/VToolbar
89.74% 35/39 85.29% 29/34 100% 12/12 93.33% 28/30
src/components/VTooltip
88.71% 55/62 81.82% 54/66 100% 22/22 98.18% 54/55
src/components/VTreeview
94.22% 261/277 88.75% 142/160 97.65% 83/85 98.29% 230/234
src/components/VTreeview/util
100% 15/15 100% 8/8 100% 2/2 100% 13/13
src/components/VVirtualScroll
94.74% 18/19 50% 2/4 92.31% 12/13 94.74% 18/19
src/components/VWindow
97.22% 105/108 90% 81/90 100% 42/42 97.09% 100/103
src/components/transitions
31.68% 32/101 16.67% 9/54 27.78% 5/18 34.48% 30/87
src/directives
0% 0/0 0% 0/0 0% 0/0 0% 0/0
src/directives/click-outside
91.89% 34/37 87.88% 29/33 100% 14/14 96.77% 30/31
src/directives/color
84.38% 27/32 71.43% 20/28 83.33% 5/6 88.89% 24/27
src/directives/intersect
95% 19/20 91.3% 21/23 100% 4/4 100% 17/17
src/directives/mutate
100% 16/16 100% 14/14 100% 3/3 100% 16/16
src/directives/resize
91.67% 11/12 87.5% 7/8 100% 2/2 100% 11/11
src/directives/ripple
78.33% 141/180 66.12% 80/121 81.48% 22/27 79.65% 137/172
src/directives/scroll
100% 15/15 95.24% 20/21 100% 2/2 100% 13/13
src/directives/touch
100% 48/48 100% 34/34 100% 12/12 100% 46/46
src/locale
0% 0/0 0% 0/0 0% 0/0 0% 0/0
src/mixins/activatable
90.67% 68/75 82.35% 42/51 90% 18/20 90.28% 65/72
src/mixins/applicationable
85% 17/20 90% 9/10 83.33% 10/12 87.5% 14/16
src/mixins/binds-attrs
88.89% 8/9 50% 1/2 100% 4/4 88.89% 8/9
src/mixins/bootable
100% 4/4 100% 7/7 100% 5/5 100% 4/4
src/mixins/button-group
100% 2/2 100% 0/0 100% 2/2 100% 2/2
src/mixins/colorable
100% 17/17 80% 16/20 100% 2/2 100% 17/17
src/mixins/comparable
0% 0/0 0% 0/0 0% 0/0 0% 0/0
src/mixins/delayable
100% 7/7 100% 2/2 100% 4/4 100% 7/7
src/mixins/dependent
96.77% 30/31 91.67% 11/12 100% 6/6 100% 24/24
src/mixins/detachable
66% 33/50 63.27% 31/49 68.75% 11/16 65.96% 31/47
src/mixins/elevatable
85.71% 6/7 75% 3/4 100% 2/2 100% 5/5
src/mixins/filterable
0% 0/0 0% 0/0 0% 0/0 0% 0/0
src/mixins/groupable
100% 12/12 100% 8/8 100% 7/7 100% 10/10
src/mixins/intersectable
84.62% 11/13 75% 3/4 75% 3/4 80% 8/10
src/mixins/loadable
100% 3/3 80% 8/10 100% 1/1 100% 2/2
src/mixins/localable
100% 1/1 100% 2/2 100% 1/1 100% 1/1
src/mixins/measurable
90% 18/20 83.33% 10/12 100% 1/1 100% 14/14
src/mixins/menuable
84.51% 120/142 76.98% 97/126 91.18% 31/34 91.27% 115/126
src/mixins/mobile
100% 8/8 87.5% 7/8 100% 4/4 100% 7/7
src/mixins/overlayable
47.42% 46/97 36.26% 33/91 66.67% 10/15 51.81% 43/83
src/mixins/picker
81.82% 9/11 100% 10/10 50% 2/4 81.82% 9/11
src/mixins/picker-button
100% 5/5 87.5% 7/8 100% 2/2 100% 5/5
src/mixins/positionable
100% 2/2 100% 3/3 100% 1/1 100% 2/2
src/mixins/proxyable
88.89% 8/9 75% 3/4 100% 5/5 100% 8/8
src/mixins/registrable
100% 6/6 100% 7/7 100% 5/5 100% 5/5
src/mixins/returnable
100% 7/7 100% 2/2 100% 4/4 100% 7/7
src/mixins/rippleable
100% 6/6 100% 5/5 100% 1/1 100% 5/5
src/mixins/roundable
100% 11/11 100% 10/10 100% 1/1 100% 11/11
src/mixins/routable
95.12% 39/41 92.45% 49/53 81.82% 9/11 97.06% 33/34
src/mixins/scrollable
100% 18/18 100% 14/14 100% 9/9 100% 17/17
src/mixins/selectable
88.89% 48/54 86.67% 39/45 88.24% 15/17 95.65% 44/46
src/mixins/sizeable
100% 2/2 100% 4/4 100% 2/2 100% 2/2
src/mixins/ssr-bootable
100% 4/4 100% 0/0 100% 3/3 100% 4/4
src/mixins/stackable
75% 12/16 61.54% 8/13 100% 3/3 84.62% 11/13
src/mixins/themeable
90.48% 19/21 83.33% 10/12 100% 9/9 90.48% 19/21
src/mixins/toggleable
100% 5/5 100% 4/4 100% 4/4 100% 5/5
src/mixins/transitionable
0% 0/0 0% 0/0 0% 0/0 0% 0/0
src/mixins/translatable
6.25% 1/16 100% 0/0 14.29% 1/7 6.25% 1/16
src/mixins/validatable
100% 95/95 100% 97/97 100% 37/37 100% 80/80
src/presets/default
100% 1/1 100% 0/0 100% 0/0 100% 1/1
src/services
0% 0/0 0% 0/0 0% 0/0 0% 0/0
src/services/application
100% 17/17 100% 2/2 100% 4/4 100% 16/16
src/services/breakpoint
100% 79/79 93.75% 60/64 100% 6/6 100% 79/79
src/services/goto
100% 72/72 93.33% 42/45 95% 19/20 100% 55/55
src/services/icons
100% 6/6 100% 0/0 100% 1/1 100% 6/6
src/services/icons/presets
100% 9/9 100% 0/0 100% 1/1 100% 9/9
src/services/lang
100% 26/26 88.89% 8/9 100% 7/7 100% 25/25
src/services/presets
87.5% 7/8 66.67% 2/3 100% 1/1 87.5% 7/8
src/services/service
100% 1/1 100% 0/0 0% 0/1 100% 1/1
src/services/theme
97.55% 159/163 92.39% 85/92 97.14% 34/35 99.32% 146/147
src/util
88.25% 443/502 79.3% 318/401 90.09% 100/111 88.96% 395/444
src/util/color
100% 34/34 100% 8/8 100% 8/8 100% 32/32
Code coverage generated by istanbul at Wed Oct 27 2021 06:41:04 GMT+0900 (日本標準時)
<script src="prettify.js"></script> <script> window.onload = function () { prettyPrint(); }; </script> <script src="sorter.js"></script> <script src="block-navigation.js"></script>

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • Improvement/refactoring (non-breaking change that doesn't add any features but makes things better)

Checklist:

  • The PR title is no longer than 64 characters.
  • The PR is submitted to the correct branch (master for bug fixes and documentation updates, dev for new features and backwards compatible changes and next for non-backwards compatible changes).
  • My code follows the code style of this project.
  • I've added relevant changes to the documentation (applies to new features and breaking changes in core library)

@mcdmaster mcdmaster changed the title fix(sass/styles/config) add options make it easier with sass fix(sass) add "hoistUseStatements: true" option to ensure '@use sass:math' works Oct 27, 2021
@KaelWD
Copy link
Member

KaelWD commented Oct 29, 2021

This has so many problems I don't even know where to start. Please don't open any more PRs without testing them yourself first, it's a massive waste of everybody's time.

@KaelWD KaelWD closed this Oct 29, 2021
@KaelWD KaelWD added the invalid The issue is missing information or is not a valid bug/feature request label Oct 29, 2021
@mcdmaster
Copy link
Author

For sure, freeriders are usually "no testers" whom @KaelWD addresses. But when I tried several times getting out of freeriders' world to resolve an issue which suddenly and unexpectedly came from SASS world and, since then, has made users suffer from its faulty logging behavior, I was blamed. Yes, until then, I spent so many days and hours for the program remediation in coding, testing and configuration all through the days and nights. Eventually, that kind of effort of mine has been marked invalid. Actually, that was a waste of time on my end.

Anyway, less testing is NOT a focal point because it is a legitimate assumption and/or constraint for everyone who contributes individually. I wonder why this issue is left unfixed for even years. What prevents its remediation? Do you know what the core problem in this issue is to widely impact on entire projects which adopt Vuetify? That should be a focal point.

@KaelWD
Copy link
Member

KaelWD commented Oct 30, 2021

While I appreciate the effort you've made to try to fix this, the fact is that it just does not work. As I said in your last PR, even a simple yarn build fails instantly. We already have a proper fix in vuetify 3, and for v2 you can just keep using sass 1.32 until they add a way to disable the deprecation notice.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
invalid The issue is missing information or is not a valid bug/feature request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

SASS / SCSS の割り算の記法 [Bug Report][2.5.0] New Sass Deprecation Recommended
2 participants