Merge pull request #30 from MiroslavDionisiev/UEPR-44

[UEPR-44] exported redux action and added query param showing what tutorial is opened

Author: MiroslavDionisiev

packages/scratch-gui/src/components/menu-bar/menu-bar.jsx

@@ -696,7 +696,12 @@ class MenuBar extends React.Component {
                     <div className={styles.fileGroup}>
                         <div
                             aria-label={this.props.intl.formatMessage(ariaMessages.tutorials)}
-                            className={classNames(styles.menuBarItem, styles.noOffset, styles.hoverable)}
+                            className={classNames(
+                                styles.menuBarItem,
+                                styles.noOffset,
+                                styles.hoverable,
+                                'tutorials-button'
+                            )}
                             onClick={this.props.onOpenTipLibrary}
                         >
                             <img

packages/scratch-gui/src/containers/gui.jsx

@@ -62,6 +62,9 @@ class GUI extends React.Component {
             // At this time the project view in www doesn't need to know when a project is unloaded
             this.props.onProjectLoaded();
         }
+        if (this.props.shouldStopProject && !prevProps.shouldStopProject) {
+            this.props.vm.stopAll();
+        }
     }
     render () {
         if (this.props.isError) {
@@ -121,6 +124,7 @@ GUI.propTypes = {
     onVmInit: PropTypes.func,
     projectHost: PropTypes.string,
     projectId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    shouldStopProject: PropTypes.bool,
     telemetryModalVisible: PropTypes.bool,
     vm: PropTypes.instanceOf(VM).isRequired
 };

packages/scratch-gui/src/exported-reducers.ts

@@ -2,6 +2,7 @@ import {ScratchPaintReducer} from 'scratch-paint';
 import LocalesReducer, {localesInitialState, initLocale} from './reducers/locales.js';
 import GuiReducer, {buildInitialState, guiMiddleware, initEmbedded, initFullScreen, initPlayer} from './reducers/gui';
 import {setFullScreen, setPlayer} from './reducers/mode.js';
+import {activateDeck} from './reducers/cards.js';
 
 export const guiReducers = {
     locales: LocalesReducer,
@@ -18,5 +19,6 @@ export {
     initLocale,
     localesInitialState,
     setFullScreen,
-    setPlayer
+    setPlayer,
+    activateDeck
 };