🎨 add semi-colons

Author: januswel

.prettierrc.yml

@@ -9,7 +9,7 @@ filepath: ''
 printWidth: 120
 tabWidth: 2
 useTabs: false
-semi: false
+semi: true
 singleQuote: true
 quoteProps: as-needed
 trailingComma: all

__mocks__/@react-native-community/async-storage.ts

@@ -1 +1 @@
-export { default } from '@react-native-community/async-storage/jest/async-storage-mock'
+export { default } from '@react-native-community/async-storage/jest/async-storage-mock';

__mocks__/@react-native-firebase/firestore.ts

@@ -1,37 +1,37 @@
 const Collection = {
   doc(_: string) {
-    return Document
+    return Document;
   },
   get(_: string) {
-    return new Promise(resolve => resolve())
+    return new Promise(resolve => resolve());
   },
-}
+};
 
 const Document = {
   collection(_: string) {
-    return Collection
+    return Collection;
   },
   get<T>(_: string) {
-    return new Promise(resolve => resolve({} as T))
+    return new Promise(resolve => resolve({} as T));
   },
   set<T>(_: T) {
-    return new Promise(resolve => resolve())
+    return new Promise(resolve => resolve());
   },
   delete(_: string) {
-    return new Promise(resolve => resolve())
+    return new Promise(resolve => resolve());
   },
   update<T>(_: T) {
-    return new Promise(resolve => resolve())
+    return new Promise(resolve => resolve());
   },
-}
+};
 
 export default function createInstance() {
   return {
     collection(_: string) {
-      return Collection
+      return Collection;
     },
     doc(_: string) {
-      return Document
+      return Document;
     },
-  }
+  };
 }

babel.config.js

@@ -1,3 +1,3 @@
 module.exports = {
   presets: ['module:metro-react-native-babel-preset'],
-}
+};

e2e/firstTest.spec.js

@@ -1,4 +1,4 @@
-import testIDs from "../src/constants/testIDs";
+import testIDs from '../src/constants/testIDs';
 import { elementById, pressBack, elementByLabel } from './lib/utils';
 
 describe('All', () => {
@@ -32,7 +32,7 @@ describe('All', () => {
     });
 
     it('カルーセルの表示は一度きり', async () => {
-      await device.launchApp({newInstance: true});
+      await device.launchApp({ newInstance: true });
 
       await expect(elementById(testIDs.INITIAL)).toBeNotVisible();
       await expect(elementById(testIDs.CHOOSE_LOGIN)).toBeVisible();
@@ -73,11 +73,12 @@ describe('All', () => {
       await elementById(testIDs.SIGN_UP_PASSWORD).typeText(password);
       await elementById(testIDs.SIGN_UP_REGISTER_BUTTON).tap();
 
-      await waitFor(elementById(testIDs.HOME)).toBeVisible().withTimeout(10000);
+      await waitFor(elementById(testIDs.HOME))
+        .toBeVisible()
+        .withTimeout(10000);
       await expect(elementById(testIDs.HOME)).toBeVisible();
     });
 
-
     it('サインアウトできる', async () => {
       await elementById(testIDs.MENU_HEADER_LEFT_BUTTON).tap();
       await elementByLabel('USER_INFO').tap();
@@ -95,12 +96,13 @@ describe('All', () => {
       await elementById(testIDs.SIGN_IN_PASSWORD).typeText(password);
       await elementById(testIDs.SIGN_IN_EMAIL_BUTTON).tap();
 
-      await waitFor(elementById(testIDs.HOME)).toBeVisible().withTimeout(10000);
+      await waitFor(elementById(testIDs.HOME))
+        .toBeVisible()
+        .withTimeout(10000);
       await expect(elementById(testIDs.HOME)).toBeVisible();
     });
   });
 
-
   describe('Todo', function() {
     it('todoを追加できる', async () => {
       await expect(elementById(testIDs.TODO_OPEN_INPUT_BUTTON)).toBeVisible();

e2e/lib/utils.js

@@ -1,16 +1,16 @@
 module.exports = {
-  elementByLabel: (label) => {
+  elementByLabel: label => {
     return element(by.text(label));
   },
-  elementById: (id) => {
+  elementById: id => {
     return element(by.id(id));
   },
   pressBack: () => {
     if (device.getPlatform() === 'android') {
       return device.pressBack();
     } else {
       // react-navigationの戻るボタン
-      return element(by.id("header-back")).tap();
+      return element(by.id('header-back')).tap();
     }
   },
 };

index.js

@@ -1,5 +1,5 @@
-import { AppRegistry } from 'react-native'
-import App from './src/App'
-import { name as appName } from './app.json'
+import { AppRegistry } from 'react-native';
+import App from './src/App';
+import { name as appName } from './app.json';
 
-AppRegistry.registerComponent(appName, () => App)
+AppRegistry.registerComponent(appName, () => App);

metro.config.js

@@ -14,4 +14,4 @@ module.exports = {
       },
     }),
   },
-}
+};

scripts/test-e2e.js

@@ -2,23 +2,22 @@ const { execSync } = require('shell-utils').exec;
 
 const android = process.argv.includes('--android');
 const release = process.argv.includes('--release');
-const skipBuild = process.argv.includes( '--skipBuild');
-const headless = process.argv.includes( '--headless');
-const multi = process.argv.includes( '--multi');
+const skipBuild = process.argv.includes('--skipBuild');
+const headless = process.argv.includes('--headless');
+const multi = process.argv.includes('--multi');
 
 console.log({
   release,
-  skipBuild
+  skipBuild,
 });
 
 function run() {
   const prefix = android ? `android.emu` : `ios.sim`;
   const suffix = release ? `release` : `debug`;
   const configuration = `${prefix}.${suffix}`;
-  const headless$ = android ? headless ? `--headless` : `` : ``;
+  const headless$ = android ? (headless ? `--headless` : ``) : ``;
   const workers = multi ? 3 : 1;
 
-
   if (!skipBuild) {
     execSync(`detox build --configuration ${configuration}`);
   }

src/@types/Navigation/index.d.ts

@@ -1,3 +1,3 @@
-import { NavigationParams, NavigationScreenProp, NavigationState } from '@react-navigation/native'
+import { NavigationParams, NavigationScreenProp, NavigationState } from '@react-navigation/native';
 
-declare type Navigation = NavigationScreenProp<NavigationState, NavigationParams>
+declare type Navigation = NavigationScreenProp<NavigationState, NavigationParams>;

src/@types/image.d.ts

@@ -1,2 +1,2 @@
-declare module '*.png'
-declare module '*.jpg'
+declare module '*.png';
+declare module '*.jpg';

src/App.tsx

@@ -1,29 +1,29 @@
-import React from 'react'
-import { Provider } from 'react-redux'
-import { SafeAreaProvider } from 'react-native-safe-area-context'
-import { Snackbar } from 'react-native-paper'
-import store from './store'
-import * as UiContext from './contexts/ui'
-import * as NetworkContext from './contexts/network'
-import * as UserContext from './contexts/user'
-import Routes from './routes'
-import NetworkPanel from './components/molecules/NetworkPanel'
-import ErrorPanel from './components/molecules/ErrorPanel'
+import React from 'react';
+import { Provider } from 'react-redux';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
+import { Snackbar } from 'react-native-paper';
+import store from './store';
+import * as UiContext from './contexts/ui';
+import * as NetworkContext from './contexts/network';
+import * as UserContext from './contexts/user';
+import Routes from './routes';
+import NetworkPanel from './components/molecules/NetworkPanel';
+import ErrorPanel from './components/molecules/ErrorPanel';
 
 export default function App() {
-  const [error, setError] = React.useState(UiContext.createErrorInitialState())
-  const [snackbar, setSnackbar] = React.useState(UiContext.createSnackbarInitialState())
-  const [applicationState, setApplicationState] = React.useState(UiContext.createApplicationInitialState())
+  const [error, setError] = React.useState(UiContext.createErrorInitialState());
+  const [snackbar, setSnackbar] = React.useState(UiContext.createSnackbarInitialState());
+  const [applicationState, setApplicationState] = React.useState(UiContext.createApplicationInitialState());
   const onDismiss = React.useCallback(() => {
-    setSnackbar(UiContext.createSnackbarInitialState())
-  }, [])
+    setSnackbar(UiContext.createSnackbarInitialState());
+  }, []);
 
   const [networkState, dispatchNetworkActions] = React.useReducer(
     NetworkContext.reducer,
     NetworkContext.createInitialState(),
-  )
+  );
 
-  const [userState, setUserState] = React.useState(UserContext.createInitialState())
+  const [userState, setUserState] = React.useState(UserContext.createInitialState());
 
   return (
     <Provider store={store}>
@@ -48,5 +48,5 @@ export default function App() {
         </UiContext.Context.Provider>
       </SafeAreaProvider>
     </Provider>
-  )
+  );
 }

src/components/atoms/Avatar.tsx

@@ -1,14 +1,14 @@
-import React from 'react'
-import { Avatar as PaperAvatar } from 'react-native-paper'
-import { ImageSourcePropType, ViewStyle } from 'react-native'
+import React from 'react';
+import { Avatar as PaperAvatar } from 'react-native-paper';
+import { ImageSourcePropType, ViewStyle } from 'react-native';
 
 interface Props {
-  size?: number
-  source: ImageSourcePropType
-  style?: ViewStyle | ViewStyle[]
+  size?: number;
+  source: ImageSourcePropType;
+  style?: ViewStyle | ViewStyle[];
 }
 
 export default function Avatar(props: Props) {
-  const { size = 220, source, style } = props
-  return <PaperAvatar.Image size={size} source={source} style={style} />
+  const { size = 220, source, style } = props;
+  return <PaperAvatar.Image size={size} source={source} style={style} />;
 }

src/components/atoms/Button.tsx

@@ -1,26 +1,26 @@
-import * as React from 'react'
-import { StyleSheet, Text, TextStyle, ViewStyle } from 'react-native'
-import { Button as PaperButton } from 'react-native-paper'
-import { COLOR } from '../../constants/theme'
+import * as React from 'react';
+import { StyleSheet, Text, TextStyle, ViewStyle } from 'react-native';
+import { Button as PaperButton } from 'react-native-paper';
+import { COLOR } from '../../constants/theme';
 
 const styles = StyleSheet.create({
   text: {
     fontSize: 18,
     fontWeight: '900',
     color: COLOR.WHITE,
   },
-})
+});
 
 interface Props {
-  onPress: () => void
-  style?: ViewStyle | ViewStyle[]
-  textStyle?: TextStyle
-  label?: string
-  color?: string
-  disabled?: boolean
-  disabledColor?: string
-  testID?: string
-  icon?: string
+  onPress: () => void;
+  style?: ViewStyle | ViewStyle[];
+  textStyle?: TextStyle;
+  label?: string;
+  color?: string;
+  disabled?: boolean;
+  disabledColor?: string;
+  testID?: string;
+  icon?: string;
 }
 
 export default function Button(props: Props) {
@@ -34,7 +34,7 @@ export default function Button(props: Props) {
     disabledColor = COLOR.MAIN_LIGHT,
     testID,
     icon,
-  } = props
+  } = props;
   return (
     <PaperButton
       mode="contained"
@@ -49,5 +49,5 @@ export default function Button(props: Props) {
     >
       {label && <Text style={[styles.text, textStyle]}>{label}</Text>}
     </PaperButton>
-  )
+  );
 }

src/components/atoms/HeaderText.tsx

@@ -1,19 +1,19 @@
-import React from 'react'
-import { Text, StyleSheet } from 'react-native'
-import { COLOR } from '../../constants/theme'
+import React from 'react';
+import { Text, StyleSheet } from 'react-native';
+import { COLOR } from '../../constants/theme';
 
 const styles = StyleSheet.create({
   headerText: {
     color: COLOR.WHITE,
     fontSize: 24,
   },
-})
+});
 
 interface Props {
-  text: string
+  text: string;
 }
 
 export default function HeaderText(props: Props) {
-  const { text } = props
-  return <Text style={styles.headerText}>{text}</Text>
+  const { text } = props;
+  return <Text style={styles.headerText}>{text}</Text>;
 }

src/components/atoms/IconButton.tsx

@@ -1,7 +1,7 @@
-import React from 'react'
-import { IconButton as PaperIconButton } from 'react-native-paper'
-import { StyleSheet, ViewStyle } from 'react-native'
-import { COLOR } from '../../constants/theme'
+import React from 'react';
+import { IconButton as PaperIconButton } from 'react-native-paper';
+import { StyleSheet, ViewStyle } from 'react-native';
+import { COLOR } from '../../constants/theme';
 
 const styles = StyleSheet.create({
   button: {
@@ -12,19 +12,19 @@ const styles = StyleSheet.create({
     borderRadius: 0,
     margin: 0,
   },
-})
+});
 
 interface Props {
-  icon: string
-  onPress: () => void
-  style?: ViewStyle | ViewStyle[]
-  testID?: string
-  iconColor?: string
-  size?: number
+  icon: string;
+  onPress: () => void;
+  style?: ViewStyle | ViewStyle[];
+  testID?: string;
+  iconColor?: string;
+  size?: number;
 }
 
 export default function IconButton(props: Props) {
-  const { icon, onPress, style, testID, iconColor = COLOR.WHITE, size = 18 } = props
+  const { icon, onPress, style, testID, iconColor = COLOR.WHITE, size = 18 } = props;
 
   return (
     <PaperIconButton
@@ -35,5 +35,5 @@ export default function IconButton(props: Props) {
       icon={icon}
       testID={testID}
     />
-  )
+  );
 }