r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

did stuff

Browse source
This commit is contained in:
Cassie Tarakajian 2016-09-28 15:20:54 -04:00
parent 7fb85c251b
commit 5f23ea8132
2 changed files with 24 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
client/modules/IDE/components/PreviewFrame.js
View file

@ -117,18 +117,30 @@ class PreviewFrame extends React.Component {
}
componentDidUpdate(prevProps) {
// if previously the sketch was not playing, render sketch
// if playing, and autorun is on
// if content has changed or files have changed
if (this.props.isPlaying !== prevProps.isPlaying) {
this.renderSketch();
return;
}
if (this.props.isPlaying && this.props.content !== prevProps.content) {
console.log(this.props, prevProps);
if (this.props.isPlaying && this.props.autorefresh) {
if (this.props.content !== prevProps.content
|| this.props.files[0].id !== prevProps.files[0].id) {
this.renderSketch();
}
}
// I apologize for this, it is a hack. A simple way to check if the files have changed.
if (this.props.isPlaying && this.props.files[0].id !== prevProps.files[0].id) {
this.renderSketch();
}
// if (this.props.isPlaying && this.props.content !== prevProps.content) {
// this.renderSketch();
// }
// // I apologize for this, it is a hack. A simple way to check if the files have changed.
// if (this.props.isPlaying && this.props.files[0].id !== prevProps.files[0].id) {
// this.renderSketch();
// }
}
componentWillUnmount() {
@ -257,7 +269,8 @@ PreviewFrame.propTypes = {
dispatchConsoleEvent: PropTypes.func,
children: PropTypes.element,
infiniteLoop: PropTypes.bool.isRequired,
resetInfiniteLoops: PropTypes.func.isRequired
resetInfiniteLoops: PropTypes.func.isRequired,
autorefresh: PropTypes.bool.isRequired
};
export default PreviewFrame;

4
client/modules/IDE/pages/IDEView.js
View file

@ -318,8 +318,12 @@ class IDEView extends React.Component {
isTextOutputPlaying={this.props.ide.isTextOutputPlaying}
textOutput={this.props.preferences.textOutput}
dispatchConsoleEvent={this.props.dispatchConsoleEvent}
<<<<<<< HEAD
infiniteLoop={this.props.ide.infiniteLoop}
resetInfiniteLoops={this.props.resetInfiniteLoops}
=======
autorefresh={this.props.preferences.autorefresh}
>>>>>>> did stuff
/>
</div>
</SplitPane>