fix tracing. better project key

Author: timsuchanek

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

@@ -44,6 +44,7 @@ export interface Props {
   session?: any
   env?: any
   config?: GraphQLConfig
+  configPath?: string
 }
 
 export interface State {
@@ -295,6 +296,7 @@ class MiddlewareApp extends React.Component<Props, State> {
                   fixedEndpoints={Boolean(this.state.configString)}
                   session={this.props.session}
                   headers={this.state.headers}
+                  configPath={this.props.configPath}
                 />
               </App>
             </OldThemeProvider>

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

@@ -66,6 +66,7 @@ export interface Props {
   canSaveConfig: boolean
   fixedEndpoints: boolean
   headers?: any
+  configPath?: string
 }
 
 export interface State {
@@ -179,9 +180,9 @@ export class Playground extends React.PureComponent<Props & DocsState, State> {
   }
 
   getStorageKey(props: Props = this.props) {
-    return props.endpoint
-    // const multi = !props.fixedEndpoints
-    // return multi ? 'multi' : props.endpoint
+    // whenever possible, use the configPath as is more precise.
+    // localhost:4000 could be used by multiple endpoints
+    return props.configPath || props.endpoint
   }
 
   componentWillMount() {

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

@@ -902,9 +902,9 @@ export class GraphQLEditor extends React.PureComponent<
           if (queryID === this.editorQueryID) {
             let extensions
             if (result.extensions) {
-              extensions = result.extensions
+              extensions = { ...result.extensions }
               if (this.props.shouldHideTracingResponse) {
-                delete result.extensions.tracing
+                delete result.extensions
               }
             }
             let isSubscription = false