gozala / interactivate

Interactive code editing in browser

interactivate

This is project is an experimental interactive code editing in a browser. Demo is better than any words, so just give it a try

Try / Hack

npm install
npm start

And open ./index.html in your browser.

interactivate's Issues

Feature: move <textarea> for new snippet to top and show results from most recent to oldest

IMO this would be more intuitive as you would not have to scroll to see new results. Alternatively the window scroll could follow the output but I think having new input at the top is more user-friendly.

Intartivate exsiting projects

At the moment interactivate can be used just with plain JS, it can be used to play with
arbitrary projects. For example I'd love to have a way to obtain a context of the library I'm working
with to use it as a repl. What I have in mind is similar to node repl that you can lunch from any folder
and require modules available to it. Maybe interactivate command that can be lunched from cli to
get the context of the pwd.

Make output for JS values interactive

At the moment output for JS values is pretty much useless, what we should render instead is something
similar to web inspector's objects that can be navigated or folded. Also ideally folding should be preserved between edits and fields updated. Regardless of weather identity of the value is same or not.

Probably we need something like a render function that takes previous state and current state and returns a DOM node back that is then injected into output.

simple embeding

It would be great if interactivate was really easy to embed for interactive code examples etc..

Remote execution

At the moment interactivate works in a local js context, but maybe it can be extended such that it will work a host contexts ? For example for interactivating node node could start a host server that interactivate connects to and via RPC code is executed in remote context but results are displayed in the interactivate buffer. Something like a swank / slime