mistakes.io
live-coding, oriented towards giving presentations about programming and showing what you mean.
Require
require functionality is powered by live-require
There is one additional 'feature' of the interface. A magic function called
require will include a javascript file by URL, on the page. Here's
an example.
Gists
mistakes supports loading from GitHub Gists to help you share code better. When you see a URL like http://mistakes.io/#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
Javascript file - you can add a README too if you give it a file extension
other than .js, like if you name it README.md.
Notes
There are a few 'principles' of mistakes:
Mistakes does not do magic. There is no complicated code compilation or parsing -
it's just eval. See the incremental eval module, which powers this part of mistakes.
What works in Javascript works in mistakes. Therefore,
there's very little code - less than 200 sloc if you don't count CodeMirror,
the editor component.
Local
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
and drop Javascript files in the 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.
Developing Locally
Clone this repo and run npm install && npm start
Building
Run
npm install
npm run build
This will build the js/bundle.js built file.