Fix lint

Author: huv1k

packages/graphql-playground/package.json

@@ -113,6 +113,7 @@
     "calculate-size": "^1.1.1",
     "classnames": "^2.2.5",
     "codemirror": "^5.27.4",
+    "codemirror-graphql": "^0.6.12",
     "cuid": "^1.3.8",
     "graphcool-styles": "0.2.4",
     "graphcool-tmp-ui": "^0.0.11",
@@ -124,8 +125,10 @@
     "keycode": "^2.1.9",
     "lodash": "^4.17.4",
     "lodash.debounce": "^4.0.8",
+    "marked": "^0.3.9",
     "polished": "^1.9.0",
     "postcss-modules": "^0.6.4",
+    "prop-types": "^15.6.0",
     "react": "^16.2.0",
     "react-addons-shallow-compare": "^15.6.2",
     "react-codemirror": "^1.0.0",

packages/graphql-playground/src/components/App.tsx

@@ -1,5 +1,4 @@
 import * as React from 'react'
-import * as fetch from 'isomorphic-fetch'
 import { Provider } from 'react-redux'
 import createStore from '../createStore'
 import MiddlewareApp from './MiddlewareApp'

packages/graphql-playground/src/components/Playground.tsx

@@ -3,7 +3,7 @@ import { GraphQLEditor } from './Playground/GraphQLEditor'
 import * as fetch from 'isomorphic-fetch'
 import { TabBar } from './Playground/TabBar'
 import { defaultQuery, getDefaultSession } from '../constants'
-import { Session } from '../types'
+import { Session, ISettings } from '../types'
 import * as cuid from 'cuid'
 import * as Immutable from 'seamless-immutable'
 import PlaygroundStorage from './PlaygroundStorage'
@@ -25,7 +25,6 @@ import { isSharingAuthorization } from './Playground/util/session'
 import { SchemaFetcher } from './Playground/SchemaFetcher'
 import Settings from './Settings'
 import SettingsEditor from './SettingsEditor'
-import { ISettings } from '../types'
 import { GraphQLConfig } from '../graphqlConfig'
 import FileEditor from './FileEditor'
 

packages/graphql-playground/src/components/Playground/ExecuteButton.tsx

@@ -7,9 +7,8 @@
  */
 
 import * as React from 'react'
-import * as cx from 'classnames'
-import { withTheme, LocalThemeInterface } from '../Theme'
 import * as cn from 'classnames'
+import { withTheme, LocalThemeInterface } from '../Theme'
 import ExecuteButtonOperation from './ExecuteButtonOperation'
 
 export interface Props {
@@ -122,7 +121,7 @@ class ExecuteButton extends React.Component<
           }
         `}</style>
         <div
-          className={cx('graphcool-execute-button', this.props.localTheme, {
+          className={cn('graphcool-execute-button', this.props.localTheme, {
             running: this.props.isRunning,
           })}
           onMouseDown={onMouseDown}

packages/graphql-playground/src/components/Playground/GraphQLEditorSession.tsx

@@ -1,9 +1,8 @@
 import * as React from 'react'
-import { Session } from '../../types'
+import { Session, ISettings } from '../../types'
 import GraphQLEditor from './GraphQLEditor'
 import { SchemaFetcher } from './SchemaFetcher'
 import { SharingProps } from '../Share'
-import { ISettings } from '../../types'
 
 export interface Props {
   session: Session

packages/graphql-playground/src/components/Playground/SchemaFetcher.ts

@@ -14,7 +14,7 @@ export class SchemaFetcher {
   }
   async fetch(endpoint: string, headers?: any) {
     const cachedSchema = this.cache.get(this.hash(endpoint, headers))
-    return cachedSchema || (await this.fetchSchema(endpoint, headers))
+    return cachedSchema || this.fetchSchema(endpoint, headers)
   }
   refetch(endpoint: string, headers: any) {
     return this.fetchSchema(endpoint, headers)

packages/graphql-playground/src/styled/styled.ts

@@ -1,15 +1,15 @@
-import * as styledComponents from 'styled-components'
-import { ThemedStyledComponentsModule } from 'styled-components'
+// import * as styledComponents from 'styled-components'
+import { default as styled, css, injectGlobal, keyframes, ThemeProvider  } from 'styled-components'
 
-import { ThemeInterface, theme } from './theme'
+import {  theme } from './theme'
 
-const {
-  default: styled,
-  css,
-  injectGlobal,
-  keyframes,
-  ThemeProvider,
-} = styledComponents as ThemedStyledComponentsModule<ThemeInterface>
+// const {
+//   default: styled,
+//   css,
+//   injectGlobal,
+//   keyframes,
+//   ThemeProvider,
+// } = styledComponents as ThemedStyledComponentsModule<ThemeInterface>
 
 export { css, injectGlobal, keyframes, ThemeProvider, theme }
 export default styled

packages/graphql-playground/tslint.json

@@ -3,6 +3,7 @@
     "tslint-graphcool-frontend"
   ],
   "rules": {
-    "forin": false
+    "forin": false,
+    "no-submodule-imports": false
   }
 }

packages/graphql-playground/yarn.lock

@@ -1591,7 +1591,7 @@ code-point-at@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
 
-codemirror-graphql@^0.6.11:
+codemirror-graphql@^0.6.11, codemirror-graphql@^0.6.12:
   version "0.6.12"
   resolved "https://registry.yarnpkg.com/codemirror-graphql/-/codemirror-graphql-0.6.12.tgz#91a273fe5188857524a30221d06e645b4ca41f00"
   dependencies:
@@ -4503,6 +4503,10 @@ [email protected]:
   version "0.3.6"
   resolved "https://registry.yarnpkg.com/marked/-/marked-0.3.6.tgz#b2c6c618fccece4ef86c4fc6cb8a7cbf5aeda8d7"
 
+marked@^0.3.9:
+  version "0.3.9"
+  resolved "https://registry.yarnpkg.com/marked/-/marked-0.3.9.tgz#54ce6a57e720c3ac6098374ec625fcbcc97ff290"
+
 math-expression-evaluator@^1.2.14:
   version "1.2.17"
   resolved "https://registry.yarnpkg.com/math-expression-evaluator/-/math-expression-evaluator-1.2.17.tgz#de819fdbcd84dccd8fae59c6aeb79615b9d266ac"