Update prettier and reformat code

Author: necolas

.prettierignore

@@ -2,4 +2,4 @@ coverage
 dist
 node_modules
 packages/**/vendor/*
-packages/examples
+packages/examples/.next

babel.config.js

@@ -1,4 +1,4 @@
-module.exports = function(api) {
+module.exports = function (api) {
   api.cache(true);
 
   return {

package.json

@@ -60,7 +60,7 @@
     "jest-canvas-mock": "^2.3.1",
     "lint-staged": "^9.4.2",
     "npm-run-all": "^4.1.3",
-    "prettier": "^1.18.2",
+    "prettier": "^2.2.1",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "react-test-renderer": "^17.0.1"
@@ -82,7 +82,8 @@
   },
   "prettier": {
     "printWidth": 100,
-    "singleQuote": true
+    "singleQuote": true,
+    "trailingComma": "none"
   },
   "author": "Nicolas Gallagher",
   "license": "MIT"

packages/babel-plugin-react-native-web/src/index.js

@@ -1,6 +1,6 @@
 const moduleMap = require('./moduleMap');
 
-const isCommonJS = opts => opts.commonjs === true;
+const isCommonJS = (opts) => opts.commonjs === true;
 
 const getDistLocation = (importName, opts) => {
   const format = isCommonJS(opts) ? 'cjs/' : '';
@@ -33,15 +33,15 @@ const isReactNativeModule = ({ source, specifiers }) =>
   (source.value === 'react-native' || source.value === 'react-native-web') &&
   specifiers.length;
 
-module.exports = function({ types: t }) {
+module.exports = function ({ types: t }) {
   return {
     name: 'Rewrite react-native to react-native-web',
     visitor: {
       ImportDeclaration(path, state) {
         const { specifiers } = path.node;
         if (isReactNativeModule(path.node)) {
           const imports = specifiers
-            .map(specifier => {
+            .map((specifier) => {
               if (t.isImportSpecifier(specifier)) {
                 const importName = specifier.imported.name;
                 const distLocation = getDistLocation(importName, state.opts);
@@ -67,7 +67,7 @@ module.exports = function({ types: t }) {
         const { specifiers } = path.node;
         if (isReactNativeModule(path.node)) {
           const exports = specifiers
-            .map(specifier => {
+            .map((specifier) => {
               if (t.isExportSpecifier(specifier)) {
                 const exportName = specifier.exported.name;
                 const localName = specifier.local.name;
@@ -97,7 +97,7 @@ module.exports = function({ types: t }) {
           const { id } = path.node.declarations[0];
           if (t.isObjectPattern(id)) {
             const imports = id.properties
-              .map(identifier => {
+              .map((identifier) => {
                 const distLocation = getDistLocation(identifier.key.name, state.opts);
                 if (distLocation) {
                   return t.variableDeclaration(path.node.kind, [

packages/benchmarks/src/app/App.js

@@ -45,7 +45,7 @@ export default class App extends Component {
                   selectedValue={currentLibraryName}
                   style={styles.picker}
                 >
-                  {Object.keys(tests[currentBenchmarkName]).map(libraryName => (
+                  {Object.keys(tests[currentBenchmarkName]).map((libraryName) => (
                     <Picker.Item key={libraryName} label={libraryName} value={libraryName} />
                   ))}
                 </Picker>
@@ -60,7 +60,7 @@ export default class App extends Component {
                   selectedValue={currentBenchmarkName}
                   style={styles.picker}
                 >
-                  {Object.keys(tests).map(test => (
+                  {Object.keys(tests).map((test) => (
                     <Picker.Item key={test} label={test} value={test} />
                   ))}
                 </Picker>
@@ -156,11 +156,11 @@ export default class App extends Component {
     );
   }
 
-  _handleChangeBenchmark = value => {
+  _handleChangeBenchmark = (value) => {
     this.setState(() => ({ currentBenchmarkName: value }));
   };
 
-  _handleChangeLibrary = value => {
+  _handleChangeLibrary = (value) => {
     this.setState(() => ({ currentLibraryName: value }));
   };
 
@@ -187,9 +187,9 @@ export default class App extends Component {
     }
   };
 
-  _createHandleComplete = ({ benchmarkName, libraryName, sampleCount }) => results => {
+  _createHandleComplete = ({ benchmarkName, libraryName, sampleCount }) => (results) => {
     this.setState(
-      state => ({
+      (state) => ({
         results: state.results.concat([
           {
             ...results,
@@ -210,15 +210,15 @@ export default class App extends Component {
     this.setState(() => ({ results: [] }));
   };
 
-  _setBenchRef = ref => {
+  _setBenchRef = (ref) => {
     this._benchmarkRef = ref;
   };
 
-  _setBenchWrapperRef = ref => {
+  _setBenchWrapperRef = (ref) => {
     this._benchWrapperRef = ref;
   };
 
-  _setScrollRef = ref => {
+  _setScrollRef = (ref) => {
     this._scrollRef = ref;
   };
 

packages/benchmarks/src/app/Benchmark/index.js

@@ -119,7 +119,7 @@ export default class Benchmark extends Component<BenchmarkPropsType, BenchmarkSt
 
   componentWillReceiveProps(nextProps: BenchmarkPropsType) {
     if (nextProps) {
-      this.setState(state => ({ componentProps: nextProps.getComponentProps(state.cycle) }));
+      this.setState((state) => ({ componentProps: nextProps.getComponentProps(state.cycle) }));
     }
   }
 

packages/benchmarks/src/app/Icons.js

@@ -13,15 +13,12 @@ const styles = StyleSheet.create({
   }
 });
 
-const createIcon = children => {
-  const Icon = props =>
+const createIcon = (children) => {
+  const Icon = (props) =>
     createElement(
       'svg',
       {
-        style: StyleSheet.compose(
-          styles.root,
-          props.style
-        ),
+        style: StyleSheet.compose(styles.root, props.style),
         width: 24,
         height: 24,
         viewBox: '0 0 24 24'

packages/benchmarks/src/app/theme.js

@@ -4,7 +4,7 @@ import { Dimensions, Platform } from 'react-native';
 const baseFontSize = 14;
 const baseUnit = 1.3125;
 
-const createPlatformLength = multiplier =>
+const createPlatformLength = (multiplier) =>
   Platform.select({ web: `${multiplier}rem`, default: multiplier * baseFontSize });
 
 /**
@@ -87,15 +87,15 @@ export const spaces = {
 if (Platform.OS === 'web' && canUseDOM) {
   const { medium, large } = breakpoints;
   const htmlElement = document.documentElement;
-  const setFontSize = width => {
+  const setFontSize = (width) => {
     const fontSize = width > medium ? (width > large ? '18px' : '17px') : '16px';
     if (htmlElement) {
       htmlElement.style.fontSize = fontSize;
     }
   };
 
   setFontSize(Dimensions.get('window').width);
-  Dimensions.addEventListener('change', dimensions => {
+  Dimensions.addEventListener('change', (dimensions) => {
     setFontSize(dimensions.window.width);
   });
 }

packages/benchmarks/src/impl.js

@@ -21,7 +21,7 @@ type ImplementationType = {
 };
 
 const toImplementations = (context: Object): Array<ImplementationType> =>
-  context.keys().map(path => {
+  context.keys().map((path) => {
     const components = context(path).default;
     const name = path.split('/')[1];
     const version = dependencies[name] || '';

packages/benchmarks/src/implementations/inline-styles/View.js

@@ -11,15 +11,7 @@ const compose = (s1, s2) => {
 class View extends React.Component {
   render() {
     const { style, ...other } = this.props;
-    return (
-      <div
-        {...other}
-        style={compose(
-          viewStyle,
-          style
-        )}
-      />
-    );
+    return <div {...other} style={compose(viewStyle, style)} />;
   }
 }