Files
scratch-gui/package.json
T
Steven Dale 74dde69fd0 Design pass: layout panes, sprite libraries, info area, import buttons, + menu bar (#83)
* Covers parts of these issues: GUI layout panes (#69), sprite libraries (#12), import buttons (#64), menu bar (#67), and sprite info area (#53)

~ Refactored layout pane structure by removing `display: flex` from `.box`, by default. Declaring flex instead only where specifically needed. This helped fix layout quirks, and should help us avoid hard to find issues related to nested flex boxes

~ Added descriptive classnames to boxes/containers/wrappers. Moved more padding, margins + layout into these wrappers to help with component reusability.

~ Set up a spacer unit variable inside `gui.css`, to start keeping consistent padding, margins and rounded corners between panes. Used [CSS/PostCSS Modules](https://github.com/css-modules/postcss-modules-values) to avoid SCSS dependency.

~ Refactored inline styles from JSX, into CSS files. 2 reasons: a) prepping for reuse of CSS Module variables. b) Feels easier to debug complex flex layouts when all the styles are in one place vs JS/HTML/CSS syntax mixed together

~ Added menu bar into layout via new component, and sprite info header in sprite selector pane, with stubs for the labels + forms. Sprite items are correctly scrolling, while leaving the header fixed, in Chrome. Mostly working in FFx. Not working in Safari, IE yet.

~ Style pass on library modal

~ Experimenting with a few different transition styles: Logo in menu bar, sprite library items, Add buttons.
2017-02-15 08:46:16 -05:00

74 lines
2.3 KiB
JSON

{
"name": "scratch-gui",
"version": "0.1.0",
"description": "GraphicaL User Interface for creating and running Scratch 3.0 projects",
"main": "./src/index.js",
"scripts": {
"build": "npm run clean && webpack --progress --colors --bail",
"clean": "rm -rf ./build && mkdir -p build",
"deploy": "touch build/.nojekyll && gh-pages -t -d build -m \"Build for $(git log --pretty=format:%H -n1)\"",
"lint": "eslint . --ext .js,.jsx",
"postmerge": "opt --in postmerge --exec 'npm install'",
"postrewrite": "opt --in postrewrite --exec 'npm install'",
"prepush": "opt --in prepush --exec 'npm run lint'",
"start": "webpack-dev-server",
"test": "npm run lint && npm run build"
},
"author": "Massachusetts Institute of Technology",
"license": "BSD-3-Clause",
"homepage": "https://github.com/LLK/scratch-gui#readme",
"repository": {
"type": "git",
"url": "git+ssh://git@github.com/LLK/scratch-gui.git"
},
"peerDependencies": {
"react": "15.x.x",
"react-dom": "15.x.x"
},
"devDependencies": {
"autoprefixer": "6.7.2",
"babel-core": "6.22.1",
"babel-eslint": "7.1.1",
"babel-loader": "6.3.0",
"babel-plugin-transform-object-rest-spread": "6.22.0",
"babel-preset-es2015": "6.22.0",
"babel-preset-react": "6.22.0",
"classnames": "2.2.5",
"copy-webpack-plugin": "4.0.1",
"css-loader": "0.26.1",
"eslint": "3.15.0",
"eslint-config-scratch": "^3.0.0",
"eslint-plugin-react": "6.9.0",
"gh-pages": "0.12.0",
"html-webpack-plugin": "2.28.0",
"husky": "0.13.1",
"lodash.bindall": "4.4.0",
"lodash.defaultsdeep": "4.6.0",
"lodash.isequal": "4.5.0",
"lodash.omit": "4.5.0",
"lodash.pick": "4.4.0",
"minilog": "3.1.0",
"opt-cli": "1.5.1",
"postcss-loader": "1.2.2",
"postcss-modules-values": "1.2.2",
"react": "15.4.2",
"react-dom": "15.4.2",
"react-modal": "1.6.5",
"react-redux": "5.0.2",
"react-style-proptype": "2.0.0",
"redux": "3.6.0",
"scratch-audio": "latest",
"scratch-blocks": "latest",
"scratch-render": "latest",
"scratch-vm": "latest",
"style-loader": "0.13.1",
"svg-to-image": "1.1.3",
"svg-url-loader": "2.0.1",
"travis-after-all": "1.4.4",
"webpack": "2.2.1",
"webpack-combine-loaders": "2.0.3",
"webpack-dev-server": "2.3.0",
"xhr": "2.3.3"
}
}