63 lines
1.8 KiB
JavaScript
63 lines
1.8 KiB
JavaScript
// import polyfill
|
|
import 'babel-polyfill';
|
|
|
|
// inject tap event plugin
|
|
import injectTapEventPlugin from 'react-tap-event-plugin';
|
|
injectTapEventPlugin();
|
|
|
|
// create store
|
|
import { createStore, combineReducers, compose, applyMiddleware } from 'redux';
|
|
import thunkMiddleware from 'redux-thunk';
|
|
import promiseMiddleware from 'redux-promise-middleware';
|
|
import { createLogger } from 'redux-logger';
|
|
import sketcherReducer from './src/reducer/index.js';
|
|
const reducer = combineReducers({ sketcher: sketcherReducer });
|
|
const enhancer = compose(applyMiddleware(thunkMiddleware, promiseMiddleware(), createLogger({ collapsed: true })));
|
|
const store = createStore(reducer, enhancer);
|
|
|
|
// add actions to window
|
|
import actionWrapper from 'redux-action-wrapper';
|
|
import * as actions from './src/actions/index.js';
|
|
window.actions = actionWrapper(actions, store.dispatch);
|
|
|
|
// add model to store
|
|
import modelData from './models/noodlebot.d3sketch';
|
|
import JSONToSketchData from './src/shape/JSONToSketchData.js';
|
|
JSONToSketchData(JSON.parse(modelData)).then(data => {
|
|
store.dispatch(actions.openSketch({ data }));
|
|
});
|
|
|
|
// default css
|
|
import jss from 'jss';
|
|
import preset from 'jss-preset-default';
|
|
import normalize from 'normalize-jss';
|
|
jss.setup(preset());
|
|
jss.createStyleSheet({
|
|
'@global body, html, #app': {
|
|
height: '100%'
|
|
},
|
|
'@global body': {
|
|
overflow: 'hidden'
|
|
},
|
|
...normalize
|
|
}).attach();
|
|
|
|
// render dom
|
|
import React from 'react';
|
|
import { Provider } from 'react-redux';
|
|
import { render } from 'react-dom';
|
|
import App from './src/components/App.js';
|
|
|
|
async function init() {
|
|
if (process.env.TARGET === 'app') {
|
|
await new Promise(resolve => document.addEventListener('deviceready', resolve, false));
|
|
}
|
|
|
|
render((
|
|
<Provider store={store}>
|
|
<App />
|
|
</Provider>
|
|
), document.getElementById('app'));
|
|
}
|
|
init();
|