├── README.md
├── bookmarklet.js
├── index.html
├── ingot.js
└── ingot.min.js


/README.md:
--------------------------------------------------------------------------------
 1 | # Patched!
 2 | Ingot has been patched on Chrome 106 or after. This will not be updated.
 3 | 
 4 | # Ingot
 5 | A bookmarklet to disable extensions based on LTBEEF with an interface based on the chrome extension page
 6 | 
 7 | ### Installation
 8 | For easy setup go the the website at https://fognetwork.github.io/Ingot
 9 | 
10 | 1. Show your bookmarks bar with `ctrl + shift + b`
11 | 
12 | 2. Right click on the bar and choose `Add Page`
13 | 
14 | 3. Set the name to `Ingot` and the URL to the code below or [here](https://github.com/FogNetwork/Ingot/blob/main/bookmarklet.js)
15 | 
16 | ```js
17 | javascript:(function () {var a = document.createElement('script');a.src = 'https://cdn.jsdelivr.net/gh/FogNetwork/Ingot/ingot.min.js';document.body.appendChild(a);}())
18 | ```
19 | 
20 | ## Screenshots
21 | ![image](https://user-images.githubusercontent.com/81875430/192154755-0f3c4ad5-0637-445a-b928-5e78a3b33a55.png)
22 | ![image](https://user-images.githubusercontent.com/81875430/192154766-49dfa5b1-11a8-4bb0-b4cb-5ac01301a8b0.png)
23 | 


--------------------------------------------------------------------------------
/bookmarklet.js:
--------------------------------------------------------------------------------
1 | javascript:(function () {var a = document.createElement('script');a.src = 'https://cdn.jsdelivr.net/gh/FogNetwork/Ingot@latest/ingot.min.js';document.body.appendChild(a);}())
2 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <title>Ingot</title>
 2 | 
 3 | <div class="title">Ingot</div>
 4 | 
 5 | <div class="button" >Launch Ingot<a href="javascript:(function () {var a = document.createElement('script');a.src = 'https://cdn.jsdelivr.net/gh/FogNetwork/Ingot@latest/ingot.min.js';document.body.appendChild(a);}())" class="button-text">Ingot</a></div>
 6 | <div class="button-note">Drag the button to your bookmarks bar for easy access</div>
 7 | 
 8 | <style>
 9 | @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
10 | @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');
11 | 
12 | * {
13 | 	font-family: "Roboto";
14 | }
15 | 
16 | :root {
17 | 	color-scheme: dark;
18 | }
19 | 
20 | body {
21 | 	background: #202124;
22 | 	margin: 0;
23 | 	padding: 0;
24 | }
25 | 
26 | .title {
27 | 	text-align: center;
28 | 	font-size: 50px;
29 | 	margin: 20px;
30 | 	margin-bottom: 50px;
31 | 	user-select: none;
32 |     font-weight: 500;
33 | }
34 | 
35 | .button {
36 | 	position: relative;
37 | 	width: 230px;
38 | 	height: 47px;
39 | 	border: 1px solid rgb(95, 99, 104);
40 | 	color: rgb(138, 180, 248);
41 | 	background: rgba(138, 180, 248, 0.08);
42 | 	border-radius: 6px;
43 | 	margin: 20px auto;
44 | 	display: flex;
45 | 	justify-content: center;
46 | 	align-items: center;
47 | 	font-size: 24px;
48 | 	user-select: none;
49 |         font-weight: 500;
50 | }
51 | 
52 | .button:active {
53 | 	background: rgba(138, 180, 248, 0.25);
54 | }
55 | 
56 | .button-text {
57 | 	opacity: 0;
58 | 	user-select: none;
59 | 	position: absolute;
60 | 	top: 0;
61 | 	right: 0;
62 | 	bottom: 0;
63 | 	left: 0;
64 | 	height: 100%;
65 | 	width: 100%;
66 | }
67 | 
68 | .button-note {
69 | 	margin: 0 auto;
70 | 	text-align: center;
71 | 	color: rgb(138, 180, 248);
72 | 	width: 300px;
73 | 	user-select: none;
74 | }
75 | </style>
76 | 


--------------------------------------------------------------------------------
/ingot.js:
--------------------------------------------------------------------------------
  1 | //Checks for dev mode
  2 | function isPageDev() {
  3 | if (localStorage.getItem("dev")) {
  4 | return "dev"
  5 | } else {
  6 | return "";
  7 | }
  8 | }
  9 | 
 10 | function isButtonDev() {
 11 | if (!localStorage.getItem("dev")) {
 12 | return "unchecked"
 13 | } else {
 14 | return "";
 15 | }
 16 | }
 17 | 
 18 | //Set base page code
 19 | document.documentElement.innerHTML = `<html><head><link rel="icon" href="data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1'><path fill='white' d='M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5C13 2.12 11.88 1 10.5 1S8 2.12 8 3.5V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2.7s-1.21 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7 1.49 0 2.7 1.21 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5c1.38 0 2.5-1.12 2.5-2.5S21.88 11 20.5 11z'></path></svg>">
 20 | <title>Ingot</title>
 21 | </head>
 22 | <body ` + isPageDev() + `>
 23 | <div class="nav">
 24 | <div class="nav-left">
 25 | <div class="nav-title">Ingot</div>
 26 | <div class="nav-right">
 27 | <div class="nav-dev">Developer mode</div>
 28 | <div ` + isButtonDev() + ` class="item-toggle item-toggle-dev" id="toggle" onclick="toggle(this);devMode()" onmousedown="togglePress(this, 'down')" onmouseup="togglePress(this, 'up')">
 29 | <div class="item-bar"></div>
 30 | <div class="item-knob">
 31 | <div class="item-ripple">
 32 | <div class="ripple"></div>
 33 | </div>
 34 | </div>
 35 | </div>
 36 | </div>
 37 | </div>
 38 | </div>
 39 | 
 40 | <div class="items-main">
 41 | <div class="items" id="items">
 42 | <div class="patched">Error: This may have been patched</div>
 43 | <div class="wrongpage">You are not on the correct page.<br>To use Ingot click the button below to redirect and run the bookmarklet again.<div class="item-left-buttons" style="justify-content: center; margin: 20px;">
 44 | <div class="item-left-button" onclick="window.location='https://chrome.google.com/webstorex'">Redirect</div>
 45 | </div></div>
 46 | </div>
 47 | </div>
 48 | 
 49 | <style>
 50 | @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
 51 | 
 52 | @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');
 53 | 
 54 | * {
 55 | 	font-family: "Roboto";
 56 | }
 57 | 
 58 | :root {
 59 | 	color-scheme: dark;
 60 | }
 61 | 
 62 | body {
 63 | 	background: #202124;
 64 | 	margin: 0;
 65 | 	padding: 0;
 66 | }
 67 | 
 68 | .nav {
 69 | 	width: 100%;
 70 | 	height: 55px;
 71 | 	background: #292a2d;
 72 | 	border-bottom: 1px solid rgba(255, 255, 255, .1);
 73 | 	position: fixed;
 74 | 	top: 0;
 75 | 	right: 0;
 76 | 	left: 0;
 77 | 	z-index: 9;
 78 | }
 79 | 
 80 | .nav-left {
 81 | 	align-items: center;
 82 | 	box-sizing: border-box;
 83 | 	display: flex;
 84 | 	padding-inline-start: calc(12px + 6px);
 85 | 	height: 55px;
 86 | }
 87 | 
 88 | .nav-right {
 89 | 	position: absolute;
 90 | 	right: 0;
 91 | 	left: 0;
 92 | 	display: flex;
 93 | 	justify-content: flex-end;
 94 | }
 95 | 
 96 | .nav-dev {
 97 | 	color: rgb(154, 160, 166);
 98 | 	font-size: 13px;
 99 | 	margin-inline-end: calc(16px + 30px);
100 | 	margin-bottom: 3px;
101 | }
102 | 
103 | .item-toggle-dev {
104 | 	transform: translateX(-30px);
105 | }
106 | 
107 | .nav-title {
108 | 	color: rgb(232, 234, 237);
109 | 	font-size: 22px;
110 | 	letter-spacing: .25px;
111 | 	line-height: normal;
112 | 	margin-inline-start: 6px;
113 | 	padding-inline-end: 12px;
114 | 	font-weight: 500;
115 | }
116 | 
117 | .items-main {
118 | 	min-width: 400px;
119 | 	padding: 24px 60px 64px;
120 | 	margin-top: 57px;
121 | }
122 | 
123 | .items {
124 | 	display: grid;
125 | 	grid-column-gap: 12px;
126 | 	grid-row-gap: 12px;
127 | 	grid-template-columns: repeat(auto-fill,400px);
128 | 	justify-content: center;
129 | 	margin: auto;
130 | /*max-width: calc(400px * 3 + 12pz * 3);*/;
131 | }
132 | 
133 | .item {
134 | 	height: 160px;
135 | 	width: 400px;
136 | 	background: #292a2d;
137 | 	border-radius: 8px;
138 | 	box-shadow: rgba(0, 0, 0, .3) 0 1px 2px 0, rgba(0, 0, 0, .15) 0 2px 6px 2px;
139 | /*transition: height .3s cubic-bezier(.25,.1,.25,1);*/;
140 | }
141 | 
142 | .item-main {
143 | 	display: flex;
144 | 	flex: 1;
145 | 	min-height: 0;
146 | 	padding: 16px 20px;
147 | 	height: 80px;
148 | }
149 | 
150 | .item-img-wrapper {
151 | 	align-self: flex-start;
152 | 	display: flex;
153 | 	padding: 6px;
154 | 	position: relative;
155 | }
156 | 
157 | .item-img {
158 | 	height: 36px;
159 | 	width: 36px;
160 | 	border-radius: 6px;
161 | 	background: #202124;
162 | 	text-indent: -10000px;
163 | }
164 | 
165 | .item-img-source {
166 | 	align-items: center;
167 | 	background: #f1592b;
168 | 	border-radius: 50%;
169 | 	box-shadow: 0 1px 1px 0 rgb(0 0 0 / 22%), 0 2px 2px 0 rgb(0 0 0 / 12%);
170 | 	display: flex;
171 | 	height: 22px;
172 | 	justify-content: center;
173 | 	width: 22px;
174 | 	margin-inline-start: 24px;
175 | 	margin-top: 24px;
176 | 	position: absolute;
177 | 	display: none;
178 | }
179 | 
180 | .item[managed] .item-img-source {
181 | 	display: flex;
182 | }
183 | 
184 | .item-img-source-icon {
185 | 	pointer-events: none;
186 | 	display: block;
187 | 	height: 16px;
188 | 	width: 16px;
189 | 	color: white;
190 | }
191 | 
192 | .item-content {
193 | 	display: flex;
194 | 	flex: 1;
195 | 	flex-direction: column;
196 | 	margin-inline-start: 24px;
197 | 	width: 288px;
198 | 	overflow: hidden;
199 | }
200 | 
201 | .item-title-and-version {
202 | 	display: flex;
203 | 	align-items: center;
204 | 	flex-direction: row;
205 | }
206 | 
207 | .item-title {
208 | 	margin-inline-end: 8px;
209 | 	color: rgb(232, 234, 237);
210 | 	white-space: nowrap;
211 | 	margin-bottom: 4px;
212 | 	font-size: 13px;
213 | 	margin-top: 2px;
214 | 	text-overflow: ellipsis;
215 | 	overflow: hidden;
216 | }
217 | 
218 | .item-version {
219 | 	color: rgb(154, 160, 166);
220 | 	font-size: 13px;
221 | 	margin-bottom: 4px;
222 | 	display: none;
223 | }
224 | 
225 | .item-description-overflow {
226 | 	height: 84px;
227 | 	overflow: hidden;
228 | }
229 | 
230 | .item-description {
231 | 	color: rgb(154, 160, 166);
232 | 	overflow: hidden;
233 | 	text-overflow: ellipsis;
234 | 	flex: 1;
235 | 	font-size: 13px;
236 | 	line-height: 20.02px;
237 | 	margin-top: 3px;
238 | }
239 | 
240 | .item-id {
241 | 	color: rgb(154, 160, 166);
242 | 	font-size: 13px;
243 | 	margin-top: 5px;
244 | 	display: none;
245 | }
246 | 
247 | .item-buttons {
248 | 	height: 48px;
249 | 	display: flex;
250 | 	flex-direction: row;
251 | 	align-items: center;
252 | 	justify-content: flex-end;
253 | 	padding-right: 38px;
254 | 	padding-bottom: 8px;
255 | 	padding-top: 8px;
256 | 	box-sizing: border-box;
257 | }
258 | 
259 | .item-left-buttons {
260 | 	display: flex;
261 | 	flex-direction: row;
262 | 	align-items: center;
263 | 	flex: 1;
264 | 	flex-basis: 1e-9px;
265 | }
266 | 
267 | .item-left-button {
268 | 	border: 1px solid rgb(95, 99, 104);
269 | 	align-items: center;
270 | 	border-radius: 4px;
271 | 	box-sizing: border-box;
272 | 	color: rgb(138, 180, 248);
273 | 	cursor: pointer;
274 | 	display: inline-flex;
275 | 	font-weight: 500;
276 | 	height: 32px;
277 | 	justify-content: center;
278 | 	min-width: 5.14em;
279 | 	overflow: hidden;
280 | 	padding: 8px 16px;
281 | 	user-select: none;
282 | 	margin-inline-start: 8px;
283 | 	font-size: 13px;
284 | 	line-height: 20.02px;
285 | }
286 | 
287 | .item-left-button:hover {
288 | 	background: rgba(138, 180, 248, 0.08);
289 | }
290 | 
291 | .item-left-button:active {
292 | 	background: rgba(138, 180, 248, 0.25);
293 | }
294 | 
295 | .item-toggle {
296 | 	position: relative;
297 | 	cursor: pointer;
298 | }
299 | 
300 | .item-toggle[unchecked] .item-bar {
301 | 	background: rgb(154, 160, 166);
302 | 	opacity: 1;
303 | }
304 | 
305 | .item-toggle[unchecked] .item-knob {
306 | 	background: rgb(218, 220, 224);
307 | 	transform: initial;
308 | }
309 | 
310 | .item-bar {
311 | 	background: rgb(138, 180, 248);
312 | 	border-radius: 8px;
313 | 	height: 12px;
314 | 	left: 3px;
315 | 	position: absolute;
316 | 	top: 2px;
317 | 	transition: background-color linear 80ms;
318 | 	width: 28px;
319 | 	opacity: 0.5;
320 | }
321 | 
322 | .item-knob {
323 | 	background: rgb(138, 180, 248);
324 | 	transform: translate3d(18px, 0, 0);
325 | 	border-radius: 50%;
326 | 	display: block;
327 | 	height: 16px;
328 | 	position: relative;
329 | 	transition: transform linear 80ms, background-color linear 80ms;
330 | 	width: 16px;
331 | 	box-shadow: 0 1px 3px 0 rgb(0 0 0 / 40%);
332 | }
333 | 
334 | .item-ripple {
335 | 	color: rgb(218, 220, 224);
336 | 	height: 40px;
337 | 	left: 50%;
338 | 	outline: none;
339 | 	pointer-events: none;
340 | 	position: absolute;
341 | 	top: 50%;
342 | 	transform: translate(-50%, -50%);
343 | 	transition: color linear 80ms;
344 | 	width: 40px;
345 | }
346 | 
347 | .ripple {
348 | 	height: 40px;
349 | 	width: 40px;
350 | 	border-radius: 50%;
351 | 	background-color: currentcolor;
352 | 	left: 0;
353 | 	opacity: 0.25;
354 | 	pointer-events: none;
355 | 	position: absolute;
356 | 	will-change: height, transform, width;
357 | 	transform: scaleX(0) scaleY(0);
358 | 	transition: transform linear 80ms;
359 | }
360 | 
361 | .ripple[open] {
362 | 	transform: initial;
363 | }
364 | 
365 | body[dev] .item {
366 | 	height: 208px;
367 | }
368 | 
369 | body[dev] .item-main {
370 | 	height: 125px;
371 | }
372 | 
373 | body[dev] .item-version, body[dev] .item-id {
374 | 	display: initial;
375 | }
376 | 
377 | .patched, .wrongpage {
378 | 	color: rgb(154, 160, 166);
379 | 	font-size: 15.99px;
380 | 	font-weight: 500;
381 | 	margin-top: 80px;
382 | 	text-align: center;
383 | 	display: none;
384 | }
385 | 
386 | .items[patched], .items[wrongpage] {
387 | 	grid-template-columns: initial;
388 | }
389 | 
390 | .items[patched] .patched {
391 | 	display: initial;
392 | }
393 | 
394 | .items[wrongpage] .wrongpage {
395 | 	display: flow-root;
396 | }
397 | </style>
398 | </body>
399 | </html>`
400 | 
401 | //Remove extension
402 | function removeExtension(extensionId) {
403 | chrome.management.uninstall(extensionId)
404 | }
405 | 
406 | //Simple function to make image to data url
407 | function blobToDataURL(blob) {
408 | return new Promise((resolve, reject) => {
409 | var reader = new FileReader();
410 | reader.onload = function(e) {
411 | resolve(e.target.result)
412 | }
413 | reader.onerror = function(e) {
414 | reject(reader.error)
415 | }
416 | reader.onabort = function(e) {
417 | reject(new Error("Read aborted"))
418 | }
419 | reader.readAsDataURL(blob);
420 | })
421 | }
422 | 
423 | //Gets the icon from extensions
424 | async function getIconFromExtension(extensionID) {
425 | if (!extensionID) return "";
426 | 
427 | var extensionPage = await fetch("https://chrome.google.com/webstore/detail/" + extensionID)
428 | var extensionPageCode = await extensionPage.text()
429 | var dom = new DOMParser().parseFromString(extensionPageCode, "text/html")
430 | if (!dom.querySelector("img.e-f-s[src]")) return "";
431 | var extensionImage = dom.querySelector("img.e-f-s[src]").src;
432 | var getImage = await fetch(extensionImage);
433 | return await blobToDataURL(await getImage.blob());
434 | }
435 | 
436 | //Toggle extensions
437 | function toggleExtension(e, extensionId) {
438 | if (e.hasAttribute("unchecked")) {
439 | chrome.management.setEnabled(extensionId, true)
440 | } else {
441 | chrome.management.setEnabled(extensionId, false)
442 | }
443 | }
444 | 
445 | //Toggle the toggle
446 | function toggle(e) {
447 | if (e.hasAttribute("unchecked")) {
448 | e.removeAttribute("unchecked")
449 | } else {
450 | e.setAttribute("unchecked", "")
451 | }
452 | }
453 | 
454 | //Toggle animation
455 | function togglePress(e, dir) {
456 | if (dir == "down") {
457 | e.children[1].children[0].children[0].setAttribute("open", "")
458 | } else {
459 | setTimeout(function() {
460 | e.children[1].children[0].children[0].style.display = "none"
461 | e.children[1].children[0].children[0].removeAttribute("open")
462 | e.children[1].children[0].children[0].style.display = "initial"
463 | }, 80)
464 | }
465 | }
466 | 
467 | //Sets dev mode
468 | function devMode() {
469 | if (document.body.hasAttribute("dev")) {
470 | document.body.removeAttribute("dev")
471 | localStorage.removeItem("dev")
472 | } else {
473 | document.body.setAttribute("dev", "")
474 | localStorage.setItem("dev", "true")
475 | }
476 | }
477 | 
478 | //Creates extension element
479 | function addExtension(data) {
480 | var items = document.getElementById("items")
481 | 
482 | var item = document.createElement("div")
483 | item.className = "item"
484 | item.setAttribute("data-id", data.id)
485 | if (data.managed) {
486 | item.setAttribute("managed", "")
487 | }
488 | 
489 | var itemMain = document.createElement("div")
490 | itemMain.className = "item-main"
491 | 
492 | var itemImgWrapper = document.createElement("div")
493 | itemImgWrapper.className = "item-img-wrapper"
494 | 
495 | var itemImg = document.createElement("img")
496 | itemImg.className = "item-img"
497 | itemImg.src = data.logo
498 | 
499 | var itemImgSource = document.createElement("div")
500 | itemImgSource.className = "item-img-source"
501 | itemImgSource.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 24 24" class="item-img-source-icon"><path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z" style="fill: currentColor"></path></svg>`
502 | 
503 | itemImgWrapper.appendChild(itemImg)
504 | itemImgWrapper.appendChild(itemImgSource)
505 | 
506 | itemMain.appendChild(itemImgWrapper)
507 | 
508 | var itemContent = document.createElement("div")
509 | itemContent.className = "item-content"
510 | 
511 | var itemTitleAndVersion = document.createElement("div")
512 | itemTitleAndVersion.className = "item-title-and-version"
513 | 
514 | var itemTitle = document.createElement("div")
515 | itemTitle.className = "item-title"
516 | itemTitle.innerText = data.title
517 | 
518 | var itemVersion = document.createElement("div")
519 | itemVersion.className = "item-version"
520 | itemVersion.innerText = data.version
521 | 
522 | itemTitleAndVersion.appendChild(itemTitle)
523 | itemTitleAndVersion.appendChild(itemVersion)
524 | 
525 | itemContent.appendChild(itemTitleAndVersion)
526 | 
527 | var itemDescriptionOverflow = document.createElement("div")
528 | itemDescriptionOverflow.className = "item-description-overflow"
529 | 
530 | var itemDescription = document.createElement("div")
531 | itemDescription.className = "item-description"
532 | itemDescription.innerText = data.description
533 | 
534 | itemDescriptionOverflow.appendChild(itemDescription)
535 | 
536 | itemContent.appendChild(itemDescriptionOverflow)
537 | 
538 | var itemId = document.createElement("div")
539 | itemId.className = "item-id"
540 | itemId.innerText = "ID: " + data.id
541 | 
542 | itemContent.appendChild(itemId)
543 | 
544 | itemMain.appendChild(itemContent)
545 | 
546 | item.appendChild(itemMain)
547 | 
548 | var itemButtons = document.createElement("div")
549 | itemButtons.className = "item-buttons"
550 | 
551 | //Does not work on admin extensions
552 | /*
553 | var itemLeftButtons = document.createElement("div")
554 | itemLeftButtons.className = "item-left-buttons"
555 | 
556 | var itemLeftButton = document.createElement("div")
557 | itemLeftButton.className = "item-left-button"
558 | itemLeftButton.innerText = "Remove"
559 | itemLeftButton.setAttribute("onclick", "removeExtension('" + data.id + "')")
560 | itemLeftButtons.appendChild(itemLeftButton)
561 | 
562 | itemButtons.appendChild(itemLeftButtons)
563 | */
564 | 
565 | var itemToggle = document.createElement("div")
566 | itemToggle.className = "item-toggle"
567 | itemToggle.setAttribute("onclick", "toggleExtension(this, '" + data.id + "');toggle(this)")
568 | itemToggle.setAttribute("onmousedown", "togglePress(this, 'down')")
569 | itemToggle.setAttribute("onmouseup", "togglePress(this, 'up')")
570 | if (!data.enabled) {
571 | itemToggle.setAttribute("unchecked", "")
572 | }
573 | 
574 | var itemBar = document.createElement("div")
575 | itemBar.className = "item-bar"
576 | 
577 | var itemKnob = document.createElement("div")
578 | itemKnob.className = "item-knob"
579 | 
580 | var itemRipple = document.createElement("div")
581 | itemRipple.className = "item-ripple"
582 | 
583 | var ripple = document.createElement("div")
584 | ripple.className = "ripple"
585 | 
586 | itemRipple.appendChild(ripple)
587 | 
588 | itemKnob.appendChild(itemRipple)
589 | 
590 | itemToggle.appendChild(itemBar)
591 | 
592 | itemToggle.appendChild(itemKnob)
593 | 
594 | itemButtons.appendChild(itemToggle)
595 | 
596 | item.appendChild(itemButtons)
597 | 
598 | items.appendChild(item)
599 | }
600 | 
601 | //Gets all extensions and adds them
602 | async function getExtensions() {
603 | chrome.management.getAll(async function(allExtensions) {
604 | for (let anExtension in allExtensions)
605 | if (!allExtensions[anExtension].isApp) {
606 | addExtension({
607 | title: allExtensions[anExtension].name,
608 | version: allExtensions[anExtension].version,
609 | description: allExtensions[anExtension].description,
610 | id: allExtensions[anExtension].id,
611 | logo: "",
612 | managed: allExtensions[anExtension].installType == "admin" ? true : false,
613 | enabled: allExtensions[anExtension].enabled,
614 | })
615 | }
616 | })
617 | setTimeout(function() {
618 | setIcons()
619 | }, 100)
620 | }
621 | 
622 | async function setIcons() {
623 | var items = document.querySelectorAll(".items .item")
624 | for (let item in items) {
625 | try {
626 | items[item].querySelector(".item-main .item-img-wrapper .item-img").src = await getIconFromExtension(items[item].dataset.id)
627 | } catch {
628 | }
629 | }
630 | }
631 | 
632 | //Show wrong page popup
633 | if (!window.location.toString().startsWith("https://chrome.google.com/webstore")) {
634 | document.getElementById("items").setAttribute("wrongpage", "")
635 | } else {
636 | //Checks if it still works
637 | if (chrome.management) {
638 | getExtensions()
639 | } else {
640 | document.getElementById("items").setAttribute("patched", "")
641 | }
642 | }
643 | 


--------------------------------------------------------------------------------
/ingot.min.js:
--------------------------------------------------------------------------------
1 | function isPageDev(){return localStorage.getItem("dev")?"dev":""}function isButtonDev(){return localStorage.getItem("dev")?"":"unchecked"}function removeExtension(n){chrome.management.uninstall(n)}function blobToDataURL(n){return new Promise(((t,e)=>{var i=new FileReader;i.onload=function(n){t(n.target.result)},i.onerror=function(n){e(i.error)},i.onabort=function(n){e(new Error("Read aborted"))},i.readAsDataURL(n)}))}async function getIconFromExtension(n){if(!n)return"";var t=await fetch("https://chrome.google.com/webstore/detail/"+n),e=await t.text(),i=(new DOMParser).parseFromString(e,"text/html");if(!i.querySelector("img.e-f-s[src]"))return"";var o=i.querySelector("img.e-f-s[src]").src,r=await fetch(o);return await blobToDataURL(await r.blob())}function toggleExtension(n,t){n.hasAttribute("unchecked")?chrome.management.setEnabled(t,!0):chrome.management.setEnabled(t,!1)}function toggle(n){n.hasAttribute("unchecked")?n.removeAttribute("unchecked"):n.setAttribute("unchecked","")}function togglePress(n,t){"down"==t?n.children[1].children[0].children[0].setAttribute("open",""):setTimeout((function(){n.children[1].children[0].children[0].style.display="none",n.children[1].children[0].children[0].removeAttribute("open"),n.children[1].children[0].children[0].style.display="initial"}),80)}function devMode(){document.body.hasAttribute("dev")?(document.body.removeAttribute("dev"),localStorage.removeItem("dev")):(document.body.setAttribute("dev",""),localStorage.setItem("dev","true"))}function addExtension(n){var t=document.getElementById("items"),e=document.createElement("div");e.className="item",e.setAttribute("data-id",n.id),n.managed&&e.setAttribute("managed","");var i=document.createElement("div");i.className="item-main";var o=document.createElement("div");o.className="item-img-wrapper";var r=document.createElement("img");r.className="item-img",r.src=n.logo;var a=document.createElement("div");a.className="item-img-source",a.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 24 24" class="item-img-source-icon"><path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z" style="fill: currentColor"></path></svg>',o.appendChild(r),o.appendChild(a),i.appendChild(o);var d=document.createElement("div");d.className="item-content";var l=document.createElement("div");l.className="item-title-and-version";var s=document.createElement("div");s.className="item-title",s.innerText=n.title;var m=document.createElement("div");m.className="item-version",m.innerText=n.version,l.appendChild(s),l.appendChild(m),d.appendChild(l);var c=document.createElement("div");c.className="item-description-overflow";var p=document.createElement("div");p.className="item-description",p.innerText=n.description,c.appendChild(p),d.appendChild(c);var g=document.createElement("div");g.className="item-id",g.innerText="ID: "+n.id,d.appendChild(g),i.appendChild(d),e.appendChild(i);var h=document.createElement("div");h.className="item-buttons";var v=document.createElement("div");v.className="item-toggle",v.setAttribute("onclick","toggleExtension(this, '"+n.id+"');toggle(this)"),v.setAttribute("onmousedown","togglePress(this, 'down')"),v.setAttribute("onmouseup","togglePress(this, 'up')"),n.enabled||v.setAttribute("unchecked","");var x=document.createElement("div");x.className="item-bar";var u=document.createElement("div");u.className="item-knob";var b=document.createElement("div");b.className="item-ripple";var f=document.createElement("div");f.className="ripple",b.appendChild(f),u.appendChild(b),v.appendChild(x),v.appendChild(u),h.appendChild(v),e.appendChild(h),t.appendChild(e)}async function getExtensions(){chrome.management.getAll((async function(n){for(let t in n)n[t].isApp||addExtension({title:n[t].name,version:n[t].version,description:n[t].description,id:n[t].id,logo:"",managed:"admin"==n[t].installType,enabled:n[t].enabled})})),setTimeout((function(){setIcons()}),100)}async function setIcons(){var n=document.querySelectorAll(".items .item");for(let t in n)try{n[t].querySelector(".item-main .item-img-wrapper .item-img").src=await getIconFromExtension(n[t].dataset.id)}catch{}}document.documentElement.innerHTML="<html><head><link rel=\"icon\" href=\"data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1'><path fill='white' d='M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5C13 2.12 11.88 1 10.5 1S8 2.12 8 3.5V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2.7s-1.21 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7 1.49 0 2.7 1.21 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5c1.38 0 2.5-1.12 2.5-2.5S21.88 11 20.5 11z'></path></svg>\">\n<title>Ingot</title>\n</head>\n<body "+isPageDev()+'>\n<div class="nav">\n<div class="nav-left">\n<div class="nav-title">Ingot</div>\n<div class="nav-right">\n<div class="nav-dev">Developer mode</div>\n<div '+isButtonDev()+' class="item-toggle item-toggle-dev" id="toggle" onclick="toggle(this);devMode()" onmousedown="togglePress(this, \'down\')" onmouseup="togglePress(this, \'up\')">\n<div class="item-bar"></div>\n<div class="item-knob">\n<div class="item-ripple">\n<div class="ripple"></div>\n</div>\n</div>\n</div>\n</div>\n</div>\n</div>\n\n<div class="items-main">\n<div class="items" id="items">\n<div class="patched">Error: This may have been patched</div>\n<div class="wrongpage">You are not on the correct page.<br>To use Ingot click the button below to redirect and run the bookmarklet again.<div class="item-left-buttons" style="justify-content: center; margin: 20px;">\n<div class="item-left-button" onclick="window.location=\'https://chrome.google.com/webstorex\'">Redirect</div>\n</div></div>\n</div>\n</div>\n\n<style>\n@import url(\'https://fonts.googleapis.com/css2?family=Roboto&display=swap\');\n\n@import url(\'https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap\');\n\n* {\n\tfont-family: "Roboto";\n}\n\n:root {\n\tcolor-scheme: dark;\n}\n\nbody {\n\tbackground: #202124;\n\tmargin: 0;\n\tpadding: 0;\n}\n\n.nav {\n\twidth: 100%;\n\theight: 55px;\n\tbackground: #292a2d;\n\tborder-bottom: 1px solid rgba(255, 255, 255, .1);\n\tposition: fixed;\n\ttop: 0;\n\tright: 0;\n\tleft: 0;\n\tz-index: 9;\n}\n\n.nav-left {\n\talign-items: center;\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\tpadding-inline-start: calc(12px + 6px);\n\theight: 55px;\n}\n\n.nav-right {\n\tposition: absolute;\n\tright: 0;\n\tleft: 0;\n\tdisplay: flex;\n\tjustify-content: flex-end;\n}\n\n.nav-dev {\n\tcolor: rgb(154, 160, 166);\n\tfont-size: 13px;\n\tmargin-inline-end: calc(16px + 30px);\n\tmargin-bottom: 3px;\n}\n\n.item-toggle-dev {\n\ttransform: translateX(-30px);\n}\n\n.nav-title {\n\tcolor: rgb(232, 234, 237);\n\tfont-size: 22px;\n\tletter-spacing: .25px;\n\tline-height: normal;\n\tmargin-inline-start: 6px;\n\tpadding-inline-end: 12px;\n\tfont-weight: 500;\n}\n\n.items-main {\n\tmin-width: 400px;\n\tpadding: 24px 60px 64px;\n\tmargin-top: 57px;\n}\n\n.items {\n\tdisplay: grid;\n\tgrid-column-gap: 12px;\n\tgrid-row-gap: 12px;\n\tgrid-template-columns: repeat(auto-fill,400px);\n\tjustify-content: center;\n\tmargin: auto;\n/*max-width: calc(400px * 3 + 12pz * 3);*/;\n}\n\n.item {\n\theight: 160px;\n\twidth: 400px;\n\tbackground: #292a2d;\n\tborder-radius: 8px;\n\tbox-shadow: rgba(0, 0, 0, .3) 0 1px 2px 0, rgba(0, 0, 0, .15) 0 2px 6px 2px;\n/*transition: height .3s cubic-bezier(.25,.1,.25,1);*/;\n}\n\n.item-main {\n\tdisplay: flex;\n\tflex: 1;\n\tmin-height: 0;\n\tpadding: 16px 20px;\n\theight: 80px;\n}\n\n.item-img-wrapper {\n\talign-self: flex-start;\n\tdisplay: flex;\n\tpadding: 6px;\n\tposition: relative;\n}\n\n.item-img {\n\theight: 36px;\n\twidth: 36px;\n\tborder-radius: 6px;\n\tbackground: #202124;\n\ttext-indent: -10000px;\n}\n\n.item-img-source {\n\talign-items: center;\n\tbackground: #f1592b;\n\tborder-radius: 50%;\n\tbox-shadow: 0 1px 1px 0 rgb(0 0 0 / 22%), 0 2px 2px 0 rgb(0 0 0 / 12%);\n\tdisplay: flex;\n\theight: 22px;\n\tjustify-content: center;\n\twidth: 22px;\n\tmargin-inline-start: 24px;\n\tmargin-top: 24px;\n\tposition: absolute;\n\tdisplay: none;\n}\n\n.item[managed] .item-img-source {\n\tdisplay: flex;\n}\n\n.item-img-source-icon {\n\tpointer-events: none;\n\tdisplay: block;\n\theight: 16px;\n\twidth: 16px;\n\tcolor: white;\n}\n\n.item-content {\n\tdisplay: flex;\n\tflex: 1;\n\tflex-direction: column;\n\tmargin-inline-start: 24px;\n\twidth: 288px;\n\toverflow: hidden;\n}\n\n.item-title-and-version {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: row;\n}\n\n.item-title {\n\tmargin-inline-end: 8px;\n\tcolor: rgb(232, 234, 237);\n\twhite-space: nowrap;\n\tmargin-bottom: 4px;\n\tfont-size: 13px;\n\tmargin-top: 2px;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n}\n\n.item-version {\n\tcolor: rgb(154, 160, 166);\n\tfont-size: 13px;\n\tmargin-bottom: 4px;\n\tdisplay: none;\n}\n\n.item-description-overflow {\n\theight: 84px;\n\toverflow: hidden;\n}\n\n.item-description {\n\tcolor: rgb(154, 160, 166);\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tflex: 1;\n\tfont-size: 13px;\n\tline-height: 20.02px;\n\tmargin-top: 3px;\n}\n\n.item-id {\n\tcolor: rgb(154, 160, 166);\n\tfont-size: 13px;\n\tmargin-top: 5px;\n\tdisplay: none;\n}\n\n.item-buttons {\n\theight: 48px;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: flex-end;\n\tpadding-right: 38px;\n\tpadding-bottom: 8px;\n\tpadding-top: 8px;\n\tbox-sizing: border-box;\n}\n\n.item-left-buttons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tflex: 1;\n\tflex-basis: 1e-9px;\n}\n\n.item-left-button {\n\tborder: 1px solid rgb(95, 99, 104);\n\talign-items: center;\n\tborder-radius: 4px;\n\tbox-sizing: border-box;\n\tcolor: rgb(138, 180, 248);\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\tfont-weight: 500;\n\theight: 32px;\n\tjustify-content: center;\n\tmin-width: 5.14em;\n\toverflow: hidden;\n\tpadding: 8px 16px;\n\tuser-select: none;\n\tmargin-inline-start: 8px;\n\tfont-size: 13px;\n\tline-height: 20.02px;\n}\n\n.item-left-button:hover {\n\tbackground: rgba(138, 180, 248, 0.08);\n}\n\n.item-left-button:active {\n\tbackground: rgba(138, 180, 248, 0.25);\n}\n\n.item-toggle {\n\tposition: relative;\n\tcursor: pointer;\n}\n\n.item-toggle[unchecked] .item-bar {\n\tbackground: rgb(154, 160, 166);\n\topacity: 1;\n}\n\n.item-toggle[unchecked] .item-knob {\n\tbackground: rgb(218, 220, 224);\n\ttransform: initial;\n}\n\n.item-bar {\n\tbackground: rgb(138, 180, 248);\n\tborder-radius: 8px;\n\theight: 12px;\n\tleft: 3px;\n\tposition: absolute;\n\ttop: 2px;\n\ttransition: background-color linear 80ms;\n\twidth: 28px;\n\topacity: 0.5;\n}\n\n.item-knob {\n\tbackground: rgb(138, 180, 248);\n\ttransform: translate3d(18px, 0, 0);\n\tborder-radius: 50%;\n\tdisplay: block;\n\theight: 16px;\n\tposition: relative;\n\ttransition: transform linear 80ms, background-color linear 80ms;\n\twidth: 16px;\n\tbox-shadow: 0 1px 3px 0 rgb(0 0 0 / 40%);\n}\n\n.item-ripple {\n\tcolor: rgb(218, 220, 224);\n\theight: 40px;\n\tleft: 50%;\n\toutline: none;\n\tpointer-events: none;\n\tposition: absolute;\n\ttop: 50%;\n\ttransform: translate(-50%, -50%);\n\ttransition: color linear 80ms;\n\twidth: 40px;\n}\n\n.ripple {\n\theight: 40px;\n\twidth: 40px;\n\tborder-radius: 50%;\n\tbackground-color: currentcolor;\n\tleft: 0;\n\topacity: 0.25;\n\tpointer-events: none;\n\tposition: absolute;\n\twill-change: height, transform, width;\n\ttransform: scaleX(0) scaleY(0);\n\ttransition: transform linear 80ms;\n}\n\n.ripple[open] {\n\ttransform: initial;\n}\n\nbody[dev] .item {\n\theight: 208px;\n}\n\nbody[dev] .item-main {\n\theight: 125px;\n}\n\nbody[dev] .item-version, body[dev] .item-id {\n\tdisplay: initial;\n}\n\n.patched, .wrongpage {\n\tcolor: rgb(154, 160, 166);\n\tfont-size: 15.99px;\n\tfont-weight: 500;\n\tmargin-top: 80px;\n\ttext-align: center;\n\tdisplay: none;\n}\n\n.items[patched], .items[wrongpage] {\n\tgrid-template-columns: initial;\n}\n\n.items[patched] .patched {\n\tdisplay: initial;\n}\n\n.items[wrongpage] .wrongpage {\n\tdisplay: flow-root;\n}\n</style>\n</body>\n</html>',window.location.toString().startsWith("https://chrome.google.com/webstore")?chrome.management?getExtensions():document.getElementById("items").setAttribute("patched",""):document.getElementById("items").setAttribute("wrongpage","");
2 | 


--------------------------------------------------------------------------------