chrisgarrity
bc3df2c33b
Allows the language selection menu to be active if `?enable=language` is in the URL, otherwise shows a ‘coming soon’ tooltip. This can also land on a branch if we don’t want that available on preview. - language menu opens if the globe is clicked - language menu closes if mouse is clicked anywhere outside the language selector - language list is imported from scratch-l10n - current locale is updated if another language is selected (i.e. the current language selected changes) Not in this PR: - styling of language selector - actually changing the messages!
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!