Paul Kaplan
76bfe175aa
* WIP tips * WIP first card stack * WIP use tips reducer to show things to try * single card deck similar to mask sequence * collapse option * Add zoom card * WIP tips * Reorganized to redux * Add zooming to the gifs * Blue cards + navigation * Add tips to new nav bar * Remove blue * Update design with icons * deck updates wip * Updated card decks * Add videos to libraries * Update initial card and clicker preview * Add backdrop to initial card step. * WIP use vimeo player instead * New simple spin deck * Spin around and say hello decks * Update button and sub-card styles * Fix "tips" button in menu bar * Use move cursor * Fix cursor * Use same image for deck preview and library * Fix cursor again * Update clicker game deck * Add videos as single-step decks * Change tips in menu bar to ? icon * Change “tips” to “how-tos” in library * Add help icon to cards * Update deck library images * Add drag cover for youtube video to prevent catching mouseup * add a step to spin deck for clicking control * Blue bar style updates * Add step pips * Update clicker game name to run away * Fix image padding * Add change color step to spin deck * Add start sound step to run away deck * Update say deck to start with adding a sprite * Remove package lock * Remove zooming functionality * Remove unnecassary prototype changes * Split up rendering of cards into smaller parts * Use FormattedMessage for all strings * Automatic lint fixes * Almost finished with lint errors! * Fix more lint errors * Clean up CSS * Fix webpack config
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!