Make it work offline

[jedwards1211]

Title says it all. Maybe it's easier to drop GraphiQL into an app when it fetches all of its code and styles from the internet, but remember, some devs occasionally would like to get work done without an internet connection.

[imolorhe]

@jedwards1211 There are several solutions for working with GraphQL offline. There's the GraphiQL mac app, there's chromeiQL, there's also altair.

[caugner]

Looks like these lines are the reason it doesn't work offline out of the box:

graphiql/example/index.html

Lines 30 to 33 in 297edd9

	<script src="//cdn.jsdelivr.net/es6-promise/4.0.5/es6-promise.auto.min.js"></script>
	<script src="//cdn.jsdelivr.net/fetch/0.9.0/fetch.min.js"></script>
	<script src="//cdn.jsdelivr.net/react/15.4.2/react.min.js"></script>
	<script src="//cdn.jsdelivr.net/react/15.4.2/react-dom.min.js"></script>

[caugner]

@imolorhe Getting rid of these online dependencies, would not only enable GraphiQL to work offline, but also increase privacy and security.

[AGS-]

@caugner yeah, I agree. @asiandrummer, do you remember if there's some historical reason as to why we don't just bundle these?

[IvanGoncharov]

@AGS- It would be great to provide bundled build 👍
But many libraries/apps wrap graphiql in their own React components or provide their own polyfills so I would argue that it should be a separate file inside NPM package something like *.bundle.min.js.

[acao]

I was thinking for 0.14 of distributing a graphiql.bundled.min.js alongside the standard graphiql.min.js.

PS also we may be moving to rollup FWIW. then we can do tree shaking, across the monorepo :)

[deadcoder0904]

Would love to see this bundled. Yesterday, it stopped working when my net went off.

[acao]

see the webpack or CRA example of how to build your own custom offline bundle!