Refactor type-only imports to TS 3.8 syntax (create transformer/lint rule pronto)

Ref: https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-8.html#type-only-imports-and-export

Author: leotm

node.ts

@@ -1,5 +1,6 @@
 /* eslint-disable import/no-extraneous-dependencies */
-import { Application, Context } from '@curveball/core'
+
+import { type Context, Application } from '@curveball/core'
 import router from '@curveball/router'
 
 const app = new Application()

src/index.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable react-native/no-raw-text */
 // https://github.com/Intellicode/eslint-plugin-react-native/issues/271
 
-import { FC } from 'react'
+import type { FC } from 'react'
 import {
   SafeAreaView,
   ScrollView,
@@ -110,7 +110,7 @@ const styles = StyleSheet.create({
   }
 })
 
-export default false ? StorybookUIRoot : App
+export default true ? StorybookUIRoot : App
 
 // export default Reactotron.storybookSwitcher(storybook)(App)
 // https://github.com/infinitered/reactotron/issues/1160

storybook/stories/Button/index.android.tsx

@@ -1,4 +1,4 @@
-import { FC } from 'react'
+import type { FC } from 'react'
 import { TouchableNativeFeedback } from 'react-native'
 
 const Button: FC<{ onPress: () => void }> = ({

storybook/stories/Button/index.ios.tsx

@@ -1,4 +1,4 @@
-import { FC } from 'react'
+import type { FC } from 'react'
 import { TouchableHighlight } from 'react-native'
 
 const Button: FC<{ onPress: () => void }> = ({

storybook/stories/CenterView/index.tsx

@@ -1,6 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import PropTypes from 'prop-types'
-import { FC } from 'react'
+import type { FC } from 'react'
 import { View } from 'react-native'
 
 import style from './style'

storybook/stories/index.tsx

@@ -2,7 +2,7 @@ import { action } from '@storybook/addon-actions'
 import { text, withKnobs } from '@storybook/addon-knobs'
 import { linkTo } from '@storybook/addon-links'
 import { storiesOf } from '@storybook/react-native'
-import { Component } from 'react'
+import type { FC } from 'react'
 import { Text } from 'react-native'
 
 import Button from './Button'
@@ -15,7 +15,7 @@ storiesOf('Welcome', module).add('to Storybook', () => (
 
 storiesOf('Button', module)
   .addDecorator(withKnobs)
-  .addDecorator(getStory => <CenterView>{getStory() as Component}</CenterView>)
+  .addDecorator(getStory => <CenterView>{getStory() as FC}</CenterView>)
   .add('with text', () => (
     <Button onPress={action('clicked-text')}>
       <Text>{text('title', 'Button Title')}</Text>

types/globals.d.ts

@@ -1,6 +1,5 @@
-/* eslint-disable import/no-extraneous-dependencies */
-import { Reactotron } from 'reactotron-core-client'
-import { ReactotronReactNative } from 'reactotron-react-native'
+import type { Reactotron } from 'reactotron-core-client'
+import type { ReactotronReactNative } from 'reactotron-react-native'
 
 declare global {
   interface Console {