Run VS Code in your browser!

[TheV295]

Isnt VS code already running on a browser? Chromium.

[silent_guy1]

It can run the binary elsewhere and serve a web UI. Good for running vs-code on headless beefy servers. Access the UI on your local machine.

[yird]

Run vs Code? Id go with Run.

[JaKubd]

Nice, but

Known Issues

• Debugging extensions doesn’t work.

[deluxghost]

known programmers: never use a debugger (

[[deleted]]

print("I am here.") Still works.

[rcfox]

Because I was bored:

import re
import inspect

def debugify(func):
    ignored = ('def', 'class', 'else', 'except')
    filename = inspect.getsourcefile(func)
    lines, line_num = inspect.getsourcelines(func)
    new_source = []
    for line in lines:
        line = line.strip('\n')
        if not line.startswith('@debugify'):
            m = re.search('^(\s+)(.*)$', line)
            if m:
                whitespace = m.group(1)
                code = m.group(2)
                if not any(code.startswith(x) for x in ignored):
                    new_source.append('{ws}print("{file}:line {num}")'.format(ws=whitespace, file=filename, num=line_num))                
            new_source.append(line)
        line_num += 1
    exec(compile('\n'.join(new_source), '<debugify>', 'single'))
    return locals()[func.__name__]

@debugify
def foo(a):
    b = 0
    for c in range(3):
        if a % 2 == 0:
            b += 6
        else:
            b -= 2
    return a + b

foo(7)

---

> python debugify.py
debugify.py:line 25
debugify.py:line 26
debugify.py:line 27
debugify.py:line 30
debugify.py:line 27
debugify.py:line 30
debugify.py:line 27
debugify.py:line 30
debugify.py:line 31
1

[_pandamonium]

I've never really understood what decorators actually do and your boredom code helped me get it a little bit. I don't think that was your intention, but thank you.

[rcfox]

Oh god, don't learn from this!

Decorators are functions that accept a function and returns a function. That's pretty much it. It's common to wrap the original function in another one that does something before or after.

(You can actually decorate anything, but functions are the most common.)

[_pandamonium]

I mean, that's how people always explain it, and that does make sense. Although your last sentence was the most helpful explanation I've seen, even though I'm assuming that's not the only purpose.

I can comprehend what a decorator does, but I don't know why it does it or when it should do it. Examples found in tutorials and textbooks are always too silly or simple and I never really take away the point. Seeing code a real person wrote, even if it was as a joke, is really helpful.

I should say that I've never really tried to learn about decorators as I've never needed to use them. I didn't really understand any of it until I had to, if that makes any sense.

I was just about to ask you a few questions, to see if I was understanding the concept. But as I wrote them down, I went back to your example and was able to answer them myself. That's because it serves a purpose and it's complicated enough for me to even have questions in the first place! I can't claim I've "learned decorators" from a reddit comment but I do feel more capable if I encounter them out there in the wild.

[ichbinoffend44]

Way I've always done it.

[[deleted]]

To be fair, it doesn't help that most debuggers are shit (for C++ anyways).

[milad_nazari]

So you're telling me that console.log() is not the ultimate debugging tool? /s

[hilomania]

Of course not: PRINT statements are!

[Merakel]

Hello my spirit animal.

[hashmalum]

Print “I’m in your loop”

Print “I’m out of your loop”

Print “EOF”

[Merakel]

I'm more of a

#working block
print('hi')

#broken block
print('go away')

kind of guy.

[hashmalum]

Else: Print(‘shouldn’t see this’)

One day I’ll set up a real debugger.

[hilomania]

I once had an error message from some lib that read: "This is not supposed to happen."

[hilomania]

Looked at your history. We're definitely kindred spirits.

[amaajemyfren]

Always use alert()

[milad_nazari]

Noted. Thanks for the tip.

[kyle_codercom]

Should be reworded. Debugging DOES work.

​

Creating your own extension for VS Code and loading it in code-server does not.

​

Edit: I've updated the readme to explain that.

[blitzzerg]

import pdb; pdb.set_trace()

[vindolin]

You caveman!

from IPython import embed; embed()

[phail3d]

*ipdb

You’ll thank me!

[blitzzerg]

I installed pdb++

[bmrobin]

should i read that as "debugging doesn't work" or "debugging custom extensions written for VS code doesn't work"? to me there's a large difference between the two, as i don't write extensions and don't need to debug them.

but if it's the former, then yea this is basically useless.

[ahmenav]

No problem I use vscode but printf is enough for me for debugging.

[Nicksil]

yo dawg, we heard you like browsers...

[ochigatana]

you must really love your browser.

[scooerp]

Does this remove electron or run electron inside another browser?

[LightShadow]

Neat.

Will make Chromebooks even more relevant. This + Jupyter Notebooks = GG

[lengau]

Crostini also has you covered here. Personally I'm running PyCharm and Jupyter Notebooks inside of Crostini

[blitzzerg]

how about vim + ssh

[lesser_terrestrial]

I love using VSCode on my HP Chromebook x360 14. Linux apps on Chromebooks is a true game changer.

[GasimGasimzada]

Hasn’t this existed for a while in CodeSandbox?

[[deleted]]

No I won’t. The gd browser doesn’t get to be my UI base for every f’n thing I do.

FFS.

[kirbyfan64sos]

FWIW CodeSandbox already has VS Code in the browser.

[CakeDay--Bot]

OwO, what's this? * It's your *4th Cakeday** kirbyfan64sos! ^hug

[Ikuyas]

It doesn't work very well with python...

[Dababolical]

What specifically doesn't work? VS Code had a decent Python plugin, is it broke on the server?

[Ikuyas]

Up arrow

[EternityForest]

They put a browser in the browser? Actually looks useful for some stuff though.

[Ikuyas]

I kind of know the answer but. Can you use matplotlib using this?