Coder100.it
h
Coder100 (17107)

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

You are viewing a single comment. View All
AmazingMech2418 (1039)

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.

AmazingMech2418 (1039)

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.

Coder100 (17107)

hmmm yes
thanks for the suggestions :) @AmazingMech2418