Remove Flow (#345)

kriasoft · Jul 19, 2019 · 0d40ff5 · 0d40ff5
1 parent a387c54
commit 0d40ff5
Show file tree

Hide file tree

Showing 79 changed files with 50 additions and 267 deletions.
diff --git a/.eslintrc b/.eslintrc
@@ -1,4 +1,3 @@
 {
-  "extends": ["eslint-config-react-app", "prettier"],
-  "plugins": ["flowtype"]
+  "extends": ["eslint-config-react-app", "prettier"]
 }
diff --git a/.flowconfig b/.flowconfig
diff --git a/.gitignore b/.gitignore
@@ -6,7 +6,6 @@ build/
 
 # Dependencies
 node_modules/
-flow-typed/
 
 # Testing
 coverage/

diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,6 +1,5 @@
 {
   "editor.formatOnSave": true,
-  "flow.useNPMPackagedFlow": true,
   "javascript.format.enable": false,
   "javascript.validate.enable": false,
   "vsicons.presets.angular": false,

diff --git a/README.md b/README.md
@@ -89,7 +89,7 @@ Also, you need to be familiar with [HTML][html], [CSS][css], [JavaScript][js] ([
 - [Node.js][nodejs] v10.15 or higher + [Yarn][yarn] v1.17 or higher &nbsp; (_HINT: On Mac install
   them via [Brew][brew]_)
 - [VS Code][vc] editor (preferred) + [Project Snippets][vcsnippets], [EditorConfig][vceditconfig],
-  [ESLint][vceslint], [Flow][vcflow], [Prettier][vcprettier], and [Babel JavaScript][vcjs] plug-ins
+  [ESLint][vceslint], [Prettier][vcprettier], and [Babel JavaScript][vcjs] plug-ins
 - [Watchman][watchman] file watcher used by Relay Modern
 - [PostgreSQL][postgres] v9.6 or newer, only if you're planning to use a local db for development
 
@@ -232,7 +232,6 @@ and [contributors](https://github.com/kriasoft/react-firebase-starter/graphs/con
 [vcsnippets]: https://marketplace.visualstudio.com/items?itemName=rebornix.project-snippets
 [vceditconfig]: https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig
 [vceslint]: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
-[vcflow]: https://marketplace.visualstudio.com/items?itemName=flowtype.flow-for-vscode
 [vcprettier]: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
 [vcjs]: https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel
 [watchman]: https://github.com/facebook/watchman

diff --git a/firebase.json b/firebase.json
@@ -20,7 +20,6 @@
       ".env.local",
       ".env.*.local",
       ".eslintrc",
-      ".flowconfig",
       ".gitattributes",
       ".gitignore",
       ".prettierignore",

diff --git a/package.json b/package.json
@@ -63,15 +63,12 @@
   },
   "devDependencies": {
     "@babel/core": "^7.2.2",
-    "@babel/preset-flow": "^7.0.0",
     "@babel/register": "^7.0.0",
     "babel-plugin-lodash": "^3.3.4",
     "babel-plugin-relay": "^5.0.0",
     "chai": "^4.2.0",
     "eslint-config-prettier": "^6.0.0",
-    "eslint-plugin-flowtype": "^3.10.3",
     "eslint-plugin-prettier": "^3.1.0",
-    "flow-bin": "^0.103.0",
     "husky": "^3.0.1",
     "lint-staged": "^9.2.0",
     "minimist": "^1.2.0",

diff --git a/src/admin/AdminLayout.js b/src/admin/AdminLayout.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import React from 'react';
 import { createFragmentContainer, graphql } from 'react-relay';
 

diff --git a/src/admin/AdminStoryList.js b/src/admin/AdminStoryList.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import React from 'react';
 import Typography from '@material-ui/core/Typography';
 import List from '@material-ui/core/List';
@@ -14,14 +12,14 @@ import { createFragmentContainer, graphql } from 'react-relay';
 
 function AdminStoryList(props) {
   return (
-    <>
+    <React.Fragment>
       <Typography variant="h3">Stories</Typography>
       <List>
         <ListItem>Story A</ListItem>
         <ListItem>Story B</ListItem>
         <ListItem>Story C</ListItem>
       </List>
-    </>
+    </React.Fragment>
   );
 }
 

diff --git a/src/admin/AdminUserList.js b/src/admin/AdminUserList.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import React from 'react';
 import Typography from '@material-ui/core/Typography';
 import List from '@material-ui/core/List';
@@ -14,14 +12,14 @@ import { createFragmentContainer, graphql } from 'react-relay';
 
 function AdminUserList(props) {
   return (
-    <>
+    <React.Fragment>
       <Typography variant="h3">Users</Typography>
       <List>
         <ListItem>User A</ListItem>
         <ListItem>User B</ListItem>
         <ListItem>User C</ListItem>
       </List>
-    </>
+    </React.Fragment>
   );
 }
 

diff --git a/src/admin/index.js b/src/admin/index.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import React from 'react';
 import { graphql } from 'relay-runtime';
 import AdminLayout from './AdminLayout';

diff --git a/src/common/App.js b/src/common/App.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import React from 'react';
 import { QueryRenderer } from 'react-relay';
 import { ThemeProvider } from '@material-ui/styles';

diff --git a/src/common/App.test.js b/src/common/App.test.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 it('renders without crashing', () => {
   // TODO: Implement a unit test
 });
diff --git a/src/common/AutoUpdater.js b/src/common/AutoUpdater.js
@@ -4,21 +4,14 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import React from 'react';
 import { graphql, createFragmentContainer, commitMutation } from 'react-relay';
-import type { AutoUpdater_user } from './__generated__/AutoUpdater_user.graphql';
-
-type Props = {
-  user: AutoUpdater_user,
-};
 
 /**
  * Checks if user's profile settings (time zone etc.) are up-to-date,
  * and updates these fields in the background when they become outdated.
  */
-class AutoUpdater extends React.Component<Props> {
+class AutoUpdater extends React.Component {
   componentDidMount() {
     this.updateUser();
   }

diff --git a/src/common/ErrorPage.js b/src/common/ErrorPage.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import React from 'react';
 import Typography from '@material-ui/core/Typography';
 import { makeStyles } from '@material-ui/styles';

diff --git a/src/common/Layout.js b/src/common/Layout.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import React from 'react';
 import { makeStyles } from '@material-ui/styles';
 import { createFragmentContainer, graphql } from 'react-relay';

diff --git a/src/common/LayoutFooter.js b/src/common/LayoutFooter.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import React from 'react';
 import Typography from '@material-ui/core/Typography';
 import { makeStyles } from '@material-ui/styles';

diff --git a/src/common/LayoutToolbar.js b/src/common/LayoutToolbar.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import clsx from 'clsx';
 import React, { useState } from 'react';
 import AppBar from '@material-ui/core/AppBar';

diff --git a/src/common/LayoutToolbarMenu.js b/src/common/LayoutToolbarMenu.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import React from 'react';
 import Menu from '@material-ui/core/Menu';
 import MenuItem from '@material-ui/core/MenuItem';

diff --git a/src/common/LoginButton.js b/src/common/LoginButton.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import clsx from 'clsx';
 import React from 'react';
 import PropTypes from 'prop-types';
@@ -65,7 +63,7 @@ const styles = {
   },
 };
 
-class LoginButton extends React.PureComponent<any> {
+class LoginButton extends React.PureComponent {
   static propTypes = {
     provider: PropTypes.oneOf(Object.keys(providers)),
   };

diff --git a/src/common/LoginLink.js b/src/common/LoginLink.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import React from 'react';
 
 import Link from './Link';

diff --git a/src/common/LogoutLink.js b/src/common/LogoutLink.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import React from 'react';
 
 import Link from './Link';

diff --git a/src/common/withAuth.js b/src/common/withAuth.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import React from 'react';
 import hoistNonReactStatics from 'hoist-non-react-statics';
 import { wrapDisplayName } from 'recompose';

diff --git a/src/createRelay.js b/src/createRelay.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import { Environment, Network, RecordSource, Store } from 'relay-runtime';
 import loading from './utils/loading';
 

diff --git a/src/hooks.js b/src/hooks.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import React, { useContext, useEffect } from 'react';
 import { ReactRelayContext } from 'react-relay';
 import { fb } from './utils';

diff --git a/src/icons/Facebook.js b/src/icons/Facebook.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import React from 'react';
 import SvgIcon from '@material-ui/core/SvgIcon';
 

diff --git a/src/icons/Google.js b/src/icons/Google.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import React from 'react';
 import SvgIcon from '@material-ui/core/SvgIcon';
 

diff --git a/src/index.js b/src/index.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import React from 'react';
 import ReactDOM from 'react-dom';
 import qs from 'query-string';

diff --git a/src/landing/Home.js b/src/landing/Home.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import React from 'react';
 import Paper from '@material-ui/core/Paper';
 import Typography from '@material-ui/core/Typography';

diff --git a/src/landing/index.js b/src/landing/index.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import React from 'react';
 import { graphql } from 'relay-runtime';
 import Layout from '../common/Layout';

diff --git a/src/legal/Privacy.js b/src/legal/Privacy.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import React from 'react';
 import Typography from '@material-ui/core/Typography';
 import { makeStyles } from '@material-ui/styles';

diff --git a/src/legal/Terms.js b/src/legal/Terms.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import React from 'react';
 import Typography from '@material-ui/core/Typography';
 import { makeStyles } from '@material-ui/core';

diff --git a/src/legal/index.js b/src/legal/index.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import React from 'react';
 import { graphql } from 'relay-runtime';
 import Layout from '../common/Layout';

diff --git a/src/misc/About.js b/src/misc/About.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import React from 'react';
 import Typography from '@material-ui/core/Typography';
 import { makeStyles } from '@material-ui/styles';

diff --git a/src/misc/index.js b/src/misc/index.js
@@ -4,8 +4,6 @@
  * Copyright (c) 2015-present Kriasoft | MIT License
  */
 
-/* @flow */
-
 import React from 'react';
 import { graphql } from 'relay-runtime';
 import Layout from '../common/Layout';