pinokiod 3.238.0 → 3.240.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pinokiod",
-  "version": "3.238.0",
+  "version": "3.240.0",
   "description": "",
   "main": "index.js",
   "scripts": {

package/server/public/style.css

@@ -1540,7 +1540,10 @@ body.dark .line:hover {
   /*
   padding: 15px 15px;
   */
+  padding: 5px 10px;
+  /*
   padding: 7px 5px;
+  */
   /*
   border-bottom: 1px solid var(--light-thin);
   */

package/server/views/env_editor.ejs

@@ -145,6 +145,13 @@ body.dark .comment {
 #save {
   background: rgba(127, 91, 243, 0.9);
 }
+#delete-project {
+  color: firebrick;
+  background: none;
+}
+#delete-project:hover {
+  border: 1px solid firebrick;
+}
 a#customize {
   text-decoration: underline;
   cursor: pointer;
@@ -270,8 +277,53 @@ document.addEventListener("DOMContentLoaded", async () => {
       e.preventDefault()
       e.stopPropagation()
       document.querySelector("#editor").classList.toggle("hidden")
+      document.body.classList.toggle("center")
     })
   <% } %>
+  <% if (!init && name) { %>
+    const deleteBtn = document.querySelector("#delete-project")
+    if (deleteBtn) {
+      const projectName = <%- JSON.stringify(name) %>
+      deleteBtn.addEventListener("click", async (e) => {
+        e.preventDefault()
+        e.stopPropagation()
+        const confirmed = confirm("Are you sure you wish to delete?")
+        if (!confirmed) {
+          return
+        }
+        Swal.fire({
+          html: '<i class="fa-solid fa-circle-notch fa-spin"></i> Deleting',
+          customClass: {
+            container: "loader-container",
+            popup: "loader-popup",
+            htmlContainer: "loader-dialog",
+            footer: "hidden",
+            actions: "hidden"
+          }
+        })
+        try {
+          const res = await fetch("/pinokio/delete", {
+            method: "post",
+            headers: {
+              "Content-Type": "application/json"
+            },
+            body: JSON.stringify({ name: projectName })
+          }).then((response) => response.json())
+          Swal.close()
+          if (res && res.success) {
+            location.href = "/"
+          } else if (res && res.error) {
+            alert(res.error)
+          } else {
+            alert("Failed to delete project")
+          }
+        } catch (err) {
+          Swal.close()
+          alert(err.message || "Failed to delete project")
+        }
+      })
+    }
+  <% } %>
 })
 </script>
 </head>
@@ -309,6 +361,11 @@ document.addEventListener("DOMContentLoaded", async () => {
           <% if (home) { %>
             <a class='home-button home' href="/"><i class='fa-solid fa-home'></i></a>
           <% } %>
+          <% if (name) { %>
+            <button class='btn' id='delete-project'>
+              <i class="fa-solid fa-trash"></i> Delete Project
+            </button>
+          <% } %>
           <div class='flexible'></div>
           <div class='nav-btns'>
             <a class='btn' href="<%=editorpath%>"><i class="fa-solid fa-pen-to-square"></i> Edit file</a>