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
13 href="/preferences.html"
14 class="btn btn-primary btn-sm w-100 mb-1"
15 id="settings-btn"
16 target="_window"
17 >Settings</a>
18 <div class="d-flex" style="gap: 5px">
19 <a
20 href="https://chromewebstore.google.com/detail/poly+/feafepokhecfmimpepbpccmcnjbcbklg"
21 class="btn btn-dark btn-sm w-100"
22 target="_window"
23 >
24 <img
25 src="/svgs/chrome-icon.svg"
26 alt="Chrome Webstore"
27 width="25"
28 height="25"
29 >
30 </a>
31 <a
32 href="https://addons.mozilla.org/en-US/firefox/addon/polytoriaplus/"
33 class="btn btn-dark btn-sm w-100"
34 target="_window"
35 >
36 <img
37 src="/svgs/firefox-icon.svg"
38 alt="Firefox Add-ons Store"
39 width="25"
40 height="25"
41 >
42 </a>
43 </div>
44
45 <hr class="mt-2 mb-3" style="color: #2b2b2b">
46
47 <small class="text-muted" style="font-size: 0.7rem"
48 >extract texture from item</small>
49 <br>
50 <div class="input-group">
51 <input
52 type="text"
53 class="form-control form-control-sm"
54 placeholder="Item ID.."
55 >
56 <button class="btn btn-success btn-sm" id="extract-texture">
57 Extract
58 </button>
59 </div>
60 </div>
61 <script type="module">
62 const css = browser.runtime.getURL("/css/polytoria.css");
63 const link = document.createElement("link");
64 link.rel = "stylesheet";
65 link.href = css;
66 document.head.appendChild(link);
67 </script>
68 </body>
69</html>