Share your repls and programming experiences

Coder100.it

Coder100.it is Repl.it, but coder100ified.

Features

It is made with next.js therefore, it uses react and that is what repl.it uses (I know this because I have the react dev tool extension installed).
Also, it uses react-ace instead of Monaco and in one of the posts, you can see I highly regret that.

NOTE: The JavaScript REPL works!
NOTE: You can make posts with the make-a-post and it generates URLs for you, however, the URL will not be shown in the feed because nobody checked it out :(

NOTE FOR @PYer AND OTHER PYTHON USERS: Python interpreter is out! Code your heart out with our new python interpreter written in regular expressions! It supports

def functions():
  pass
a=6 # variables
input
print
# comment
lambda a : a + 10

Special thanks

I would like to thank @apoorsingal for fixing major problems in my code, specifically the ace code editor.

About

~~I made this to self promote myself.~~
I made this to cover almost everything next.js offers, except for custom servers--I still wanted the app to speed

PLEASE VOTE UP IF YOU LIKED IT!

You can make posts, and you automatically have upvoted every single post :)

POSTS

These are posts created by our fellow users!
https://coder100-cool-coding-clan--coder100.repl.co/talk?n=all%20of%20my%20custom%20zwack%20icons&c=It%20is%20a%20repl%20displaying%20my%20custom%20zwack%20icons.Also%20don%27t%20bully%20me%20for%20using%20discord%20as%20the%20dB%20lolLink:%20https://repl.it/@Codemonkey51/Zwack-icons by @Codemonkey51

Voters

32 more...

Comments

hot new top

Here is a simple console.log implementation for the Node.js "coder100"s:

console.log = (txt) => {
    let doc = document.getElementById('repl').contentDocument;
    doc.body.style.background = "black";
    doc.body.style.color = "white";
    let el = doc.createElement('code');
    el.textContent = txt;
    doc.body.append(el,doc.createElement('br'));
}

Also, to make it look a little more realistic, you could clear the iframe on start and add a log that simply says it is node.js like how in Repl.it, it says "node v10.16.0". However, this implementation does not include color changing based on the content and does not support arrays and objects since you would need to detect those and JSON stringify them. However, that is not difficult to add either.

Also, another thing you can do is create servers in various languages in Repl.it and just send post requests from coder100.it containing commands and then have it return any printed data and return the variables set by the command to be used in the "coder100". Processing functions using commands similar to the Python exec command and JavaScript/Node.js eval command will make it much easier to implement more languages in the future and would contain the full functionality included in Repl.it. However, it would also be much slower as well.

hmmm yes
thanks for the suggestions :) @AmazingMech2418

big brain be like @AmazingMech2418

lol @Coder100 is surviv3 dead?XD

[deleted]

python support plz

Lol ok @Thecrowbar1234

Great job @Coder100! Love it!

Thanks! @IndyCarter

Please add ngn/apl :)

What's that? @TheForArkLD

@Coder100 It’s APL :) https://gitlab.com/n9n/apl#readme

@Coder100 install apl.js and require this,and give program to this :)

I like It :)

Thanks :) @TheForArkLD

@Coder100
They're everywhere.
HOW!?!?!

?
WDYM they are everywhere? @yasin213

make a list of forked versions lol

https://Liamit.liamdonohue.repl.co

noice lol @LiamDonohue

can you come help us with thail? @Coder100

Sure! @LiamDonohue

im gonna fork it and call it Liam.it

XD ok @LiamDonohue

Can You Come to my Team Please @Coder100
Thank You
Lets make a good game @Coder100 please

Me finding this some 7 months after it was posted.

Sorry for necroposting, but your regex-based python interpreter is so ingenious:

var evaluate = new Function(`try{var doc = document.getElementById("repl").contentDocument||document.getElementById("repl").contentWindow.document;doc.body.innerHTML="Python interpreter by @Coder100<br><br>";doc.body.style.color="#fff";doc.body.style.fontFamily="'Roboto Mono',monospace";function flog(){console.log(Array.from(arguments).join(" "));doc.body.innerHTML+=Array.from(arguments).join(" ")+"<br>";}${boilerplate
      .replace(/"/g,"'")
      .replace(/print/g, "flog")
      .replace(/#/g,"//")
      .replace(/input/g,"prompt")
      .replace(/def +(.+)\((.*)\): *((?:\n  +(?:.+))+)/g,"function $1($2){$3}")
      .replace(/lambda +(.+) +: +(.+)$/gm, 'new Function("function($1){return $2}")')
      .replace(/("""|''')/g,"`")
      .replace(/pass/g, "return;")
      .replace(/</g,"&lt;")
    }}catch(e){console.log(e)}`);
    evaluate();

xxddd @programmeruser

@Coder100, please accept my team request.

we should do the code jam with thail

EVIL COOKIE

? @johnstev111

@Coder100 you are a fried cookie

uggh not this again
i still don't even understand this @johnstev111

@Coder100 Nothing happens o run though...

bruh its not node.js its dom js smh @johnstev111

@Coder100 Explain to me why the button I clicked has a node logo then:

That's hilarious how you Coder100-ified everything

lol thanks :) @KobeFF

ur welcome

The python support, is decent, but I dont really like the alert box asking for input... otherwise, its great!

XD
Too lazy to add repl.it input that would require an ultra mega brain and a lot of time :p @Viper2211

hey you there?

Hi @LiamDonohue

can you come help me set up jsonstore on thail? @Coder100

What's thail? @LiamDonohue

the programming language that you joined @Coder100

Html? @LiamDonohue

Ohhhhhh that ok ok @LiamDonohue

yeah @Coder100

i'm on it rn @Coder100

K 👌 @LiamDonohue

wauw..can we get c++ support? and maybe repl auth for profiles

Thanks!
lol sure we can add c++ (probs not) however repl auth we probably can :) @ipastrano

@Coder100 Cool!

Ummm, the print function does not seem to be working in python... It's trying to ACTUALLY print paper

@Viper2211 That is the JavaScript print function that is running, not the python one.

Yeah,
I never finished the python interpreter, so it is still running JavaScript, just extra weird lol @AmazingMech2418

You can add console.log in the Node.js "Coder100"s by using the replace function and then evaluating the code. You could just make it so that the console.log function is replaced with a function that adds a <p> tag or a <span> tag with specific content. Also, it would probably be best anyways to program your own compilers and interpreters for this as well so that it contains all the supported functions (and only the supported functions) and also to add Python support.