An all new Glitch editor

Thanks so much everyone for all the feedback! The Glitch team is keeping a close eye on it… :grinning_face_with_smiling_eyes:

Couple of things I can answer rn in case it helps unblock anyone:

  • You can still edit your project name, just open Settings and choose Edit details on project page
    Screenshot 2022-01-05 at 12.18.38

  • You can still open your app preview in a new window, by clicking the three little dots on the preview in the editor and choosing Open in new window
    Screenshot 2022-01-05 at 12.18.28

…and stay tuned, we’ll post back here with any other updates / responses to your comments! :mega:

2 Likes

Can you recover the possibility to edit project details directly on the menu instead of being redirected to a another page to do it?

11 Likes

the new editor is good and looks super clean then the last one but there are a few things that were way better and easy to use on the last editor one of them being the ability to change the name and description from the dropdown on top left… I’ve been using Glitch for more then 4 Years now, there’s been alot of changes in Glitch which always been great but something about this update just doesn’t feel right, i feel super lost in this… also i noticed there are alot of color related issues going on the panel as well…

I would really love to have a option where i can switch back to old editor

4 Likes

The editor is almost unusable on mobile. Making it harder to make changes on the fly.

4 Likes

The new glitch editor uploads assets to cdn.glitch.global, which is blocked by school content keeper. It used to be uploaded to cdn.glitch.com, which is not blocked. Is there any way to fix this? I also agree with @hman124 and @DerDer56.

Yes, bad idea to make people need to go to another site to edit details. Please glitch, make it possible to edit the project details on the editor. Pleeeease!!

7 Likes

I like the new look of the editor, and while I think it could be refined (ie. editing project details in the editor itself, buttons are quite big) a bit I believe the change overall is good.

However, with that being said, the editor needs to be fixed on mobile. Right now, I can’t edit on my phone. I tried Chrome and Firefox and got the “We can’t start the editor” error on both. I even got this error on my computer until I tried in an incognito tab. Could the Glitch team work on fixing this bug? It has been around for a long time.

4 Likes

anyone can help me?
how can i fix it
looks weird
my god !!!

1 Like

congratulations on the launch!

you’ve asked for feedback:

  1. how does the inline error reporting work? I tried writing some code that would cause an error (server side), but I couldn’t get it to show anything.
  2. could you turn on source maps please :pray:
  3. the status panel uses :face_with_symbols_over_mouth: to indicate an error, which is in fact not included in Glitch’s list of friendly emoji
  4. what are “Glitch’s smart assets”?
  5. for assets, the blog post says “now you can just reference them by a short name, instead of tracking down a full URL.” how do you? it seems about the same as before, where you upload it and the assets page gives you a URL
  6. the “Magic files” section shows a screenshot of a markdown preview, although we’ve had that in the previous editor as well. .env has had a visual editor, and package.json has had a widget to install packages. any other magic files you can tell us about?
  7. “We’ve made it simpler to import and export your code to GitHub” → I haven’t tried this one, but what was the change? anything more substantial than moving it to a different place in the menus?

come to think of it, maybe I’m reading this announcement wrong. some of these changes came before the big visual refresh, right?

6 Likes

Not sure if you’re already doing this and what the team actually looks like. But for an overhaul like this, and other things, you need a solid UX person to carry out testing of such products on actual users. Someone who really gets design from an interactive and psychological perspective. And that person probably isn’t a developer (though they might also be).

A little off topic but: the navigation and overall flow (sorry, I’m not a UX designer so I don’t know the jargon) is a bit aggravating throughout the whole editing / project creation experience. It’s not just the editor. I’m constantly thrown back to the dashboard. Often I just want to go back to the collection I’m in.

Former psychology and communication majors tend to be excellent at real UX. I have friends who do it (and they’re all happily employed). Don’t assume that a developer or graphic designer can handle that, it’s way different.

3 Likes

The current inline error reporter doesn’t seem to recognize the ?? operator…

1 Like

@anildash perhaps consider releasing this on product hunt as glitch 2.0? Product hunt releases and refinements always get lots of attention
never mind, seems like you just released Glitch 2022

2 Likes

I’m also having trouble inviting somebody to edit the project. There’s no more “invite to edit” button, which always worked for me

Also - Glitch team
You didn’t finish the archive feature on the product page - it just copies to clipboard. View gif below

I would also recommend renaming share to ‘copy to clipboard’ if you are not going to use the share web API - Navigator.share() - Web APIs | MDN
Share is always a bit misleading. It’s like a ‘click here’ button. You never know what it’s gonna do nor how it’s gonna do it


one last thing - are you on your way to adding tabs to glitch? this UI
image
insinuates tabs are coming…

3 Likes

So here’s the problem with it:

  1. No horizontal scrollbar. it makes it more difficult to scroll to long lines of code.
  2. The font isn’t what i’m used to and it makes it difficult to find code i actually want to edit
    You probably should add a option to switch between old editor and new editor.

I Iove the new color picker, but its popping up in my js files too. Anyone know why this is happening?
image

1 Like

Amazing work on this! Some of the reactions are reminding me of spacebar-heating:

(Personally I think it’s rare enough to edit project details that it’s 100% fine for that to be on a separate page.)

3 Likes

Generally I like the changes. For my teaching, the smaller sidebar truncating the filenames is confusing, I like getting the real estate in the editor but wish the sidebar could be resized to see the full names of what’s there. I know you can on hover, just adds a layer of confusion for my students.

Hi,

I love the new editor and you guys did an amazing job designing it. While I was coding my Discord bot today, I saw a little issue. Sometimes, when you open a file, the options at the top like prettier and sometimes add package disappear.

In the image below is an example of no options at the top.

1 Like

Great job, Glitch Teams.

Unfortunately, It does not seems to be good for Mobile user

I can edit a file even though there’s a unresponsive design for mobile

However, a old typing bug is still not fixed yet, again for mobile users. But so far, i can type a little of a code

Anyways, The editor is so far being good for desktop.

6 Likes