Skip to content

Commit 6bfd2db

Browse files
satya164osdnk
satya164
authored and
osdnk
committed
chore: setup prettier with eslint (#27)
I noticed that prettier is not setup in the repo. So I set it up and ran it on all files. No other changes.
1 parent 5f1814a commit 6bfd2db

File tree

14 files changed

+1185
-709
lines changed

14 files changed

+1185
-709
lines changed

‎.eslintignore

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
node_modules/
2+
lib/

‎.eslintrc.js

Lines changed: 28 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -1,55 +1,36 @@
11
module.exports = {
2-
"env": {
3-
"browser": true,
4-
"es6": true
2+
env: {
3+
browser: true,
4+
es6: true,
55
},
6-
"parser": "babel-eslint",
7-
'extends': [
6+
parser: 'babel-eslint',
7+
extends: [
88
'eslint:recommended',
9-
'plugin:react/recommended'
9+
'plugin:react/recommended',
10+
'eslint-config-prettier',
11+
'eslint-config-prettier/react',
1012
],
11-
"settings": {
12-
"react": {
13-
"pragma": "React",
14-
"version": "16.3",
13+
settings: {
14+
react: {
15+
pragma: 'React',
16+
version: '16.3',
1517
},
1618
},
17-
"parserOptions": {
18-
"ecmaFeatures": {
19-
"jsx": true
19+
parserOptions: {
20+
ecmaFeatures: {
21+
jsx: true,
2022
},
21-
"ecmaVersion": 2018,
22-
"sourceType": "module"
23+
ecmaVersion: 2018,
24+
sourceType: 'module',
2325
},
24-
"plugins": [
25-
"react"
26-
],
27-
"rules": {
28-
"indent": [
29-
"error",
30-
2
31-
],
32-
"max-len": [
33-
0,
34-
80,
35-
],
36-
"no-undef": [
37-
0
38-
],
39-
"linebreak-style": [
40-
"error",
41-
"unix"
42-
],
43-
"quotes": [
44-
"error",
45-
"single"
46-
],
47-
"semi": [
48-
"error",
49-
"never"
50-
],
51-
"react/prop-types": [
52-
0
53-
]
54-
}
55-
};
26+
plugins: ['react', 'prettier'],
27+
rules: {
28+
'max-len': ['off', 80],
29+
'no-undef': 'off',
30+
'linebreak-style': ['error', 'unix'],
31+
32+
'react/prop-types': 'off',
33+
34+
'prettier/prettier': 'error',
35+
},
36+
}

‎.prettierrc.json

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
{
2+
"singleQuote": true,
3+
"tabWidth": 2,
4+
"trailingComma": "es5",
5+
"useTabs": false,
6+
"semi": false
7+
}

‎Example/App.js

Lines changed: 21 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,19 @@
11
import React from 'react'
2-
import { Text, View, FlatList, StyleSheet, TouchableOpacity } from 'react-native'
2+
import {
3+
Text,
4+
View,
5+
FlatList,
6+
StyleSheet,
7+
TouchableOpacity,
8+
} from 'react-native'
39
import { createStackNavigator, createAppContainer } from 'react-navigation'
410

511
import Map from './Map'
612
import BlurToolbar from './BlurToolbar'
713
import Imperative from './Imperative'
814
import Test from './Test'
915
import Sections from './Sections'
10-
import Collapsable from './Collapsable';
16+
import Collapsable from './Collapsable'
1117

1218
const SCREENS = {
1319
map: {
@@ -39,7 +45,7 @@ const SCREENS = {
3945
class MainScreen extends React.Component {
4046
static navigationOptions = {
4147
title: 'Bottom Sheet Examples',
42-
};
48+
}
4349
render() {
4450
const data = Object.keys(SCREENS).map(key => ({ key }))
4551
return (
@@ -61,7 +67,7 @@ class MainScreen extends React.Component {
6167
const ItemSeparator = () => <View style={styles.separator} />
6268

6369
class MainScreenItem extends React.Component {
64-
_onPress = () => this.props.onPressItem(this.props.item);
70+
_onPress = () => this.props.onPressItem(this.props.item)
6571
render() {
6672
const { key } = this.props.item
6773
return (
@@ -72,15 +78,17 @@ class MainScreenItem extends React.Component {
7278
}
7379
}
7480

75-
const ExampleApp = createAppContainer(createStackNavigator(
76-
{
77-
Main: { screen: MainScreen },
78-
...SCREENS,
79-
},
80-
{
81-
initialRouteName: 'Main',
82-
}
83-
))
81+
const ExampleApp = createAppContainer(
82+
createStackNavigator(
83+
{
84+
Main: { screen: MainScreen },
85+
...SCREENS,
86+
},
87+
{
88+
initialRouteName: 'Main',
89+
}
90+
)
91+
)
8492

8593
const styles = StyleSheet.create({
8694
list: {

‎Example/BlurToolbar.js

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import { Image, StyleSheet, Text, View } from 'react-native'
33
import BottomSheet from 'reanimated-bottom-sheet'
44
import Animated from 'react-native-reanimated'
55

6-
76
export default class Example extends React.Component {
87
renderInner = () => (
98
<View style={styles.panel}>
@@ -23,31 +22,33 @@ export default class Example extends React.Component {
2322
<Text style={styles.panelButtonTitle}>Send</Text>
2423
</View>
2524
</View>
26-
);
27-
28-
renderHeader = () => (
29-
<View style={styles.header}/>
3025
)
3126

27+
renderHeader = () => <View style={styles.header} />
28+
3229
fall = new Animated.Value(1)
3330

3431
render() {
3532
return (
3633
<View style={styles.container}>
3734
<BottomSheet
38-
snapPoints = {[500, 50]}
39-
renderContent = {this.renderInner}
40-
renderHeader = {this.renderHeader}
41-
initialSnap = {1}
35+
snapPoints={[500, 50]}
36+
renderContent={this.renderInner}
37+
renderHeader={this.renderHeader}
38+
initialSnap={1}
4239
callbackNode={this.fall}
4340
enabledInnerScrolling={false}
4441
/>
45-
<Animated.View style={{ alignItems: 'center', opacity: Animated.add(0.1,Animated.multiply(this.fall, 0.9)) }}>
42+
<Animated.View
43+
style={{
44+
alignItems: 'center',
45+
opacity: Animated.add(0.1, Animated.multiply(this.fall, 0.9)),
46+
}}
47+
>
4648
<Text style={{ position: 'absolute', zIndex: 1 }}>
4749
Swipe up from very bottom
4850
</Text>
4951
<Image style={styles.map} source={require('./assets/map-bg.jpg')} />
50-
5152
</Animated.View>
5253
</View>
5354
)
@@ -130,4 +131,3 @@ const styles = StyleSheet.create({
130131
width: '100%',
131132
},
132133
})
133-

‎Example/Collapsable.js

Lines changed: 46 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -1,51 +1,55 @@
11
import React from 'react'
22
import { StyleSheet, Text, View } from 'react-native'
3-
import BottomSheet from 'reanimated-bottom-sheet'
3+
import BottomSheet from 'reanimated-bottom-sheet'
44
import Animated from 'react-native-reanimated'
5-
const { block, set, greaterThan, lessThan, Value, or, cond, add, sub, and, not, } = Animated;
5+
6+
const { block, set, greaterThan, lessThan, Value, cond, sub } = Animated
67

78
const Lorem = () => (
89
<View style={{ backgroundColor: 'green' }}>
910
<Text>
10-
At vero eos et accusamus et iusto odio dignissimos ducimus qui
11-
blanditiis praesentium voluptatum deleniti atque corrupti quos
12-
dolores et quas molestias excepturi sint occaecati cupiditate non
13-
provident, similique sunt in culpa qui officia deserunt mollitia
14-
animi, id est laborum et dolorum fuga. Et harum quidem rerum
15-
facilis est et expedita distinctio. Nam libero tempore, cum soluta
16-
nobis est eligendi optio cumque nihil impedit quo minus id quod
17-
maxime placeat facere possimus, omnis voluptas assumenda est,
18-
omnis dolor repellendus. Temporibus autem quibusdam et aut
19-
officiis debitis aut rerum necessitatibus saepe eveniet ut et
20-
voluptates repudiandae sint et molestiae non recusandae. Itaque
21-
earum rerum hic tenetur a sapiente delectus, ut aut reiciendis
22-
voluptatibus maiores alias consequatur aut perferendis doloribus
23-
asperiores repellat. At vero eos et accusamus et iusto odio
24-
dignissimos ducimus qui blanditiis praesentium voluptatum deleniti
25-
atque corrupti quos dolores et quas molestias excepturi sint
26-
occaecati cupiditate non provident, similique sunt in culpa qui
27-
officia deserunt mollitia animi, id est laborum et dolorum fuga.
28-
Et harum quidem rerum facilis est et expedita distinctio. Nam
29-
libero tempore, cum soluta nobis est eligendi optio cumque nihil
30-
impedit quo minus id quod maxime placeat facere possimus, omnis
31-
voluptas assumenda est, omnis dolor repellendus. Temporibus autem
32-
quibusdam et aut officiis debitis aut rerum necessitatibus saepe
33-
eveniet ut et voluptates repudiandae sint et molestiae non
34-
recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut
35-
aut reiciendis voluptatibus maiores alias consequatur aut
11+
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
12+
praesentium voluptatum deleniti atque corrupti quos dolores et quas
13+
molestias excepturi sint occaecati cupiditate non provident, similique
14+
sunt in culpa qui officia deserunt mollitia animi, id est laborum et
15+
dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.
16+
Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil
17+
impedit quo minus id quod maxime placeat facere possimus, omnis voluptas
18+
assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut
19+
officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates
20+
repudiandae sint et molestiae non recusandae. Itaque earum rerum hic
21+
tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias
22+
consequatur aut perferendis doloribus asperiores repellat. At vero eos et
23+
accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium
24+
voluptatum deleniti atque corrupti quos dolores et quas molestias
25+
excepturi sint occaecati cupiditate non provident, similique sunt in culpa
26+
qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et
27+
harum quidem rerum facilis est et expedita distinctio. Nam libero tempore,
28+
cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod
29+
maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor
30+
repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum
31+
necessitatibus saepe eveniet ut et voluptates repudiandae sint et
32+
molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente
33+
delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut
3634
perferendis doloribus asperiores repellat.
3735
</Text>
3836
</View>
3937
)
4038
export default class Example extends React.Component {
4139
trans = new Value(0)
4240
untraversedPos = new Value(0)
43-
prevTrans= new Value(0)
41+
prevTrans = new Value(0)
4442
headerPos = block([
45-
cond(lessThan(this.untraversedPos, sub(this.trans, 100)), set(this.untraversedPos, sub(this.trans, 100))),
46-
cond(greaterThan(this.untraversedPos, this.trans), set(this.untraversedPos, this.trans)),
43+
cond(
44+
lessThan(this.untraversedPos, sub(this.trans, 100)),
45+
set(this.untraversedPos, sub(this.trans, 100))
46+
),
47+
cond(
48+
greaterThan(this.untraversedPos, this.trans),
49+
set(this.untraversedPos, this.trans)
50+
),
4751
set(this.prevTrans, this.trans),
48-
this.untraversedPos
52+
this.untraversedPos,
4953
])
5054
renderHeader = name => (
5155
<View
@@ -54,7 +58,8 @@ export default class Example extends React.Component {
5458
backgroundColor: 'blue',
5559
height: 100,
5660
borderWidth: 2,
57-
}}>
61+
}}
62+
>
5863
<Text>{name}</Text>
5964
</View>
6065
)
@@ -66,24 +71,25 @@ export default class Example extends React.Component {
6671
zIndex: 1,
6772
transform: [
6873
{
69-
translateY: this.headerPos
74+
translateY: this.headerPos,
7075
},
7176
],
72-
}}>
77+
}}
78+
>
7379
{this.renderHeader('one')}
7480
</Animated.View>
75-
<Lorem/>
76-
<Lorem/>
81+
<Lorem />
82+
<Lorem />
7783
</View>
78-
);
84+
)
7985

8086
render() {
8187
return (
8288
<View style={styles.container}>
8389
<BottomSheet
8490
contentPosition={this.trans}
85-
snapPoints = {[100, 400]}
86-
renderContent = {this.renderInner}
91+
snapPoints={[100, 400]}
92+
renderContent={this.renderInner}
8793
/>
8894
</View>
8995
)

0 commit comments

Comments
 (0)