chore: change to use eslint instead of tslint

.commitlintrc.json

@@ -0,0 +1,6 @@
+{
+  "extends": [
+    "@commitlint/config-conventional",
+    "@commitlint/config-lerna-scopes"
+  ]
+}

.eslintignore

@@ -0,0 +1 @@
+**/dist

.huskyrc

@@ -0,0 +1,6 @@
+{
+  "hooks": {
+    "pre-commit": "lerna run precommit --parallel",
+    "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
+  }
+}

.vscode/settings.json

@@ -1,4 +1,10 @@
 {
-  "javascript.validate.enable": false,
-  "typescript.tsdk": "node_modules/typescript/lib"
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "eslint.autoFixOnSave": true,
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    { "language": "typescript", "autoFix": true },
+    { "language": "typescriptreact", "autoFix": true }
+  ]
 }

core/docz-core/.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ['eslint-config-docz'],
+}

core/docz-core/.lintstagedrc

@@ -0,0 +1,3 @@
+{
+  "*.{ts,tsx}": ["yarn fix", "git add"]
+}

core/docz-core/package.json

@@ -14,10 +14,9 @@
   "scripts": {
     "dev": "cross-env NODE_ENV=development yarn build -w",
     "build": "cross-env NODE_ENV=production rollup -c",
-    "fix": "run-s fix:*",
-    "fix:prettier": "prettier \"src/**/*.{ts,tsx,md,mdx,js,jsx,json}\" --write",
-    "fix:tslint": "tslint --fix --project .",
-    "tslint": "tslint --project ."
+    "fix": "yarn lint --fix",
+    "lint": "eslint . --ext .ts,.tsx",
+    "precommit": "lint-staged"
   },
   "dependencies": {
     "@babel/core": "7.4.3",
@@ -70,7 +69,7 @@
     "terser-webpack-plugin": "^1.2.3",
     "thread-loader": "^2.1.2",
     "titleize": "^2.1.0",
-    "typescript": "3.4.5",
+    "typescript": "3.3.4000",
     "url-loader": "^1.1.2",
     "webpack": "^4.30.0",
     "webpack-bundle-analyzer": "^3.3.2",

core/docz-core/src/bundler/config.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/camelcase */
 import * as path from 'path'
 import { Configuration } from 'webpack'
 import * as envDotProp from 'env-dot-prop'

core/docz-core/src/bundler/minifier.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/camelcase */
 import Config from 'webpack-chain'
 import * as TerserPlugin from 'terser-webpack-plugin'
 

core/docz-core/src/utils/open-browser.ts

@@ -1,4 +1,3 @@
-/* tslint:disable */
 /**
  * Copyright (c) 2015-present, Facebook, Inc.
  *

core/docz-rollup/.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ['eslint-config-docz'],
+}

core/docz-rollup/.lintstagedrc

@@ -0,0 +1,3 @@
+{
+  "*.js": ["yarn fix", "git add"]
+}

core/docz-rollup/package.json

@@ -8,8 +8,9 @@
     "package.json"
   ],
   "scripts": {
-    "fix": "run-s fix:*",
-    "fix:prettier": "prettier \"src/**/*.{ts,tsx,md,mdx,js,jsx,json}\" --write"
+    "fix": "yarn lint --fix",
+    "lint": "eslint . --ext .js",
+    "precommit": "lint-staged"
   },
   "dependencies": {
     "@pedronauck/rollup-plugin-typescript2": "0.18.3",

core/docz-theme-default/.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ['eslint-config-docz'],
+}

core/docz-theme-default/.lintstagedrc

@@ -0,0 +1,3 @@
+{
+  "*.{ts,tsx}": ["yarn fix", "git add"]
+}

core/docz-theme-default/package.json

@@ -14,10 +14,9 @@
   "scripts": {
     "dev": "cross-env NODE_ENV=development yarn build -w",
     "build": "cross-env NODE_ENV=production rollup -c",
-    "fix": "run-s fix:*",
-    "fix:prettier": "prettier \"src/**/*.{ts,tsx,md,mdx,js,jsx,json}\" --write",
-    "fix:tslint": "tslint --fix --project .",
-    "tslint": "tslint --project ."
+    "fix": "yarn lint --fix",
+    "lint": "eslint . --ext .ts,.tsx",
+    "precommit": "lint-staged"
   },
   "dependencies": {
     "@loadable/component": "^5.9.0",

core/docz-theme-default/src/components/shared/Sidebar/MenuLink.tsx

@@ -143,3 +143,5 @@ export const MenuLink = React.forwardRef<any, LinkProps>(
     )
   }
 )
+
+MenuLink.displayName = 'MenuLink'

core/docz-theme-default/src/components/ui/NotFound.tsx

@@ -33,7 +33,7 @@ export const NotFound = () => (
     <Wrapper>
       <Title>Page Not Found</Title>
       <Subtitle>
-        Check if you haven't changed the document route or deleted it!
+        Check if you changed the document route or deleted it!
       </Subtitle>
     </Wrapper>
   </Main>

core/docz-theme-default/src/components/ui/Playground/index.tsx

@@ -158,7 +158,9 @@ export const Playground: SFC<PlaygroundProps> = ({
         topLeft: false,
       },
       handleComponent: {
+        // eslint-disable-next-line
         right: () => <Handle full={fullscreen} horizontal />,
+        // eslint-disable-next-line
         bottom: () => <Handle full={fullscreen} horizontal={false} />,
       },
       onResizeStop: (e: any, direction: any, ref: any, d: any) => {

core/docz-theme-default/src/components/ui/Props/PropsTable.tsx

@@ -27,7 +27,6 @@ const Line = styled.div`
   }
 `
 
-
 const Column = styled.div`
   min-width: 0;
   padding: 2px 15px;
@@ -109,14 +108,10 @@ export const PropsTable: React.SFC<PropsComponentProps> = ({
           <Line key={key}>
             <Content>
               <ColumnName>
-                <PropName>
-                  {key}
-                </PropName>
+                <PropName>{key}</PropName>
               </ColumnName>
               <ColumnType>
-                <PropType>
-                  {getPropType(prop)}
-                </PropType>
+                <PropType>{getPropType(prop)}</PropType>
               </ColumnType>
               <ColumnValue>
                 {prop.defaultValue && (
@@ -135,11 +130,7 @@ export const PropsTable: React.SFC<PropsComponentProps> = ({
                 )}
               </ColumnValue>
             </Content>
-            {prop.description && (
-              <Paragraph>
-                {prop.description}
-              </Paragraph>
-            )}
+            {prop.description && <Paragraph>{prop.description}</Paragraph>}
           </Line>
         )
       })}

core/docz-theme-default/src/components/ui/Props/index.tsx

@@ -15,19 +15,19 @@ export const Props: React.SFC<PropsComponentProps> = ({
   isToggle,
   ...props
 }) => {
-  const [isOpen, setIsOpen] = useState(true);
+  const [isOpen, setIsOpen] = useState(true)
 
   const components = useComponents()
   const Title = useMemo(
     () => styled(components.H3 || 'h3')`
       padding: 8px 0;
       position: relative;
       ${!isRaw ? 'margin-bottom: 0;' : ''}
-      ${!isOpen || isRaw
-        ? 'border-bottom: 1px solid rgba(0, 0, 0, 0.1);'
-      : ''}
+      ${!isOpen || isRaw ? 'border-bottom: 1px solid rgba(0, 0, 0, 0.1);' : ''}
 
-      ${isToggle ? `
+      ${
+        isToggle
+          ? `
         cursor: pointer;
         padding-right: 40px;
 
@@ -36,40 +36,38 @@ export const Props: React.SFC<PropsComponentProps> = ({
           position: absolute;
           top: 50%;
           right: 16px;
-          transform: translateY(-50%) ${isOpen ? 'rotate(-135deg)' : 'rotate(45deg)'};
+          transform: translateY(-50%) ${
+            isOpen ? 'rotate(-135deg)' : 'rotate(45deg)'
+          };
           ${!isOpen ? 'margin-top: -2px;' : ''}
           width: 8px;
           height: 8px;
           border-bottom: 2px solid;
           border-right: 2px solid;
         }
-      `: ''}
+      `
+          : ''
+      }
     `,
     [isOpen]
   )
 
-  const titleProps = isToggle ? {
-    onClick: () => setIsOpen(open => !open),
-    onkeydown: () => setIsOpen(open => !open),
-    role: 'button',
-    tabindex: 0,
-  } : {}
+  const titleProps = isToggle
+    ? {
+        onClick: () => setIsOpen(open => !open),
+        onkeydown: () => setIsOpen(open => !open),
+        role: 'button',
+        tabindex: 0,
+      }
+    : {}
 
   return (
     <Container>
       {(!!title || isToggle) && (
-        <Title {...titleProps}>
-          {title || 'Component props'}
-        </Title>
+        <Title {...titleProps}>{title || 'Component props'}</Title>
       )}
       {isOpen && (
-        <div>
-          {isRaw ? (
-            <PropsRaw {...props} />
-          ): (
-            <PropsTable {...props} />
-          )}
-        </div>
+        <div>{isRaw ? <PropsRaw {...props} /> : <PropsTable {...props} />}</div>
       )}
     </Container>
   )

core/docz-utils/.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ['eslint-config-docz'],
+}

core/docz-utils/.lintstagedrc

@@ -0,0 +1,3 @@
+{
+  "*.{ts,tsx}": ["yarn fix", "git add"]
+}

core/docz-utils/package.json

@@ -14,10 +14,9 @@
   "scripts": {
     "dev": "cross-env NODE_ENV=development yarn build -w",
     "build": "trash lib && cross-env NODE_ENV=production rollup -c",
-    "fix": "run-s fix:*",
-    "fix:prettier": "prettier \"src/**/*.{ts,tsx,md,mdx,js,jsx,json}\" --write",
-    "fix:tslint": "tslint --fix --project .",
-    "tslint": "tslint --project ."
+    "fix": "yarn lint --fix",
+    "lint": "eslint . --ext .ts,.tsx",
+    "precommit": "lint-staged"
   },
   "dependencies": {
     "@babel/generator": "^7.4.0",

core/docz/.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ['eslint-config-docz'],
+}

core/docz/.lintstagedrc

@@ -0,0 +1,3 @@
+{
+  "*.{ts,tsx}": ["yarn fix", "git add"]
+}

core/docz/package.json

@@ -18,10 +18,9 @@
   "scripts": {
     "dev": "cross-env NODE_ENV=development yarn build -w",
     "build": "cross-env NODE_ENV=production rollup -c",
-    "fix": "run-s fix:*",
-    "fix:prettier": "prettier \"src/**/*.{ts,tsx,md,mdx,js,jsx,json}\" --write",
-    "fix:tslint": "tslint --fix --project .",
-    "tslint": "tslint --project ."
+    "fix": "yarn lint --fix",
+    "lint": "eslint . --ext .ts,.tsx",
+    "precommit": "lint-staged"
   },
   "dependencies": {
     "@loadable/component": "^5.9.0",

core/docz/src/components/Props.tsx

@@ -64,9 +64,9 @@ export type ComponentWithDocGenInfo = ComponentType & {
 }
 
 export interface PropsProps {
-  title?: Node,
-  isRaw?: boolean,
-  isToggle?: boolean,
+  title?: Node
+  isRaw?: boolean
+  isToggle?: boolean
   of: ComponentWithDocGenInfo
 }
 
@@ -91,11 +91,11 @@ export const getPropType = (prop: Prop) => {
 }
 
 export interface PropsComponentProps {
-  title?: Node,
-  isRaw?: boolean,
-  isToggle?: boolean,
+  title?: Node
+  isRaw?: boolean
+  isToggle?: boolean
   props: Record<string, Prop>
-  getPropType(prop: Prop): string,
+  getPropType(prop: Prop): string
 }
 
 export const Props: SFC<PropsProps> = ({

core/docz/src/state.tsx

@@ -1,4 +1,3 @@
-// tslint:disable-next-line
 import { create } from './utils/createState'
 import { ComponentType } from 'react'
 
@@ -44,8 +43,8 @@ export interface Config {
   base?: string
 }
 
-export type Entries = Array<{ key: string; value: Entry }>
-export type Props = Array<{ key: string; value: any }>
+export type Entries = { key: string; value: Entry }[]
+export type Props = { key: string; value: any }[]
 export type TransformFn = (config: ThemeConfig) => ThemeConfig
 
 export interface Database {

core/docz/src/theme.tsx

@@ -30,6 +30,7 @@ export function theme(
       )
     })
 
+    Theme.displayName = WrappedComponent.displayName || 'DoczTheme'
     return Theme
   }
 }

core/gatsby-theme-docz/.eslintignore

@@ -0,0 +1 @@
+/templates

core/gatsby-theme-docz/.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ['eslint-config-docz'],
+}

core/gatsby-theme-docz/.lintstagedrc

@@ -0,0 +1,3 @@
+{
+  "*.js": ["yarn fix", "git add"]
+}