add endpoint backoff

Author: timsuchanek

packages/graphql-playground/release.sh

@@ -2,7 +2,7 @@
 
 set -e
 
-npm publish
+#npm publish
 
 curl -X POST \
   http://purge.jsdelivr.net/ \

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

@@ -236,13 +236,13 @@ export class Playground extends React.PureComponent<Props & DocsState, State> {
   }
 
   componentWillUnmount() {
-    this.storage.setItem(
-      'selectedSessionIndex',
-      String(this.state.selectedSessionIndex),
-    )
-    this.saveSessions()
-    this.saveHistory()
-    this.storage.saveProject()
+    // this.storage.setItem(
+    //   'selectedSessionIndex',
+    //   String(this.state.selectedSessionIndex),
+    // )
+    // this.saveSessions()
+    // this.saveHistory()
+    // this.storage.saveProject()
   }
 
   setWS = (session: Session) => {
@@ -340,6 +340,7 @@ export class Playground extends React.PureComponent<Props & DocsState, State> {
                   isGraphcoolUrl={isGraphcoolUrl}
                   fetcher={this.fetcher}
                   isEndpoint={Boolean(isEndpoint)}
+                  endpoint={this.props.endpoint}
                   storage={this.storage.getSessionStorage(session.id)}
                   onClickCodeGeneration={this.handleClickCodeGeneration}
                   onEditOperationName={this.handleOperationNameChange}

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

@@ -81,6 +81,7 @@ export interface Props {
   hideGutters?: boolean
   readonly?: boolean
   useVim?: boolean
+  endpoint: string
 
   // sharing
   sharing?: SharingProps
@@ -472,7 +473,7 @@ export class GraphQLEditor extends React.PureComponent<
         `}</style>
         <div className="editorWrap">
           <TopBar
-            endpoint={this.props.session.endpoint}
+            endpoint={this.props.session.endpoint || this.props.endpoint}
             endpointDisabled={false}
             onChangeEndpoint={this.props.onChangeEndpoint}
             onClickHistory={this.props.onClickHistory}
@@ -705,7 +706,7 @@ export class GraphQLEditor extends React.PureComponent<
 
   private reloadSchema = async () => {
     const result = await this.props.schemaFetcher.refetch(
-      this.props.session.endpoint,
+      this.props.session.endpoint || this.props.endpoint,
       this.convertHeaders(this.props.session.headers),
     )
     if (result) {
@@ -746,7 +747,7 @@ export class GraphQLEditor extends React.PureComponent<
 
     this.props.schemaFetcher
       .fetch(
-        this.props.session.endpoint,
+        this.props.session.endpoint || this.props.endpoint,
         this.convertHeaders(this.props.session.headers),
       )
       .then(result => {

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

@@ -29,6 +29,7 @@ export interface Props {
   isActive: boolean
   sharing?: SharingProps
   fixedEndpoint?: boolean
+  endpoint: string
 }
 
 export default class GraphQLEditorSession extends React.PureComponent<
@@ -50,9 +51,11 @@ export default class GraphQLEditorSession extends React.PureComponent<
       schemaFetcher,
       sharing,
       fixedEndpoint,
+      endpoint,
     } = this.props
     return (
       <GraphQLEditor
+        endpoint={endpoint}
         isActive={isActive}
         key={session.id}
         isGraphcoolUrl={isGraphcoolUrl}

packages/graphql-playground/src/components/PlaygroundStorage.ts

@@ -196,6 +196,8 @@ export default class PlaygroundStorage {
     try {
       result = JSON.parse(localStorage.getItem(this.endpoint) || '')
     } catch (e) {
+      /* tslint:disable-next-line */
+      console.info(e)
       //
     }
     if (result && result.history) {