player.js.map

{"version":3,"file":"player.js","sources":["webpack:///src/examples/player.js","webpack:///./src/examples/player.css","webpack:///./src/examples/player.css?44b6"],"sourcesContent":["'use strict';\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = require('react-dom');\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _reactRedux = require('react-redux');\n\nvar _appStateHoc = require('../lib/app-state-hoc.js');\n\nvar _appStateHoc2 = _interopRequireDefault(_appStateHoc);\n\nvar _controls = require('../containers/controls.js');\n\nvar _controls2 = _interopRequireDefault(_controls);\n\nvar _stage = require('../containers/stage.js');\n\nvar _stage2 = _interopRequireDefault(_stage);\n\nvar _box = require('../components/box/box.js');\n\nvar _box2 = _interopRequireDefault(_box);\n\nvar _gui = require('../containers/gui.js');\n\nvar _gui2 = _interopRequireDefault(_gui);\n\nvar _projectLoaderHoc = require('../lib/project-loader-hoc.js');\n\nvar _projectLoaderHoc2 = _interopRequireDefault(_projectLoaderHoc);\n\nrequire('./player.css');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n    return { vm: state.vm };\n};\n\nvar VMStage = (0, _reactRedux.connect)(mapStateToProps)(_stage2.default);\nvar VMControls = (0, _reactRedux.connect)(mapStateToProps)(_controls2.default);\n\nvar Player = function (_React$Component) {\n    _inherits(Player, _React$Component);\n\n    function Player(props) {\n        _classCallCheck(this, Player);\n\n        var _this = _possibleConstructorReturn(this, (Player.__proto__ || Object.getPrototypeOf(Player)).call(this, props));\n\n        _this.handleResize = _this.handleResize.bind(_this);\n        _this.state = _this.getWindowSize();\n        return _this;\n    }\n\n    _createClass(Player, [{\n        key: 'componentDidMount',\n        value: function componentDidMount() {\n            window.addEventListener('resize', this.handleResize);\n        }\n    }, {\n        key: 'componentWillUnmount',\n        value: function componentWillUnmount() {\n            window.removeEventListener('resize', this.handleResize);\n        }\n    }, {\n        key: 'getWindowSize',\n        value: function getWindowSize() {\n            return {\n                width: window.innerWidth,\n                height: window.innerHeight\n            };\n        }\n    }, {\n        key: 'handleResize',\n        value: function handleResize() {\n            this.setState(this.getWindowSize());\n        }\n    }, {\n        key: 'render',\n        value: function render() {\n            var height = this.state.height - 40;\n            var width = height + height / 3;\n            if (width > this.state.width) {\n                width = this.state.width;\n                height = width * .75;\n            }\n            return _react2.default.createElement(\n                _gui2.default,\n                _extends({}, this.props, {\n                    style: {\n                        margin: '0 auto'\n                    },\n                    width: width\n                }),\n                _react2.default.createElement(\n                    _box2.default,\n                    { height: 40 },\n                    _react2.default.createElement(VMControls, {\n                        style: {\n                            marginRight: 10,\n                            height: 40\n                        }\n                    })\n                ),\n                _react2.default.createElement(VMStage, {\n                    height: height,\n                    width: width\n                })\n            );\n        }\n    }]);\n\n    return Player;\n}(_react2.default.Component);\n\nvar App = (0, _appStateHoc2.default)((0, _projectLoaderHoc2.default)(Player));\n\nvar appTarget = document.createElement('div');\ndocument.body.appendChild(appTarget);\n\n_reactDom2.default.render(_react2.default.createElement(App, null), appTarget);\n\n\n\n// WEBPACK FOOTER //\n// src/examples/player.js","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/index.js??ref--1-1!../../node_modules/postcss-loader/lib/index.js??postcss!./player.css\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// Prepare cssTransformation\nvar transform;\n\nvar options = {\"hmr\":true}\noptions.transform = transform\n// add the styles to the DOM\nvar update = require(\"!../../node_modules/style-loader/lib/addStyles.js\")(content, options);\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!../../node_modules/css-loader/index.js??ref--1-1!../../node_modules/postcss-loader/lib/index.js??postcss!./player.css\", function() {\n\t\t\tvar newContent = require(\"!!../../node_modules/css-loader/index.js??ref--1-1!../../node_modules/postcss-loader/lib/index.js??postcss!./player.css\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/examples/player.css\n// module id = 420\n// module chunks = 1","exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")(undefined);\n// imports\n\n\n// module\nexports.push([module.id, \"body {\\n    padding: 0;\\n    margin: 0;\\n}\\n\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"modules\":true,\"importLoaders\":1,\"localIdentName\":\"[name]_[local]_[hash:base64:5]\",\"camelCase\":true}!./node_modules/postcss-loader/lib?{\"ident\":\"postcss\"}!./src/examples/player.css\n// module id = 421\n// module chunks = 1"],"mappings":";;;;;;AAAA;AACA;;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAJA;AAMA;AACA;AACA;AACA;AAJA;AAMA;AACA;AACA;AACA;AACA;AAFA;AAIA;AAPA;AASA;AACA;AACA;AACA;AAJA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AADA;AAGA;AAJA;AAUA;AACA;AACA;AAFA;AADA;AAQA;AACA;AAFA;AAKA;AAhCA;AACA;AAkCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACxIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACzBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;A","sourceRoot":""}