Doodle3D-Slicer/index.js
2018-01-15 15:17:38 +01:00

32 lines
903 B
JavaScript

import 'babel-polyfill'
import React from 'react';
import { Interface } from 'doodle3d-slicer';
import { render } from 'react-dom';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import injectTapEventPlugin from 'react-tap-event-plugin';
import jss from 'jss';
import preset from 'jss-preset-default';
import normalize from 'normalize-jss';
import queryString from 'query-string';
injectTapEventPlugin();
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();
const { file } = queryString.parse(location.search);
render((
<MuiThemeProvider>
<Interface file={file} name="doodle"/>
</MuiThemeProvider>
), document.getElementById('app'));