diff --git a/src/components/blocks.js b/src/components/blocks.js index 72da7ecfd1178ad6ed76e883a42c55c54fdfd057..0474480fc001b9bfcf5f376f04a085038d17b616 100644 --- a/src/components/blocks.js +++ b/src/components/blocks.js @@ -1,8 +1,8 @@ -import defaultsDeep from 'lodash.defaultsdeep'; -import React from 'react'; -import ScratchBlocks from 'scratch-blocks/blocks_compressed_vertical'; +const defaultsDeep = require('lodash.defaultsdeep'); +const React = require('react'); +const ScratchBlocks = require('scratch-blocks/blocks_compressed_vertical'); -export default class Blocks extends React.Component { +class Blocks extends React.Component { constructor (props) { super(props); this.mountBlocks = this.mountBlocks.bind(this); @@ -69,3 +69,5 @@ Blocks.defaultOptions = { Blocks.defaultProps = { options: Blocks.defaultOptions }; + +module.exports = Blocks; diff --git a/src/components/gui.js b/src/components/gui.js index d0ebe1e37113d994f230eda13bca194e283f1ce6..614884d0f18db4466f1c7b2548671203097fcc32 100644 --- a/src/components/gui.js +++ b/src/components/gui.js @@ -1,9 +1,9 @@ -import React from 'react'; -import VM from 'scratch-vm'; -import Blocks from './blocks'; -import Toolbox from './toolbox'; +const React = require('react'); +const VM = require('scratch-vm'); +const Blocks = require('./blocks'); +const Toolbox = require('./toolbox'); -export default class GUI extends React.Component { +class GUI extends React.Component { render () { return ( <div className="scratch-gui"> @@ -26,3 +26,5 @@ GUI.propTypes = { GUI.defaultProps = { vm: new VM() }; + +module.exports = GUI; diff --git a/src/components/toolbox.js b/src/components/toolbox.js index 83cd3697cb9d2706719c40b61c8b0ac4314ac449..04d31ebbc8201710568ca197b03c7e028765d238 100644 --- a/src/components/toolbox.js +++ b/src/components/toolbox.js @@ -1,9 +1,11 @@ -import React from 'react'; +const React = require('react'); -export default class Toolbox extends React.Component { +class Toolbox extends React.Component { render () { return ( <div className="scratch-toolbox" /> ); } } + +module.exports = Toolbox; diff --git a/src/index.js b/src/index.js index 61035648bfacf766a854da1f671f8112eb169b45..93f125bec6ace087afd8467f17defde7fa9f10a0 100644 --- a/src/index.js +++ b/src/index.js @@ -1,2 +1,4 @@ -export {default as GUI} from './components/gui'; -export {default as Blocks} from './components/blocks'; +module.exports = { + GUI: require('./components/gui'), + Blocks: require('./components/blocks') +}; diff --git a/src/playground.js b/src/playground.js index d87855ce564d511b07601057cb8a2e474a5bbc18..c129fda2f83db953bf6811fdce17b77047015fe1 100644 --- a/src/playground.js +++ b/src/playground.js @@ -1,7 +1,8 @@ -import React from 'react'; -import ReactDOM from 'react-dom'; -import {GUI} from '.'; +const React = require('react'); +const ReactDOM = require('react-dom'); +const GUI = require('.').GUI; ReactDOM.render( <GUI />, - document.getElementById('app')); + document.getElementById('app') +);