This Siri Shortcut Can Modify your Projects | ๐“๐”€๐“ฎ๐“ผ๐“ธ๐“ถ๐“ฎ_๐“”

(not a rickroll)
Tiny bit outdated depending on ios

Ios 15 go into save project and select replace if needed

Now that the official web editor is released, itโ€™s time to migrate the project builderโ€™s functionality to there in the form of a chrome extension[1]

  1. Interface so far. Fully undo/redo compatible because the HS web editor was built from the ground up in a way where it has to be undo/redo compatible to save the changes. #goodcodedesign /srs[2]

  1. How the rest of that keyboard section will be laid out (most likely): each heading (i.e. Project Enhancements) will probably be a section on the keyboard

(will only include things that work on project builder, so nothing in code management below removing unused code, and nothing above Gradient BG in Imported Libraries)

  1. If I decide to migrate over project stats, it will be in a new section, and the new section names will be โ€œUtilitiesโ€, โ€œSearchโ€, and โ€œStatisticsโ€ (or โ€œStatsโ€) to fit in the keyboard.


  1. and a Firefox addon โ€“ I do in fact support development of things that arenโ€™t designed exclusively for Chromium without any testing for other platforms, despite the oversight of scrollIntoViewIfNeeded having improper support โ†ฉ๏ธŽ

  2. this ensures all features added will immediately have consistent editor feature support, which is a good thing. Plus, Iโ€™m pretty proud of the revision stack Iโ€™ve built โ€“ itโ€™s probably capable of collaboration โ†ฉ๏ธŽ


Ayy Iโ€™m super excited for this!! Iโ€™m assuming thereโ€™s a mode in the extension to toggle between the block pane and the modding tools pane?

Custom preset support?? Secret blocks??? Code collaboration????? No pressure, but to me this is literally starting to rival Scratch, especially for power users, so please keep going :)
(At some point, Iโ€™d like to help with more of this too, but Iโ€™ve got a lot to learn)

Iโ€™d love to test out the Firefox extension in the future too! I basically never use Chrome, so youโ€™ve got that going for ya haha


Yes, the wrench button does that

Yes, thatโ€™s what that menu will be. Itโ€™ll only load when you can edit the project though (meaning no modding in view only projects)

(collaboration will be somewhere in there, idk where yet. Implementation might be a little tricky, so it will probably be a later release)

oooOOOOOooohhhโ€ฆ XD

Yeah and since this is code running on your device, itโ€™ll be open source. That should help, though I am still not great with bundlers + build techniques. Still learning there too (oh well)

Respect +1 (plus, I would really dislike forcing someone to use Chrome or any Chromium-based browserโ€ฆ Iโ€™ve mained Firefox for a really short period over online school, and one feature other than not Chrome that I loved is ctrl-tab vs CMD+alt+left/right)

Iโ€™m running a build system that builds both at once so it is still 1 extension to develop. It usually is a pain to get both builds working, but I think itโ€™s totally worth it, partly because one day Iโ€™d like to be able to use Firefox without its downsides. (Hopefully Iโ€™m not too optimistic, because itโ€™s much easier to debug extensions in Chrome, plus some development things FF just wonโ€™t support, like backdrop-filter, zoom, and scrollIntoViewIfNeeded, to name a few)


At this point, adding secret blocks to a Hopscotch has become the HS modding equivalent of getting DOOM to run on a new device/platform/smart fridge/whatever.

And believe me the browser extension makes that really fast:


Screen Recording 2022-08-28 at 10.50.59 AM
Hereโ€™s optimizing color parameters in action. Itโ€™s also a testament to the project revision systemโ€™s expandability โ€“ all I had to do to get that working was to add a function to update more than 2 blocks at a time and pass through the changed blocks!


yo this is sick
iโ€™m so excited for the new update :D


This is the browser extension btw, not a new update to the official version. So, if thatโ€™s what you thought, that means it must follow the official design very well, so thanks!

On the other hand, official version will be looking to get copy and paste, which is the biggest thing currently missing


Another quick addition

(Tagging @Tri-Angle and @Crosbyman64 because you both mentioned dragging conditionals into other operators I think, plus dark mode is cool)




I have a feeling I should add a disclaimer that this is the browser extension mod since it looks a little too similarโ€ฆ


โ€ฆbuuuuttttt you could also just reaaaalllyy quickly add darkmode to the official one too, since its clearly an easy addition and theres no reason to say no :upside_down_face:


omg yass! :D

my thoughts too ^ dark mode not confusing or anything, id be a great addition imo


ae you should add autosaveโ€“

so mad


If I get through the rest of the stuff this week, I will definitely try to


Also if I have time, but this is a bit tricky to get working with large projects because of local storage limits


i mean a minimum autosave/autoupload (like 5-10 minutes interval) would be nice, iโ€™m not saying instantly autosave each modification lol

but on the other side itโ€™s also my fault to code 2 hours straight and not exit to save :(


Yeah, I know. But itโ€™s still something thatโ€™d take a little time to figure out

iOS just kills something from memory whenever it wants to, so I wouldnโ€™t even trust it for more than 5 minutes straight. And to fully clear the canvas and whatever other page memory, it seems like you have to force quit the browser to reset that.

Since the web explorer allows you to discard edits to your draft, Iโ€™m not sure whether to make auto-saving local (so it restores from there if it crashes) or via upload to server. Iโ€™ll discuss this on Monday and see what everyone else thinks


Oh, also, Iโ€™m taking name suggestions for the browser extension. Currently, itโ€™s Spider HS because it crawls around in the web, but I think it could be better.

@TheModders ^^

The design for a play project page (improved upon the old design):


I mean think about it!! The only thing Hopscotch is missing is custom audio and an animation system, and even though thatโ€™s a lot Scratch doesnโ€™t have those cool things yet either :')

(Ok granted Scratch does have studios, comments and a lot of other things but still)

Yeah that totally makes sense. I have zero clue if this will help you but hereโ€™s a data structure you could use for the collaboration part:

Thereโ€™s a bunch of papers on it and stuff, so it seems pretty technical. But maybe thereโ€™s a JS lib for this or something, I dunno lol

Honestly, when I start building up on tabs I usually just nuke all my tabs and start over with whatever Iโ€™m focused on. Keeps things organized :stuck_out_tongue:
Thereโ€™s browser history for a reason, right?

Anyways, what build system are you using? I think Iโ€™ve heard of one like that.
If youโ€™re concerned about browser portability, itโ€™s probably safe to fire up Firefox (at least for a moment) and do a quick black box test [1] before you deploy, just to mitigate the more obvious bugs that may arise from your build system haha. Thereโ€™s probably a way to add polyfills, too. (See this page: Building a cross-browser extension - Mozilla | MDN)

@Awesome_E I canโ€™t believe itโ€ฆ You made modded Hopscotch runnable on a smart fridgeโ€ฆ :')
(You can run websites on Samsung smart fridges with screens, so Iโ€™m guessing it would work if the web version has touch support!!)

  1. Testing the application without interacting with the underlying code unless you need to. (This is my first time adding a footnote!) โ†ฉ๏ธŽ


Feedback: This kinda feels like a half-dark mode. Any plans to add a dark theme for the blocks? :eyes:

Honestly, maybe just a save button would be cool, if not autosave!