Skip to content

Commit 7687e24

Browse files
joshwnjjoshwnj
committed
Add prettier with precommit hook for consistent formatting
1 parent cd0f61d commit 7687e24

9 files changed

+1237
-274
lines changed

‎example-umd/main.js

Lines changed: 34 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,48 +1,56 @@
1-
'use strict';
1+
"use strict";
22

33
class Example extends React.Component {
44
constructor(props) {
55
super(props);
66
this.state = {
7-
msg: ''
7+
msg: ""
88
};
99

1010
this.onChange = this.onChange.bind(this);
1111
}
1212

1313
onChange(isVisible) {
1414
this.setState({
15-
msg: 'Element is now ' + (isVisible ? 'visible' : 'hidden')
15+
msg: "Element is now " + (isVisible ? "visible" : "hidden")
1616
});
1717
}
1818

1919
render() {
20-
return (
21-
React.createElement("div", null,
22-
React.createElement("p", {className: "msg"}, this.state.msg),
23-
React.createElement("div", {className: "before"}),
24-
React.createElement(VisibilitySensor, {
25-
containment: this.props.containment,
26-
onChange: this.onChange,
27-
minTopValue: this.props.minTopValue,
28-
partialVisibility: this.props.partialVisibility
29-
},
30-
React.createElement("div", {className: "sensor"})
31-
),
32-
React.createElement("div", {className: "after"})
33-
)
34-
)
20+
return React.createElement(
21+
"div",
22+
null,
23+
React.createElement("p", { className: "msg" }, this.state.msg),
24+
React.createElement("div", { className: "before" }),
25+
React.createElement(
26+
VisibilitySensor,
27+
{
28+
containment: this.props.containment,
29+
onChange: this.onChange,
30+
minTopValue: this.props.minTopValue,
31+
partialVisibility: this.props.partialVisibility
32+
},
33+
React.createElement("div", { className: "sensor" })
34+
),
35+
React.createElement("div", { className: "after" })
36+
);
3537
}
3638
}
3739

38-
ReactDOM.render(React.createElement(Example), document.getElementById('example'));
40+
ReactDOM.render(
41+
React.createElement(Example),
42+
document.getElementById("example")
43+
);
3944

40-
var container = document.getElementById('example-container');
41-
var elem = container.querySelector('.inner');
45+
var container = document.getElementById("example-container");
46+
var elem = container.querySelector(".inner");
4247
container.scrollTop = 320;
4348
container.scrollLeft = 320;
44-
ReactDOM.render(React.createElement(Example, {
45-
containment: container,
46-
minTopValue: 10,
47-
partialVisibility: true
48-
}), elem);
49+
ReactDOM.render(
50+
React.createElement(Example, {
51+
containment: container,
52+
minTopValue: 10,
53+
partialVisibility: true
54+
}),
55+
elem
56+
);

‎example/main.js

Lines changed: 29 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,29 @@
1-
'use strict';
1+
"use strict";
22

3-
import React from 'react';
4-
import ReactDOM from 'react-dom';
5-
import VisibilitySensor from '../visibility-sensor';
3+
import React from "react";
4+
import ReactDOM from "react-dom";
5+
import VisibilitySensor from "../visibility-sensor";
66

77
class Example extends React.Component {
8-
98
constructor(props) {
109
super(props);
1110

1211
this.state = {
13-
msg: ''
12+
msg: ""
1413
};
1514
}
1615

17-
onChange = (isVisible) => {
16+
onChange = isVisible => {
1817
this.setState({
19-
msg: 'Element is now ' + (isVisible ? 'visible' : 'hidden')
18+
msg: "Element is now " + (isVisible ? "visible" : "hidden")
2019
});
21-
}
20+
};
2221

2322
render() {
2423
return (
2524
<div>
26-
<p className='msg'>{this.state.msg}</p>
27-
<div className='before'></div>
25+
<p className="msg">{this.state.msg}</p>
26+
<div className="before" />
2827
<VisibilitySensor
2928
scrollCheck
3029
scrollThrottle={100}
@@ -33,25 +32,32 @@ class Example extends React.Component {
3332
onChange={this.onChange}
3433
minTopValue={this.props.minTopValue}
3534
partialVisibility={this.props.partialVisibility}
36-
offset={this.props.offset}>
37-
<div className='sensor' />
35+
offset={this.props.offset}
36+
>
37+
<div className="sensor" />
3838
</VisibilitySensor>
39-
<div className='after'></div>
39+
<div className="after" />
4040
</div>
41-
)
41+
);
4242
}
4343
}
4444

45-
ReactDOM.render(React.createElement(Example), document.getElementById('example'));
45+
ReactDOM.render(
46+
React.createElement(Example),
47+
document.getElementById("example")
48+
);
4649

47-
var container = document.getElementById('example-container');
48-
var elem = container.querySelector('.inner');
50+
var container = document.getElementById("example-container");
51+
var elem = container.querySelector(".inner");
4952

5053
container.scrollTop = 320;
5154
container.scrollLeft = 320;
5255

53-
ReactDOM.render(React.createElement(Example, {
54-
containment: container,
55-
minTopValue: 10,
56-
partialVisibility: true
57-
}), elem);
56+
ReactDOM.render(
57+
React.createElement(Example, {
58+
containment: container,
59+
minTopValue: 10,
60+
partialVisibility: true
61+
}),
62+
elem
63+
);

‎karma.conf.js

Lines changed: 8 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -3,59 +3,45 @@
33

44
module.exports = function(config) {
55
config.set({
6-
76
// base path that will be used to resolve all patterns (eg. files, exclude)
8-
basePath: '',
9-
7+
basePath: "",
108

119
// frameworks to use
1210
// available frameworks: https://npmjs.org/browse/keyword/karma-adapter
13-
frameworks: ['mocha'],
14-
11+
frameworks: ["mocha"],
1512

1613
// list of files / patterns to load in the browser
17-
files: [
18-
'./tests/bundle.js'
19-
],
20-
14+
files: ["./tests/bundle.js"],
2115

2216
// list of files to exclude
23-
exclude: [
24-
],
17+
exclude: [],
2518

2619
// test results reporter to use
2720
// possible values: 'dots', 'progress'
2821
// available reporters: https://npmjs.org/browse/keyword/karma-reporter
29-
reporters: ['progress'],
30-
22+
reporters: ["progress"],
3123

3224
// web server port
3325
port: 9876,
3426

35-
3627
// enable / disable colors in the output (reporters and logs)
3728
colors: true,
3829

39-
4030
// level of logging
4131
// possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
4232
logLevel: config.LOG_INFO,
4333

44-
4534
// enable / disable watching file and executing tests whenever any file changes
4635
autoWatch: false,
4736

48-
4937
// start these browsers
5038
// available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
51-
browsers: [
52-
process.env.TRAVIS === "true" ? 'Chrome_travis_ci' : 'Chrome'
53-
],
39+
browsers: [process.env.TRAVIS === "true" ? "Chrome_travis_ci" : "Chrome"],
5440

5541
customLaunchers: {
5642
Chrome_travis_ci: {
57-
base: 'Chrome',
58-
flags: ['--no-sandbox']
43+
base: "Chrome",
44+
flags: ["--no-sandbox"]
5945
}
6046
},
6147

0 commit comments

Comments
 (0)