Doodle3D-Core/index.js

88 lines
2.6 KiB
JavaScript
Raw Normal View History

2017-11-15 15:13:49 +01:00
// 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';
const reducer = combineReducers({ sketcher: sketcherReducer });
const enhancer = compose(applyMiddleware(thunkMiddleware, promiseMiddleware(), createLogger({ collapsed: true })));
const store = createStore(reducer, enhancer);
// prepare html (SHOULDN'T BE DONE LIKE THIS)
document.body.style.margin = 0;
document.body.style.padding = 0;
document.body.style.height = '100%';
document.documentElement.style.height = '100%';
document.documentElement.style.overflow = 'hidden';
document.getElementById('app').style.height = '100%';
2017-11-17 23:34:20 +01:00
import actionWrapper from 'redux-action-wrapper';
2017-11-17 22:22:36 +01:00
import * as actions from './src/actions/index.js';
2017-11-17 23:34:20 +01:00
window.actions = actionWrapper(actions, store.dispatch);
2017-11-17 22:22:36 +01:00
2017-11-17 23:34:20 +01:00
import JSONToSketchData from './src/shape/JSONToSketchData.js';
2017-11-17 22:22:36 +01:00
window.addEventListener('drop', async (event) => {
event.preventDefault();
for (const file of event.dataTransfer.files) {
const [name, ...extentions] = file.name.split('.');
switch (extentions.pop().toUpperCase()) {
case 'D3SKETCH':
case 'JSON':
const url = URL.createObjectURL(file);
const data = await fetch(url).then(result => result.json());
const sketchData = await JSONToSketchData(data);
store.dispatch(actions.openSketch({data:sketchData}));
break;
case 'JPG':
case 'JPEG':
case 'PNG':
case 'GIF':
await store.dispatch(actions.addImage(file));
break;
default:
break;
}
}
});
window.addEventListener('dragover', (event) => {
event.preventDefault();
});
2017-11-18 21:21:16 +01:00
import * as CAL from 'cal';
store.dispatch(actions.addObject({
type: 'STAR',
fill: true,
solid: false,
star: { innerRadius: 10, outerRadius: 20, rays: 5 },
transform: new CAL.Matrix({ x: -20, y: 0 })
}));
store.dispatch(actions.addObject({
type: 'RECT',
fill: true,
rectSize: new CAL.Vector(20, 20),
height: 40,
transform: new CAL.Matrix({ x: -10, y: -10 })
}));
2017-11-15 15:13:49 +01:00
// render dom
import React from 'react';
import { Provider } from 'react-redux';
import { render } from 'react-dom';
import App from './src/components/App.js';
import sketcherReducer from './src/reducer/index.js';
render((
<Provider store={store}>
<App />
2017-11-15 15:13:49 +01:00
</Provider>
), document.getElementById('app'));