Upgrade prettier

MoOx · Sep 5, 2017 · 7393fad · 7393fad
1 parent 999ce64
commit 7393fad
Show file tree

Hide file tree

Showing 94 changed files with 573 additions and 679 deletions.
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1 @@
+.gitignore
diff --git a/docs/App.js b/docs/App.js
@@ -14,7 +14,7 @@ import PageError from "./components/PageError";
 import NewsItem from "./components/News/NewsItem";
 import NewsList from "./components/News/NewsList";
 
-const routes = () =>
+const routes = () => (
   <Router history={browserHistory}>
     <Route component={Wrapper}>
       <Route path="/" component={Home} />
@@ -34,7 +34,8 @@ const routes = () =>
       <Route path="404.html" component={PageError} />
       <Route path="*" component={PageError} />
     </Route>
-  </Router>;
+  </Router>
+);
 
 export default createApp(routes);
 

diff --git a/docs/Html.js b/docs/Html.js
@@ -12,11 +12,11 @@ const Html = ({ App, render }: PhenomicHtmlPropsType) => {
         {helmet.title.toComponent()}
         {helmet.base.toComponent()}
         <Style />
-        {StyleSheet.getStyleSheets().map(({ id, textContent }) =>
+        {StyleSheet.getStyleSheets().map(({ id, textContent }) => (
           <style key={id} id={id}>
             {textContent}
           </style>
-        )}
+        ))}
         {helmet.link.toComponent()}
         {helmet.style.toComponent()}
         {helmet.script.toComponent()}

diff --git a/docs/components/ActivityIndicator/index.js b/docs/components/ActivityIndicator/index.js
@@ -1,8 +1,7 @@
 import React from "react";
 
-const devicePixelRatio = typeof window === "undefined"
-  ? 1
-  : window.devicePixelRatio || 1;
+const devicePixelRatio =
+  typeof window === "undefined" ? 1 : window.devicePixelRatio || 1;
 
 const tupleToColor = (param, alpha) => `rgba(${param.join(",")}, ${alpha})`;
 

diff --git a/docs/components/BackgroundGradient/index.web.js b/docs/components/BackgroundGradient/index.web.js
@@ -10,7 +10,7 @@ type PropsType = {
   style: any,
   children?: React$Element<any>
 };
-const BackgroundGradient = (props: PropsType) =>
+const BackgroundGradient = (props: PropsType) => (
   <div
     style={{
       ...rawStyles,
@@ -19,7 +19,8 @@ const BackgroundGradient = (props: PropsType) =>
     className={props.style && StyleSheet.resolve(props.style).className}
   >
     {props.children}
-  </div>;
+  </div>
+);
 
 const rawStyles = {
   display: "flex",

diff --git a/docs/components/BodyContainer/index.js b/docs/components/BodyContainer/index.js
@@ -1,8 +1,9 @@
 import React from "react";
 import { StyleSheet, View } from "react-primitives";
 
-const BodyContainer = (props: Object) =>
-  <View style={[props.style, styles.container]}>{props.children}</View>;
+const BodyContainer = (props: Object) => (
+  <View style={[props.style, styles.container]}>{props.children}</View>
+);
 
 const styles = StyleSheet.create({
   container: {

diff --git a/docs/components/Browser/index.js b/docs/components/Browser/index.js
@@ -3,19 +3,18 @@ import { StyleSheet, View } from "react-primitives";
 
 /* eslint-disable react-native/no-inline-styles */
 
-const Browser = (props: Object) =>
+const Browser = (props: Object) => (
   <View style={[props.style, styles.editor]}>
     <View style={styles.header}>
       <View style={[styles.bullet, { backgroundColor: "#FC4948" }]} />
       <View style={[styles.bullet, { backgroundColor: "#FDB424" }]} />
       <View style={[styles.bullet, { backgroundColor: "#29C231" }]} />
     </View>
     <View style={styles.content}>
-      <View style={styles.contentContainer}>
-        {props.children}
-      </View>
+      <View style={styles.contentContainer}>{props.children}</View>
     </View>
-  </View>;
+  </View>
+);
 
 const radius = 4;
 const padding = 8;

diff --git a/docs/components/Editor/index.js b/docs/components/Editor/index.js
@@ -1,15 +1,16 @@
 import React from "react";
 import { StyleSheet, View, Text } from "react-primitives";
 
-const Editor = (props: Object) =>
+const Editor = (props: Object) => (
   <View style={styles.editor}>
     <View style={styles.header}>
       <Text style={styles.headerText}>{props.header}</Text>
     </View>
     <View style={styles.content}>
       <pre style={rawStyles.contentPre}>{props.children}</pre>
     </View>
-  </View>;
+  </View>
+);
 
 const radius = 4;
 const padding = 8;

diff --git a/docs/components/Flex/index.js b/docs/components/Flex/index.js
@@ -1,10 +1,9 @@
 import React from "react";
 import { StyleSheet, View } from "react-primitives";
 
-const Flex = (props: Object) =>
-  <View style={[props.style, styles.flex]}>
-    {props.children}
-  </View>;
+const Flex = (props: Object) => (
+  <View style={[props.style, styles.flex]}>{props.children}</View>
+);
 
 const styles = StyleSheet.create({
   flex: {

diff --git a/docs/components/Footer/NavBar.js b/docs/components/Footer/NavBar.js
@@ -4,7 +4,7 @@ import { View, Text, StyleSheet } from "react-primitives";
 import Link from "../Link";
 import Spacer from "../Spacer";
 
-const HeaderNavBar = () =>
+const HeaderNavBar = () => (
   <View style={styles.header}>
     <View style={styles.row}>
       <Link to="/" style={styles.text}>
@@ -18,33 +18,24 @@ const HeaderNavBar = () =>
         style={styles.link}
         activeStyle={styles.linkActive}
       >
-        <Text style={styles.linkText}>
-          {"Getting started"}
-        </Text>
+        <Text style={styles.linkText}>{"Getting started"}</Text>
       </Link>
       <Link to="/showcase" style={styles.link} activeStyle={styles.linkActive}>
-        <Text style={[styles.linkText, styles.linkBold]}>
-          {"Showcase"}
-        </Text>
+        <Text style={[styles.linkText, styles.linkBold]}>{"Showcase"}</Text>
       </Link>
       <Text>{" | "}</Text>
       <Link href="https://github.com/phenomic/phenomic" style={styles.link}>
-        <Text style={styles.linkText}>
-          {"GitHub"}
-        </Text>
+        <Text style={styles.linkText}>{"GitHub"}</Text>
       </Link>
       <Link href="https://twitter.com/Phenomic_app" style={styles.link}>
-        <Text style={styles.linkText}>
-          {"Twitter"}
-        </Text>
+        <Text style={styles.linkText}>{"Twitter"}</Text>
       </Link>
       <Link href="https://gitter.im/MoOx/phenomic" style={styles.link}>
-        <Text style={styles.linkText}>
-          {"Chat"}
-        </Text>
+        <Text style={styles.linkText}>{"Chat"}</Text>
       </Link>
     </View>
-  </View>;
+  </View>
+);
 
 const styles = StyleSheet.create({
   header: {

diff --git a/docs/components/Footer/index.js b/docs/components/Footer/index.js
@@ -6,12 +6,13 @@ import BackgroundGradient from "../BackgroundGradient";
 
 import FooterNavBar from "./NavBar";
 
-const Footer = (props: Object) =>
+const Footer = (props: Object) => (
   <BackgroundGradient style={props.style} start="#2A2A2A" end="#121212">
     <BodyContainer style={styles.hero}>
       <FooterNavBar />
     </BodyContainer>
-  </BackgroundGradient>;
+  </BackgroundGradient>
+);
 
 const styles = StyleSheet.create({
   hero: {

diff --git a/docs/components/GettingStarted/index.js b/docs/components/GettingStarted/index.js
@@ -8,13 +8,11 @@ import Header from "../Header";
 import Footer from "../Footer";
 import BodyContainer from "../BodyContainer";
 
-const GettingStarted = () =>
+const GettingStarted = () => (
   <Flex>
     <Header title={"Getting started with Phenomic"} />
     <BodyContainer style={styles.page}>
-      <View style={styles.row}>
-        {"Start by choosing your ecosystem"}
-      </View>
+      <View style={styles.row}>{"Start by choosing your ecosystem"}</View>
       <View style={styles.logos}>
         <Link
           style={styles.logo}
@@ -23,9 +21,7 @@ const GettingStarted = () =>
           <View style={styles.img}>
             <img src="/assets/react.svg" height="128" />
           </View>
-          <Text style={styles.logoTitle}>
-            {"React"}
-          </Text>
+          <Text style={styles.logoTitle}>{"React"}</Text>
         </Link>
         <Link
           style={styles.logo}
@@ -34,9 +30,7 @@ const GettingStarted = () =>
           <View style={styles.img}>
             <img src="/assets/reason-react.svg" height="128" />
           </View>
-          <Text style={styles.logoTitle}>
-            {"ReasonReact"}
-          </Text>
+          <Text style={styles.logoTitle}>{"ReasonReact"}</Text>
         </Link>
         <Link
           style={styles.logo}
@@ -45,9 +39,7 @@ const GettingStarted = () =>
           <View style={[styles.img, styles.todo]}>
             <img src="/assets/preact.svg" height="128" />
           </View>
-          <Text style={styles.logoTitle}>
-            {"PREACT"}
-          </Text>
+          <Text style={styles.logoTitle}>{"PREACT"}</Text>
         </Link>
         <Link
           style={styles.logo}
@@ -56,9 +48,7 @@ const GettingStarted = () =>
           <View style={[styles.img, styles.todo]}>
             <img src="/assets/Next.js.svg" height="128" />
           </View>
-          <Text style={styles.logoTitle}>
-            {"Next.js"}
-          </Text>
+          <Text style={styles.logoTitle}>{"Next.js"}</Text>
         </Link>
         <Link
           style={styles.logo}
@@ -67,9 +57,7 @@ const GettingStarted = () =>
           <View style={[styles.img, styles.todo]}>
             <img src="/assets/vue.svg" height="96" />
           </View>
-          <Text style={styles.logoTitle}>
-            {"Vue"}
-          </Text>
+          <Text style={styles.logoTitle}>{"Vue"}</Text>
         </Link>
         <Link
           style={styles.logo}
@@ -78,9 +66,7 @@ const GettingStarted = () =>
           <View style={[styles.img, styles.todo]}>
             <img src="/assets/angular.svg" height="128" />
           </View>
-          <Text style={styles.logoTitle}>
-            {"Angular"}
-          </Text>
+          <Text style={styles.logoTitle}>{"Angular"}</Text>
         </Link>
       </View>
       <View style={styles.row}>
@@ -93,7 +79,8 @@ const GettingStarted = () =>
     </BodyContainer>
     <Spacer large />
     <Footer />
-  </Flex>;
+  </Flex>
+);
 
 const styles = StyleSheet.create({
   page: {

diff --git a/docs/components/Header/NavBar.js b/docs/components/Header/NavBar.js
@@ -5,7 +5,7 @@ import Link from "../Link";
 import Spacer from "../Spacer";
 import { version } from "../../../lerna.json";
 
-const HeaderNavBar = () =>
+const HeaderNavBar = () => (
   <View style={styles.header}>
     <View style={styles.logo}>
       <Link to="/" style={styles.text}>
@@ -25,38 +25,27 @@ const HeaderNavBar = () =>
         style={styles.link}
         activeStyle={styles.linkActive}
       >
-        <Text style={styles.linkText}>
-          {"Getting started"}
-        </Text>
+        <Text style={styles.linkText}>{"Getting started"}</Text>
       </Link>
       <Link to="/news" style={styles.link} activeStyle={styles.linkActive}>
-        <Text style={[styles.linkText]}>
-          {"News"}
-        </Text>
+        <Text style={[styles.linkText]}>{"News"}</Text>
       </Link>
       <Link to="/showcase" style={styles.link} activeStyle={styles.linkActive}>
-        <Text style={[styles.linkText, styles.linkBold]}>
-          {"Showcase"}
-        </Text>
+        <Text style={[styles.linkText, styles.linkBold]}>{"Showcase"}</Text>
       </Link>
       <Text style={styles.pipe}>{" | "}</Text>
       <Link href="https://github.com/phenomic/phenomic" style={styles.link}>
-        <Text style={styles.linkText}>
-          {"GitHub"}
-        </Text>
+        <Text style={styles.linkText}>{"GitHub"}</Text>
       </Link>
       <Link href="https://twitter.com/Phenomic_app" style={styles.link}>
-        <Text style={styles.linkText}>
-          {"Twitter"}
-        </Text>
+        <Text style={styles.linkText}>{"Twitter"}</Text>
       </Link>
       <Link href="https://gitter.im/MoOx/phenomic" style={styles.link}>
-        <Text style={styles.linkText}>
-          {"Chat"}
-        </Text>
+        <Text style={styles.linkText}>{"Chat"}</Text>
       </Link>
     </View>
-  </View>;
+  </View>
+);
 
 const styles = StyleSheet.create({
   header: {

diff --git a/docs/components/Header/index.js b/docs/components/Header/index.js
@@ -7,16 +7,19 @@ import BackgroundGradient from "../BackgroundGradient";
 
 import HeaderNavBar from "./NavBar";
 
-const Header = (props: Object) =>
+const Header = (props: Object) => (
   <BackgroundGradient style={props.style} start="#006BF6" end="#10E951">
     <HeaderNavBar />
     <BodyContainer style={styles.hero}>
-      <Head><title>{props.headTitle || props.title}</title></Head>
+      <Head>
+        <title>{props.headTitle || props.title}</title>
+      </Head>
       {/* @todo h1 or shit */}
       <Text style={styles.heroText}>{props.title}</Text>
       {props.children && <View style={styles.children}>{props.children}</View>}
     </BodyContainer>
-  </BackgroundGradient>;
+  </BackgroundGradient>
+);
 
 const styles = StyleSheet.create({
   hero: {

diff --git a/docs/components/Home/CodeExample.js b/docs/components/Home/CodeExample.js
@@ -4,7 +4,7 @@ import { StyleSheet, View, Text } from "react-primitives";
 import Editor from "../Editor";
 import Spacer from "../Spacer";
 
-const CodeExample = () =>
+const CodeExample = () => (
   <View>
     <View style={styles.row}>
       <View style={styles.item}>
@@ -73,7 +73,8 @@ Done!
 $ # Deploy`}</Editor>
       </View>
     </View>
-  </View>;
+  </View>
+);
 
 const styles = StyleSheet.create({
   row: {