Skip to content

Commit d6926d4

Browse files
metagrovermetagrover
committed
dev: setup prettier and fix linting for web package
1 parent 2ac3d80 commit d6926d4

File tree

120 files changed

+3077
-3050
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

120 files changed

+3077
-3050
lines changed

‎.eslintignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,3 +10,4 @@ packages/web/src/types.js
1010
vue-playground
1111
vue
1212
.expo/
13+
packages/reactivecore/coverage/

‎.prettierignore

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
node_modules
2+
dist
3+
lib
4+
umd
5+
playground
6+
packages/web/webpack.config.js
7+
packages/web/webpack.config.umd.js
8+
packages/maps/webpack.config.umd.js
9+
packages/web/src/types.js
10+
vue-playground
11+
vue
12+
.expo/
13+
packages/reactivecore/coverage/

‎.prettierrc.js

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
module.exports = {
2+
tabWidth: 4,
3+
printWidth: 100,
4+
singleQuote: true,
5+
trailingComma: 'all',
6+
useTabs: true,
7+
};

‎netlify.toml

Lines changed: 0 additions & 2 deletions
This file was deleted.

‎package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@
99
"lint:ts-fix": "tslint -c tslint.json --fix 'packages/web/**/**/*.{ts,tsx}'",
1010
"precommit": "lint-staged",
1111
"deploy-site": "scripts/deploy-site.sh",
12+
"prettier": "prettier --config ./.prettierrc.js --write packages/web/**/**/**/**/*.js",
1213
"native:publish-stories": "cd packages/native/examples/datasearch/ && exp publish && cd .. && cd datepicker/ && exp publish && cd .. && cd daterange/ && exp publish && cd .. && cd multidropdownlist/ && exp publish && cd .. && cd multidropdownrange/ && exp publish && cd .. && cd singledropdownlist/ && exp publish && cd .. && cd singledropdownrange/ && exp publish && cd .. && cd textfield/ && exp publish && cd ../../../../"
1314
},
1415
"author": "metagrover",

‎packages/web/examples/CategorySearch/src/index.js

Lines changed: 14 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -49,16 +49,25 @@ class Main extends Component {
4949

5050
booksList(data) {
5151
return {
52-
title: <div className="book-title" dangerouslySetInnerHTML={{ __html: data.original_title }} />,
52+
title: (
53+
<div
54+
className="book-title"
55+
dangerouslySetInnerHTML={{ __html: data.original_title }}
56+
/>
57+
),
5358
description: (
5459
<div className="flex column justify-space-between">
5560
<div>
56-
<div>by <span className="authors-list">{data.authors}</span></div>
61+
<div>
62+
by <span className="authors-list">{data.authors}</span>
63+
</div>
5764
<div className="ratings-list flex align-center">
5865
<span className="stars">
59-
{
60-
Array(data.average_rating_rounded).fill('x')
61-
.map((item, index) => <i className="fas fa-star" key={index} />) // eslint-disable-line
66+
{Array(data.average_rating_rounded)
67+
.fill('x')
68+
.map((item, index) => (
69+
<i className="fas fa-star" key={index} />
70+
)) // eslint-disable-line
6271
}
6372
</span>
6473
<span className="avg-rating">({data.average_rating} avg)</span>

‎packages/web/examples/CustomSelectedFilters/src/index.js

Lines changed: 19 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,7 @@
11
import React, { Component } from 'react';
22
import ReactDOM from 'react-dom';
33

4-
import {
5-
ReactiveBase,
6-
TextField,
7-
ResultList,
8-
SelectedFilters,
9-
} from '@appbaseio/reactivesearch';
4+
import { ReactiveBase, TextField, ResultList, SelectedFilters } from '@appbaseio/reactivesearch';
105

116
import './index.css';
127

@@ -37,7 +32,10 @@ class Main extends Component {
3732
const filters = Object.keys(selectedValues).map((component) => {
3833
if (!selectedValues[component].value) return null;
3934
return (
40-
<button key={component} onClick={() => clearFilter(component)}>
35+
<button
36+
key={component}
37+
onClick={() => clearFilter(component)}
38+
>
4139
{selectedValues[component].value}
4240
</button>
4341
);
@@ -66,16 +64,25 @@ class Main extends Component {
6664

6765
booksList(data) {
6866
return {
69-
title: <div className="book-title" dangerouslySetInnerHTML={{ __html: data.original_title }} />,
67+
title: (
68+
<div
69+
className="book-title"
70+
dangerouslySetInnerHTML={{ __html: data.original_title }}
71+
/>
72+
),
7073
description: (
7174
<div className="flex column justify-space-between">
7275
<div>
73-
<div>by <span className="authors-list">{data.authors}</span></div>
76+
<div>
77+
by <span className="authors-list">{data.authors}</span>
78+
</div>
7479
<div className="ratings-list flex align-center">
7580
<span className="stars">
76-
{
77-
Array(data.average_rating_rounded).fill('x')
78-
.map((item, index) => <i className="fas fa-star" key={index} />) // eslint-disable-line
81+
{Array(data.average_rating_rounded)
82+
.fill('x')
83+
.map((item, index) => (
84+
<i className="fas fa-star" key={index} />
85+
)) // eslint-disable-line
7986
}
8087
</span>
8188
<span className="avg-rating">({data.average_rating} avg)</span>

‎packages/web/examples/DataController/src/index.js

Lines changed: 17 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -23,13 +23,18 @@ class Main extends Component {
2323
title="DataController"
2424
componentId="BookSensor"
2525
dataField="original_series.raw"
26-
customQuery={
27-
(book, props) =>
28-
(book ? { match: { [props.dataField]: book } } : { match_all: {} })
26+
customQuery={(book, props) =>
27+
(book ? { match: { [props.dataField]: book } } : { match_all: {} })
2928
}
3029
size={100}
3130
>
32-
<div>A custom <span role="img" aria-label="img">💪</span> UI component</div>
31+
<div>
32+
A custom{' '}
33+
<span role="img" aria-label="img">
34+
💪
35+
</span>{' '}
36+
UI component
37+
</div>
3338
</DataController>
3439
</div>
3540

@@ -60,12 +65,16 @@ class Main extends Component {
6065
<div className="book-header">{data.original_title}</div>
6166
<div className="flex column justify-space-between">
6267
<div>
63-
<div>by <span className="authors-list">{data.authors}</span></div>
68+
<div>
69+
by <span className="authors-list">{data.authors}</span>
70+
</div>
6471
<div className="ratings-list flex align-center">
6572
<span className="stars">
66-
{
67-
Array(data.average_rating_rounded).fill('x')
68-
.map((item, index) => <i className="fas fa-star" key={index} />) // eslint-disable-line
73+
{Array(data.average_rating_rounded)
74+
.fill('x')
75+
.map((item, index) => (
76+
<i className="fas fa-star" key={index} />
77+
)) // eslint-disable-line
6978
}
7079
</span>
7180
<span className="avg-rating">({data.average_rating} avg)</span>

‎packages/web/examples/DataSearch/src/index.js

Lines changed: 17 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,7 @@
11
import React, { Component } from 'react';
22
import ReactDOM from 'react-dom';
33

4-
import {
5-
ReactiveBase,
6-
DataSearch,
7-
ResultList,
8-
SelectedFilters,
9-
} from '@appbaseio/reactivesearch';
4+
import { ReactiveBase, DataSearch, ResultList, SelectedFilters } from '@appbaseio/reactivesearch';
105

116
import './index.css';
127

@@ -48,17 +43,26 @@ class Main extends Component {
4843
}
4944

5045
onData(data) {
51-
return ({
52-
title: <div className="book-title" dangerouslySetInnerHTML={{ __html: data.original_title }} />,
46+
return {
47+
title: (
48+
<div
49+
className="book-title"
50+
dangerouslySetInnerHTML={{ __html: data.original_title }}
51+
/>
52+
),
5353
description: (
5454
<div className="flex column justify-space-between">
5555
<div>
56-
<div>by <span className="authors-list">{data.authors}</span></div>
56+
<div>
57+
by <span className="authors-list">{data.authors}</span>
58+
</div>
5759
<div className="ratings-list flex align-center">
5860
<span className="stars">
59-
{
60-
Array(data.average_rating_rounded).fill('x')
61-
.map((item, index) => <i className="fas fa-star" key={index} />) // eslint-disable-line
61+
{Array(data.average_rating_rounded)
62+
.fill('x')
63+
.map((item, index) => (
64+
<i className="fas fa-star" key={index} />
65+
)) // eslint-disable-line
6266
}
6367
</span>
6468
<span className="avg-rating">({data.average_rating} avg)</span>
@@ -68,7 +72,7 @@ class Main extends Component {
6872
</div>
6973
),
7074
image: data.image,
71-
});
75+
};
7276
}
7377
}
7478

‎packages/web/examples/DatePicker/src/index.js

Lines changed: 4 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,12 +2,7 @@ import React, { Component } from 'react';
22
import ReactDOM from 'react-dom';
33
import moment from 'moment';
44

5-
import {
6-
ReactiveBase,
7-
DatePicker,
8-
ResultCard,
9-
SelectedFilters,
10-
} from '@appbaseio/reactivesearch';
5+
import { ReactiveBase, DatePicker, ResultCard, SelectedFilters } from '@appbaseio/reactivesearch';
116

127
import './index.css';
138

@@ -72,7 +67,9 @@ class Main extends Component {
7267
<div>
7368
<div>${res.price}</div>
7469
<span style={{ backgroundImage: `url(${res.host_image})` }} />
75-
<p>{res.room_type} · {res.accommodates} guests</p>
70+
<p>
71+
{res.room_type} · {res.accommodates} guests
72+
</p>
7673
</div>
7774
),
7875
url: res.listing_url,

‎packages/web/examples/DateRange/src/index.js

Lines changed: 4 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,12 +2,7 @@ import React, { Component } from 'react';
22
import ReactDOM from 'react-dom';
33
import moment from 'moment';
44

5-
import {
6-
ReactiveBase,
7-
DateRange,
8-
ResultCard,
9-
SelectedFilters,
10-
} from '@appbaseio/reactivesearch';
5+
import { ReactiveBase, DateRange, ResultCard, SelectedFilters } from '@appbaseio/reactivesearch';
116

127
import './index.css';
138

@@ -43,7 +38,9 @@ class Main extends Component {
4338
<div>
4439
<div>${res.price}</div>
4540
<span style={{ backgroundImage: `url(${res.host_image})` }} />
46-
<p>{res.room_type} · {res.accommodates} guests</p>
41+
<p>
42+
{res.room_type} · {res.accommodates} guests
43+
</p>
4744
</div>
4845
),
4946
url: res.listing_url,

‎packages/web/examples/DynamicRangeSlider/src/index.js

Lines changed: 18 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -22,12 +22,10 @@ export default class Main extends Component {
2222
<DynamicRangeSlider
2323
dataField="books_count"
2424
componentId="BookSensor"
25-
rangeLabels={(min, max) => (
26-
{
27-
start: `${min} book`,
28-
end: `${max} books`,
29-
}
30-
)}
25+
rangeLabels={(min, max) => ({
26+
start: `${min} book`,
27+
end: `${max} books`,
28+
})}
3129
/>
3230
</div>
3331

@@ -53,16 +51,25 @@ export default class Main extends Component {
5351

5452
booksList(data) {
5553
return {
56-
title: <div className="book-title" dangerouslySetInnerHTML={{ __html: data.original_title }} />,
54+
title: (
55+
<div
56+
className="book-title"
57+
dangerouslySetInnerHTML={{ __html: data.original_title }}
58+
/>
59+
),
5760
description: (
5861
<div className="flex column justify-space-between">
5962
<div>
60-
<div>by <span className="authors-list">{data.authors}</span></div>
63+
<div>
64+
by <span className="authors-list">{data.authors}</span>
65+
</div>
6166
<div className="ratings-list flex align-center">
6267
<span className="stars">
63-
{
64-
Array(data.average_rating_rounded).fill('x')
65-
.map((item, index) => <i className="fas fa-star" key={index} />) // eslint-disable-line
68+
{Array(data.average_rating_rounded)
69+
.fill('x')
70+
.map((item, index) => (
71+
<i className="fas fa-star" key={index} />
72+
)) // eslint-disable-line
6673
}
6774
</span>
6875
<span className="avg-rating">({data.average_rating} avg)</span>

‎packages/web/examples/MultiDataList/src/index.js

Lines changed: 11 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -61,23 +61,27 @@ class Main extends Component {
6161
return {
6262
title: (
6363
<div className="meetup-title">
64-
{data.member ? data.member.member_name : ''} is going to ${data.event ? data.event.event_name : ''}
64+
{data.member ? data.member.member_name : ''} is going to ${data.event
65+
? data.event.event_name
66+
: ''}
6567
</div>
6668
),
6769
image: data.member.photo,
6870
image_size: 'small',
6971
description: (
7072
<div className="flex column">
7173
<div className="meetup-location">
72-
<span className="location"><i className="fas fa-map-marker-alt" /></span>
74+
<span className="location">
75+
<i className="fas fa-map-marker-alt" />
76+
</span>
7377
{data.group ? data.group.group_city : ''}
7478
</div>
7579
<div className="flex wrap meetup-topics">
76-
{
77-
data.group.group_topics.slice(0, 4).map(tag => (
78-
<div className="meetup-topic" key={tag.topic_name}>{tag.topic_name}</div>
79-
))
80-
}
80+
{data.group.group_topics.slice(0, 4).map(tag => (
81+
<div className="meetup-topic" key={tag.topic_name}>
82+
{tag.topic_name}
83+
</div>
84+
))}
8185
</div>
8286
</div>
8387
),

‎packages/web/examples/MultiDropdownList/src/index.js

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -53,12 +53,16 @@ class Main extends Component {
5353
<div className="book-header">{data.original_title}</div>
5454
<div className="flex column justify-space-between">
5555
<div>
56-
<div>by <span className="authors-list">{data.authors}</span></div>
56+
<div>
57+
by <span className="authors-list">{data.authors}</span>
58+
</div>
5759
<div className="ratings-list flex align-center">
5860
<span className="stars">
59-
{
60-
Array(data.average_rating_rounded).fill('x')
61-
.map((item, index) => <i className="fas fa-star" key={index} />) // eslint-disable-line
61+
{Array(data.average_rating_rounded)
62+
.fill('x')
63+
.map((item, index) => (
64+
<i className="fas fa-star" key={index} />
65+
)) // eslint-disable-line
6266
}
6367
</span>
6468
<span className="avg-rating">({data.average_rating} avg)</span>

0 commit comments

Comments
 (0)