SigmaApp/userscript.user.js at main · lmaosofts/SigmaApp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
// ==UserScript==
// @name         sigma app for bonkios
// @namespace    http://tampermonkey.net/
// @version      1
// @author       lmaosofts
// @match        https://bonkiscoolsite.neocities.org/os/
// @icon         https://lmaosofts.github.io/SigmaApp/sigma.png
// @grant        none
// @description
// @updateURL    https://lmaosofts.github.io/SigmaApp/userscript.user.js
// @downloadURL  https://lmaosofts.github.io/SigmaApp/userscript.user.js
// ==/UserScript==

$(function() {
	if(document.querySelector("div#sigmaicon+div#apps"))return // do not add new sigma icon if already present
	var sigmaTmpl = `
<div id="sigmaappwin" class="win7">
	<div class="window active">
		<div class="title-bar">
			<div class="title-bar-text">sigma app</div>
			<div class="title-bar-controls">
				<button onclick="hideappwindow(&quot;sigmaappwin&quot;)" aria-label="Minimize"></button>
				<button aria-label="Maximize"></button>
				<button aria-label="Close"></button>
			</div>
		</div>
		<div class="window-body" style="width: 460px; height: 310px;"></div>
	</div>
</div>
`.slice(1,-1)
	var sigmaOpen = false
	var sty = `
div#sigmaappwin .window-body {
	display: flex;
	flex-direction: column;
	font: 9.5pt monospace;
	height: 100%;
}

div#sigmaappwin .window-body > ul {
	height: 100%;
}

div#sigmaappwin .window-body > textarea {
	height: 0;
	max-height: 50%;
	border: 0;
	border-top: 1px solid CurrentColor !important;
	resize: none;
	padding: 8px !important;
	font: inherit !important;
	box-sizing: content-box;
	flex-shrink: 0;
}
`.slice(1,-1)
	document.head.insertAdjacentHTML("beforeEnd", `<style>${sty}</style>`)
	function setUpUI(par) {
		par.innerHTML = `<ul></ul><textarea placeholder="Press Ctrl+Enter to execute..."></textarea>`
		function updateTxt(e) {
			var txt = e.currentTarget
			txt.style.removeProperty("height")
			txt.style.height = `${(txt.scrollHeight-txt.clientHeight)+1}px`
		}
		par.querySelector("textarea").addEventListener("input", updateTxt)
		updateTxt({currentTarget: par.querySelector("textarea")})
	}
	document.getElementById("apps").insertAdjacentHTML("beforeBegin", `<div style="margin-left: 5%; margin-top: 14%; position: absolute; justify-content: center; width: 80px; height: 110px;" id="sigmaicon"><div class="centerdiv"><img style="image-rendering: pixelated; margin-top: 0.3%; width: 64px;" src="https://lmaosofts.github.io/SigmaApp/sigma.png" alt=""></div><p class="icontext">sigma app</p></div>`)
	var icon = document.getElementById("sigmaicon")
	icon.addEventListener("mouseenter", function(e) {
		e.currentTarget.style.backgroundColor = "rgba(160, 160, 160, 0.548)"
	})
	icon.addEventListener("mouseleave", function(e) {
		e.currentTarget.style.removeProperty("background-color")
	})
	// jquery nonsense ahead! (maybe not much)
	var icon$ = $("#sigmaicon") // this is jquerys getElementById
	icon$.draggable({scroll: false})
	icon.addEventListener("click", function(e) {
		if(sigmaOpen)return[showappwindow("sigmaappwin")][-1]
		sigmaOpen = true
		document.getElementById("apps").insertAdjacentHTML("beforeEnd", sigmaTmpl)
		$("#sigmaappwin").draggable({scroll: false})
		var win = document.getElementById("sigmaappwin")
		win.style.position = "absolute"
		win.querySelector("button[aria-label=\"Close\"]").addEventListener("click", function(e) {
			closeappwindow("sigmaappwin")
			sigmaOpen = false
		})
		setUpUI(win.querySelector(".window-body"))
	})
})