{"version":3,"file":"chunks/player.js","sources":["webpack://GUI/./src/playground/player.css","webpack://GUI/./src/playground/player.css?4fb3","webpack://GUI/./src/playground/player.jsx"],"sourcesContent":["exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".player_stage-only_3WHZN {\\n    width: calc(480px + 1rem);\\n}\\n\\n.player_editor_wkTja {\\n    position: absolute;\\n    top: 0;\\n    left: 0;\\n    height: 100%;\\n    width: 100%;\\n}\\n\\n.player_stage-only_3WHZN * {\\n    -webkit-box-sizing: border-box;\\n            box-sizing: border-box;\\n}\\n\", \"\"]);\n\n// exports\nexports.locals = {\n\t\"stage-only\": \"player_stage-only_3WHZN\",\n\t\"stageOnly\": \"player_stage-only_3WHZN\",\n\t\"editor\": \"player_editor_wkTja\"\n};","\nvar content = require(\"!!../../node_modules/css-loader/index.js??ref--5-1!../../node_modules/postcss-loader/src/index.js??postcss!./player.css\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../node_modules/css-loader/index.js??ref--5-1!../../node_modules/postcss-loader/src/index.js??postcss!./player.css\", function() {\n\t\tvar newContent = require(\"!!../../node_modules/css-loader/index.js??ref--5-1!../../node_modules/postcss-loader/src/index.js??postcss!./player.css\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport {connect} from 'react-redux';\nimport {compose} from 'redux';\n\nimport Box from '../components/box/box.jsx';\nimport GUI from '../containers/gui.jsx';\nimport HashParserHOC from '../lib/hash-parser-hoc.jsx';\nimport AppStateHOC from '../lib/app-state-hoc.jsx';\nimport TitledHOC from '../lib/titled-hoc.jsx';\n\nimport {setPlayer} from '../reducers/mode';\n\nif (process.env.NODE_ENV === 'production' && typeof window === 'object') {\n    // Warn before navigating away\n    window.onbeforeunload = () => true;\n}\n\nimport styles from './player.css';\n\nconst Player = ({isPlayerOnly, onSeeInside, projectId}) => (\n    <Box className={classNames(isPlayerOnly ? styles.stageOnly : styles.editor)}>\n        {isPlayerOnly && <button onClick={onSeeInside}>{'See inside'}</button>}\n        <GUI\n            enableCommunity\n            isPlayerOnly={isPlayerOnly}\n            projectId={projectId}\n        />\n    </Box>\n);\n\nPlayer.propTypes = {\n    isPlayerOnly: PropTypes.bool,\n    onSeeInside: PropTypes.func,\n    projectId: PropTypes.string\n};\n\nconst mapStateToProps = state => ({\n    isPlayerOnly: state.scratchGui.mode.isPlayerOnly\n});\n\nconst mapDispatchToProps = dispatch => ({\n    onSeeInside: () => dispatch(setPlayer(false))\n});\n\nconst ConnectedPlayer = connect(\n    mapStateToProps,\n    mapDispatchToProps\n)(Player);\n\n// note that redux's 'compose' function is just being used as a general utility to make\n// the hierarchy of HOC constructor calls clearer here; it has nothing to do with redux's\n// ability to compose reducers.\nconst WrappedPlayer = compose(\n    AppStateHOC,\n    HashParserHOC,\n    TitledHOC\n)(ConnectedPlayer);\n\nconst appTarget = document.createElement('div');\ndocument.body.appendChild(appTarget);\n\nReactDOM.render(<WrappedPlayer isPlayerOnly />, appTarget);\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;ACZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACnBA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA,aAGA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAEA;AACA;AACA;AAHA;AAHA;AACA;AAUA;AACA;AACA;AACA;AAHA;AACA;AAKA;AAAA;AACA;AADA;AAAA;AACA;AAGA;AAAA;AACA;AAAA;AAAA;AADA;AAAA;AACA;AAGA;AAMA;AACA;AACA;AAAA;AAMA;AACA;AAEA;AAAA;AAAA;;;;A","sourceRoot":""}