WIP Typescript

.eslintignore

@@ -1,6 +1,5 @@
 release/*
 dist/*
-flow-typed/*
 main.js
 app/node_modules/*
 node_modules/*

.eslintrc

@@ -1,7 +1,6 @@
 {
   "extends": [
-    "precure/oss",
-    "precure/react"
+    "precure/auto"
   ],
   "env": {
     "node": true,
@@ -15,11 +14,14 @@
     ]
   },
   "rules": {
+    "@typescript-eslint/no-explicit-any": 0,
+    "@typescript-eslint/explicit-function-return-type": 0,
+    "@typescript-eslint/promise-function-async": 0,
+    "import/named": 0,
     "no-constant-condition": 0,
     "import/no-extraneous-dependencies": 0,
     "import/exports-last": 0,
     "import/no-unresolved": 0,
-    "flowtype/no-weak-types": 0,
     "no-duplicate-imports": 0,
     "no-invalid-this": 0,
     "no-warning-comments": 0,
@@ -29,7 +31,6 @@
     "max-lines-per-function": 0,
     "no-shadow": 0,
     "react/no-deprecated": 0,
-    "react/no-find-dom-node": 0,
-    "flowtype/require-compound-type-alias": 0
+    "react/no-find-dom-node": 0
   }
 }

.prettierignore

@@ -1,11 +1,9 @@
-flow-typed/npm
 lib
 dist
 node_modules
 app/main.js
 coverage
 dll
-flow-typed
 release
 package.json
 .github

app/action.ts

@@ -0,0 +1,54 @@
+import { Action as BookmarkButtonAction } from './containers/BookmarkButton/actionTypes'
+import { Action as BoxContainerAction } from './containers/BoxContainer/actionTypes'
+import { Action as ColumnBookmarkAction } from './containers/ColumnBookmark/actionTypes'
+import { Action as ColumnFollowAction } from './containers/ColumnFollow/actionTypes'
+import { Action as ColumnHistoryAction } from './containers/ColumnHistory/actionTypes'
+import { Action as ColumnManagerAction } from './containers/ColumnManager/actionTypes'
+import { Action as ColumnRankingAction } from './containers/ColumnRanking/actionTypes'
+import { Action as ColumnRankingR18Action } from './containers/ColumnRankingR18/actionTypes'
+import { Action as ColumnSearchAction } from './containers/ColumnSearch/actionTypes'
+import { Action as ColumnUserIllustAction } from './containers/ColumnUserIllust/actionTypes'
+import { Action as DrawerManagerAction } from './containers/DrawerManager/actionTypes'
+import { Action as FollowButtonAction } from './containers/FollowButton/actionTypes'
+import { Action as HeaderContainerAction } from './containers/HeaderContainer/actionTypes'
+import { Action as IllustPreviewAction } from './containers/IllustPreview/actionTypes'
+import { Action as LanguageAction } from './containers/Language/actionTypes'
+import { Action as LoginModalAction } from './containers/LoginModal/actionTypes'
+import { Action as MangaPreviewAction } from './containers/MangaPreview/actionTypes'
+import { Action as ModalManegerAction } from './containers/ModalManeger/actionTypes'
+import { Action as SearchFieldAction } from './containers/SearchField/actionTypes'
+import { Action as SettingModalAction } from './containers/SettingModal/actionTypes'
+import { Action as TableAction } from './containers/Table/actionTypes'
+import { Action as UserDrawerContainerAction } from './containers/UserDrawerContainer/actionTypes'
+import { Action as UserPopoverContainerAction } from './containers/UserPopoverContainer/actionTypes'
+import { Action as NotifyAction } from './containers/Notify/actionTypes'
+import { Action as ApiAction } from './containers/Api/actionTypes'
+import { Action as ColumnRecommendedAction } from './containers/ColumnRecommended/actionTypes'
+
+export type Action =
+  | BookmarkButtonAction
+  | BoxContainerAction
+  | ColumnBookmarkAction
+  | ColumnFollowAction
+  | ColumnHistoryAction
+  | ColumnManagerAction
+  | ColumnRankingAction
+  | ColumnRankingR18Action
+  | ColumnSearchAction
+  | ColumnUserIllustAction
+  | DrawerManagerAction
+  | FollowButtonAction
+  | HeaderContainerAction
+  | IllustPreviewAction
+  | LanguageAction
+  | LoginModalAction
+  | MangaPreviewAction
+  | ModalManegerAction
+  | SearchFieldAction
+  | SettingModalAction
+  | TableAction
+  | UserDrawerContainerAction
+  | UserPopoverContainerAction
+  | NotifyAction
+  | ApiAction
+  | ColumnRecommendedAction

app/components/A/example.js → app/components/A/example.tsx

@@ -1,4 +1,3 @@
-// @flow
 import * as React from 'react'
 import { storiesOf } from '@storybook/react'
 import A from '.'

app/components/A/index.js → app/components/A/index.tsx

@@ -1,4 +1,3 @@
-// @flow
 import styled from 'styled-components'
 import { key } from 'styles/styleTheme'
 
@@ -10,5 +9,4 @@ const A = styled.a`
     text-decoration: underline;
   }
 `
-
 export default A

app/components/A/tests/index.test.js → app/components/A/tests/index.test.tsx

@@ -1,9 +1,8 @@
-// @flow
 import * as React from 'react'
-import { mount } from 'enzyme'
+import { mount } from 'enzyme' // eslint-disable-next-line import/no-unassigned-import
+
 // eslint-disable-next-line import/no-unassigned-import
 import 'jest-styled-components'
-
 import A from '..'
 
 const href = 'https://akameco.github.io'
@@ -20,26 +19,28 @@ test('have an href attribute', () => {
   const c = renderComponent()
   expect(c.prop('href')).toStrictEqual(href)
 })
-
 test('have children', () => {
   const c = renderComponent()
   expect(c.contains(children)).toStrictEqual(true)
 })
-
 test('have a className attribute', () => {
   const className = 'test'
-  const c = renderComponent({ className })
+  const c = renderComponent({
+    className,
+  })
   expect(c.find('a').hasClass(className)).toStrictEqual(true)
 })
-
 test('adopt a target', () => {
   const target = '_blank'
-  const c = renderComponent({ target })
+  const c = renderComponent({
+    target,
+  })
   expect(c.prop('target')).toStrictEqual(target)
 })
-
 test('adopt a type attribute', () => {
   const type = 'text/html'
-  const c = renderComponent({ type })
+  const c = renderComponent({
+    type,
+  })
   expect(c.prop('type')).toStrictEqual(type)
 })

app/components/AutoLockScroll/index.js → app/components/AutoLockScroll/index.tsx

@@ -1,18 +1,18 @@
-// @flow
 import * as React from 'react'
 
-type Props = {
-  lock: boolean,
+interface Props {
+  lock: boolean
 }
-
-let lockingCounter: number = 1
+let lockingCounter = 1
 let originalBodyOverflow = null
 
 function getElementBody() {
   return document.querySelectorAll('body')[0]
 }
 
 class AutoLockScroll extends React.Component<Props> {
+  locked: boolean = false
+
   componentDidMount() {
     if (this.props.lock === true) {
       this.preventScrolling()
@@ -35,15 +35,12 @@ class AutoLockScroll extends React.Component<Props> {
     this.allowScrolling()
   }
 
-  locked: boolean = false
-
   preventScrolling() {
     if (this.locked) {
       return
     }
 
     lockingCounter += 1
-
     this.locked = true
 
     if (lockingCounter === 1) {