• enable windows
• prevent popups unless necessary

• save user input from start until you hit
• add record/stop buttons to run
• save user input along with ticks, and send back to parent (save to store)
• on code, display that we have recorded data
• from code, add option that tells output to eval all the frames recorded (see b.v. for ui ideas)

buttonStart and buttonSelect should be onUp, not on Down

• add sound on / off toggle
• verify that sound effects work and are played immediately
• verify that sound on / off mutes instead of pause
• make sure that we create long songs right away, for performance
• verify that songs are played immediately

Every time the preview panel reloads, it gets these scrolbars.

When you interact with the preview panel, they go away.

Firefox 60.0.1 on Linux Mint

npm audit shows that there are 11 vulnerabilities in SCRIPT-8's packages. Upgrading react-scripts to 1.1.4 fixes most of them: npm install [email protected]
After upgrading, there are only 2:
Critical - macaddress - Command Injection Vulnerability - Node Security advisory link
Moderate - base64url - Out-of-bounds Read Vulnerability - Node Security advisory link
gh-pages requires base64url.
The path for macaddress:

react-scripts > css-loader > cssnano >postcss-filter-plugins > uniqid > macaddress

base64url can also be fixed by upgrading to >= 3.0.0
However, macaddress hasn't got any patch it's vulnerability.

• Fix the vulnerability in macaddress
• Fix the vulnerability in base64url

Also measure total now request for all

• top menu bar
• test every screen on phones
• make the matrix clickable on phone

all buttons need hover states

• either upgrade gatekeeper, or now.sh,
• or make sure we hit github directly if user is logged in

• add menu option (put on shelf)
• make it write to DB (payload: url, compressed version of image)
• add DB query to retrieve all entries, sorted by some criteria
• add shelf page to display all those entries

warn when state has been modified AND:

• user wants to insert blank
• user wants to click a shelf item

Also when you click save, clone shows up for a bit. disable menu during save.

maybe a info tab?

The game preview panel automatically runs when the page opens, and reloads/restarts every time you change editor tabs. This is more a nuisance than anything, particularly for poorer hardware. It's nice to have, but it should only run when you press PLAY.

I use a fairly old (and noisy) machine so it bothers me a little 😛

should probably investigate better ways to draw

Any casette can run any JS code just like in the console.
For example, a casette with:
alert(1)
will produce the effect of alert(1).
document.write(""); will execute document.write, which will remove everything from the page.
This makes everything unsafe, and everyone would need to check if a casette is okay to be run.

Steps to reproduce:

1. Go to the SFX Editor
2. Press the PLAY button
3. Without pressing the STOP button go to CODE or RUN
4. Enjoy your Unstoppable song
   Now if you go to SFX Editor you can see that you cant stop the music

Detect if the user is on mobile and when playing display a touchable buttons to act like arrow keys and other keys