Glitch+ (Chrome Extension)

The Gallery
, , ,
1

Glitch+

What is Glitch+?

Glitch+ is an Google Chrome extension made to extend functionality of glitch.com

What does Glitch+?

Currently Glitch+ allows you to scale down “Black Lives Matter” banner, so you can get more space for editor. It also add’s “Custom Theme” button to navigation bar which allows you to change basic theme colors of the editor. Example is below.

image
image1272×1280 62.5 KB

Anything else?

Glitch+ will have more features, just wait for them to be added. Check this post every week for new updates, if they are out I will post it about it!

How to install it?

  1. Download following file
  2. Open Extensions page image
  3. Enable “Developer Mode”
    image
    image1277×118 7.88 KB
  4. Un-zip the file you downloaded and remember the location of the folder (which appears after un-zipping) image
  5. Install extension through “Load unpacked” (when it asks for the file, choose the folder you remembered) image
  6. You are done, yey. Now you can go to Glitch editor and check it out!

If you have any questions or you want to provide an feedback, you are free to do so!

4 Likes
2

if its downloadable, its open source in my book.

1 Like
3

What do you mean by that? Also even tho you can view .js content you can’t understand or modify the code lol.

4

*grants write access via notepad

5

Well what’s your feedback?

6

Sounds cool! But to @code-alt’s point, you are making it open source as it is all client side.

3 Likes
7

ya you can change them all

1 Like
8

I updated description. Did you try it out? What’s your feedback in general?

9

Instead of completley hiding the BLM banner I suggest you slide it out using jquery if the user hovers for more than 10 seconds at the top. Or you can show it after more than 1 minute of inactivity.

5 Likes
10

I recommend you add a close button instead of removing it, since it was put there for a reason. Removing it is actually quite disrespectful and goes against the whole, don’t keep quiet and fight racism. I’m quite confused as to why you would want to remove a message that matters. It’s just quite offensive.

8 Likes
11

It’s easier to remove it than actually put a close button, but yeah I agree with you.

12

FYI, there’s already a browser extension made by @avigoldman, see Browser extension - Glitch superpowers for your browser 🎏 but I kinda like the theme option.

13

Love it ! :slight_smile:

2020-06-25-133741_1280x1024_scrot
2020-06-25-133741_1280x1024_scrot1280×1024 159 KB

You can make it look like Matrix :laughing:

1 Like
14

And why don’t you add it to the Chrome Web Store so that it’ll be easier to install the extension.

2 Likes
15

He needs to have a Google dev account, it needs a payment.

4 Likes
16

I would definitely add to that store, and I wouldn’t require you go through that installation pain, but unfortunately the dev account registration costs :confused:

5 Likes
17

Thanks for you guys feedback. I will add close button to dismiss it!

1 Like
18

RoadMap

Phase 1 (this week)

  • Instead of auto-removing BLM banner, I will add close button to dismiss it. [*]
  • Add “character count” and “lines count” feature [*]

Phase 2 (next week)

  • Option to modify border colors using CustomTheme.
  • More custom theme options

Phase 3 (after another week)

  • Option to change indent [2, 4, 6]
  • Saving multiple themes, so you can switch between them easily
  • More options to modify Glitch workspace

Please note that they can be released quicker and I may add more to road map.

19

Maybe add the option to put a picture in the background ?

1 Like
20

I will try that, not everything is possible without breaking the editor :sweat_smile:

21

Isn’t that just £20 - I think it’s worth that considering you can upload to the app store and extension store etc. Then again, if you can’t afford it, you can’t afford it :man_shrugging:

22

Looks like it’s different to the google play store one and is only $5. Then you can add as many extensions as you want - again, might be worth the investment

23

The theming looks great! If you’d like to combine efforts, I’d be happy to add you to the glitch project and publish the functionality to the chrome web store :space_invader:

7 Likes
24

Sure. Thanks… Could you direct message me link to edit :slightly_smiling_face:

25

And they say Endgame is the biggest cross-over of all time :man_facepalming: I use both extension and it makes me quite happy :slight_smile:

26

Wdym by that :thinking: You mean that you don’t want to merge Glitch+ to Glitch extension?

27

You don’t understand ?

28

So you would rather to keep Glitch+ separate from Glitch extension?

29

You definetly don’t understand

30

Yeah I don’t. I am not much a person that uses quotes.

31

Because the Glitch+ and Glitch extension cross-over is a big crossover

Because it will be my 2 favorite extensions in one

1 Like
32

Hey. I am currently working on this, and I changed my mind. Instead of closing, button will scale it down.

Before

image
image775×77 5.2 KB

After:
image

I didn’t update the extension yet.

33

I am happy to release new update.

image
image1759×514 37.1 KB

Which includes:

  • Replaced "full automatic removal of BLM banner" with "scale down button".
  • Added “character count” and “lines count” feature.

You can download it from here.

In order to update the extension, remove the current installed version of the extension (if you have it), and then follow the same installation steps that you followed before (if you didn’t, check out the main/first post).

Please be aware that it won’t display entire file’s characters and lines due the CodeMirror's lag-prevention feature that unloads content that you don’t see, which causes to display only loaded characters and lines.

34

I’d love to sponsor this project so we could get it on the official chrome web store.

@Daw588 shoot me a PM whenever you get a chance.

1 Like
35

Can you make the line and character counters look similar to the Format This File button?

36

Hi there @rnss - thanks for speaking up about the banner removal, and thank you @Daw588 for being receptive of that feedback and adding it back in :slight_smile:

5 Likes
37

What do you mean by that, can you describe the look or show me an example so I can get an idea of what exactly you talking about?

1 Like
38

Celeberation Mode: Triggered by a keybind, turns the editor rainbow like using

body{filter: hue-rotate(0deg)}

and change 0deg with an animaiton

1 Like
39

Okay, I will see what I can do :slight_smile:

40

How do I download it on chromebook?

image
image710×555 19.2 KB

Not letting me open it!

41

@TH3_UNKNOWN From what I remember, you need to extract the zip file and then select the folder it extracts into when adding the extension

42

Ik. I tried that, it did’t work…

44

I got it working! This is great.

(I edited cause it says I had to…)

1 Like
45

Hey, I tried to install this but then Google Drive said the file doesn’t exist.

46

I think I have a backup
https://u.aboutdavid.me/Glitch+.zip

47

image
image824×344 23.9 KB

48

Also the BLM bar was taken away at some point, I think.

49

I will try to look into that. I am not sure why it says that file doesn’t exist in my google drive…

1 Like
50

Ok, so I fixed the error, it was because of the description field missing in the manifest.json file.

  1. Download both the files from https://cdn.khaleelgibran.com/Glitch%2B and place it in a folder.

  2. And then go to chrome://extensions and install extension through “Load unpacked” and choose the folder where all the files are located. And hopefully it should work.

5 Likes
51

Sorry guys, I will work on it as soon I will have some free time. Currently school work and a bunch of other work really prevents me from having enough free time to work on this.

4 Likes