Post message when JS code changes.

Author: MrCoder

src/components/ContentWrap.jsx

@@ -85,7 +85,15 @@ export default class ContentWrap extends Component {
 			this.cmCodes.js,
 			change.origin !== 'setValue'
 		);
-		this.onCodeChange(editor, change);
+
+		let now = new Date();
+		console.log('post to iframe:' + this.cmCodes.js, now.toLocaleTimeString() + `.${now.getMilliseconds()}`)
+
+		document.getElementById('demo-frame').contentWindow.postMessage(this.cmCodes.js, window.location.href);
+		now = new Date();
+		console.log('posted to iframe:' + this.cmCodes.js, now.toLocaleTimeString() + `.${now.getMilliseconds()}`)
+
+		// this.onCodeChange(editor, change);
 	}
 	onCodeChange(editor, change) {
 		clearTimeout(this.updateTimer);

src/computes.js

@@ -187,9 +187,15 @@ export function computeJs(
 	shouldPreventInfiniteLoops,
 	infiniteLoopTimeout
 ) {
+	console.log('Is it recomputing?')
 	let code = `window.addEventListener('message', (e) => {
+		const now = new Date();
+		console.log('Received:' + e.data, now.toLocaleTimeString() + '.' + now.getMilliseconds())
+	  
 	  app.$store.commit('code', e.data);
+	  // app.$store.state.code = e.data
 	}, false);`;
+
 	var d = deferred();
 	var errors;