Josiah Neuberger
648cd66fc4
Commit fceba4e8b introduced new sizing behavior for the stage in
order to fit everything in a 1024 width. Adopted this same behavior
for the StageHeader component.
scratch-gui
Scratch GUI is a set of React components that comprise the interface for creating and running Scratch 3.0 projects
Installation
This requires you to have Git and Node.js installed.
In your own node environment/application:
npm install https://github.com/LLK/scratch-gui.git
If you want to edit/play yourself:
git clone git@github.com:LLK/scratch-gui.git
cd scratch-gui
npm install
Getting started
Running the project requires Node.js to be installed.
Running
Open a Command Prompt or Terminal in the repository and run:
npm start
Then go to http://localhost:8601/ - the playground outputs the default GUI component
Testing
NOTE: If you're a windows user, please run these scripts in Windows cmd.exe instead of Git Bash/MINGW64.
Run linter, unit tests, build, and integration tests.
npm test
Run unit tests in isolation.
npm run unit-test
Run unit tests in watch mode (watches for code changes and continuously runs tests). See jest cli docs for more options.
npm run unit-test -- --watch
Run integration tests in isolation.
npm run integration-test
You may want to review the documentation for Jest and Enzyme as you write your tests.
Publishing to GitHub Pages
You can publish the GUI to github.io so that others on the Internet can view it. Read the wiki for a step-by-step guide.
Donate
We provide Scratch free of charge, and want to keep it that way! Please consider making a donation to support our continued engineering, design, community, and resource development efforts. Donations of any size are appreciated. Thank you!