node.js ko
nide - Beautiful IDE for Node.js
nide - Beautiful IDE for Node.js
by The RESTless
What is nide?
nide is a web-based IDE for node.js. It’s designed with simplicity and ease-of-use in mind.
Current features:
- Project tree display
- File operations (create/delete/rename files and folders, hide/show hidden files)
- Syntax highlighted code editing
- OS X Lion-style automatic save
- OS X Lion-style version management with revert and side-by-side editing features
- Real time project tree filtering (using regular expressions)
- NPM integration (display currently installed packages, add/remove packages)
- Sleek interface reminiscent of TextMate
- Documentation browsing
Planned features (post node knockout):
- Git integration
- Simultaneous multi-user editing
Screenshots
Main Interface / Editing
OS X-style versions
Judging Instructions
nide is meant to be installed and launched from the command line, for local and intranet use. However, to simplify the judging process, a sample instance has been set up at:
http://the-restless.nko2.nodeknockout.com/
Depending on the server load, this sample instance might be temporarily unavailable. If so, please try the local install before judging:
To install nide on your local machine, you can do so by the following command (provided that npm is installed):
sudo npm install -g nide
On the first use on a new (empty) project directory, use:
nide init
If the directory is already a project, use
nide
Nide will then start listening on port 8123. Fire your browser to localhost:8123 and you’re set.
There are still some issues with IE, so it might not work on it.
Who
Coreh — Belo Horizonte, Brazil
How
Nide uses the following 3rd party content:
Libraries
jQuery Modernizr CodeMirror Socket.IO express TransformJS nko commander findit node-uuid
Icons
Project Icons by Bogdan Mihaiciuc (http://bogo-d.deviantart.com/)
Images
This Andromeda Image http://en.wikipedia.org/wiki/File:Andromeda_Galaxy_(with_h-alpha).jpg , by Adam Evans (http://www.flickr.com/photos/8269775@N05)
Thanks to all of you, guys.
Votes
Your Vote
Voting is now closed.
Other Votes
(143)
3rd-Eden
contestantjoaomilho
contestantDamn good.
mayumiconjudgeI tried to create folders but was unable, one was called “San Francisco”. Also, would be good to see delete history (seems to be only edited history) and to see who is responsible for editing/deleting/adding. I know that what you are trying to work on is a huge pain point and this seems like a good first step but may be too simple at this stage.
- contestant
Hey Mayumi, did you experience any problems with the IDE? Could you explain what do you think should be improved/what was missing? Thanks in Advance
- mayumiconjudge
Hi coreh, you were the first entry that I reviewed so before I add comments I wanted to view some of the other demos. I will add comments after reviewing more demos.
b00giZmjudgePretty neat cloud IDE and a pretty impressive work for a one man project in 48 hours. The reconstruction of OS X Lion’s “Versions” feature is nice, but overall the app is missing some key features. The ability to run the code you’ve written had increased my “Usability” rating by 1 or maybe 2 stars. Focus on features, not on eye candy ;)
But like I said: 48 hours is a hell of a short time for a one man team to accomplish something that already looks as polished as nide. One extra star on “Completeness” for that. Keep it going.
lquixada
contestantOutstanding work! :)
ricardrobin
contestantIt’s cool ! A cool, neat and fun result in 48 hours ! I like it. But I still prefer my old Textmate (for the moment …) ! Interested in what’s coming next !
geradjudgeLooks beautiful. Amazing transition animations. A star more for innovation than I’d typically give due to the fact that it steals some new ideas from lion (autosave / revert). Saw some bugs around completeness, particular around directory renaming (didn’t update the directory name in all places), and reversion (didn’t save the old versions correctly. Eventually, it’d be nice to see search for the Node docs.
Finally, lowish marks for utility I think it’s going to be a challenge to replace text mate / vi for people due to things like plugins and tab completions. However, I’m sure you’ll get there eventually. Keep up the good work.:–)
sh1mmerjudgeGreat implementation. For the time this is amazingly complete. I’m really impressed. Although you are doing something that has been done before you did a really solid job on the implementation. Well done!
ciaran_jjudgeGreat! Love the auto-save and the ‘Timemachine-esque’ versions. Really slick interface that ‘feels right’, the NPM integration is a nice touch too.
Being able to access a shared Git repository would be really, really great and I look forward to seeing this developed further.
sonnyg95
contestantWow, very useful application. I hope you continue working on this, would like to see it move forward. And considering this is a one-man team… impressive!
atsuya
contestantgreat execution! could9 should be worried ;)
jasonhjudge
therazorbladejudgeFantastic! I was going to take away one completeness star because of a bug I found (files fail to open after looking at a previous file version), but I’m just really excited about the potential of this work. Hope you keep it going!
- contestant
Hey man, thank you! The problem you found could be due to someone renaming the file remotely, though I’m not sure. The current version is not really meant for simultaneous multi user editing. (There’s still a lot to be done for that to work flawlessly) After NKO ends, I’ll go through the code and fix the most blatant problems (Notifiying all the clients when a file is renamed or deleted, for instance, so they can update the project tree being displayed)
The problem could also be due to an unhandled exception. I have now various megabytes of logs for me to track down backend crashes.
- therazorbladejudge
I was testing it alone and didn’t rename or delete any files. It just got into a corner. Once you are back at it, I am happy to help debug it.
zachstronaut
contestantWell, I think you got a reasonable amount of functionality done in 48 hours. The extra animation gloss on filtering/prior versions is neat — but of course some things were missed, such as the fact that renaming a file kills its history. Auto-saving is nice, of course.
Sure would be nice to see other people editing to avoid collisions. Although, you do seem to do a good job of savings the revisions even when two people are editing the same lines at the same time! =)
Bottom line though, what compels me to use this instead of TextMate or my other favorite IDE/editor? I can easily integrate documentation into TextMate with a bundle… puts it just a keystroke away.
Without a strong editor, I can’t see when I’d ever use this. I think this demo shows you have strong web and node.js development skills, but it is not a product with high utility.
- contestant
Thanks for voting!
I agree: The multi user support is non-existent at this point. It was on my original plans, but there were so many particular and hard-to-test edge cases, that I decided instead to focus on the UX and basic features instead.
“What compels me to use this instead of other editors/IDEs?” As of yet, not much. Nide was coded with TextMate, and I’m still going to be using TextMate to work on it for the near future. Eventually, as it grows more mature, I’ll start using it more and more. When I’m able to completely replace TextMate with
nideon my day-to-day usage, I’ll know it is ready. We can then call it 1.0, and remove the beta sticker.
maraksquiresjudgeWow.
One man team, open-source, installed it via npm, nicely designed and features work.
I’m very impressed by this entry. Not only did you create a working project, but you did it open-source and with a one man team.
Great work!
- contestant
Thanks!
rauchgjudgeWOW. Very well done!
- contestant
Thanks :–)
CrabDude
contestantI REALLY like this, specifically in that this is a solo entry done of course in 48 hours. It’s a bit slow, and obviously a browser-based IDE is nothing revolutionary, and it’s fairly drab on design, but impressive nonetheless.
ncb000gt
contestantDesign was decent. I don’t see much utility in yet another ide, but I’m a vim/emacs guy so…
I’d expect to have key commands setup for mostly everything. Needs a fair amount of work to make useful.
This is quite a bit of progress for a solo project none-the-less. Nice work.
fdiotalevi
contestantExcellent! You are just missing integration with a runtime environment. Ideally, you’d want to test it locally and then deploy it on Heroku. Great app.
ericbiellerjudgeBest app I’ve seen yet. Looks great, worked perfectly. Using it in full screen makes it feel like a native app. Only criticism is lack of some extra features and confusion around saving documents. Great job.
Jaciones
contestantPersonally, I think web based IDEs are the future. I’m glad to know that we have talented people working on it :)
Keep up the awesome work!
davidujudgeTime-Machine interface did not appear to work for me. Design is impressive. Who will use this?
- contestant
Thanks for voting. Which web browser/version are you using? The server could also be overloaded/down on the exact moment you requested the previous versions. Have you tried refreshing the page and hitting “versions” again?
JeffreyKaine
contestantLooks great! designed and built by ONE person?! hells yeah.
hunedjudge
mikealjudgethe time machine animation for the revisions is HOT!
- contestant
Thank you! :–)
plusbryan
contestantI’m betting that I hit it at a bad time or something, but I couldn’t get the darn thing to load my first project even to a state where I could play with it. But the design is awesome, and this is clearly the start of something very exciting. Keep up the great work.
- contestant
Hey plusbryan, thanks!
The entry was being featured on Hacker News and Reddit at that time, and the server simply could not take the load. (every user that connects triggers a recursive listing of subdirectories, and that’s super slow for large projects) It’s running normally now.
lerouxb
contestantStruggling to believe this was done in 48 hours by one person.
neilh
contestantdude, your design is amazing. I love the attention to detail and struggle to believe this was done in 48hrs!
I’ve seen a bunch of online ide’s and they never seem to really take off which is the reason for taking off stars.
Good work and please keep going with this after the competition.
liammclennan
contestantI think this is brilliant. The only thing I didn’t understand was the positioning as a node.js ide. It is really just a text editor.
jolieodelljudgeWell done, RESTless! A lovely start to what I hope will become a fleshed-out Node IDE in the near future. Would have been nice to see git integration and multiuser features in this version, but the emphasis on a clean and well-designed UI takes the cake.
Bonus points for making something useful. Email me when it’s ready for public release, please!
davidmoffitt
contestantVery impressive. Stuff I looked for / assumed would be there (like syntax highlighting) was there, and done well. One nit-picky thing “missing” was the ability to drag-drop files into subfolders, with how polished this felt I was surprised that didn’t exist. I was blown away that there was this TimeMachine-esque versioning system, neat! I’ll echo a few other comments in that browser IDEs aren’t a brand new thing, and that being able to collaboratively edit would be cool (and a “push to github” button) but overall very very well executed!
chapel
contestantluisivan
contestant
pcaprjudgePretty slick! I’m giving 3 starts for innovation and completeness mainly because browser-based IDE’s are not new (ajax, cloud9, etc). I think the node-ism for this project would really be multi-user editing that scales out.
aashay
contestantVery nice idea.
The auto-indenting is a bit presumptuous (does it look for semi-colons or something?) but the syntax highlighting is solid.
I’ve gotta dock a couple of points because I can’t upload my own files or download any files. Sure, I can copy and paste, but where’s the fun in that? :-p
The best part of this (IMO) is the Versions system, inspired by Time Machine. Very nice!
dezmozz
contestanturubatan
contestantDamonOehlman
contestantLove your work guys – I could absolutely see myself using something like this. I can see that a lot of effort went into the revisions comparison view.
christopherdebeer
contestant
Amazingly well done for 48 hours, I do like the history feature, but unfortunately everything breaks after that (javascript error). This project has a great future if development is continued after the competition.