Create TurboWarp Player Addon - #2682

This happens after seeing inside :/

Will be solved by #2852

Can there be the ability to load from different mods, e.g forkphorus?

+ For TurboWarp, could there be a setting for enabling 60fps/high quality pen?

TODOs:

• We'll keep "new tab" as the default, so I don't see the point on having auto replace. The feature should be removed altogether.
• div.project-info-alert should be hidden when on iframe mode ("this project uses username block" or "you cannot use block data", sometimes both)
• Let's make the iframe background a bit lighter or darker (depending on whether website dark mode is enabled) when on iframe mode. Plus border-radius.
• Iframe sizing needs to be enhanced.
• We should probably ask the user to confirm that they want to go inside the project when there's an iframe, since it will be destroyed (and maybe the other way, since the project will be stopped)
• Good addon description and notices, so that it's clear that 1) addons won't work in iframe mode 2) turbowarp will get your username in iframe mode 3) it only works on player mode, not editor mode.

idea: if the project notes contains a turbowarp link with settings the button redirects to that one

@mxmou Could you 1) tell me if addon name is OK 2) tell me if addon description is OK 3) tell me what you think about the background-color applied to .sa-tw-iframe, both in light mode and dark mode (currently both rgba(0, 0, 0, 0.1))?

@mxmou Could you 1) tell me if addon name is OK 2) tell me if addon description is OK 3) tell me what you think about the background-color applied to .sa-tw-iframe, both in light mode and dark mode (currently both rgba(0, 0, 0, 0.1))?

I like the title and description, but like #2799 changes the remix tree button addon, I think the project page should not be mentioned in the title - maybe add all information about the button's location to the description instead.

In notices, the "replace player" mode should probably be called the "replace player" mode, not just "replace player" mode. I'm not sure if "embed" can be used as a noun - maybe "replaces the Scratch player with an embedded TurboWarp player"?

I don't think the background is necessary, and it doesn't fit with Scratch's UI. I think it's better to put the iframe in a container with overflow: hidden and add a negative margin to align it with the rest of the page. If the background is important for some reason, a better color choice might be white in light mode and #282828 in dark mode, with a border. It could also be styled similarly to the project description, with a transparent blue background and border.

TODO: English grammar check for notices

English notices approved by @TheColaber and Grammarly

Merging tomorrow

Nice

This iframe background looks good, but I still think there should be at least an option to make the TurboWarp stage the same size as Scratch's, with no background.

Merging tomorrow

Frick yea my addons idea is being added

This iframe background looks good, but I still think there should be at least an option to make the TurboWarp stage the same size as Scratch's, with no background.

I don't think there's a way to do that. Keep in mind the margin you see between the stage and the border is not artificially added by this addon. It's margin inside the iframe. So we can't make it smaller.
We do make the iframe 2px less wide and 2px less tall for the border, tho. But we don't add any more margins. We can't keep the stage the exact same size.

This iframe background looks good, but I still think there should be at least an option to make the TurboWarp stage the same size as Scratch's, with no background.

I don't think there's a way to do that. Keep in mind the margin you see between the stage and the border is not artificially added by this addon. It's margin inside the iframe. So we can't make it smaller.
We do make the iframe 2px less wide and 2px less tall for the border, tho. But we don't add any more margins. We can't keep the stage the exact same size.

We can. I'll make a PR when I have time.