Rework & Refactor

.github/templates/README.template.md

@@ -2,7 +2,7 @@
 
 WoL Redirect is a Docker Container with graphical interface, which allows users to wake up their services.
 Integrates with all of the WoL Containers.
-
+s
 _Well, except for meteorite_
 
 ## Installation

Dockerfile

@@ -2,8 +2,10 @@ FROM node:alpine
 
 WORKDIR /app
 
+ENV NODE_ENV=production
+
 COPY . .
 
 RUN npm install
 
-CMD ["npm", "start"]
+CMD ["npm", "start", "-s"]

README.md

@@ -2,15 +2,14 @@
 
 WoL Redirect is a Docker Container with graphical interface, which allows users to wake up their services.
 Integrates with all of the WoL Containers.
-
+s
 _Well, except for meteorite_
 
 ## Installation
 
 Get the latest `docker-compose.yaml` file:
 
 ```yaml
----
 services:
   wol:
     container_name: wol-client

docker-compose.yaml

@@ -1,4 +1,3 @@
----
 services:
   wol:
     container_name: wol-client

package.json

@@ -1,20 +1,33 @@
 {
 	"name": "wol-redirect",
-	"version": "1.0.0",
-	"description": "A Redirect and WoL Service",
+	"version": "none",
+	"description": "",
+	"homepage": "https://github.com/CodeShellDev/wol-redirect#readme",
+	"bugs": {
+		"url": "https://github.com/CodeShellDev/wol-redirect/issues"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/CodeShellDev/wol-redirect.git"
+	},
+	"license": "MIT",
+	"author": "codeshelldev",
+	"type": "module",
 	"main": "app.js",
 	"scripts": {
 		"test": "echo \"Error: no test specified\" && exit 1",
 		"start": "node ./src/app.js"
 	},
-	"author": "codeshell",
-	"license": "MIT",
 	"dependencies": {
+		"connect-redis": "^9.0.0",
 		"cookie-parser": "^1.4.7",
 		"ejs": "^3.1.10",
 		"express": "^4.21.1",
-		"express-session": "^1.18.1",
+		"express-session": "^1.18.2",
 		"passport": "^0.7.0",
-		"passport-oauth2": "^1.8.0"
+		"passport-oauth2": "^1.8.0",
+		"redis": "^5.10.0",
+		"uuid": "^13.0.0",
+		"ws": "^8.18.3"
 	}
 }

public/js/theme.js

@@ -0,0 +1,27 @@
+const THEME_KEY = "theme"
+
+export function setTheme(theme) {
+	document.body.setAttribute("data-theme", theme)
+	localStorage.setItem(THEME_KEY, theme)
+}
+
+export function applyInitialTheme() {
+	const saved = localStorage.getItem(THEME_KEY)
+	const system = matchMedia("(prefers-color-scheme: dark)").matches
+	const theme = saved || (system ? "dark" : "light")
+
+	document.documentElement.setAttribute("data-theme", theme)
+}
+
+export function initToggle(query = ".theme-toggle") {
+	const toggle = document.querySelector(query)
+	if (!toggle) return
+
+	toggle.addEventListener("click", () => {
+		const html = document.documentElement
+		const next = html.getAttribute("data-theme") === "dark" ? "light" : "dark"
+
+		html.setAttribute("data-theme", next)
+		localStorage.setItem(THEME_KEY, next)
+	})
+}

public/js/user.js

@@ -0,0 +1,23 @@
+export function getProfileColor(
+	str,
+	{ hues = [10, 40, 60, 90, 120, 150, 180, 200, 220, 250, 280, 310, 340] } = {}
+) {
+	let hash = 0
+	for (let i = 0; i < str.length; i++) {
+		hash = str.charCodeAt(i) + ((hash << 5) - hash)
+	}
+
+	const hue = hues[Math.abs(hash) % hues.length]
+
+	const saturation = 70
+	const lightness = 60
+
+	return `hsl(${hue}, ${saturation}%, ${lightness}%)`
+}
+
+export function setUser(userData, query = ".user .profile") {
+	const userProfile = document.querySelector(query)
+
+	userProfile.textContent = userData.name.substring(0, 2).toUpperCase()
+	userProfile.style.backgroundColor = getProfileColor(userData.name)
+}