Integrate www-gui localization

* Initialize `locales` in redux using methods exported by GUI.
* pass GUI method to set the `scratchlanguage` cookie

NOTE: It does not reload the page, so switching back to the project page will not reflect language changes made in gui until the next page reload. Reloading the page will lose project state so we don’t want to do that.

Author: chrisgarrity

src/views/preview/preview.jsx

@@ -12,6 +12,7 @@ const render = require('../../lib/render.jsx');
 const storage = require('../../lib/storage.js').default;
 const log = require('../../lib/log');
 const EXTENSION_INFO = require('../../lib/extensions.js').default;
+const jar = require('../../lib/jar.js');
 
 const PreviewPresentation = require('./presentation.jsx');
 const projectShape = require('./projectshape.jsx').projectShape;
@@ -318,6 +319,9 @@ class Preview extends React.Component {
             title: title
         });
     }
+    handleSetLanguage (locale) {
+        jar.set('scratchlanguage', locale);
+    }
     initCounts (favorites, loves) {
         this.setState({
             favoriteCount: favorites,
@@ -412,6 +416,7 @@ class Preview extends React.Component {
                         renderLogin={this.renderLogin}
                         onLogOut={this.props.handleLogOut}
                         onOpenRegistration={this.props.handleOpenRegistration}
+                        onSetLanguage={this.handleSetLanguage}
                         onShare={this.handleShare}
                         onToggleLoginOpen={this.props.handleToggleLoginOpen}
                         onUpdateProjectTitle={this.handleUpdateProjectTitle}
@@ -702,6 +707,9 @@ render(
         preview: previewActions.previewReducer,
         ...GUI.guiReducers
     },
-    {scratchGui: initGuiState(GUI.guiInitialState)},
+    {
+        locales: GUI.initLocale(GUI.localesInitialState, window._locale),
+        scratchGui: initGuiState(GUI.guiInitialState)
+    },
     GUI.guiMiddleware
 );