4 ms·

There was a vid floating around where you could edit the js and the browser could see the changes without a browser refresh. They were interacting with the cod

There was a vid floating around where you could edit the js and the browser could see the changes without a browser refresh. They were interacting with the code in realtime via the browser api. Great stuff. I wish LT had more workflow vids as it tries hard to know hard to be a next gen editor it can be a little difficult to find the cool features.

RBerenguel 13y ago
There's an emacs mode for that: https://github.com/skeeto/impatient-mode https://github.com/skeeto/impatient-mode
tikhonj 13y ago
Here's a video of just that[1]! Except in Emacs instead of LightTable. Emacs is like a somewhat crufty version of LightTable that's also a few decades older :D. "Some assembly required." [1]: http://emacsrocks.com/e11.html http://emacsrocks.com/e11.html
Bogdanp 13y ago
Shameless plug: that's also possible in VIM with [1]. [1]: https://github.com/Bogdanp/browser-connect.vim https://github.com/Bogdanp/browser-connect.vim
- aidos 13y ago
  Cool! Are you using remote debugging for that? I wrote one recently that watches the file system for changes and keeps it in sync with chrome. It's really useful because you can change your js without reloading or losing existing objects. I have an angular project that takes a long time to go through the refresh cycle so it's a life saver on there. Also, because it just runs on the file system events it's text editor unaware. https://github.com/aidos/chromesync https://github.com/aidos/chromesync
paultannenbaum 13y ago
One more to add to the list: http://livereload.com/ http://livereload.com/
jamii 13y ago
From what I can see, all of the sibling links just eval javascript. I believe LT goes one step further and uses the jit to replace code, so that even closures (eg event handlers attached to the dom) are updated to use the new code.
- ibdknox 13y ago
  That's correct! We're not just doing window.eval(yourCode)

RBerenguel 13y ago

There's an emacs mode for that: https://github.com/skeeto/impatient-mode https://github.com/skeeto/impatient-mode

tikhonj 13y ago

Here's a video of just that[1]! Except in Emacs instead of LightTable. Emacs is like a somewhat crufty version of LightTable that's also a few decades older :D. "Some assembly required." [1]: http://emacsrocks.com/e11.html http://emacsrocks.com/e11.html

Bogdanp 13y ago

Shameless plug: that's also possible in VIM with [1]. [1]: https://github.com/Bogdanp/browser-connect.vim https://github.com/Bogdanp/browser-connect.vim

aidos 13y ago
Cool! Are you using remote debugging for that? I wrote one recently that watches the file system for changes and keeps it in sync with chrome. It's really useful because you can change your js without reloading or losing existing objects. I have an angular project that takes a long time to go through the refresh cycle so it's a life saver on there. Also, because it just runs on the file system events it's text editor unaware. https://github.com/aidos/chromesync https://github.com/aidos/chromesync

paultannenbaum 13y ago

One more to add to the list: http://livereload.com/ http://livereload.com/

jamii 13y ago

From what I can see, all of the sibling links just eval javascript. I believe LT goes one step further and uses the jit to replace code, so that even closures (eg event handlers attached to the dom) are updated to use the new code.

ibdknox 13y ago
That's correct! We're not just doing window.eval(yourCode)