You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
4.7 KiB
1 lines
4.7 KiB
{"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":""}
|