Listen to the new project changed event from the VM and keep track of the state in Redux.  Update it as appropriate.

Known issue is that the project is marked as "changed" immediately after it's loaded. This is due to asynchronous event emitting while the project data is loaded, and needs an update to the VM to fix.

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

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).

* Connection Modal loads its own data

* Connection does not update flyout status buttons

* WIP moving connection modal into redux

* Lint fix and remove unused prop

* Close modal even if exception on disconnect

stripped title handling from sb file uploader
updated more projectState related names
simplified hash-parser-hoc logic slightly

* Add mic indicator

* Fix mic indicator position and margin

* Don’t always show indicator, don’t sneaky-enable extension

* Position mic indicator in RTL

* Actually, don’t move indicator in RTL

* Update event name for MIC_LISTENING

* Move mic indicator state into redux

* Move stageSizeToTransform into screen-utils

* Position mic indicator and question at bottom of stage

* Fix pointer events

* JSDOC for stageSizeToTransform

* Pass micIndicator into StageComponent via …props

styling for title field; correct input target in tests; make download filename safer with default, max length; in playground index, correctly pass props through to gui container

Move listeners up to vmListenerHOC, and add listeners for new turbo mode events from scratch-vm#1413

* 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`

* 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.

* WIP tips

* WIP first card stack

* WIP use tips reducer to show things to try

* single card deck similar to mask sequence

* collapse option

* Add zoom card

* WIP tips

* Reorganized to redux

* Add zooming to the gifs

* Blue cards + navigation

* Add tips to new nav bar

* Remove blue

* Update design with icons

* deck updates wip

* Updated card decks

* Add videos to libraries

* Update initial card and clicker preview

* Add backdrop to initial card step.

* WIP use vimeo player instead

* New simple spin deck

* Spin around and say hello decks

* Update button and sub-card styles

* Fix "tips" button in menu bar

* Use move cursor

* Fix cursor

* Use same image for deck preview and library

* Fix cursor again

* Update clicker game deck

* Add videos as single-step decks

* Change tips in menu bar to ? icon

* Change “tips” to “how-tos” in library

* Add help icon to cards

* Update deck library images

* Add drag cover for youtube video to prevent catching mouseup

* add a step to spin deck for clicking control

* Blue bar style updates

* Add step pips

* Update clicker game name to run away

* Fix image padding

* Add change color step to spin deck

* Add start sound step to run away deck

* Update say deck to start with adding a sprite

* Remove package lock

* Remove zooming functionality

* Remove unnecassary prototype changes

* Split up rendering of cards into smaller parts

* Use FormattedMessage for all strings

* Automatic lint fixes

* Almost finished with lint errors!

* Fix more lint errors

* Clean up CSS

* Fix webpack config

They open and close what more do you want?

* Implement GH-830: Add coming soon tooltips

This implements coming soon tooltips for:
* the small stage size
* save, load and language

It also creates the component that can be copied over into the paint editor for use there as well.

Lastly, this does a small refactor on the full screen implementation to include multiple small screen sizes too.

  1. Fixed issue with sprites not being dragable when stage zoomed.

  2. Fixed issue with coordinates of mouse position being wrong when
     stage is zoomed. This was caused by the renderer not being
     resized when zooming/unzooming.

  3. Refactored zoom control to separate react component/containter
     with global reducer for isZoomed, which is passed to the stage
     container. This allows for the zoom control to zoom the stage
     menu and stage as seperate containers.

  4. Added icons zoom/unzoom for stage zoom control. Moved icon
     position to be part of stage menu floating to right of start/stop
     buttons.

Using react-intl-redux package.

This just sets up the default English. Language switching in another PR. Requires locale/messages.json to exist, `{}` is ok.

Otherwise it's very annoying to get access to the storage engine to load asset data.