Chore: PRETTIER ALL THE THINGS!!! 🦆🦆🦆

styleguidist · May 11, 2017 · fc6a3ba · fc6a3ba
1 parent 16c5443
commit fc6a3ba
Show file tree

Hide file tree

Showing 132 changed files with 1,285 additions and 1,345 deletions.
diff --git a/bin/styleguidist.js b/bin/styleguidist.js
@@ -56,17 +56,15 @@ function printAllWarnings(warnings, originalWarnings) {
 }
 
 function printStyleguidistError(errors) {
-	const styleguidistError = errors.find(message => message.includes('Module build failed: Error: Styleguidist:'));
+	const styleguidistError = errors.find(message =>
+		message.includes('Module build failed: Error: Styleguidist:')
+	);
 	if (!styleguidistError) {
 		return;
 	}
 
 	const m = styleguidistError.match(/Styleguidist: (.*?)\n/);
-	printErrorWithLink(
-		m[1],
-		'Learn how to configure your style guide:',
-		consts.DOCS_CONFIG
-	);
+	printErrorWithLink(m[1], 'Learn how to configure your style guide:', consts.DOCS_CONFIG);
 	process.exit(1);
 }
 
@@ -75,7 +73,9 @@ function printNoLoaderError(errors) {
 		return;
 	}
 
-	const noLoaderError = errors.find(message => message.includes('You may need an appropriate loader'));
+	const noLoaderError = errors.find(message =>
+		message.includes('You may need an appropriate loader')
+	);
 	if (!noLoaderError) {
 		return;
 	}
@@ -104,18 +104,15 @@ const argv = minimist(process.argv.slice(2));
 let config;
 try {
 	config = getConfig(argv.config);
-}
-catch (err) {
+} catch (err) {
 	if (err instanceof StyleguidistError) {
 		printErrorWithLink(
 			err.message,
-			err.extra + '\n\n' +
-			'Learn how to configure your style guide:',
+			err.extra + '\n\n' + 'Learn how to configure your style guide:',
 			consts.DOCS_CONFIG
 		);
 		process.exit(1);
-	}
-	else {
+	} else {
 		throw err;
 	}
 }
@@ -142,8 +139,7 @@ function commandBuild() {
 		if (err) {
 			console.log(err);
 			process.exit(1);
-		}
-		else {
+		} else {
 			console.log('Style guide published to:');
 			console.log(chalk.underline(config.styleguideDir));
 		}
@@ -169,8 +165,7 @@ function commandServer() {
 				'You can change the port using the `serverPort` option in your style guide config:',
 				consts.DOCS_CONFIG
 			);
-		}
-		else {
+		} else {
 			console.error(chalk.bold.red(err.message));
 			/* istanbul ignore if */
 			if (argv.verbose) {
@@ -185,8 +180,7 @@ function commandServer() {
 	const compiler = server(config, err => {
 		if (err) {
 			console.log(err);
-		}
-		else {
+		} else {
 			console.log('Style guide server started at:');
 			console.log(chalk.underline('http://' + config.serverHost + ':' + config.serverPort));
 			console.log();
@@ -214,20 +208,27 @@ function commandServer() {
 }
 
 function commandHelp() {
-	console.log([
-		chalk.underline('Usage'),
-		'',
-		'    ' + chalk.bold('styleguidist') + ' ' + chalk.cyan('<command>') + ' ' + chalk.yellow('[<options>]'),
-		'',
-		chalk.underline('Commands'),
-		'',
-		'    ' + chalk.cyan('build') + '           Build style guide',
-		'    ' + chalk.cyan('server') + '          Run development server',
-		'    ' + chalk.cyan('help') + '            Display React Styleguidist help',
-		'',
-		chalk.underline('Options'),
-		'',
-		'    ' + chalk.yellow('--config') + '        Config file path',
-		'    ' + chalk.yellow('--verbose') + '       Print debug information',
-	].join('\n'));
+	console.log(
+		[
+			chalk.underline('Usage'),
+			'',
+			'    ' +
+				chalk.bold('styleguidist') +
+				' ' +
+				chalk.cyan('<command>') +
+				' ' +
+				chalk.yellow('[<options>]'),
+			'',
+			chalk.underline('Commands'),
+			'',
+			'    ' + chalk.cyan('build') + '           Build style guide',
+			'    ' + chalk.cyan('server') + '          Run development server',
+			'    ' + chalk.cyan('help') + '            Display React Styleguidist help',
+			'',
+			chalk.underline('Options'),
+			'',
+			'    ' + chalk.yellow('--config') + '        Config file path',
+			'    ' + chalk.yellow('--verbose') + '       Print debug information',
+		].join('\n')
+	);
 }
diff --git a/examples/basic/src/components/Button/Button.js b/examples/basic/src/components/Button/Button.js
@@ -6,20 +6,13 @@ import './Button.css';
 /**
  * The only true button.
  */
-export default function Button({
-	color,
-	size,
-	onClick,
-	children,
-}) {
+export default function Button({ color, size, onClick, children }) {
 	const styles = {
 		color,
 		fontSize: Button.sizes[size],
 	};
 
-	return (
-		<button className="button" style={styles} onClick={onClick}>{children}</button>
-	);
+	return <button className="button" style={styles} onClick={onClick}>{children}</button>;
 }
 Button.propTypes = {
 	/** Button label */
@@ -35,7 +28,7 @@ Button.defaultProps = {
 	color: '#333',
 	size: 'normal',
 	/* eslint-disable no-console */
-	onClick: (event) => {
+	onClick: event => {
 		console.log('You have clicked me!', event.target);
 	},
 	/* eslint-enable no-console */

diff --git a/examples/basic/src/components/Modal/Modal.js b/examples/basic/src/components/Modal/Modal.js
@@ -18,8 +18,6 @@ export default class Modal extends Component {
 				zIndex: 999,
 			},
 		};
-		return (
-			<ReactModal contentLabel="Modal" isOpen={isOpen} style={style}>{children}</ReactModal>
-		);
+		return <ReactModal contentLabel="Modal" isOpen={isOpen} style={style}>{children}</ReactModal>;
 	}
 }
diff --git a/examples/basic/src/components/Placeholder/Placeholder.js b/examples/basic/src/components/Placeholder/Placeholder.js
@@ -8,7 +8,17 @@ import './Placeholder.css';
  */
 export default class Placeholder extends Component {
 	static propTypes = {
-		type: PropTypes.oneOf(['animal', 'bacon', 'beard', 'bear', 'cat', 'food', 'city', 'nature', 'people']),
+		type: PropTypes.oneOf([
+			'animal',
+			'bacon',
+			'beard',
+			'bear',
+			'cat',
+			'food',
+			'city',
+			'nature',
+			'people',
+		]),
 		width: PropTypes.number,
 		height: PropTypes.number,
 	};
@@ -37,8 +47,6 @@ export default class Placeholder extends Component {
 
 	render() {
 		const { width, height } = this.props;
-		return (
-			<img className="placeholder" src={this.getImageUrl()} width={width} height={height} />
-		);
+		return <img className="placeholder" src={this.getImageUrl()} width={width} height={height} />;
 	}
 }
diff --git a/examples/basic/src/components/PushButton/PushButton.js b/examples/basic/src/components/PushButton/PushButton.js
@@ -6,19 +6,13 @@ import './PushButton.css';
 /**
  * An example-less button.
  */
-export default function PushButton({
-	color,
-	size,
-	children,
-}) {
+export default function PushButton({ color, size, children }) {
 	const styles = {
 		color,
 		fontSize: PushButton.sizes[size],
 	};
 
-	return (
-		<button className="push-button" style={styles}>{children}</button>
-	);
+	return <button className="push-button" style={styles}>{children}</button>;
 }
 PushButton.propTypes = {
 	/**

diff --git a/examples/basic/src/components/RandomButton/RandomButton.js b/examples/basic/src/components/RandomButton/RandomButton.js
@@ -30,7 +30,9 @@ export default class RandomButton extends Component {
 
 	render() {
 		return (
-			<button className="random-button" onClick={this.handleClick.bind(this)}>{this.state.label}</button>
+			<button className="random-button" onClick={this.handleClick.bind(this)}>
+				{this.state.label}
+			</button>
 		);
 	}
 }
diff --git a/examples/basic/src/components/WrappedButton/WrappedButton.js b/examples/basic/src/components/WrappedButton/WrappedButton.js
@@ -8,19 +8,13 @@ import PropTypes from 'prop-types';
  * @author [Jeremy Gayed](https://github.com/tizmagik)
  * @deprecated Use the [only true button](#button) instead
  */
-const WrappedButton = ({
-	color,
-	size,
-	children,
-}) => {
+const WrappedButton = ({ color, size, children }) => {
 	const styles = {
 		color,
 		fontSize: WrappedButton.sizes[size],
 	};
 
-	return (
-		<button className="wrapped-button" style={styles}>{children}</button>
-	);
+	return <button className="wrapped-button" style={styles}>{children}</button>;
 };
 WrappedButton.propTypes = {
 	/**
@@ -67,11 +61,11 @@ WrappedButton.sizes = {
 	large: '18px',
 };
 
-
-const Decorator = Composed => class MyHOC extends Component {
-	render() {
-		return <Composed {...this.props} />;
-	}
-};
+const Decorator = Composed =>
+	class MyHOC extends Component {
+		render() {
+			return <Composed {...this.props} />;
+		}
+	};
 
 export default Decorator(WrappedButton);
diff --git a/examples/cra/src/components/Button.js b/examples/cra/src/components/Button.js
@@ -6,19 +6,13 @@ import './Button.css';
 /**
  * The only true button.
  */
-export default function Button({
-	color,
-	size,
-	children,
-}) {
+export default function Button({ color, size, children }) {
 	const styles = {
 		color,
 		fontSize: Button.sizes[size],
 	};
 
-	return (
-		<button className="button" style={styles}>{children}</button>
-	);
+	return <button className="button" style={styles}>{children}</button>;
 }
 Button.propTypes = {
 	/**

diff --git a/examples/cra/src/components/Placeholder.js b/examples/cra/src/components/Placeholder.js
@@ -8,7 +8,17 @@ import './Placeholder.css';
  */
 export default class Placeholder extends Component {
 	static propTypes = {
-		type: PropTypes.oneOf(['animal', 'bacon', 'beard', 'bear', 'cat', 'food', 'city', 'nature', 'people']),
+		type: PropTypes.oneOf([
+			'animal',
+			'bacon',
+			'beard',
+			'bear',
+			'cat',
+			'food',
+			'city',
+			'nature',
+			'people',
+		]),
 		width: PropTypes.number,
 		height: PropTypes.number,
 	};
@@ -38,7 +48,13 @@ export default class Placeholder extends Component {
 	render() {
 		const { type, width, height } = this.props;
 		return (
-			<img className="placeholder" src={this.getImageUrl()} alt={type} width={width} height={height} />
+			<img
+				className="placeholder"
+				src={this.getImageUrl()}
+				alt={type}
+				width={width}
+				height={height}
+			/>
 		);
 	}
 }
diff --git a/examples/cra/src/components/RandomButton.js b/examples/cra/src/components/RandomButton.js
@@ -30,7 +30,9 @@ export default class RandomButton extends Component {
 
 	render() {
 		return (
-			<button className="random-button" onClick={this.handleClick.bind(this)}>{this.state.label}</button>
+			<button className="random-button" onClick={this.handleClick.bind(this)}>
+				{this.state.label}
+			</button>
 		);
 	}
 }
diff --git a/examples/cra/src/index.js b/examples/cra/src/index.js
@@ -3,7 +3,4 @@ import ReactDOM from 'react-dom';
 import App from './App';
 import './index.css';
 
-ReactDOM.render(
-	<App />,
-  document.getElementById('root')
-);
+ReactDOM.render(<App />, document.getElementById('root'));
diff --git a/examples/customised/src/components/Button/Button.js b/examples/customised/src/components/Button/Button.js
@@ -6,19 +6,13 @@ import s from './Button.css';
 /**
  * The only true button.
  */
-export default function Button({
-	color,
-	size,
-	children,
-}) {
+export default function Button({ color, size, children }) {
 	const styles = {
 		color,
 		fontSize: Button.sizes[size],
 	};
 
-	return (
-		<button className={s.root} style={styles}>{children}</button>
-	);
+	return <button className={s.root} style={styles}>{children}</button>;
 }
 Button.propTypes = {
 	/**

diff --git a/examples/customised/src/components/Modal/Modal.js b/examples/customised/src/components/Modal/Modal.js
@@ -18,8 +18,6 @@ export default class Modal extends Component {
 				zIndex: 999,
 			},
 		};
-		return (
-			<ReactModal contentLabel="Modal" isOpen={isOpen} style={style}>{children}</ReactModal>
-		);
+		return <ReactModal contentLabel="Modal" isOpen={isOpen} style={style}>{children}</ReactModal>;
 	}
 }