bringing in linter

Author: thefringeninja

package.json

@@ -6,9 +6,9 @@
   "scripts": {
     "analyze": "source-map-explorer build/static/js/main.*",
     "start": "react-scripts-ts start",
-    "build": "prettier --list-different \"src/**/*.js\" \"src/**/*.ts\" \"src/**/*.tsx\" && react-scripts-ts build",
+    "build": "prettier --list-different \"src/**/*.js\" \"src/**/*.ts\" \"src/**/*.tsx\" && tslint --project ./ && react-scripts-ts build",
     "eject": "react-scripts-ts eject",
-    "format": "prettier --write \"src/**/*.js\" \"src/**/*.ts\" \"src/**/*.tsx\""
+    "format": "prettier --write \"src/**/*.js\" \"src/**/*.ts\" \"src/**/*.tsx\" && tslint --project ./ --fix"
   },
   "main": "src/index.tsx",
   "private": false,

src/components/HyperMediaControls/Dialog.tsx

@@ -1,24 +1,24 @@
-import React, {
-    FormEventHandler,
-    PureComponent,
-    StatelessComponent,
-} from 'react';
 import {
     Button,
     Dialog,
-    DialogTitle,
     DialogActions,
     DialogContent,
+    DialogTitle,
     Slide,
     withStyles,
     WithStyles,
 } from '@material-ui/core';
+import React, {
+    FormEventHandler,
+    PureComponent,
+    StatelessComponent,
+} from 'react';
 
-import RelIcon from '../RelIcon';
-import RelButton from './RelButton';
-import HelpButton from './HelpButton';
 import { SlideProps } from '@material-ui/core/Slide';
 import { HalLink } from '../../types';
+import RelIcon from '../RelIcon';
+import HelpButton from './HelpButton';
+import RelButton from './RelButton';
 const styles = theme => ({
     button: {
         margin: theme.spacing.unit,

src/components/HyperMediaControls/HelpButton.tsx

@@ -1,17 +1,17 @@
-import React, { PureComponent, ReactNode } from 'react';
 import {
     Button,
     Drawer,
     Typography,
     WithStyles,
     withStyles,
 } from '@material-ui/core';
+import React, { PureComponent, ReactNode } from 'react';
 import Remarkable from 'react-remarkable';
 import uriTemplate from 'uri-template';
-import { Help } from '../Icons';
-import { withAuthorization } from '../AuthorizationProvider';
-import { http } from '../../utils';
 import { HalLink } from '../../types';
+import { http } from '../../utils';
+import { withAuthorization } from '../AuthorizationProvider';
+import { Help } from '../Icons';
 
 const getCurie = (rel: string, curies: HalLink[]): HalLink => {
     const [prefix, rest] = rel.split(':', 2);
@@ -80,15 +80,6 @@ interface HelpButtonState extends HalLink {
 }
 
 class HelpButton extends PureComponent<HelpButtonProps, HelpButtonState> {
-    state = {
-        open: false,
-        href: '',
-        type: '',
-        disabled: true,
-        documentation: '',
-        curies: [],
-    };
-
     static getDerivedStateFromProps = (
         { rel, curies }: HelpButtonProps,
         state: HelpButtonState,
@@ -97,6 +88,14 @@ class HelpButton extends PureComponent<HelpButtonProps, HelpButtonState> {
         disabled: false,
         ...getCurie(rel, curies),
     });
+    state = {
+        open: false,
+        href: '',
+        type: '',
+        disabled: true,
+        documentation: '',
+        curies: [],
+    };
 
     _handleOnClick = async () => {
         const { authorization } = this.props;

src/components/HyperMediaControls/LinkButton.tsx

@@ -1,11 +1,11 @@
-import React, { PureComponent, StatelessComponent } from 'react';
 import { TextField } from '@material-ui/core';
-import { HalLink, NavigatableProps } from '../../types';
+import React, { PureComponent, StatelessComponent } from 'react';
 import uriTemplate from 'uri-template';
+import { HalLink, NavigatableProps } from '../../types';
+import { preventDefault } from '../../utils';
 import { withNavigation } from '../NavigationProvider';
 import Dialog from './Dialog';
 import RelButton from './RelButton';
-import { preventDefault } from '../../utils';
 
 interface LinkButtonProps {
     readonly rel: string;

src/components/HyperMediaControls/RelButton.tsx

@@ -1,8 +1,8 @@
-import React, { ReactNode, StatelessComponent } from 'react';
 import { Button } from '@material-ui/core';
-import RelIcon from '../RelIcon';
 import { ButtonProps } from '@material-ui/core/Button';
 import { SvgIconProps } from '@material-ui/core/SvgIcon';
+import React, { ReactNode, StatelessComponent } from 'react';
+import RelIcon from '../RelIcon';
 
 interface RelButtonProps {
     rel: string;

src/components/Hyperlink.tsx

@@ -1,9 +1,9 @@
-import React, { ReactNode, StatelessComponent } from 'react';
 import { WithStyles, withStyles } from '@material-ui/core';
-import { preventDefault } from '../utils';
-import { withNavigation } from './NavigationProvider';
+import React, { ReactNode, StatelessComponent } from 'react';
 import theme from '../theme';
 import { HalLink, NavigatableProps } from '../types';
+import { preventDefault } from '../utils';
+import { withNavigation } from './NavigationProvider';
 
 const color = theme.palette.action.active;
 

src/components/NavigationLinks.tsx

@@ -1,13 +1,13 @@
+import { IconButton } from '@material-ui/core';
 import React, {
     FormEventHandler,
     PureComponent,
     StatelessComponent,
 } from 'react';
-import { IconButton } from '@material-ui/core';
+import { navigation } from '../stream-store';
 import { HalLink, HalLinks, NavigatableProps } from '../types';
-import RelIcon from './RelIcon';
 import { withNavigation } from './NavigationProvider';
-import { navigation } from '../stream-store';
+import RelIcon from './RelIcon';
 
 interface FeedNavigationLinkProps {
     link: HalLink;

tslint.json

@@ -3,6 +3,11 @@
     "tslint:latest",
     "tslint-config-prettier"
   ],
+  "rules": {
+    "interface-name": [false, "always-prefix"],
+    "member-access": false,
+    "variable-name": [true, "check-format", "allow-leading-underscore"]
+  },
   "defaultSeverity": "warning",
   "linterOptions": {
     "exclude": [