Skip to content

Commit ca4081c

Browse files
committed
Update typed-postcss-transformer and typed css-modules-loader
1 parent dc81d68 commit ca4081c

File tree

3 files changed

+84
-59
lines changed

3 files changed

+84
-59
lines changed

package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,7 @@
4242
"babel-plugin-react-native-platform-specific-extensions": "^1.1.1",
4343
"babel-preset-react": "^7.0.0-beta.3",
4444
"css-loader": "1.0.1",
45+
"dts-css-modules-loader": "^1.2.3",
4546
"eslint": "^7.30.0",
4647
"eslint-plugin-css-modules": "^2.11.0",
4748
"file-loader": "^3.0.1",
@@ -57,7 +58,7 @@
5758
"prettier": "^2.3.2",
5859
"react-hot-loader": "3.1.3",
5960
"react-native-sass-transformer": "^1.4.0",
60-
"react-native-typed-postcss-transformer": "^0.10.2",
61+
"react-native-typed-postcss-transformer": "^0.20.9",
6162
"react-test-renderer": "16.13.1",
6263
"sass-loader": "^7.1.0",
6364
"style-loader": "^0.23.1",
@@ -66,7 +67,6 @@
6667
"stylelint-react-native": "^2.1.1",
6768
"ts-loader": "^6.2.2",
6869
"typescript": "^3.9.10",
69-
"typings-for-css-modules-loader": "^1.7.0",
7070
"webpack": "^4.46.0",
7171
"webpack-cli": "^3.3.12",
7272
"webpack-dev-server": "^3.11.2"

webpack.config.js

Lines changed: 20 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -61,14 +61,23 @@ module.exports = {
6161
loader: 'style-loader',
6262
},
6363
{
64-
loader: 'typings-for-css-modules-loader',
64+
loader: 'dts-css-modules-loader',
6565
options: {
6666
namedExport: true,
6767
camelCase: true,
6868
modules: true,
6969
localIdentName: '[path]___[name]__[local]___[hash:base64:5]',
7070
},
7171
},
72+
{
73+
loader: 'css-loader',
74+
options: {
75+
modules: {
76+
exportLocalsConvention: 'camelCaseOnly',
77+
localIdentName: '[path]___[name]__[local]___[hash:base64:5]',
78+
},
79+
},
80+
},
7281
{
7382
loader: 'postcss-loader',
7483
options: {
@@ -87,14 +96,23 @@ module.exports = {
8796
loader: 'style-loader',
8897
},
8998
{
90-
loader: 'typings-for-css-modules-loader',
99+
loader: 'dts-css-modules-loader',
91100
options: {
92101
namedExport: true,
93102
camelCase: true,
94103
modules: true,
95104
localIdentName: '[path]___[name]__[local]___[hash:base64:5]',
96105
},
97106
},
107+
{
108+
loader: 'css-loader',
109+
options: {
110+
modules: {
111+
exportLocalsConvention: 'camelCaseOnly',
112+
localIdentName: '[path]___[name]__[local]___[hash:base64:5]',
113+
},
114+
},
115+
},
98116
{
99117
loader: 'postcss-loader',
100118
options: {

yarn.lock

Lines changed: 62 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -2667,11 +2667,6 @@ big-integer@^1.6.44:
26672667
resolved "https://registry.yarnpkg.com/big-integer/-/big-integer-1.6.48.tgz#8fd88bd1632cba4a1c8c3e3d7159f08bb95b4b9e"
26682668
integrity sha512-j51egjPa7/i+RdiRuJbPdJ2FIUYYPhvYLjzoYbcMMm62ooO6F94fETG4MTs46zPAF9Brs04OajboA/qTGuz78w==
26692669

2670-
big.js@^3.1.3:
2671-
version "3.2.0"
2672-
resolved "https://registry.yarnpkg.com/big.js/-/big.js-3.2.0.tgz#a5fc298b81b9e0dca2e458824784b65c52ba588e"
2673-
integrity sha512-+hN/Zh2D08Mx65pZ/4g5bsmNiZUuChDiQfTUQ7qJr4/kuopCr88xZsAXv6mBoZEsUI4OuGHlX59qE94K2mMW8Q==
2674-
26752670
big.js@^5.2.2:
26762671
version "5.2.2"
26772672
resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
@@ -3317,11 +3312,6 @@ colorette@^1.0.7, colorette@^1.2.1, colorette@^1.2.2:
33173312
resolved "https://registry.yarnpkg.com/colorette/-/colorette-1.2.2.tgz#cbcc79d5e99caea2dbf10eb3a26fd8b3e6acfa94"
33183313
integrity sha512-MKGMzyfeuutC/ZJ1cba9NqcNpfeqMUcYmyF1ZFY6/Cn7CNSAKx6a+s48sqLqyAiZuaP2TcqMhoo+dlwFnVxT9w==
33193314

3320-
colour@0.7.1:
3321-
version "0.7.1"
3322-
resolved "https://registry.yarnpkg.com/colour/-/colour-0.7.1.tgz#9cb169917ec5d12c0736d3e8685746df1cadf778"
3323-
integrity sha1-nLFpkX7F0SwHNtPoaFdG3xyt93g=
3324-
33253315
combined-stream@^1.0.6, combined-stream@~1.0.6:
33263316
version "1.0.8"
33273317
resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
@@ -3651,6 +3641,15 @@ css-to-react-native-transform@^1.8.1:
36513641
css-mediaquery "^0.1.2"
36523642
css-to-react-native "^2.3.0"
36533643

3644+
css-to-react-native-transform@^2.0.0:
3645+
version "2.0.0"
3646+
resolved "https://registry.yarnpkg.com/css-to-react-native-transform/-/css-to-react-native-transform-2.0.0.tgz#0ea9ed11caae2b9ec6b4e545fd2789700e552fbd"
3647+
integrity sha512-lsKKZxzuY1d/t2twJ9K2tUIb2ThMstFC/8QsQNR1KjZKnpBqswEW9/kVEWAWdfx+a6jcURKxssiQp94cFakPag==
3648+
dependencies:
3649+
css "^3.0.0"
3650+
css-mediaquery "^0.1.2"
3651+
css-to-react-native "^3.0.0"
3652+
36543653
css-to-react-native@^2.3.0:
36553654
version "2.3.2"
36563655
resolved "https://registry.yarnpkg.com/css-to-react-native/-/css-to-react-native-2.3.2.tgz#e75e2f8f7aa385b4c3611c52b074b70a002f2e7d"
@@ -3660,6 +3659,15 @@ css-to-react-native@^2.3.0:
36603659
css-color-keywords "^1.0.0"
36613660
postcss-value-parser "^3.3.0"
36623661

3662+
css-to-react-native@^3.0.0:
3663+
version "3.0.0"
3664+
resolved "https://registry.yarnpkg.com/css-to-react-native/-/css-to-react-native-3.0.0.tgz#62dbe678072a824a689bcfee011fc96e02a7d756"
3665+
integrity sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==
3666+
dependencies:
3667+
camelize "^1.0.0"
3668+
css-color-keywords "^1.0.0"
3669+
postcss-value-parser "^4.0.2"
3670+
36633671
css@^2.2.4:
36643672
version "2.2.4"
36653673
resolved "https://registry.yarnpkg.com/css/-/css-2.2.4.tgz#c646755c73971f2bba6a601e2cf2fd71b1298929"
@@ -3670,6 +3678,15 @@ css@^2.2.4:
36703678
source-map-resolve "^0.5.2"
36713679
urix "^0.1.0"
36723680

3681+
css@^3.0.0:
3682+
version "3.0.0"
3683+
resolved "https://registry.yarnpkg.com/css/-/css-3.0.0.tgz#4447a4d58fdd03367c516ca9f64ae365cee4aa5d"
3684+
integrity sha512-DG9pFfwOrzc+hawpmqX/dHYHJG+Bsdb0klhyi1sDneOgGOXy9wQIC8hzyVp1e4NRYDBdxcylvywPkkXCHAzTyQ==
3685+
dependencies:
3686+
inherits "^2.0.4"
3687+
source-map "^0.6.1"
3688+
source-map-resolve "^0.6.0"
3689+
36733690
cssesc@^3.0.0:
36743691
version "3.0.0"
36753692
resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
@@ -4037,6 +4054,13 @@ dot-prop@^5.2.0:
40374054
dependencies:
40384055
is-obj "^2.0.0"
40394056

4057+
dts-css-modules-loader@^1.2.3:
4058+
version "1.2.3"
4059+
resolved "https://registry.yarnpkg.com/dts-css-modules-loader/-/dts-css-modules-loader-1.2.3.tgz#c9194e1752c7692154f4d90810fac83efc4d7907"
4060+
integrity sha512-eIBHutTiYbpp/Vu7CnXvVjCBNwktdGV6MXSst7jEf9O+4Qe2vP5LAQbyVeChb+KP+sG1erljkSXiQMpjMIHuig==
4061+
dependencies:
4062+
loader-utils "^2.0.0"
4063+
40404064
duplexify@^3.4.2, duplexify@^3.6.0:
40414065
version "3.7.1"
40424066
resolved "https://registry.yarnpkg.com/duplexify/-/duplexify-3.7.1.tgz#2a4df5317f6ccfd91f86d6fd25d8d8a103b88309"
@@ -4088,11 +4112,6 @@ emoji-regex@^8.0.0:
40884112
resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
40894113
integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
40904114

4091-
emojis-list@^2.0.0:
4092-
version "2.1.0"
4093-
resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-2.1.0.tgz#4daa4d9db00f9819880c79fa457ae5b09a1fd389"
4094-
integrity sha1-TapNnbAPmBmIDHn6RXrlsJof04k=
4095-
40964115
emojis-list@^3.0.0:
40974116
version "3.0.0"
40984117
resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
@@ -5340,11 +5359,6 @@ gonzales-pe@^4.0.3, gonzales-pe@^4.2.3:
53405359
dependencies:
53415360
minimist "^1.2.5"
53425361

5343-
graceful-fs@4.1.4:
5344-
version "4.1.4"
5345-
resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.4.tgz#ef089d2880f033b011823ce5c8fae798da775dbd"
5346-
integrity sha1-7widKIDwM7ARgjzlyPrnmNp3Xb0=
5347-
53485362
graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.3, graceful-fs@^4.1.6, graceful-fs@^4.1.9, graceful-fs@^4.2.0, graceful-fs@^4.2.4:
53495363
version "4.2.6"
53505364
resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.6.tgz#ff040b2b0853b23c3d31027523706f1885d76bee"
@@ -6906,11 +6920,6 @@ json3@^3.3.3:
69066920
resolved "https://registry.yarnpkg.com/json3/-/json3-3.3.3.tgz#7fc10e375fc5ae42c4705a5cc0aa6f62be305b81"
69076921
integrity sha512-c7/8mbUsKigAbLkD5B010BK4D9LZm7A1pNItkEwiUZRpIN66exu/e7YQWysGun+TRKaJp8MhemM+VkfWv42aCA==
69086922

6909-
json5@^0.5.0:
6910-
version "0.5.1"
6911-
resolved "https://registry.yarnpkg.com/json5/-/json5-0.5.1.tgz#1eade7acc012034ad84e2396767ead9fa5495821"
6912-
integrity sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=
6913-
69146923
json5@^1.0.1:
69156924
version "1.0.1"
69166925
resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.1.tgz#779fb0018604fa854eacbf6252180d83543e3dbe"
@@ -7089,16 +7098,6 @@ loader-runner@^2.4.0:
70897098
resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-2.4.0.tgz#ed47066bfe534d7e84c4c7b9998c2a75607d9357"
70907099
integrity sha512-Jsmr89RcXGIwivFY21FcRrisYZfvLMTWx5kOLc+JTxtpBOG6xML0vzbc6SEQG2FO9/4Fc3wW4LVcB5DmGflaRw==
70917100

7092-
loader-utils@0.2.16:
7093-
version "0.2.16"
7094-
resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-0.2.16.tgz#f08632066ed8282835dff88dfb52704765adee6d"
7095-
integrity sha1-8IYyBm7YKCg13/iN+1JwR2Wt7m0=
7096-
dependencies:
7097-
big.js "^3.1.3"
7098-
emojis-list "^2.0.0"
7099-
json5 "^0.5.0"
7100-
object-assign "^4.0.1"
7101-
71027101
loader-utils@^1.0.1, loader-utils@^1.0.2, loader-utils@^1.1.0, loader-utils@^1.2.3, loader-utils@^1.4.0:
71037102
version "1.4.0"
71047103
resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.4.0.tgz#c579b5e34cb34b1a74edc6c1fb36bfa371d5a613"
@@ -7108,6 +7107,15 @@ loader-utils@^1.0.1, loader-utils@^1.0.2, loader-utils@^1.1.0, loader-utils@^1.2
71087107
emojis-list "^3.0.0"
71097108
json5 "^1.0.1"
71107109

7110+
loader-utils@^2.0.0:
7111+
version "2.0.0"
7112+
resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.0.tgz#e4cace5b816d425a166b5f097e10cd12b36064b0"
7113+
integrity sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==
7114+
dependencies:
7115+
big.js "^5.2.2"
7116+
emojis-list "^3.0.0"
7117+
json5 "^2.1.2"
7118+
71117119
locate-path@^2.0.0:
71127120
version "2.0.0"
71137121
resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
@@ -8713,7 +8721,7 @@ postcss-less@^3.1.4:
87138721
dependencies:
87148722
postcss "^7.0.14"
87158723

8716-
postcss-load-config@^2.0.0:
8724+
postcss-load-config@^2.0.0, postcss-load-config@^2.1.2:
87178725
version "2.1.2"
87188726
resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-2.1.2.tgz#c5ea504f2c4aef33c7359a34de3573772ad7502a"
87198727
integrity sha512-/rDeGV6vMUo3mwJZmeHfEDvwnTKKqQ0S7OHUi/kJvvtx3aWtyWG2/0ZWnzCt2keEclwN6Tf0DST2v9kITdOKYw==
@@ -8838,7 +8846,7 @@ postcss-value-parser@^3.3.0, postcss-value-parser@^3.3.1:
88388846
resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281"
88398847
integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==
88408848

8841-
postcss-value-parser@^4.1.0:
8849+
postcss-value-parser@^4.0.2, postcss-value-parser@^4.1.0:
88428850
version "4.1.0"
88438851
resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz#443f6a20ced6481a2bda4fa8532a6e55d789a2cb"
88448852
integrity sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==
@@ -9189,15 +9197,15 @@ react-native-sass-transformer@^1.4.0:
91899197
css-to-react-native-transform "^1.8.1"
91909198
semver "^5.6.0"
91919199

9192-
react-native-typed-postcss-transformer@^0.10.2:
9193-
version "0.10.2"
9194-
resolved "https://registry.yarnpkg.com/react-native-typed-postcss-transformer/-/react-native-typed-postcss-transformer-0.10.2.tgz#0a84d8c3ad9335ecebb1c66c8a025d01aabf5567"
9195-
integrity sha512-P/E7g2zTK/z3g83p2cvN3zIpcaN2XWtRKi2U3LvsJ8TzTULAEwtZpvmUEUauxdRLl4jz6iGC2a9yDKFyYj22aA==
9200+
react-native-typed-postcss-transformer@^0.20.9:
9201+
version "0.20.9"
9202+
resolved "https://registry.yarnpkg.com/react-native-typed-postcss-transformer/-/react-native-typed-postcss-transformer-0.20.9.tgz#398b1210d371d3a0b7999740c00293498de2c558"
9203+
integrity sha512-aW5GDVKmzZUIKZ3eY/bBpSnPX4D7yaIxZhv1Oh81cU97VK1s3oIDsJFI5mxkmkGFxuXFG5QhaYoRK7168UzNbA==
91969204
dependencies:
9197-
css-to-react-native-transform "^1.8.1"
9198-
postcss-load-config "^2.0.0"
9199-
semver "^5.6.0"
9200-
typed-css-modules "^0.3.7"
9205+
css-to-react-native-transform "^2.0.0"
9206+
postcss-load-config "^2.1.2"
9207+
semver "^7.3.5"
9208+
typed-css-modules "0.3.7"
92019209

92029210
react-native-web@^0.12.2:
92039211
version "0.12.3"
@@ -10206,6 +10214,14 @@ source-map-resolve@^0.5.0, source-map-resolve@^0.5.2:
1020610214
source-map-url "^0.4.0"
1020710215
urix "^0.1.0"
1020810216

10217+
source-map-resolve@^0.6.0:
10218+
version "0.6.0"
10219+
resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.6.0.tgz#3d9df87e236b53f16d01e58150fc7711138e5ed2"
10220+
integrity sha512-KXBr9d/fO/bWo97NXsPIAW1bFSBOuCnjbNTBMO7N59hsv5i9yzRDfcYwwt0l04+VqnKC+EwzvJZIP/qkuMgR/w==
10221+
dependencies:
10222+
atob "^2.1.2"
10223+
decode-uri-component "^0.2.0"
10224+
1020910225
source-map-support@^0.5.16, source-map-support@^0.5.6, source-map-support@~0.5.12:
1021010226
version "0.5.19"
1021110227
resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61"
@@ -11079,7 +11095,7 @@ type-is@~1.6.17, type-is@~1.6.18:
1107911095
media-typer "0.3.0"
1108011096
mime-types "~2.1.24"
1108111097

11082-
typed-css-modules@^0.3.7:
11098+
typed-css-modules@0.3.7:
1108311099
version "0.3.7"
1108411100
resolved "https://registry.yarnpkg.com/typed-css-modules/-/typed-css-modules-0.3.7.tgz#430ba9b8bfe9d193dfa4f3bfd34f4f9e2fcf47c7"
1108511101
integrity sha512-KR1VG/U0rgFWaiQtXKtFMgKaurs80nvlBvZ7BfuYGLldw6kss/97sd+aMG4CI73BbujvefG7DBjnsBqq2Aowcw==
@@ -11110,15 +11126,6 @@ typescript@^3.9.10:
1111011126
resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.9.10.tgz#70f3910ac7a51ed6bef79da7800690b19bf778b8"
1111111127
integrity sha512-w6fIxVE/H1PkLKcCPsFqKE7Kv7QUwhU8qQY2MueZXWx5cPZdwFupLgKK3vntcK98BtNHZtAF4LA/yl2a7k8R6Q==
1111211128

11113-
typings-for-css-modules-loader@^1.7.0:
11114-
version "1.7.0"
11115-
resolved "https://registry.yarnpkg.com/typings-for-css-modules-loader/-/typings-for-css-modules-loader-1.7.0.tgz#a9b5c5a0e19b719d616edfc72855ab47dedd00ae"
11116-
integrity sha512-Mp7zDrcUmbUKl3JTLamTsMX+lntMotEm5I05j2RHB5EHb0WL1dAXlynpdlGR5Ye/QTvtL5w+RGB2jP32YoUpZw==
11117-
dependencies:
11118-
colour "0.7.1"
11119-
graceful-fs "4.1.4"
11120-
loader-utils "0.2.16"
11121-
1112211129
ua-parser-js@^0.7.18:
1112311130
version "0.7.28"
1112411131
resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.28.tgz#8ba04e653f35ce210239c64661685bf9121dec31"

0 commit comments

Comments
 (0)