add stuff

Author: jwklong

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

@@ -294,6 +294,27 @@ const EnableDangerousOptimizations = props => (
     />
 );
 
+const OOBRendering = props => (
+    <BooleanSetting
+        {...props}
+        label={
+            <FormattedMessage
+                defaultMessage="Out of Bounds Rendering"
+                description="Enable Out of Bounds Rendering setting"
+                id="pm.settingsModal.oobRendering"
+            />
+        }
+        help={
+            <FormattedMessage
+                defaultMessage="When disabled, everything outside the stage will not be rendered."
+                description="Out of Bounds Rendering setting help"
+                id="pm.settingsModal.oobRendering"
+            />
+        }
+        // slug="out-of-bounds-rendering"
+    />
+);
+
 const WarpTimer = props => (
     <BooleanSetting
         {...props}
@@ -517,6 +538,10 @@ const SettingsModalComponent = props => (
                     id="pm.settingsModal.optimizations"
                 />
             </Header>
+            <OOBRendering
+                value={props.oobRendering}
+                onChange={props.onOobRenderingChange}
+            />
             <EnableDangerousOptimizations
                 value={props.dangerousOptimizations}
                 onChange={props.onEnableDangerousOptimizationsChange}
@@ -588,7 +613,9 @@ SettingsModalComponent.propTypes = {
     disableCompiler: PropTypes.bool,
     dangerousOptimizations: PropTypes.bool,
     onDisableCompilerChange: PropTypes.func,
-    onEnableDangerousOptimizationsChange: PropTypes.func
+    onEnableDangerousOptimizationsChange: PropTypes.func,
+    oobRendering: PropTypes.bool,
+    onOobRenderingChange: PropTypes.func
 };
 
 export default injectIntl(SettingsModalComponent);

src/containers/tw-settings-modal.jsx

@@ -69,11 +69,15 @@ class UsernameModal extends React.Component {
         });
     }
     handleEnableDangerousOptimizationsChange (e) {
-        console.log(e.target.checked);
         this.props.vm.setRuntimeOptions({
             dangerousOptimizations: e.target.checked
         });
     }
+    handleOobRenderingChange (e) {
+        this.props.vm.setRuntimeOptions({
+            oobRendering: !e.target.checked
+        });
+    }
     handleWarpTimerChange (e) {
         this.props.vm.setCompilerOptions({
             warpTimer: e.target.checked
@@ -125,6 +129,7 @@ class UsernameModal extends React.Component {
                 onRemoveFencingChange={this.handleRemoveFencingChange}
                 onRemoveLimitsChange={this.handleRemoveLimitsChange}
                 onEnableDangerousOptimizationsChange={this.handleEnableDangerousOptimizationsChange}
+                onOobRenderingChange={this.handleOobRenderingChange}
                 onWarpTimerChange={this.handleWarpTimerChange}
                 onStageWidthChange={this.handleStageWidthChange}
                 onStageHeightChange={this.handleStageHeightChange}

src/lib/tw-state-manager-hoc.jsx

@@ -396,6 +396,12 @@ const TWStateManager = function (WrappedComponent) {
                     dangerousOptimizations: true
                 });
             }
+            
+            if (urlParams.has('oob')) {
+                this.props.vm.setRuntimeOptions({
+                    oobRendering: false
+                });
+            }
 
             for (const extension of urlParams.getAll('extension')) {
                 this.props.vm.extensionManager.loadExtensionURL(extension);

src/reducers/tw.js

@@ -33,6 +33,7 @@ export const initialState = {
         maxClones: 300,
         miscLimits: true,
         dangerousOptimizations: false,
+        oobRendering: true,
         fencing: true
     },
     isWindowFullScreen: false,