74 lines
2.3 KiB
JavaScript
74 lines
2.3 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);
|
|
import { saveAs as saveAsLib } from 'file-saver';
|
|
|
|
// download file
|
|
import { createFile } from './src/utils/exportUtils.js';
|
|
window.downloadStl = () => {
|
|
store.dispatch(async (dispatch, getState) => {
|
|
const state = getState();
|
|
const blob = await createFile(state.sketcher.present, 'stl-blob');
|
|
saveAsLib(blob, 'doodle.stl');
|
|
});
|
|
};
|
|
|
|
// add model to store
|
|
import modelData from './models/simple_hole.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(normalize).attach();
|
|
jss.createStyleSheet({
|
|
'@global': {
|
|
'*': { margin: 0, padding: 0 },
|
|
'#app, body, html': { height: '100%', fontFamily: 'sans-serif' },
|
|
body: { overflow: 'auto' },
|
|
html: { overflow: 'hidden' }
|
|
}
|
|
}).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();
|