This includes a small bug where the target pane wouldn't automatically update if changes to the sprite occured while in fullscreen/player mode.

Closes #4221

The playground now displays this on startup when in Scratch Desktop
simulation mode.

Export the tutorial card URL query string handling for www.
Also fix typo

Adds `?tutorial=all` as a recognized option. Gui opens without the preview modal, and with the Tutorials Library open.

Back button in the Tutorials Library takes you to the Editor (not back to referrer).

This will work better if there are other query string options that need to be handled later. It also handles the distinction between ‘all’ and the other tutorials better.

The use of an "override" prop that allowed the preview modal to be hidden without actually changing the redux state was causing a problem where the block editors where not closing when modals were opening. That is because it relied on the modal reducer being accurate.

I defaulted the preview state to false to make it simpler to consume the GUI, as www will not want the preview info to be true. I made it true in the playground instead.

This fixes https://github.com/LLK/scratch-gui/issues/3710

Also pull out `onUpdateReduxDeck` prop out to avoid warning when it’s passed to nested components.

Moved the tutorial id handling into gui so it works when gui is embedded in www as well as standalone.

This seemed better than adding the same query handling to www, in order to pass an id to gui.

Note, the `?tutorial=all` handling remains in app-state-hoc. Currently it’s only needed in standalone mode for Hour of Code. It’s easy to move into the gui container if we do want it in gui by default.

Export the tutorial card URL query string handling for www.
Also fix typo

Adds `?tutorial=all` as a recognized option. Gui opens without the preview modal, and with the Tutorials Library open.

Back button in the Tutorials Library takes you to the Editor (not back to referrer).

GUI includes its own Intl provider (react-intl supports nested intl providers) that works within the www intl provider.

Restore the app-state provider intl provider and app-stat-hoc for the stand-alone gui so that IE can function enough to put up the unsupported browser.

This is taking advantage of the fact that react-intl can support nested IntlProviders. GUI will use it’s own ConnectedIntlProvider, that maintains the translations in redux, while www will continue to have it’s own IntlProvider that is initialized when the page loads.

Moving the IntlProvider into GUI meant that nothing in the playground can use injectIntl, so the default project name needed to move into the component instead of being in the reducer.

The Localization HOC is added, it takes an optional onSetLanguage handler, so www can pass a function that will set the cookie that www needs.

/ht @chrisgarrity

If the VM is ever instantiated, which happens whenever GUI is instantiated due to default props, then IE11 will crash

Locale detection function that checks browser setting and lets URL parameter (locale= or lang=) override the browser setting.

* updated locales reducer to include current messages and messagesByLocale (the previous all messages)
* moved locales out of gui
* include locales in the things exported by gui (index.js)

Add `?locale=<localecode>` to load in a new langage.
Add `?enable=language` to enable the language selector
Or combine the two: `?enable=language&locale=<localecode>`
Still accepts a hash, but requires that the hash be a sequence of digits.

Added new locales reducer to gui:
- initializes default  react-intl/localeData
- initializes default locale messages for all locales
- default locale is ‘en’ (can be overridden by URL)

Removed dependency on react-intl-redux, added ConnectedIntlProvider (uses correct locale messages from redux based on current locale)

Move guiMiddleware to `reducers/gui.js`, and use it in `app-state-hoc`

* Export initial states for each reducer
* combine all gui reducers (excludes scratchPaint and intl)
* combine all initial states to create default guiState for preloading in www
* expect all of the gui state to be accessible at `state.scratchGui`

GUI will export a reducer to be included in the enclosing component’s redux when GUI is used as a library. The app-state-hoc is moved into the playground examples to provide a store when GUI is being used stand-alone.

Also extract the "supportedBrowser" logic into a helper (rule of 3)

* Player mode

Add isPlayerOnly property on GUI. Move isFullScreen into mode reducer with isPlayerOnly.

Full screen needs to be a separate prop so that GUI knows what to show when exiting full-screen (either player-only or full editor).

- set `gui-body * {box-sizing: border-box;}` instead of expecting it to be set by the enclosing component/playground, and removed uses of content-box (adjusting sizes as needed) 
- Added `!isPlayerOnly` to the conditions for draggable sprites
- rewrote player example to use player mode.

The initial intl store expected an object with an `intl` key, not the intl object as returned by `injectIntl`.

Also changed GUI proptypes to accept Object as well as String for projectData to avoid warnings.

Allow intl to be passed in to GUI as a prop (rather than having to be already in the store)

Add Error Boundary (has componentDidCatch method) to handle WebGL errors and display an informative message.