bubbler-4/piet

A browser-based Piet editor/interpreter

piet's Issues

Missing text-area(s) for import/export

If I remember correctly there where text-areas on the import/export tab earlier this year. I used them to great extend and miss them now.
Unfortunatly my skills in debugging and coding JavaScript are basicly non-existent.
Maybe you can have a look into it.

Editor enhancements

• Toggle borders between cells (Masterpiets has 1px solid black)
• Show cell count of a selected block
• Resize by entering size
• Reset grid
• Undo/redo edit (for various actions, e.g. grid add/remove row, draw single pixel, import from picture)
• Bulk movement (select a set of pixels and move around or rotate)
• Bulk recolor (select a set of pixels and apply a color offset to all of them, to replace commands in the middle)

Misc enhancements

• Fix the tabbed pane to the bottom of the page
• Make it resizable
• Explainer (more like what HexagonyColorer does; draw paths over cells and extract the command sequence)
• Save explained code as image (SVG)
• Zoom in/out code area
• Custom codel size on PNG export
• Make test case separator more sane (do not require an empty line on its own for empty test case) ... or just make it more proper and use multiple input/output windows

Various bugs on export

On firefox (before enabling dev mode)

I tried it and got an error when I clicked on the Share tab: Uncaught TypeError: i is undefined. After that, it seems like the PNG and SVG buttons don't do anything.

On Chrome

It works on Chrome, but also still gives an error: Uncaught TypeError: Cannot read properties of undefined (reading '0'). ... and the downloaded PNG won't load in Windows photo viewer or Paint. ... because its contents are an SVG, despite the .png extension.

Unknown

After I do [export] the first time, it's stuck as the same file

Firefox 99ish?

So if I export as png, update it, and export again I get the first png

Uncaught TypeError: colorvec is undefined

Debugger enhancements

• Show execution history (up to X last commands)
• Jump to a point in execution history
• Jump forward X steps

The Explain feature

Great project, thanks for sharing!

Explain plan for this fizzbuzz.

From the top left stepping though is it not 1 (red), push(dark red), noop(white), noop(light blue), dup(light green), noop(white),3(light blue) etc?

The Explain seems to be missing a noop after the first white?