Fix #107

Author: timsuchanek

packages/graphql-playground-electron/package.json

@@ -19,7 +19,7 @@
     "release": "npm run build && electron-builder -lmw",
     "library": "rm -rf .happypack && NODE_ENV=production webpack --config webpack.library.js -p",
     "lint": "tslint \"src/**/*.ts{,x}\" && lint-staged",
-    "start": "yarn run compile && concurrently 'yarn react-start' 'wait-on http://localhost:4040/ && yarn electron-start'",
+    "start": "yarn build-ts && concurrently 'yarn react-start' 'wait-on http://localhost:4040/ && yarn electron-start'",
     "react-start": "webpack-dev-server --hot --profile --history-api-fallback --host 0.0.0.0 --port 4040",
     "electron-start": "electron lib/main",
     "stats": "NODE_ENV=production webpack --config webpack.library.js  --profile --json > stats.json",
@@ -127,7 +127,7 @@
     "extract-text-webpack-plugin": "^2.0.0-beta.3",
     "file-loader": "^0.11.2",
     "fork-ts-checker-webpack-plugin": "^0.1.5",
-    "graphql-playground": "0.1.13",
+    "graphql-playground": "0.1.15",
     "happypack": "^3.1.0",
     "html-webpack-plugin": "^2.30.1",
     "identity-obj-proxy": "^3.0.0",

packages/graphql-playground-electron/src/ElectronApp.tsx

@@ -190,7 +190,7 @@ export default class ElectronApp extends React.Component<{}, State> {
           `}</style>
           <style jsx={true}>{`
             .root {
-              @p: .flex, .flexColumn, .bgDarkestBlue;
+              @p: .flex, .flexColumn, .bgDarkestBlue, .overflowHidden;
             }
             .root.light {
               background-color: #dbdee0;
@@ -327,7 +327,7 @@ export default class ElectronApp extends React.Component<{}, State> {
     })
       .then(res => res.json())
       .then(res => {
-        const shareUrl = `https://graphqlbin.com/${res.data.addSession.id}`
+        const shareUrl = `https://graphql-bin.com/${res.data.addSession.id}`
         // const shareUrl = `${location.origin}/${res.data.addSession.id}`
         this.setState({ shareUrl })
       })

packages/graphql-playground-electron/src/index.css

@@ -0,0 +1,3 @@
+body {
+    overflow: hidden;
+}

packages/graphql-playground-electron/src/root.tsx

@@ -3,5 +3,6 @@ import * as ReactDOM from 'react-dom'
 import App from './ElectronApp'
 import 'graphql-playground/playground.css'
 import 'graphcool-styles/dist/styles.css'
+import './index.css'
 
 ReactDOM.render(<App />, document.getElementById('root'))

packages/graphql-playground-electron/yarn.lock

@@ -3246,9 +3246,9 @@ [email protected]:
     graphql "^0.10.1"
     graphql-language-service-types "0.0.21"
 
-[email protected].13:
-  version "0.1.13"
-  resolved "https://registry.yarnpkg.com/graphql-playground/-/graphql-playground-0.1.13.tgz#3b354b5fdc3cac3134624eac5e5b0e755a2e3877"
+[email protected].15:
+  version "0.1.15"
+  resolved "https://registry.yarnpkg.com/graphql-playground/-/graphql-playground-0.1.15.tgz#36425a4ef8f328eae89a2d7fec6ac700ec122245"
   dependencies:
     calculate-size "^1.1.1"
     classnames "^2.2.5"

packages/graphql-playground/package.json

@@ -1,11 +1,11 @@
 {
   "name": "graphql-playground",
-  "version": "0.1.13",
+  "version": "0.1.15",
   "main": "./lib/Playground.js",
   "typings": "./lib/index.d.ts",
   "scripts": {
     "start": "node scripts/start.js",
-    "prepublish-only": "yarn build",
+    "prepublish": "yarn build",
     "copy-styles": "cat src/styles/*.css > playground.css",
     "build": "rm -rf lib; yarn build-app; yarn build-package; yarn build-middleware; yarn copy-styles",
     "build-package": "rm -rf lib; tsc -p tsconfig.build.json --noUnusedLocals --noUnusedParameters; babel lib -d lib; cp -r ./src/assets/ ./lib/assets/; cd lib && rm -rf *.jsx;",

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

@@ -37,7 +37,7 @@ import {
   getDeeperType,
 } from './Playground/DocExplorer/utils'
 import { setStacks } from '../actions/graphiql-docs'
-import { isEqual } from 'lodash'
+import { isEqual, mapValues } from 'lodash'
 import Share from './Share'
 
 export type Theme = 'dark' | 'light'
@@ -1237,14 +1237,45 @@ export class Playground extends React.PureComponent<Props & DocsState, State> {
   }
 
   private toggleShareHistory = () => {
-    this.setState(state => ({ ...state, shareHisotry: !state.shareHistory }))
+    this.setState(state => ({ ...state, shareHistory: !state.shareHistory }))
   }
 
   private share = () => {
     this.saveSessions()
     this.saveHistory()
     this.storage.saveProject()
-    this.props.share(this.storage.project)
+    let sharingProject: any = this.storage.project
+
+    if (!this.state.shareHttpHeaders) {
+      sharingProject = {
+        ...sharingProject,
+        sessions: mapValues(sharingProject.sessions, (session: Session) => {
+          session.headers = []
+          return session
+        }),
+      }
+    }
+
+    if (!this.state.shareAllTabs) {
+      const currentSession: Session = this.state.sessions[
+        this.state.selectedSessionIndex
+      ]
+      sharingProject = {
+        ...sharingProject,
+        sessions: {
+          [currentSession.id]: currentSession,
+        },
+      }
+    }
+
+    if (!this.state.shareHistory) {
+      sharingProject = {
+        ...sharingProject,
+        history: [],
+      }
+    }
+
+    this.props.share(sharingProject)
     this.setState({ changed: false })
   }
 }