ParticleCore
commented
11 months ago Seems like YouTube changed a lot since last time, but the overall logic remains unchanged.
They're still using the memory intensive Polymer js for most page skeleton building, but they now have a mix of old and new ways to load button icons.
Previously they were simply generating the SVG icons for each button in code, attaching to the DOM and then referencing it during runtime. Now they use this same logic but mostly for the live chat UI, whereas the rest of the pages use Material UI icons downloaded on demand, meaning the icons processed in their Polymer map are no longer available locally, but are instead downloaded from their servers one by one whenever needed.
To work around this issue the icon is being injected directly in a CSS styling to keep the logic simple, but still uses the same code injection in the Polymer map so most of its behavior and overall generic button UI matches the rest of the page theme.
Quick recording showing how it looks like right now:
Unsure if I will keep the "settings" in the tooltip, might simplify it to just showing the extension name instead.
This is a very useful feature previously introduced in #776 so the extension settings can easily be reached without having to go through the browser settings menu.