Skip to content

Commit 06ba9be

Browse files
kristerkarikristerkari
committed
Format code examples with newer Prettier version
1 parent ce0a670 commit 06ba9be

10 files changed

+86
-86
lines changed

‎docs/multiple-transformers.md

+10-10
Original file line numberDiff line numberDiff line change
@@ -34,17 +34,17 @@ Add more extensions to `.babelrc` (or `babel.config.js`):
3434
... or if you are using [Expo](https://expo.io/), to `babel.config.js`
3535

3636
```js
37-
module.exports = function(api) {
37+
module.exports = function (api) {
3838
api.cache(true);
3939
return {
4040
presets: ["babel-preset-expo"],
4141
plugins: [
4242
"react-native-classname-to-style",
4343
[
4444
"react-native-platform-specific-extensions",
45-
{ extensions: ["css", "scss", "sass"] }
46-
]
47-
]
45+
{ extensions: ["css", "scss", "sass"] },
46+
],
47+
],
4848
};
4949
};
5050
```
@@ -104,15 +104,15 @@ const { getDefaultConfig } = require("metro-config");
104104

105105
module.exports = (async () => {
106106
const {
107-
resolver: { sourceExts }
107+
resolver: { sourceExts },
108108
} = await getDefaultConfig();
109109
return {
110110
transformer: {
111-
babelTransformerPath: require.resolve("./transformer.js")
111+
babelTransformerPath: require.resolve("./transformer.js"),
112112
},
113113
resolver: {
114-
sourceExts: [...sourceExts, "css", "scss", "sass"]
115-
}
114+
sourceExts: [...sourceExts, "css", "scss", "sass"],
115+
},
116116
};
117117
})();
118118
```
@@ -130,7 +130,7 @@ module.exports = {
130130
},
131131
getSourceExts() {
132132
return ["js", "jsx", "css", "scss", "sass"];
133-
}
133+
},
134134
};
135135
```
136136

@@ -174,7 +174,7 @@ var upstreamTransformer = require("metro-react-native-babel-transformer");
174174
var sassTransformer = require("react-native-sass-transformer");
175175
var cssTransformer = require("react-native-css-transformer");
176176

177-
module.exports.transform = function({ src, filename, options }) {
177+
module.exports.transform = function ({ src, filename, options }) {
178178
if (filename.endsWith(".scss") || filename.endsWith(".sass")) {
179179
return sassTransformer.transform({ src, filename, options });
180180
} else if (filename.endsWith(".css")) {

‎docs/setup-css-variables.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -59,11 +59,11 @@ var upstreamTransformer = require("metro-react-native-babel-transformer");
5959
var sassTransformer = require("react-native-sass-transformer");
6060
var postCSSTransformer = require("react-native-postcss-transformer");
6161

62-
module.exports.transform = function({ src, filename, options }) {
62+
module.exports.transform = function ({ src, filename, options }) {
6363
if (filename.endsWith(".scss") || filename.endsWith(".sass")) {
6464
return sassTransformer
6565
.renderToCSS({ src, filename, options })
66-
.then(css =>
66+
.then((css) =>
6767
postCSSTransformer.transform({ src: css, filename, options })
6868
);
6969
} else {

‎docs/setup-css.md

+8-8
Original file line numberDiff line numberDiff line change
@@ -88,14 +88,14 @@ yarn add babel-plugin-react-native-classname-to-style babel-plugin-react-native-
8888
`babel.config.js` (older Expo versions use `.babelrc`)
8989

9090
```js
91-
module.exports = function(api) {
91+
module.exports = function (api) {
9292
api.cache(true);
9393
return {
9494
presets: ["babel-preset-expo"],
9595
plugins: [
9696
"react-native-classname-to-style",
97-
["react-native-platform-specific-extensions", { extensions: ["css"] }]
98-
]
97+
["react-native-platform-specific-extensions", { extensions: ["css"] }],
98+
],
9999
};
100100
};
101101
```
@@ -111,15 +111,15 @@ const { getDefaultConfig } = require("metro-config");
111111

112112
module.exports = (async () => {
113113
const {
114-
resolver: { sourceExts }
114+
resolver: { sourceExts },
115115
} = await getDefaultConfig();
116116
return {
117117
transformer: {
118-
babelTransformerPath: require.resolve("react-native-css-transformer")
118+
babelTransformerPath: require.resolve("react-native-css-transformer"),
119119
},
120120
resolver: {
121-
sourceExts: [...sourceExts, "css"]
122-
}
121+
sourceExts: [...sourceExts, "css"],
122+
},
123123
};
124124
})();
125125
```
@@ -150,7 +150,7 @@ module.exports = {
150150
},
151151
getSourceExts() {
152152
return ["js", "jsx", "css"];
153-
}
153+
},
154154
};
155155
```
156156

‎docs/setup-less.md

+8-8
Original file line numberDiff line numberDiff line change
@@ -88,14 +88,14 @@ yarn add babel-plugin-react-native-classname-to-style babel-plugin-react-native-
8888
`babel.config.js` (older Expo versions use `.babelrc`)
8989

9090
```js
91-
module.exports = function(api) {
91+
module.exports = function (api) {
9292
api.cache(true);
9393
return {
9494
presets: ["babel-preset-expo"],
9595
plugins: [
9696
"react-native-classname-to-style",
97-
["react-native-platform-specific-extensions", { extensions: ["less"] }]
98-
]
97+
["react-native-platform-specific-extensions", { extensions: ["less"] }],
98+
],
9999
};
100100
};
101101
```
@@ -111,15 +111,15 @@ const { getDefaultConfig } = require("metro-config");
111111

112112
module.exports = (async () => {
113113
const {
114-
resolver: { sourceExts }
114+
resolver: { sourceExts },
115115
} = await getDefaultConfig();
116116
return {
117117
transformer: {
118-
babelTransformerPath: require.resolve("react-native-less-transformer")
118+
babelTransformerPath: require.resolve("react-native-less-transformer"),
119119
},
120120
resolver: {
121-
sourceExts: [...sourceExts, "less"]
122-
}
121+
sourceExts: [...sourceExts, "less"],
122+
},
123123
};
124124
})();
125125
```
@@ -150,7 +150,7 @@ module.exports = {
150150
},
151151
getSourceExts() {
152152
return ["js", "jsx", "less"];
153-
}
153+
},
154154
};
155155
```
156156

‎docs/setup-postcss.md

+11-11
Original file line numberDiff line numberDiff line change
@@ -94,17 +94,17 @@ Add your PostCSS configuration to [one of the supported config formats](https://
9494
`babel.config.js` (older Expo versions use `.babelrc`)
9595

9696
```js
97-
module.exports = function(api) {
97+
module.exports = function (api) {
9898
api.cache(true);
9999
return {
100100
presets: ["babel-preset-expo"],
101101
plugins: [
102102
"react-native-classname-to-style",
103103
[
104104
"react-native-platform-specific-extensions",
105-
{ extensions: ["css", "pcss"] }
106-
]
107-
]
105+
{ extensions: ["css", "pcss"] },
106+
],
107+
],
108108
};
109109
};
110110
```
@@ -120,15 +120,15 @@ const { getDefaultConfig } = require("metro-config");
120120

121121
module.exports = (async () => {
122122
const {
123-
resolver: { sourceExts }
123+
resolver: { sourceExts },
124124
} = await getDefaultConfig();
125125
return {
126126
transformer: {
127-
babelTransformerPath: require.resolve("./postcss-transformer.js")
127+
babelTransformerPath: require.resolve("./postcss-transformer.js"),
128128
},
129129
resolver: {
130-
sourceExts: [...sourceExts, "css", "pcss"]
131-
}
130+
sourceExts: [...sourceExts, "css", "pcss"],
131+
},
132132
};
133133
})();
134134
```
@@ -159,7 +159,7 @@ module.exports = {
159159
},
160160
getSourceExts() {
161161
return ["js", "jsx", "css", "pcss"]; // <-- Add other extensions if needed.
162-
}
162+
},
163163
};
164164
```
165165

@@ -201,8 +201,8 @@ var upstreamTransformer = require("metro-react-native-babel-transformer");
201201
var postcssTransformer = require("react-native-postcss-transformer");
202202
var postCSSExtensions = ["css", "pcss"]; // <-- Add other extensions if needed.
203203

204-
module.exports.transform = function({ src, filename, options }) {
205-
if (postCSSExtensions.some(ext => filename.endsWith("." + ext))) {
204+
module.exports.transform = function ({ src, filename, options }) {
205+
if (postCSSExtensions.some((ext) => filename.endsWith("." + ext))) {
206206
return postcssTransformer.transform({ src, filename, options });
207207
}
208208
return upstreamTransformer.transform({ src, filename, options });

‎docs/setup-sass.md

+9-9
Original file line numberDiff line numberDiff line change
@@ -88,17 +88,17 @@ yarn add babel-plugin-react-native-classname-to-style babel-plugin-react-native-
8888
`babel.config.js` (older Expo versions use `.babelrc`)
8989

9090
```js
91-
module.exports = function(api) {
91+
module.exports = function (api) {
9292
api.cache(true);
9393
return {
9494
presets: ["babel-preset-expo"],
9595
plugins: [
9696
"react-native-classname-to-style",
9797
[
9898
"react-native-platform-specific-extensions",
99-
{ extensions: ["scss", "sass"] }
100-
]
101-
]
99+
{ extensions: ["scss", "sass"] },
100+
],
101+
],
102102
};
103103
};
104104
```
@@ -114,15 +114,15 @@ const { getDefaultConfig } = require("metro-config");
114114

115115
module.exports = (async () => {
116116
const {
117-
resolver: { sourceExts }
117+
resolver: { sourceExts },
118118
} = await getDefaultConfig();
119119
return {
120120
transformer: {
121-
babelTransformerPath: require.resolve("react-native-sass-transformer")
121+
babelTransformerPath: require.resolve("react-native-sass-transformer"),
122122
},
123123
resolver: {
124-
sourceExts: [...sourceExts, "scss", "sass"]
125-
}
124+
sourceExts: [...sourceExts, "scss", "sass"],
125+
},
126126
};
127127
})();
128128
```
@@ -153,7 +153,7 @@ module.exports = {
153153
},
154154
getSourceExts() {
155155
return ["js", "jsx", "scss", "sass"];
156-
}
156+
},
157157
};
158158
```
159159

‎docs/setup-stylename.md

+12-12
Original file line numberDiff line numberDiff line change
@@ -102,24 +102,24 @@ yarn add babel-plugin-react-native-stylename-to-style babel-plugin-react-native-
102102
`babel.config.js` (older Expo versions use `.babelrc`)
103103

104104
```js
105-
module.exports = function(api) {
105+
module.exports = function (api) {
106106
api.cache(true);
107107
return {
108108
presets: ["babel-preset-expo"],
109109
plugins: [
110110
[
111111
"react-native-stylename-to-style",
112112
{
113-
extensions: ["css"]
114-
}
113+
extensions: ["css"],
114+
},
115115
],
116116
[
117117
"react-native-platform-specific-extensions",
118118
{
119-
extensions: ["css"]
120-
}
121-
]
122-
]
119+
extensions: ["css"],
120+
},
121+
],
122+
],
123123
};
124124
};
125125
```
@@ -135,15 +135,15 @@ const { getDefaultConfig } = require("metro-config");
135135

136136
module.exports = (async () => {
137137
const {
138-
resolver: { sourceExts }
138+
resolver: { sourceExts },
139139
} = await getDefaultConfig();
140140
return {
141141
transformer: {
142-
babelTransformerPath: require.resolve("react-native-css-transformer")
142+
babelTransformerPath: require.resolve("react-native-css-transformer"),
143143
},
144144
resolver: {
145-
sourceExts: [...sourceExts, "css"]
146-
}
145+
sourceExts: [...sourceExts, "css"],
146+
},
147147
};
148148
})();
149149
```
@@ -174,7 +174,7 @@ module.exports = {
174174
},
175175
getSourceExts() {
176176
return ["js", "jsx", "css"];
177-
}
177+
},
178178
};
179179
```
180180

‎docs/setup-stylus.md

+8-8
Original file line numberDiff line numberDiff line change
@@ -88,14 +88,14 @@ yarn add babel-plugin-react-native-classname-to-style babel-plugin-react-native-
8888
`babel.config.js` (older Expo versions use `.babelrc`)
8989

9090
```js
91-
module.exports = function(api) {
91+
module.exports = function (api) {
9292
api.cache(true);
9393
return {
9494
presets: ["babel-preset-expo"],
9595
plugins: [
9696
"react-native-classname-to-style",
97-
["react-native-platform-specific-extensions", { extensions: ["styl"] }]
98-
]
97+
["react-native-platform-specific-extensions", { extensions: ["styl"] }],
98+
],
9999
};
100100
};
101101
```
@@ -111,15 +111,15 @@ const { getDefaultConfig } = require("metro-config");
111111

112112
module.exports = (async () => {
113113
const {
114-
resolver: { sourceExts }
114+
resolver: { sourceExts },
115115
} = await getDefaultConfig();
116116
return {
117117
transformer: {
118-
babelTransformerPath: require.resolve("react-native-stylus-transformer")
118+
babelTransformerPath: require.resolve("react-native-stylus-transformer"),
119119
},
120120
resolver: {
121-
sourceExts: [...sourceExts, "styl"]
122-
}
121+
sourceExts: [...sourceExts, "styl"],
122+
},
123123
};
124124
})();
125125
```
@@ -150,7 +150,7 @@ module.exports = {
150150
},
151151
getSourceExts() {
152152
return ["js", "jsx", "styl"];
153-
}
153+
},
154154
};
155155
```
156156

0 commit comments

Comments
 (0)