From d8f53890d2bf0b4482877e165d9deb7be023f258 Mon Sep 17 00:00:00 2001 From: Filip Rojek Date: Wed, 27 Aug 2025 18:14:10 +0200 Subject: [PATCH] style: format JSON and JavaScript files for improved readability and consistency style(mobile-navbar.js): format code for consistency and improve readability by adding semicolons and proper indentation --- biome.json | 78 ++++++++-------- static/js/code-copy.js | 46 +++++----- static/js/console.js | 176 +++++++++++++++++++------------------ static/js/mobile-navbar.js | 40 ++++----- 4 files changed, 169 insertions(+), 171 deletions(-) diff --git a/biome.json b/biome.json index c22640c..3a2c8d1 100644 --- a/biome.json +++ b/biome.json @@ -1,41 +1,41 @@ { - "$schema": "https://biomejs.dev/schemas/2.2.2/schema.json", - "vcs": { - "enabled": true, - "clientKind": "git", - "useIgnoreFile": true - }, - "files": { - "includes": ["**", "!public", "!content", "!templates", "!static/img", "!**/*.min.js"] - }, - "formatter": { - "enabled": true - }, - "linter": { - "enabled": true, - "rules": { - "recommended": true - } - }, - "javascript": { - "formatter": { - "lineWidth": 100, - "quoteStyle": "double", - "jsxQuoteStyle": "double", - "trailingCommas": "all", - "semicolons": "always" - } - }, - "json": { - "formatter": { - "lineWidth": 100 - } - }, - "css": { - "formatter": { - "enabled": true, - "lineWidth": 100, - "quoteStyle": "single" - } - } + "$schema": "https://biomejs.dev/schemas/2.2.2/schema.json", + "vcs": { + "enabled": true, + "clientKind": "git", + "useIgnoreFile": true + }, + "files": { + "includes": ["**", "!public", "!content", "!templates", "!static/img", "!**/*.min.js"] + }, + "formatter": { + "enabled": true + }, + "linter": { + "enabled": true, + "rules": { + "recommended": true + } + }, + "javascript": { + "formatter": { + "lineWidth": 100, + "quoteStyle": "double", + "jsxQuoteStyle": "double", + "trailingCommas": "all", + "semicolons": "always" + } + }, + "json": { + "formatter": { + "lineWidth": 100 + } + }, + "css": { + "formatter": { + "enabled": true, + "lineWidth": 100, + "quoteStyle": "single" + } + } } diff --git a/static/js/code-copy.js b/static/js/code-copy.js index ba7c39e..276f115 100644 --- a/static/js/code-copy.js +++ b/static/js/code-copy.js @@ -1,30 +1,28 @@ -let codes = document.querySelectorAll("pre") +const codes = document.querySelectorAll("pre"); -codes.forEach(code => { - const elWrapper = document.createElement("div") - elWrapper.classList.add("copy-code-wrapper") +codes.forEach((code) => { + const elWrapper = document.createElement("div"); + elWrapper.classList.add("copy-code-wrapper"); + const el = document.createElement("span"); + el.textContent = "Copy"; + el.classList.add("copy-code"); - const el = document.createElement("span") - el.textContent = "Copy" - el.classList.add("copy-code") + elWrapper.appendChild(el); - elWrapper.appendChild(el) + code.parentNode.insertBefore(elWrapper, code); - code.parentNode.insertBefore(elWrapper, code) - - let textContent = "" - code.childNodes.forEach(child => { - textContent += child.textContent; - }) - - elWrapper.addEventListener("click", (e) => { - e.preventDefault() - navigator.clipboard.writeText(textContent) - el.textContent = "Copied!" - setTimeout(() => { - el.textContent = "Copy" - }, 5000); - }) -}) + let textContent = ""; + code.childNodes.forEach((child) => { + textContent += child.textContent; + }); + elWrapper.addEventListener("click", (e) => { + e.preventDefault(); + navigator.clipboard.writeText(textContent); + el.textContent = "Copied!"; + setTimeout(() => { + el.textContent = "Copy"; + }, 5000); + }); +}); diff --git a/static/js/console.js b/static/js/console.js index 56bd92a..ef91e3f 100644 --- a/static/js/console.js +++ b/static/js/console.js @@ -1,107 +1,109 @@ -const c = document.querySelector(".console") -const ps1 = "[fr@website ~]$ " -const motd = "Welcome to my website!
You can use `help` for more informations :)" +const c = document.querySelector(".console"); +const ps1 = "[fr@website ~]$ "; +const motd = "Welcome to my website!
You can use `help` for more informations :)"; let line = ""; function exec(command) { - switch (command[0]) { - case "help": - line = "help
author
contact
clear
echo" - break; - case "author": - line = "Filip Rojek, 2023" - break - case "contact": - line = "Filip Rojek <filip@filiprojek.cz>
web: www.filiprojek.cz
telegram: @filiprojek" - break - case "clear": - write("000ctrll") - return false - case "echo": - line = "" - command.forEach((cmd, i) => { - if (i === 0) return - line += cmd + " " - }); - line = line.substring(0, line.length - 1) // remove last space - break - default: - line = "frsh: " + command[0] + ": command not found" - break; - } + switch (command[0]) { + case "help": + line = "help
author
contact
clear
echo"; + break; + case "author": + line = "Filip Rojek, 2023"; + break; + case "contact": + line = + "Filip Rojek <filip@filiprojek.cz>
web: www.filiprojek.cz
telegram: @filiprojek"; + break; + case "clear": + write("000ctrll"); + return false; + case "echo": + line = ""; + command.forEach((cmd, i) => { + if (i === 0) return; + line += cmd + " "; + }); + line = line.substring(0, line.length - 1); // remove last space + break; + default: + line = "frsh: " + command[0] + ": command not found"; + break; + } - return line + return line; } function write(key, payload) { - switch(key) { - case "Enter": - command = c.lastChild.textContent.replace(ps1, "") - command = command.split(" "); - let out = exec(command) - if(out !== false) { - line = document.createElement("p") - line.innerHTML += out - line.innerHTML += "
" - c.appendChild(line) - line = document.createElement("p") - line.innerHTML += ps1 - c.appendChild(line) - } - command = "" - break - case "000ctrll": - c.innerHTML = "" - if(payload == motd) c.innerHTML = motd - line = document.createElement("p") - line.innerHTML += ps1 - c.appendChild(line) - break - case "000backspace": - if(c.lastChild.textContent.slice(0, -1) !== ps1.slice(0, -1)) { - c.lastChild.innerHTML = c.lastChild.textContent.slice(0, -1) - } - break + switch (key) { + case "Enter": { + command = c.lastChild.textContent.replace(ps1, ""); + command = command.split(" "); + const out = exec(command); + if (out !== false) { + line = document.createElement("p"); + line.innerHTML += out; + line.innerHTML += "
"; + c.appendChild(line); + line = document.createElement("p"); + line.innerHTML += ps1; + c.appendChild(line); + } + command = ""; + break; + } + case "000ctrll": + c.innerHTML = ""; + if (payload == motd) c.innerHTML = motd; + line = document.createElement("p"); + line.innerHTML += ps1; + c.appendChild(line); + break; + case "000backspace": + if (c.lastChild.textContent.slice(0, -1) !== ps1.slice(0, -1)) { + c.lastChild.innerHTML = c.lastChild.textContent.slice(0, -1); + } + break; - default: - c.lastChild.innerHTML += key - } + default: + c.lastChild.innerHTML += key; + } } function customCtrlShortcuts(plusKey) { - document.addEventListener("keydown", e => { - if(e.ctrlKey && e.key == plusKey) { - e.preventDefault() - write("000ctrl"+plusKey) - } - }) + document.addEventListener("keydown", (e) => { + if (e.ctrlKey && e.key == plusKey) { + e.preventDefault(); + write("000ctrl" + plusKey); + } + }); } // On load init the terminal window.addEventListener("load", () => { - write("000ctrll", motd) - if (navigator.userAgent.toLowerCase().includes("mobile")) { - const mi = document.querySelector(".mobile-input") - mi.style="opacity: 0; width: 0; height: 0" - c.addEventListener("click", e => { - mi.focus() - }) - } -}) + write("000ctrll", motd); + if (navigator.userAgent.toLowerCase().includes("mobile")) { + const mi = document.querySelector(".mobile-input"); + mi.style = "opacity: 0; width: 0; height: 0"; + c.addEventListener("click", (e) => { + mi.focus(); + }); + } +}); // Capture the keypress -window.addEventListener("keypress", e => { - e.preventDefault() - write(e.key) -}) +window.addEventListener("keypress", (e) => { + e.preventDefault(); + write(e.key); +}); -window.addEventListener("keydown", e => { - if(e.key == "Backspace") { - e.preventDefault() - write("000backspace") - } -}) +window.addEventListener("keydown", (e) => { + if (e.key == "Backspace") { + e.preventDefault(); + write("000backspace"); + } +}); // Register custom ctrl shortcuts -customCtrlShortcuts("l") // ctrl + l -customCtrlShortcuts("c") // ctrl + c +customCtrlShortcuts("l"); // ctrl + l +customCtrlShortcuts("c"); // ctrl + c diff --git a/static/js/mobile-navbar.js b/static/js/mobile-navbar.js index f80b09e..8624902 100644 --- a/static/js/mobile-navbar.js +++ b/static/js/mobile-navbar.js @@ -1,26 +1,24 @@ -const burger = document.querySelector(".hamburger") -const links = document.querySelector(".links") -const body = document.querySelector("body") -const main = document.querySelector("main") +const burger = document.querySelector(".hamburger"); +const links = document.querySelector(".links"); +const body = document.querySelector("body"); +const main = document.querySelector("main"); -let shown = false +let shown = false; burger.addEventListener("click", (e) => { - e.preventDefault() - - if (!shown) { - links.style.display = "flex" - body.classList.add("disable-scroll") - burger.textContent = "x" - main.style.visibility = "hidden" - } else { - links.style.display = "none" - body.classList.remove("disable-scroll") - burger.textContent = "☰" - main.style.visibility = "visible" - } - - shown = !shown -}) + e.preventDefault(); + if (!shown) { + links.style.display = "flex"; + body.classList.add("disable-scroll"); + burger.textContent = "x"; + main.style.visibility = "hidden"; + } else { + links.style.display = "none"; + body.classList.remove("disable-scroll"); + burger.textContent = "☰"; + main.style.visibility = "visible"; + } + shown = !shown; +});