First Commit

dsql-app/public/scripts/admin.js

@@ -0,0 +1,2 @@
+// @ts-check
+

dsql-app/public/scripts/main.js

@@ -0,0 +1,62 @@
+// @ts-check
+
+const codeBlocks = document.querySelectorAll("pre");
+
+if (codeBlocks) {
+    try {
+        codeBlocks?.forEach((codeBlock) => {
+            codeBlock.style.position = "relative";
+
+            const copyCodeButton = document.createElement("span");
+            copyCodeButton.style.position = "absolute";
+            copyCodeButton.style.top = "10px";
+            copyCodeButton.style.right = "10px";
+            copyCodeButton.style.cursor = "pointer";
+            copyCodeButton.style.display = "none";
+
+            copyCodeButton.addEventListener("click", () => {
+                // console.log(codeBlock.innerText);
+                // console.log(codeBlock.textContent);
+                navigator.clipboard.writeText(codeBlock.innerText).then(() => {
+                    window.alert("Code Copied!");
+                });
+            });
+
+            const copyIcon = document.createElement("img");
+            copyIcon.src = "/images/copy.png";
+            copyIcon.width = 16;
+            copyIcon.height = 16;
+
+            copyCodeButton.appendChild(copyIcon);
+
+            codeBlock.appendChild(copyCodeButton);
+
+            codeBlock.addEventListener("mouseenter", () => {
+                copyCodeButton.style.display = "flex";
+            });
+
+            codeBlock.addEventListener("mouseleave", () => {
+                copyCodeButton.style.display = "none";
+            });
+        });
+    } catch (error) {}
+}
+
+window.addEventListener("click", (e) => {
+    const cancelBlocks = document.querySelectorAll(".window-cancel");
+    /** @type {HTMLElement} */ // @ts-ignore
+    const targetEl = e.target;
+    cancelBlocks.forEach((el) => {
+        if (targetEl.closest(".window-cancel")) return;
+        el.classList.add("hidden");
+    });
+});
+
+const queryUrls = document.querySelectorAll("a.query-url");
+queryUrls.forEach((urlEl) => {
+    const urlHref = urlEl.getAttribute("href");
+
+    if (!urlHref?.match(/\?/)) {
+        urlEl.setAttribute("href", `${urlHref}${window.location.search}`);
+    }
+});

dsql-app/public/scripts/themeSelector.js

@@ -0,0 +1,16 @@
+// @ts-check
+
+////////////////////////////////////////
+
+let existingTheme = localStorage.getItem("theme");
+
+////////////////////////////////////////
+
+if (!existingTheme) {
+    localStorage.setItem("theme", "light");
+    existingTheme = "light";
+} else if (existingTheme?.match(/dark/)) {
+    document.documentElement.className = "dark";
+} else if (existingTheme?.match(/light/)) {
+    document.documentElement.className = "light";
+}