Upgrade YOUR Web Editor with this Browser Extension!

Spider HS

A browser extension that creates a new but familiar interface for the Hopscotch Web Editor!

Getting Started

(The information below is also available in the repository’s README file)

Loading the Extension (Chromium-based Browsers)

  1. Download latest spider-chrome.zip from the Releases Tab

  2. Extract the ZIP file and store the folder somewhere

  3. Go to chrome://extensions/

  4. Turn on Developer mode on the top right
    image

  5. Click on “Load Unpacked”
    image

  6. Choose the spider-chrome folder

You should get a message that says “Extension Loaded”

Loading the Extension (Firefox)

This will be written once compatibility with Firefox is tested. However, you can still download the source code and make a build yourself by following the development instructions, and then creating a Firefox extension from the firefox folder inside the build directory. (More detailed instructions later)

Loading as a User Script

This is not supported yet, but it may be possible. If I do manage to add userscript loading support, then it will be possible to get this modded editor on iOS through the user of the “Userscripts” app.

Features

(This information is also available in the initial release notes)

This initial release adds a Modding Wrench and Block Editor to the Hopscotch Web Editor

Previous Discussion

Start: This Siri Shortcut Can Modify your Projects | 𝓐𝔀𝓮𝓼𝓸𝓶𝓮_𝓔 - #3748 by Awesome_E
End: This Siri Shortcut Can Modify your Projects | 𝓐𝔀𝓮𝓼𝓸𝓶𝓮_𝓔 - #3864 by Awesome_E

Planned Future Additions

  • Userscript build option
  • Reworked search for better stability and reliability
  • Support for collaborative code editing
  • Ability to use the modded player within the play page (not possible in a userscript)
  • (Potentially) Reference chart while editing

@omtl @Good-Es @TheModders

23 Likes

(Taking first reply for FAQ + potential tutorials/changes)

8 Likes

extensions aren’t for ipads, right? :((
but super great job on that, it’s really impressive :clap::clap: the definition of E is awesome! :P

7 Likes

That’s correct, for the time being. But if I add support for loading via User Scripts, you will be able to use this on an iPad

7 Likes

YES!! I had the worst time trying to figure out how to use shortcuts and files this makes it so much easier!!!

6 Likes

Less goo.
So can we use this on a mobile device or only computer?

3 Likes

You need a computer with chrome.

4 Likes

Only desktop computers running Google Chrome or Firefox can access extensions.

Mobile Devices can only use approved extensions from the App Store.

5 Likes

WAIT I JUST SAW THIS-

Omg!!!

5 Likes

Let me test it out when I get home

3 Likes

what about apple extensions on the appstore

also could you make a firefox extension?

3 Likes
  1. I wouldn’t be allowed to share that
  2. I’m not going to pay to be in the developer program just for an extension

Yes. In the meantime, you can still create a build yourself with instructions in the OP

1 Like

This is amazing! I’ll go ahead and install this right now:))

3 Likes

Can Hopscotch?

3 Likes

probably not, this isn’t official. plus if tht can, ae would already done that

2 Likes

This is not affiliated with Hopscotch in any way

3 Likes

I know this is a stretch but…

@cool12317282728 could upload the code since its open source?
If he is ok with it

2 Likes

What do you mean?

2 Likes

He has the developer subscription i think

1 Like

Still wouldn’t be allowed

3 Likes