junk: tmp

Author: rschristian

src/components/code-editor/index.jsx

@@ -33,7 +33,8 @@ export default function CodeEditor(props) {
 	const [_, setEditor] = useState(null);
 
 	useEffect(() => {
-		if (editor.current && (!props.baseExampleSlug || !props.value)) return;
+		console.log('editor code:\n', props.value);
+		if (editor.current && !props.baseExampleSlug) return;
 		if (editor.current) editor.current.destroy();
 
 		const theme = EditorView.theme({}, { dark: true });
@@ -66,7 +67,7 @@ export default function CodeEditor(props) {
 		});
 
 		setEditor(editor.current);
-	}, [props.value, props.baseExampleSlug]);
+	}, [props.baseExampleSlug]);
 
 	useEffect(() => (
 		() => {

src/components/controllers/repl/index.jsx

@@ -79,7 +79,7 @@ function getExample(slug, list) {
 export class Repl extends Component {
 	state = {
 		loading: 'Loading REPL...',
-		code: '',
+		code: '// Loading...',
 		exampleSlug: ''
 	};
 
@@ -189,8 +189,9 @@ export class Repl extends Component {
 
 	componentDidUpdate = debounce(500, () => {
 		let { code } = this.state;
-		if (code === repoListExample) code = '';
+		if (code == '// Loading...') return;
 		// Reset select when code is changed from example
+		console.log('this.state.exampleSlug', !!this.state.exampleSlug)
 		if (this.state.exampleSlug) {
 			const example = getExample(this.state.exampleSlug, EXAMPLES);
 			if (code !== example.code && this.state.exampleSlug !== '') {
@@ -234,7 +235,7 @@ export class Repl extends Component {
 	}
 
 	render(_, { loading, code, error, exampleSlug, copied }) {
-		if (loading) {
+		if (loading || code == '// Loading...') {
 			return (
 				<ReplWrapper loading>
 					<div class={style.loading}>