fix: don't handle empty @import and url() #513

alexander-akait · 2017-04-23T18:40:51Z

What kind of change does this PR introduce?

bugfix

Did you add tests for your changes?

yes

If relevant, did you update the README?

not required

Summary

Ref: #463

Other information

not required

codecov · 2017-04-23T18:42:38Z

Codecov Report

Merging #513 into master will increase coverage by <.01%.
The diff coverage is 100%.

@@            Coverage Diff             @@
##           master     #513      +/-   ##
==========================================
+ Coverage    98.6%   98.61%   +<.01%     
==========================================
  Files          10       10              
  Lines         359      361       +2     
  Branches       81       82       +1     
==========================================
+ Hits          354      356       +2     
  Misses          5        5

Impacted Files	Coverage Δ
lib/processCss.js	`98.01% <100%> (+0.02%)`	⬆️

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 b90d8dd...639bef1. Read the comment docs.

alexander-akait · 2017-04-23T18:45:40Z

/cc @michael-ciniawsky I think we don't throw error on empty url and import because we don't know why it is used. Example i can create class with empty .myclass { background: url('') } and then change value on js.

michael-ciniawsky · 2017-04-23T18:46:04Z

I will take a look at this soon 😛

michael-ciniawsky · 2017-04-23T19:08:56Z

Fixes #463

michael-ciniawsky · 2017-04-23T19:26:44Z

lib/processCss.js

-					if(!loaderUtils.isUrlRequest(url, root)) {
-						return url;
+					if(!origUrl.replace(/\s/g, '').length || !loaderUtils.isUrlRequest(url, root)) {
+						return origUrl;


return url ? Otherwise the former fix (trim(" ")) would be reverted, if you return the untrimmed origUrl, maybe better just return url.trim(" ") and rm origUrl (no-var)😛

@michael-ciniawsky i think we don't change original value of url (example background: url(' ') many spaces 😄 ) should be background: url(' ') after processing, if we return trimmed, we get background: url('') output (as now). I would not call it a bug, but this is a non-standard behavior that in theory we should not do.

What is the difference between url(' ') && url(' ') ? 🙃

@michael-ciniawsky no difference 😄 but in theory i can have js script which get value url and check on , I do not know why i need to do this and for what, but I can do it 😄 Just think that it's worth avoiding implicit manipulation that in the future can lead to unexpected problems

/cc @michael-ciniawsky ping 😄

@evilebottnawi I'm not 💯 on this yet, mainly because of the code noise, even if small 😛 is justifiable, compared to what we want to achieve here. var origUrl in particular, the trim() story, Can't we solve this otherwise ? Is the distinction between url('') <=> url(' ') really really worthwhile? Besides that not handling empty @import/url() of course which needs to land :D

@michael-ciniawsky about url i think best solution if url empty (also with spaces and newlines and etc) do nothing at all, it is good practice don't change css ast, if we do not need it, but here in fact we do not need it. The same applies to import. We can never know why the user did this, but if he did it maybe he really needed it, and by changing something we can break his logic. If there are a lot of issues with this, then we can just throw warning, why warning? because it is not fatal, all works as expected 😄

Maybe better to trim() and have the cleanest code possible + comment and wait if someone needs the \s preserved and fix it when we have a usecase. I personally doubt that someone will ever need that, but in 3+ months I look at the code and wonder what the fuss was all about 😛

@michael-ciniawsky ok let's trim 😄

alexander-akait · 2017-04-26T10:36:05Z

@michael-ciniawsky done, just see which tests changed and what the user has and what will get at the output 639bef1#diff-aba9b3cb66ffd4aba9e67a4ad4d38376

michael-ciniawsky · 2017-04-26T19:21:54Z

lib/processCss.js

@@ -160,9 +163,9 @@ module.exports = function processCss(inputSource, inputMap, options, callback) {
 			mode: options.mode,
 			rewriteUrl: function(global, url) {
 				if(parserOptions.url){
-					url = url.trim(" ");
+                    url = url.trim();


Indent off? 🙃 😛

michael-ciniawsky · 2017-04-26T19:23:49Z

just see which tests changed and what the user has and what will get at the output 639bef1#diff-aba9b3cb66ffd4aba9e67a4ad4d38376

Is there something you're worried about besides the url(' ') => url('') case? Otherwise LTGM

alexander-akait · 2017-04-26T19:48:17Z

@michael-ciniawsky nothing 😄

This Pull Request updates dependency [css-loader](https://github.com/webpack-contrib/css-loader) from `^0.28.11` to `^1.0.0` <details> <summary>Release Notes</summary> ### [`v1.0.0`](https://github.com/webpack-contrib/css-loader/blob/master/CHANGELOG.md#100httpsgithubcomwebpack-contribcss-loadercomparev02811v100-2018-07-06) [Compare Source](webpack-contrib/css-loader@v0.28.11...v1.0.0) ##### BREAKING CHANGES * remove `minimize` option, use [`postcss-loader`](https://github.com/postcss/postcss-loader) with [`cssnano`](https://github.com/cssnano/cssnano) or use [`optimize-cssnano-plugin`](https://github.com/intervolga/optimize-cssnano-plugin) plugin * remove `module` option, use `modules` option instead * remove `camelcase` option, use `camelCase` option instead * remove `root` option, use [`postcss-loader`](https://github.com/postcss/postcss-loader) with [`postcss-url`](https://github.com/postcss/postcss-url) plugin * remove `alias` option, use [`resolve.alias`](https://webpack.js.org/configuration/resolve/) feature or use [`postcss-loader`](https://github.com/postcss/postcss-loader) with [`postcss-url`](https://github.com/postcss/postcss-url) plugin * update `postcss` to `6` version * minimum require `nodejs` version is `6.9` * minimum require `webpack` version is `4` #### [0.28.11](webpack-contrib/css-loader@v0.28.10...v0.28.11) (2018-03-16) ##### Bug Fixes * **lib/processCss:** don't check `mode` for `url` handling (`options.modules`) ([#698](`webpack-contrib/css-loader#698)) ([c788450](webpack-contrib/css-loader@c788450)) #### [0.28.10](webpack-contrib/css-loader@v0.28.9...v0.28.10) (2018-02-22) ##### Bug Fixes * **getLocalIdent:** add `rootContext` support (`webpack >= v4.0.0`) ([#681](`webpack-contrib/css-loader#681)) ([9f876d2](webpack-contrib/css-loader@9f876d2)) #### [0.28.9](webpack-contrib/css-loader@v0.28.8...v0.28.9) (2018-01-17) ##### Bug Fixes * ignore invalid URLs (`url()`) ([#663](`webpack-contrib/css-loader#663)) ([d1d8221](webpack-contrib/css-loader@d1d8221)) #### [0.28.8](webpack-contrib/css-loader@v0.28.7...v0.28.8) (2018-01-05) ##### Bug Fixes * **loader:** correctly check if source map is `undefined` ([#641](`webpack-contrib/css-loader#641)) ([0dccfa9](webpack-contrib/css-loader@0dccfa9)) * proper URL escaping and wrapping (`url()`) ([#627](`webpack-contrib/css-loader#627)) ([8897d44](webpack-contrib/css-loader@8897d44)) #### [0.28.7](webpack-contrib/css-loader@v0.28.6...v0.28.7) (2017-08-30) ##### Bug Fixes * pass resolver to `localsLoader` (`options.alias`) ([#601](`webpack-contrib/css-loader#601)) ([8f1b57c](webpack-contrib/css-loader@8f1b57c)) #### [0.28.6](webpack-contrib/css-loader@v0.28.5...v0.28.6) (2017-08-30) ##### Bug Fixes * add support for aliases starting with `/` (`options.alias`) ([#597](`webpack-contrib/css-loader#597)) ([63567f2](webpack-contrib/css-loader@63567f2)) #### [0.28.5](webpack-contrib/css-loader@v0.28.4...v0.28.5) (2017-08-17) ##### Bug Fixes * match mutliple dashes (`options.camelCase`) ([#556](`webpack-contrib/css-loader#556)) ([1fee601](webpack-contrib/css-loader@1fee601)) * stricter `[@import]` tolerance ([#593](`webpack-contrib/css-loader#593)) ([2e4ec09](webpack-contrib/css-loader@2e4ec09)) #### [0.28.4](webpack-contrib/css-loader@v0.28.3...v0.28.4) (2017-05-30) ##### Bug Fixes * preserve leading underscore in class names ([#543](`webpack-contrib/css-loader#543)) ([f6673c8](webpack-contrib/css-loader@f6673c8)) #### [0.28.3](webpack-contrib/css-loader@v0.28.2...v0.28.3) (2017-05-25) ##### Bug Fixes * correct plugin order for CSS Modules ([#534](`webpack-contrib/css-loader#534)) ([b90f492](webpack-contrib/css-loader@b90f492)) #### [0.28.2](webpack-contrib/css-loader@v0.28.1...v0.28.2) (2017-05-22) ##### Bug Fixes * source maps path on `windows` ([#532](`webpack-contrib/css-loader#532)) ([c3d0d91](webpack-contrib/css-loader@c3d0d91)) #### [0.28.1](webpack-contrib/css-loader@v0.28.0...v0.28.1) (2017-05-02) ##### Bug Fixes * allow to specify a full hostname as a root URL ([#521](`webpack-contrib/css-loader#521)) ([06d27a1](webpack-contrib/css-loader@06d27a1)) * case insensitivity of [@import] ([#514](`webpack-contrib/css-loader#514)) ([de4356b](webpack-contrib/css-loader@de4356b)) * don't handle empty [@import] and url() ([#513](`webpack-contrib/css-loader#513)) ([868fc94](webpack-contrib/css-loader@868fc94)) * imported variables are replaced in exports if followed by a comma ([#504](`webpack-contrib/css-loader#504)) ([956bad7](webpack-contrib/css-loader@956bad7)) * loader now correctly handles `url` with space(s) ([#495](`webpack-contrib/css-loader#495)) ([534ea55](webpack-contrib/css-loader@534ea55)) * url with a trailing space is now handled correctly ([#494](`webpack-contrib/css-loader#494)) ([e1ec4f2](webpack-contrib/css-loader@e1ec4f2)) * use `btoa` instead `Buffer` ([#501](`webpack-contrib/css-loader#501)) ([fbb0714](webpack-contrib/css-loader@fbb0714)) ##### Performance Improvements * generate source maps only when explicitly set ([#478](`webpack-contrib/css-loader#478)) ([b8f5c8f](webpack-contrib/css-loader@b8f5c8f)) --- </details> --- This PR has been generated by [Renovate Bot](https://renovatebot.com).

michael-ciniawsky added semver: patch type: Bug labels Apr 23, 2017

michael-ciniawsky added this to the 0.29.0 milestone Apr 23, 2017

michael-ciniawsky self-assigned this Apr 23, 2017

michael-ciniawsky self-requested a review April 23, 2017 18:45

michael-ciniawsky added this to Bug in Dashboard Apr 23, 2017

michael-ciniawsky mentioned this pull request Apr 23, 2017

JS modules can be imported and executed from CSS #462

Closed

michael-ciniawsky changed the title ~~Fixed: don't handle empty import and url [#463].~~ fix: don't handle empty @import and url() Apr 23, 2017

michael-ciniawsky requested changes Apr 23, 2017

View reviewed changes

alexander-akait force-pushed the issue-463 branch from fa2d941 to b774b2f Compare April 23, 2017 19:55

evilebottnawi added 2 commits April 26, 2017 13:30

Fixed: don't handle empty import and url [webpack-contrib#463].

a62bb30

Fixed: trim url first.

639bef1

alexander-akait force-pushed the issue-463 branch from b774b2f to 639bef1 Compare April 26, 2017 10:35

michael-ciniawsky reviewed Apr 26, 2017

View reviewed changes

michael-ciniawsky merged commit 868fc94 into webpack-contrib:master Apr 26, 2017

michael-ciniawsky removed the status: review label Apr 26, 2017

alexander-akait deleted the issue-463 branch April 26, 2017 20:28

michael-ciniawsky removed this from Bug in Dashboard Apr 27, 2017

michael-ciniawsky modified the milestone: 0.29.0 May 22, 2017

alexander-akait mentioned this pull request Jun 27, 2017

url('') is rewritten as require('./') #463

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

fix: don't handle empty @import and url() #513

fix: don't handle empty @import and url() #513

alexander-akait commented Apr 23, 2017

codecov bot commented Apr 23, 2017 •

edited

alexander-akait commented Apr 23, 2017 •

edited

michael-ciniawsky commented Apr 23, 2017 •

edited

michael-ciniawsky commented Apr 23, 2017

michael-ciniawsky Apr 23, 2017 •

edited

alexander-akait Apr 23, 2017

michael-ciniawsky Apr 23, 2017 •

edited

alexander-akait Apr 23, 2017 •

edited

alexander-akait Apr 25, 2017

michael-ciniawsky Apr 25, 2017

alexander-akait Apr 25, 2017

michael-ciniawsky Apr 25, 2017

alexander-akait Apr 25, 2017

alexander-akait commented Apr 26, 2017

michael-ciniawsky Apr 26, 2017

michael-ciniawsky commented Apr 26, 2017 •

edited

alexander-akait commented Apr 26, 2017

fix: don't handle empty @import and url() #513

fix: don't handle empty @import and url() #513

Conversation

alexander-akait commented Apr 23, 2017

codecov bot commented Apr 23, 2017 • edited

Codecov Report

alexander-akait commented Apr 23, 2017 • edited

michael-ciniawsky commented Apr 23, 2017 • edited

michael-ciniawsky commented Apr 23, 2017

michael-ciniawsky Apr 23, 2017 • edited

Choose a reason for hiding this comment

alexander-akait Apr 23, 2017

Choose a reason for hiding this comment

michael-ciniawsky Apr 23, 2017 • edited

Choose a reason for hiding this comment

alexander-akait Apr 23, 2017 • edited

Choose a reason for hiding this comment

alexander-akait Apr 25, 2017

Choose a reason for hiding this comment

michael-ciniawsky Apr 25, 2017

Choose a reason for hiding this comment

alexander-akait Apr 25, 2017

Choose a reason for hiding this comment

michael-ciniawsky Apr 25, 2017

Choose a reason for hiding this comment

alexander-akait Apr 25, 2017

Choose a reason for hiding this comment

alexander-akait commented Apr 26, 2017

michael-ciniawsky Apr 26, 2017

Choose a reason for hiding this comment

michael-ciniawsky commented Apr 26, 2017 • edited

alexander-akait commented Apr 26, 2017

codecov bot commented Apr 23, 2017 •

edited

alexander-akait commented Apr 23, 2017 •

edited

michael-ciniawsky commented Apr 23, 2017 •

edited

michael-ciniawsky Apr 23, 2017 •

edited

michael-ciniawsky Apr 23, 2017 •

edited

alexander-akait Apr 23, 2017 •

edited

michael-ciniawsky commented Apr 26, 2017 •

edited