A rewrite of Poly+, my quality-of-life browser extension for Polytoria. Built entirely fresh using the WXT extension framework, Typescript, and with added better overall code quality.
extension
1<!doctype html> 2<html> 3 <head> 4 <!-- META TAGS --> 5 <meta charset="utf-8" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1" /> 7 </head> 8 <body style="width: 245px;"> 9 <div class="p-2 pt-0"> 10 <small class="text-muted" style="font-size: 0.7rem;">quick links</small> 11 <br> 12 <a href="/preferences.html" class="btn btn-primary btn-sm w-100 mb-1" id="settings-btn" target="_window">Settings</a> 13 <div class="d-flex" style="gap: 5px;"> 14 <a href="https://chromewebstore.google.com/detail/poly+/feafepokhecfmimpepbpccmcnjbcbklg" class="btn btn-dark btn-sm w-100" target="_window"> 15 <img src="/svgs/chrome-icon.svg" alt="Chrome Webstore" width="25" height="25"> 16 </a> 17 <a href="https://addons.mozilla.org/en-US/firefox/addon/polytoriaplus/" class="btn btn-dark btn-sm w-100" target="_window"> 18 <img src="/svgs/firefox-icon.svg" alt="Firefox Add-ons Store" width="25" height="25"> 19 </a> 20 </div> 21 22 <hr class="mt-2 mb-3" style="color: #2b2b2b;"> 23 24 <small class="text-muted" style="font-size: 0.7rem;">extract texture from item</small> 25 <br> 26 <div class="input-group"> 27 <input type="text" class="form-control form-control-sm" placeholder="Item ID.."> 28 <button class="btn btn-success btn-sm" id="extract-texture">Extract</button> 29 </div> 30 </div> 31 <script type="module"> 32 const css = browser.runtime.getURL('/css/polytoria.css'); 33 const link = document.createElement('link'); 34 link.rel = 'stylesheet'; 35 link.href = css; 36 document.head.appendChild(link); 37 </script> 38 </body> 39</html>