Browser JavaScript IDE

Share your repls and programming experiences

Browser JavaScript IDE

An IDE that edits, runs, and downloads browser JavaScript, powered my Monaco, the same editor used by Replit and VSCode!

Just open in a new tab and get coding! Your code is automatically saved to localstorage every second, but you can also press ctrl+s to download the script to your computer. If you feel like testing your code, press ctrl+enter to run the script in your browser.

Voters

Comments

hot new top

codingjlu

I would definitely upvote this if you made the editor yourself (instead of using monaco). Features would be:

Syntax highlighting
Suggestions/Live errors
IDK what else...

ANDREWVOSS

@codingjlu The entire point of this was to show off Monaco (Although I am working on an editor from scratch)

codingjlu

@ANDREWVOSS Well, don't you realize that replit itself uses

RayhanADev

Pretty kewl, although there doesn't seem to be many features :>?

Maybe try adding something on top of this to make it better :D!

ANDREWVOSS

@RayhanADev I'm currently trying to add code snippets, and possibly html editing

RayhanADev

@ANDREWVOSS niceee!

ANDREWVOSS

@RayhanADev I just implemented some code snippets for keydown and keyup. You use JS way more than me, are there any snippets you think I should add?

RayhanADev

@ANDREWVOSS maybe add code snippets for smart animation frames:


window.requestFrame =
	window.requestAnimationFrame ||
	window.webkitRequestAnimationFrame ||
	window.mozRequestAnimationFrame ||
	function (callback) {
		window.setTimeout(callback, 1000 / 60);
	};

also maybe touchstart touchend (kinda like keydown keyup)


document.addEventListener('touchstart', event => {

});

document.addEventListener('touchend', event => {

});

ANDREWVOSS

@RayhanADev Implemented!

RayhanADev

@ANDREWVOSS nice :)