Popup to let users know that with Turbowarp's compiler their is no live reload

Author: Titanium2099

src/components/tw-settings-modal/settings-modal.jsx

@@ -305,15 +305,16 @@ const DisableCompiler = props => (
         {...props}
         label={
             <FormattedMessage
-                defaultMessage="Disable Compiler"
+                defaultMessage="Use Scratch Compiler"
                 description="Disable Compiler setting"
                 id="tw.settingsModal.disableCompiler"
             />
         }
         help={
             <FormattedMessage
                 // eslint-disable-next-line max-len
-                defaultMessage="Disables the {APP_NAME} compiler. You may want to enable this while editing projects so that scripts update immediately. Otherwise, you should never enable this."
+                //defaultMessage="Disables the {APP_NAME} compiler. You may want to enable this while editing projects so that scripts update immediately. Otherwise, you should never enable this. (as it will run projects on Scratch's compiler, instead of {APP_NAME}'s making projects run ~50x slower)"
+                defaultMessage="Uses the Scratch compiler instead of {APP_NAME}'s compiler. The only time you should enable this is when you are editing projects and want scripts to update without having to restart the project. Otherwise, you should never enable this. (As Scratch's compiler runs projects 50x slower)"
                 description="Disable Compiler help"
                 id="tw.settingsModal.disableCompilerHelp"
                 values={{

src/containers/controls.jsx

@@ -4,6 +4,9 @@ import React from 'react';
 import VM from 'scratch-vm';
 import {connect} from 'react-redux';
 
+import {showStandardAlert, showAlertWithTimeout} from '../reducers/alerts';
+
+
 import ControlsComponent from '../components/controls/controls.jsx';
 
 class Controls extends React.Component {
@@ -13,8 +16,15 @@ class Controls extends React.Component {
             'handleGreenFlagClick',
             'handleStopAllClick'
         ]);
+        this.state = {
+            showedPopup: false
+        };
     }
     handleGreenFlagClick (e) {
+        if(!this.props.disableCompiler && !this.state.showedPopup) {
+            this.setState({showedPopup: true});
+            this.props.onShowSaveErrorAlert();
+        }
         e.preventDefault();
         // tw: implement alt+click and right click to toggle FPS
         if (e.shiftKey || e.altKey || e.type === 'contextmenu') {
@@ -74,9 +84,12 @@ const mapStateToProps = state => ({
     projectRunning: state.scratchGui.vmStatus.running,
     framerate: state.scratchGui.tw.framerate,
     interpolation: state.scratchGui.tw.interpolation,
-    turbo: state.scratchGui.vmStatus.turbo
+    turbo: state.scratchGui.vmStatus.turbo,
+    disableCompiler: !state.scratchGui.tw.compilerOptions.enabled
 });
 // no-op function to prevent dispatch prop being passed to component
-const mapDispatchToProps = () => ({});
+const mapDispatchToProps = dispatch => ({
+    onShowSaveErrorAlert: () => dispatch(showStandardAlert('LiveReloadDisabledNotice')),
+});
 
 export default connect(mapStateToProps, mapDispatchToProps)(Controls);

src/lib/alerts/index.jsx

@@ -276,6 +276,19 @@ const alerts = [
         ),
         iconSpinner: true,
         level: AlertLevels.SUCCESS
+    },{
+        alertId: 'LiveReloadDisabledNotice',
+        alertType: AlertTypes.STANDARD,
+        clearList: [],
+        content: (
+            <FormattedMessage
+                defaultMessage="Live code editing is disabled (changes take effect only after rerunning the project). To enable it, go to Edit → Advanced Settings → Disable Compiler."
+                description="Message indicating that Live Reload is disabled in this project."
+                id="gui.alerts.LiveReloadDisabledNotice"
+            />
+        ),
+        closeButton: true,
+        level: AlertLevels.WARN
     }
 ];