fix docs seralization

Author: timsuchanek

packages/graphql-playground-react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "graphql-playground-react",
-  "version": "1.5.8",
+  "version": "1.5.9",
   "main": "./lib/lib.js",
   "typings": "./lib/lib.d.ts",
   "description": "GraphQL IDE for better development workflows (GraphQL Subscriptions, interactive docs & collaboration).",

packages/graphql-playground-react/src/components/GraphQLBinApp.tsx

@@ -95,7 +95,7 @@ class GraphQLBinApp extends React.Component<Props & ReduxProps, State> {
           }
 
           if (!res.data || res.data.session === null) {
-            return this.props.history.push('/v2/new')
+            location.href = `${location.origin}/v2/new`
           }
           const state = JSON.parse(res.data.session.session)
           this.props.injectState(state)

packages/graphql-playground-react/src/components/Root.tsx

@@ -8,9 +8,22 @@ export default class Root extends React.Component<{}, {}> {
       <BrowserRouter>
         <Switch>
           <Route path="/v2/:id" component={GraphQLBinApp} />
-          <Redirect from="/" to="/v2/new" component={GraphQLBinApp} />
+          <Redirect
+            exact={true}
+            from="/"
+            to="/v2/new"
+            component={GraphQLBinApp}
+          />
+          <Route path="*" component={RedirectToOldPlayground} />
         </Switch>
       </BrowserRouter>
     )
   }
 }
+
+const RedirectToOldPlayground = props => {
+  location.href = `https://legacy.graphqlbin.com${location.pathname}${
+    location.search
+  }`
+  return null
+}

packages/graphql-playground-react/src/state/docs/reducers.ts

@@ -1,5 +1,5 @@
 import { GraphQLField } from 'graphql'
-import { Map, List, Record } from 'immutable'
+import { Map, List, Record, set } from 'immutable'
 import { handleActions } from 'redux-actions'
 import { columnWidth } from '../../constants'
 
@@ -18,12 +18,18 @@ export interface DocsSessionState {
   readonly keyMove: boolean
 }
 
-export const DocsSession = Record<DocsSessionState>({
+export class DocsSession extends Record({
   navStack: List([]),
   docsOpen: false,
   docsWidth: columnWidth,
   keyMove: false,
-})
+}) {
+  toJSON() {
+    const obj = this.toObject()
+    // don't serialize navStack, as it could contain circular references in the type definitions
+    return set(obj, 'navStack', List([]))
+  }
+}
 
 const defaultState: DocsState = Map({ '': new DocsSession() })