live-coding, oriented towards giving presentations about programming and showing what you mean.
There is one additional 'feature' of the interface. A magic function called
mistakes supports loading from GitHub Gists to help you share code better. When you see a URL like http://macwright.org/mistakes/#5051892 that means it's loading the gist at https://gist.github.com/tmcw/5051892.
It works with anyone's gists. The expectation is that gists contain a single
.js, like if you name it
There are a few 'principles' of mistakes:
Mistakes does not do magic. There is no complicated code compilation or parsing -
eval. See the incremental eval module, which powers this part of mistakes.
there's very little code - less than 200 sloc if you don't count CodeMirror,
the editor component.
There are three rules of presenting:
- Never ever rely on the internet for a presentation.
- Always have a VGA adapter at all times.
- Only present about things you're interested in.
Mistakes now helps with #1. Instead of counting on GitHub Gists
for samples when giving a live presentation, clone (or download) this repository
local/ directory. I've included
equals.js in there as an example.
Then boot up a server, and go to
http://localhost:3000/#yourfile.js or whatever.
Clone this repo and run
npm install &&
npm install npm run build
This will build the
js/bundle.js built file.