New vscode extension for glitch

Project URL: it’s a local project :open_mouth: I have no idea how to develop this other than in vscode

I’m trying out writing an extension for Visual Studio Code (extra variants for search: vscode, vs code, vsc) for editing Glitch projects through OT.

Screencast From 2025-03-18 23-38-46

lmao copilot asking to be part of this video

  • language server not running in project container
  • live update…
  • but no collaborative editing on a shared file! changes from vscode side clobber simultaneous changes from glitch

shouts out to the original one VS Code Extension has been deprecated

p.s. need a name for this project

5 Likes

WOW! I am GONNA use that once it actually comes out.

Name: Glitcher? IDK…

1 Like

should be animal-themed for continuity purposes - koinbori, snail, _____???

1 Like

panda is fun. Also koala.

1 Like

For the name:
perhaps Mantis? Or WebWeaver?

2 Likes

screenshots from today

cleaned up the setup so that it opens its own workspace

terminal support

logs support

I am officially out of copilot completions for the month

I am informed this is actually running in “partial mode” with not all the features

after some false starts, successfully registered a publisher ID on visual studio marketplace

The Gallery should not be used to provide ongoing updates and support for the users of that app.

with apologies

1 Like

I want this!!! When will it come available? Also where are you going to post updates?

1 Like

I’ll probably update here on things as I build them. the other bullet point in the gallery rules is

The purpose of the Gallery is to show off things you have built, and answer questions about how you built it.

as these parts of the extension are “things [I] have built.” maybe to be extra sure, could we have someone ask “about how [I] built it.”

I think later on when it’s out, we can have support done on github issues

just one screenshot from today (actually yesterday)

so suppose that you—oh no—didn’t want to bother setting up code editor software on your computer. wouldn’t it be awesome if you could edit a glitch project directly in a web browser?

bam, it’s packaged for use in vscode.dev too

1 Like

“wouldn’t it be awesome if you could edit a glitch project directly in a web browser?”

This is one of the best sentences I have ever read here.

Also, I was wondering, how did you build this?..

2 Likes

ohmygosh someone asked

I’m using vscode locally, which there’s a way to set up a “launch” configuration to run another window of it that has the extension installed.

for the web part, you can go on vscode.dev, press F1, search for “install extension”

and put in a URL containing a sort of unpacked extension

which means you have to serve some files from a web server. and this part I thin would have been neat to do on Glitch, but you’re not allowed to install extensions from the public web (CSP on Web breaks "Install Extension from Location..." Command · Issue #201317 · microsoft/vscode · GitHub). basically only localhost is allowed (other hosts are Microsoft-controlled; api.github.com is also on there but to my knowledge it doesn’t have any suitable endpoints that can serve files), so I have to do that locally too.


didn’t really do any programming today, but here’s one development-adjacent screenshot:

which is higher than my own estimate. a few main things are missing, that come to mind:

  1. still gotta decide on the name. p.s., thanks to the community for suggesting some names. but not agreeing on a single one. how can you do this to me
  2. following that, gotta set the internal extension ID and stick with it. your login info will be scoped to this extension ID, so it would be annoying to release before settling on this
  3. and speaking of login info, need to add a minimal persistent token input and make various things not crash when it’s not set and/or wait for it to get set before trying to do stuff
  4. we might be able to start alpha testing without this, but the “figure out which project we’re working on” logic in like 3/4 of the features is a little janky and disregards vscode’s support for having multiple “workspace folders,” and I think I should get that sorted out better…
1 Like

unveiling the name and icon today

Getting Fish-Shaped Crackers back in Vending Machines

with supplemental apologies for choosing such a wild name even though y’all have suggested less weird ones

if anyone’s wondering how the four items of missing things I listed in the last post are doing, pursuant to the rules of this forum I shall not be giving you an update on that.

but given that I did not want to release this without addressing those, the status of those items should be evident with the following links:

P. S., bonus AI nonsense:

P. P. S., mini heart attack a couple of days ago (since resolved somehow)

2 Likes

So I have the VSC app, and I installed Getting Fish-Shaped Crackers back in Vending Machines, (which is a reallly bad name for SEO :wink: but who cares. I like the name) but I don’t know how to connect anything! Help?

Edit: okay making progress. Where is my “Persistent” token?
Edit: I found my persistent token, and I enter it, and then I get the URL of my project, but it tells me I am unauthenticated. Also, is greeter.html supposed to greet the user? (That would be cool… if so… I can help :slight_smile: )

enter only the name, despite it asking for domain :person_facepalming:

e.g. glitch-hello-website for https://glitch-hello-website.glitch.me/

wait is it? I find it pretty much at the top of the extension search when only typing “fish shaped”

1 Like

Thanks!

Back to the SEO: I guess not. If you can type fish and it shows up, great! It’s just a little misleading. I love it thoguh.

I think this is my new favorite extension ever. Amazing work, @wh0

3 Likes