lnlink-server 1.0.2 → 1.0.4

package/dist/public/js/init.js

@@ -1,15 +1,18 @@
+/* eslint-disable unused-imports/no-unused-vars */
+/* eslint-disable no-unused-vars */
 /* global bootstrap */
 
 // Global toggle state
-let isAdvancedConfigVisible = false;
+let isAdvancedConfigVisible = false
 
 // Function to open external URL in default browser
 function openExternalUrl(url) {
   if (window.electronAPI && window.electronAPI.openExternal) {
-    window.electronAPI.openExternal(url);
-  } else {
+    window.electronAPI.openExternal(url)
+  }
+  else {
     // Fallback for non-Electron environments
-    window.open(url, "_blank");
+    window.open(url, "_blank")
   }
 }
 
@@ -24,10 +27,10 @@ const defaultNetworkConfigs = {
   mainnet: {
     network: "mainnet",
   },
-};
+}
 
 // Initialize networkConfigs with default values
-let networkConfigs = JSON.parse(JSON.stringify(defaultNetworkConfigs));
+let networkConfigs = JSON.parse(JSON.stringify(defaultNetworkConfigs))
 
 // Fetch network configurations from API
 async function fetchNetworkConfigs() {
@@ -41,16 +44,17 @@ async function fetchNetworkConfigs() {
         },
         body: JSON.stringify({}),
       },
-    );
+    )
 
-    const result = await response.json();
+    const result = await response.json()
 
     if (result.code === "0" && result.data && Array.isArray(result.data)) {
-      const apiConfigs = {};
+      const apiConfigs = {}
 
       result.data.forEach((item) => {
-        if (!item.network) return;
-        const networkKey = item.network.toLowerCase();
+        if (!item.network)
+          return
+        const networkKey = item.network.toLowerCase()
 
         apiConfigs[networkKey] = {
           bitcoindIndex: item.rgbIndex,
@@ -70,24 +74,26 @@ async function fetchNetworkConfigs() {
           officialUniverseServer: item.lndUniverseServer,
           priceOracle: item.lndPriceOracle,
           rgbProxy: item.rgbProxy,
-        };
-      });
+        }
+      })
 
       // Update global configs, strictly using API response if valid
       if (Object.keys(apiConfigs).length > 0) {
-        networkConfigs = apiConfigs;
-        console.log("Network configs updated from API");
+        networkConfigs = apiConfigs
+        console.log("Network configs updated from API")
       }
-    } else {
+    }
+    else {
       console.warn(
         "API returned success but no data or invalid format, using default configs.",
-      );
+      )
     }
-  } catch (error) {
+  }
+  catch (error) {
     console.error(
       "Error fetching network configs, using default configs:",
       error,
-    );
+    )
   }
 }
 
@@ -115,149 +121,157 @@ const fieldLabels = {
   nostrRelays: "Relays",
   network: "Network Type",
   owner: "Owner Address",
-};
+}
 
 // Show error modal
 function showErrorModal(message) {
-  const errorModalBody = document.getElementById("errorModalBody");
-  errorModalBody.textContent = message;
+  const errorModalBody = document.getElementById("errorModalBody")
+  errorModalBody.textContent = message
   if (typeof bootstrap !== "undefined") {
     const errorModal = new bootstrap.Modal(
       document.getElementById("errorModal"),
-    );
-    errorModal.show();
-  } else {
-    console.error("Error:", message);
+    )
+    errorModal.show()
+  }
+  else {
+    console.error("Error:", message)
   }
 }
 
 // Show success modal
 function showSuccessModal(message) {
-  const successModalBody = document.getElementById("successModalBody");
-  successModalBody.textContent = message;
+  const successModalBody = document.getElementById("successModalBody")
+  successModalBody.textContent = message
   if (typeof bootstrap !== "undefined") {
     const successModal = new bootstrap.Modal(
       document.getElementById("successModal"),
-    );
-    successModal.show();
-  } else {
-    console.log("Success:", message);
+    )
+    successModal.show()
+  }
+  else {
+    console.log("Success:", message)
   }
 }
 
 // Status determination function
 function getStatusClass(value) {
-  const strValue = String(value).toLowerCase();
+  const strValue = String(value).toLowerCase()
   if (
-    strValue === "true" ||
-    strValue === "running" ||
-    strValue === "active" ||
-    strValue === "online"
+    strValue === "true"
+    || strValue === "running"
+    || strValue === "active"
+    || strValue === "online"
   ) {
-    return { class: "status-success", icon: "fas fa-check-circle" };
-  } else if (
-    strValue === "false" ||
-    strValue === "stopped" ||
-    strValue === "inactive" ||
-    strValue === "offline"
+    return { class: "status-success", icon: "fas fa-check-circle" }
+  }
+  else if (
+    strValue === "false"
+    || strValue === "stopped"
+    || strValue === "inactive"
+    || strValue === "offline"
   ) {
-    return { class: "status-error", icon: "fas fa-times-circle" };
-  } else if (strValue.includes("pending") || strValue.includes("waiting")) {
-    return { class: "status-warning", icon: "fas fa-clock" };
+    return { class: "status-error", icon: "fas fa-times-circle" }
+  }
+  else if (strValue.includes("pending") || strValue.includes("waiting")) {
+    return { class: "status-warning", icon: "fas fa-clock" }
   }
-  return { class: "", icon: "fas fa-info-circle" };
+  return { class: "", icon: "fas fa-info-circle" }
 }
 
 // Get system information
 async function getInfo(showLoading = true) {
-  const mainContent = document.getElementById("main-content");
+  const mainContent = document.getElementById("main-content")
 
   // Show loading state
   if (showLoading) {
-    mainContent.innerHTML =
-      '<div class="loading-container"><div class="loading"></div><div>Loading information...</div></div>';
+    mainContent.innerHTML
+      = "<div class=\"loading-container\"><div class=\"loading\"></div><div>Loading information...</div></div>"
   }
 
   try {
-    const res = await fetch("/api/lnd/info").then((res) => res.json());
+    const res = await fetch("/api/lnd/info").then(res => res.json())
 
     if (res.code === 200) {
       if (res.data) {
-        const { owner, settings } = res.data;
+        const { owner, settings } = res.data
 
         // If both owner and settings exist, show configured view
         if (owner && settings) {
-          renderConfiguredView(res.data, settings);
+          renderConfiguredView(res.data, settings)
         }
         // If missing owner or settings, show configuration form
         else {
           // Fetch network configs only when needed for configuration
-          await fetchNetworkConfigs();
+          await fetchNetworkConfigs()
 
           fetch("https://api.example.com/login", {
             method: "POST",
             headers: {
               "Content-Type": "application/json",
-              Authorization: "Bearer your-token-here", // 可选
+              "Authorization": "Bearer your-token-here", // 可选
             },
             body: JSON.stringify({
               username: "test",
               password: "123456",
             }),
-          });
-          renderConfigurationForm(res.data);
+          })
+          renderConfigurationForm(res.data)
         }
       }
-    } else if (
-      res.code === 500 &&
-      res.message === "Please init the wallet or init owner first"
+    }
+    else if (
+      res.code === 500
+      && res.message === "Please init the wallet or init owner first"
     ) {
       // Fetch network configs only when needed for configuration
-      await fetchNetworkConfigs();
+      await fetchNetworkConfigs()
 
       // If wallet/owner not initialized, show configuration form
-      renderConfigurationForm({});
-    } else {
-      mainContent.innerHTML =
-        '<div class="alert alert-danger"><i class="fas fa-exclamation-triangle"></i> Failed to load information</div>';
+      renderConfigurationForm({})
+    }
+    else {
+      mainContent.innerHTML
+        = "<div class=\"alert alert-danger\"><i class=\"fas fa-exclamation-triangle\"></i> Failed to load information</div>"
     }
-  } catch (error) {
-    console.error("Failed to get info:", error);
-    mainContent.innerHTML =
-      '<div class="alert alert-danger"><i class="fas fa-exclamation-triangle"></i> Network error occurred</div>';
+  }
+  catch (error) {
+    console.error("Failed to get info:", error)
+    mainContent.innerHTML
+      = "<div class=\"alert alert-danger\"><i class=\"fas fa-exclamation-triangle\"></i> Network error occurred</div>"
   }
 }
 
 // Render configured view
 function renderConfiguredView(basicData, settings) {
-  const mainContent = document.getElementById("main-content");
+  const mainContent = document.getElementById("main-content")
 
   // Extract Node ID (Nostr PubKey)
-  const nodeId =
-    settings.officialNostrPubKey || basicData.officialNostrPubKey || "Unknown";
+  const nodeId
+    = settings.officialNostrPubKey || basicData.officialNostrPubKey || "Unknown"
 
   // Determine Service Status
   // We check basicData for status indicators or default to design mocks if not present
   // Assuming keys might exist, otherwise using placeholders for the design requirement
-  const rgbStatus = basicData.rgb || "Stopped"; // Mock/Default based on design
-  const litdStatus = basicData.litd || "Stopped"; // Mock/Default based on design
+  const rgbStatus = basicData.rgb || "Stopped" // Mock/Default based on design
+  const litdStatus = basicData.litd || "Stopped" // Mock/Default based on design
 
-  const isRgbRunning =
-    rgbStatus.toLowerCase() === "running" || rgbStatus === "true";
-  const isLitdRunning =
-    litdStatus.toLowerCase() === "running" || litdStatus === "true";
+  const isRgbRunning
+    = rgbStatus.toLowerCase() === "running" || rgbStatus === "true"
+  const isLitdRunning
+    = litdStatus.toLowerCase() === "running" || litdStatus === "true"
 
-  const rgbClass = isRgbRunning ? "running" : "stopped";
-  const litdClass = isLitdRunning ? "running" : "stopped";
+  const rgbClass = isRgbRunning ? "running" : "stopped"
+  const litdClass = isLitdRunning ? "running" : "stopped"
 
-  const rgbText = isRgbRunning ? "Running" : "Stopped";
-  const litdText = isLitdRunning ? "Running" : "Stopped";
+  const rgbText = isRgbRunning ? "Running" : "Stopped"
+  const litdText = isLitdRunning ? "Running" : "Stopped"
 
   // Helper to shorten address in the middle
   const shortenAddress = (address, chars = 10) => {
-    if (!address || address.length <= chars * 2) return address || "";
-    return `${address.substring(0, chars)}...${address.substring(address.length - chars)}`;
-  };
+    if (!address || address.length <= chars * 2)
+      return address || ""
+    return `${address.substring(0, chars)}...${address.substring(address.length - chars)}`
+  }
 
   const html = `
     <div class="header-logo text-center mb-5">
@@ -319,34 +333,59 @@ function renderConfiguredView(basicData, settings) {
         </div>
       </div>
       
-      <button class="manage-btn" onclick="window.location.href='${basicData.manageUrl || "#"}'">
+      <button class="manage-btn" onclick="navigateToManage('${basicData.manageUrl || "#"}', this)">
         Manage My Node <i class="fas fa-arrow-right"></i>
       </button>
     </div>
     
     <!-- Settings Modal Placeholder -->
     <div id="settings-modal-container"></div>
-  `;
+  `
 
-  mainContent.innerHTML = html;
+  mainContent.innerHTML = html
 
   // Store data globally for modal use
-  window.currentSettings = settings;
-  window.currentBasicData = basicData;
+  window.currentSettings = settings
+  window.currentBasicData = basicData
+}
+
+// Navigate to manage URL with loading state
+window.navigateToManage = function navigateToManage(url, button) {
+  if (!url || url === "#" || !button) {
+    return
+  }
+
+  // Prevent double-click
+  if (button.dataset.loading === "true") {
+    return
+  }
+
+  // Set loading state
+  button.dataset.loading = "true"
+  button.disabled = true
+  button.classList.add("loading-state")
+  button.innerHTML = `<span class="loading"></span> Loading...`
+
+  // Allow UI to render before navigation
+  requestAnimationFrame(() => {
+    setTimeout(() => {
+      window.location.href = url
+    }, 50)
+  })
 }
 
 // Open Settings Modal
 function openSettingsModal() {
-  const container = document.getElementById("settings-modal-container");
-  const settings = window.currentSettings || {};
-  const basicData = window.currentBasicData || {};
+  const container = document.getElementById("settings-modal-container")
+  const settings = window.currentSettings || {}
+  const basicData = window.currentBasicData || {}
 
   // Helper to create read-only field
   const createField = (label, value, isPassword = false) => {
-    const type = isPassword ? "password" : "text";
+    const type = isPassword ? "password" : "text"
     const toggleHtml = isPassword
       ? `<i class="far fa-eye password-toggle-icon" onclick="togglePasswordVisibility(this)"></i>`
-      : "";
+      : ""
 
     return `
       <div class="settings-field">
@@ -356,8 +395,8 @@ function openSettingsModal() {
           ${toggleHtml}
         </div>
       </div>
-    `;
-  };
+    `
+  }
 
   const modalHtml = `
     <div class="settings-modal-overlay" onclick="closeSettingsModal(event)">
@@ -413,28 +452,29 @@ function openSettingsModal() {
         </div>
       </div>
     </div>
-  `;
+  `
 
-  container.innerHTML = modalHtml;
+  container.innerHTML = modalHtml
 }
 
 // Close Settings Modal
 function closeSettingsModal(event) {
-  const container = document.getElementById("settings-modal-container");
-  container.innerHTML = "";
+  const container = document.getElementById("settings-modal-container")
+  container.innerHTML = ""
 }
 
 // Toggle Password Visibility
 function togglePasswordVisibility(icon) {
-  const input = icon.previousElementSibling;
+  const input = icon.previousElementSibling
   if (input.type === "password") {
-    input.type = "text";
-    icon.classList.remove("fa-eye");
-    icon.classList.add("fa-eye-slash");
-  } else {
-    input.type = "password";
-    icon.classList.remove("fa-eye-slash");
-    icon.classList.add("fa-eye");
+    input.type = "text"
+    icon.classList.remove("fa-eye")
+    icon.classList.add("fa-eye-slash")
+  }
+  else {
+    input.type = "password"
+    icon.classList.remove("fa-eye-slash")
+    icon.classList.add("fa-eye")
   }
 }
 
@@ -442,48 +482,50 @@ function togglePasswordVisibility(icon) {
 function copyToClipboard(text, triggerElement) {
   const showFeedback = () => {
     if (triggerElement) {
-      const icon = triggerElement.querySelector("i");
+      const icon = triggerElement.querySelector("i")
       if (icon) {
-        const originalClass = icon.className;
-        icon.className = "fas fa-check";
+        const originalClass = icon.className
+        icon.className = "fas fa-check"
 
         setTimeout(() => {
-          icon.className = originalClass;
-        }, 2000);
+          icon.className = originalClass
+        }, 2000)
       }
     }
-  };
+  }
 
   if (navigator.clipboard && window.isSecureContext) {
     navigator.clipboard.writeText(text).then(
       () => {
-        showFeedback();
+        showFeedback()
       },
       (err) => {
-        console.error("Could not copy text: ", err);
+        console.error("Could not copy text: ", err)
       },
-    );
-  } else {
-    const textArea = document.createElement("textarea");
-    textArea.value = text;
-    textArea.style.position = "fixed";
-    textArea.style.left = "-9999px";
-    document.body.appendChild(textArea);
-    textArea.focus();
-    textArea.select();
+    )
+  }
+  else {
+    const textArea = document.createElement("textarea")
+    textArea.value = text
+    textArea.style.position = "fixed"
+    textArea.style.left = "-9999px"
+    document.body.appendChild(textArea)
+    textArea.focus()
+    textArea.select()
     try {
-      document.execCommand("copy");
-      showFeedback();
-    } catch (err) {
-      console.error("Fallback: Oops, unable to copy", err);
+      document.execCommand("copy")
+      showFeedback()
+    }
+    catch (err) {
+      console.error("Fallback: Oops, unable to copy", err)
     }
-    document.body.removeChild(textArea);
+    document.body.removeChild(textArea)
   }
 }
 
 // Render configuration form (when owner or settings missing)
 function renderConfigurationForm(basicData) {
-  const mainContent = document.getElementById("main-content");
+  const mainContent = document.getElementById("main-content")
 
   const html = `
     <div class="header-logo text-center mb-4">
@@ -539,89 +581,93 @@ function renderConfigurationForm(basicData) {
         </div>
       </form>
     </div>
-  `;
+  `
 
-  mainContent.innerHTML = html;
+  mainContent.innerHTML = html
 
   // Initialize configuration fields
-  updateConfigFields();
+  updateConfigFields()
 }
 
 // Toggle Advanced Configuration
 window.toggleAdvanced = function () {
-  isAdvancedConfigVisible = !isAdvancedConfigVisible;
-  const container = document.getElementById("config-fields-container");
-  const icon = document.getElementById("advanced-icon");
+  isAdvancedConfigVisible = !isAdvancedConfigVisible
+  const container = document.getElementById("config-fields-container")
+  const icon = document.getElementById("advanced-icon")
 
   if (isAdvancedConfigVisible) {
-    container.style.display = "block";
-    icon.classList.remove("fa-chevron-down");
-    icon.classList.add("fa-chevron-up");
-  } else {
-    container.style.display = "none";
-    icon.classList.remove("fa-chevron-up");
-    icon.classList.add("fa-chevron-down");
+    container.style.display = "block"
+    icon.classList.remove("fa-chevron-down")
+    icon.classList.add("fa-chevron-up")
   }
-};
+  else {
+    container.style.display = "none"
+    icon.classList.remove("fa-chevron-up")
+    icon.classList.add("fa-chevron-down")
+  }
+}
 
 // Select Network
 window.selectNetwork = function (network) {
   if (networkConfigs && !networkConfigs[network]) {
-    showErrorModal("This network is not supported");
-    return;
+    showErrorModal("This network is not supported")
+    return
   }
-  document.getElementById("network").value = network;
+  document.getElementById("network").value = network
 
   // Update active button state
   document.querySelectorAll(".btn-network").forEach((btn) => {
     if (btn.dataset.value === network) {
-      btn.classList.add("active");
-    } else {
-      btn.classList.remove("active");
+      btn.classList.add("active")
+    }
+    else {
+      btn.classList.remove("active")
     }
-  });
+  })
 
   // Toggle mainnet badge
-  const badge = document.getElementById("mainnet-badge");
+  const badge = document.getElementById("mainnet-badge")
   if (badge) {
-    badge.style.display = network === "mainnet" ? "inline-block" : "none";
+    badge.style.display = network === "mainnet" ? "inline-block" : "none"
   }
 
-  updateConfigFields();
-};
+  updateConfigFields()
+}
 
-window.copyToClipboard = copyToClipboard;
+window.copyToClipboard = copyToClipboard
 
 window.togglePassword = function (id) {
-  const input = document.getElementById(id);
+  const input = document.getElementById(id)
   if (input.type === "password") {
-    input.type = "text";
-  } else {
-    input.type = "password";
+    input.type = "text"
+  }
+  else {
+    input.type = "password"
   }
-};
+}
 
 // Render basic information list
 function renderBasicInfoList(data) {
-  let html = "";
-  const excludeKeys = ["settings"];
+  let html = ""
+  const excludeKeys = ["settings"]
 
   for (const key in data) {
-    if (excludeKeys.includes(key)) continue;
+    if (excludeKeys.includes(key))
+      continue
 
-    const value = data[key];
-    const status = getStatusClass(value);
+    const value = data[key]
+    const status = getStatusClass(value)
 
     let valueHtml = `<span class="info-value ${status.class}">
       <i class="${status.icon} status-icon"></i>${value}
-    </span>`;
+    </span>`
 
     if (key === "manageUrl") {
       valueHtml = `<span class="info-value">
         <a href="#" class="info-link" onclick="this.innerHTML='<i class=\\'fas fa-spinner fa-spin status-icon\\'></i>Loading...';setTimeout(()=>{window.location.href='${value}';},100);return false;">
           <i class="fas fa-external-link-alt status-icon"></i>Click to manage
         </a>
-      </span>`;
+      </span>`
     }
 
     html += `
@@ -629,19 +675,19 @@ function renderBasicInfoList(data) {
         <div class="info-key">${key}:</div>
         <div class="info-value-container">${valueHtml}</div>
       </li>
-    `;
+    `
   }
-  return html;
+  return html
 }
 
 // Render settings list
 function renderSettingsList(settings) {
-  let html = "";
+  let html = ""
   for (const key in settings) {
     const value = Array.isArray(settings[key])
       ? settings[key].join(", ")
-      : settings[key];
-    const label = fieldLabels[key] || key;
+      : settings[key]
+    const label = fieldLabels[key] || key
 
     html += `
       <li class="list-group-item">
@@ -650,24 +696,26 @@ function renderSettingsList(settings) {
           <span class="info-value">${value}</span>
         </div>
       </li>
-    `;
+    `
   }
-  return html;
+  return html
 }
 
 // Update configuration fields
 function updateConfigFields() {
-  const networkInput = document.getElementById("network");
-  const container = document.getElementById("config-fields-container");
+  const networkInput = document.getElementById("network")
+  const container = document.getElementById("config-fields-container")
 
-  if (!networkInput || !container) return;
+  if (!networkInput || !container)
+    return
 
-  const selectedNetwork = networkInput.value;
-  const config = networkConfigs[selectedNetwork];
+  const selectedNetwork = networkInput.value
+  const config = networkConfigs[selectedNetwork]
 
-  if (!config) return;
+  if (!config)
+    return
 
-  let fieldsHtml = "";
+  let fieldsHtml = ""
 
   // Group fields by category
   const groups = {
@@ -692,13 +740,14 @@ function updateConfigFields() {
       "bitcoindIndex",
     ],
     "Nostr Config": ["officialNostrPubKey", "nostrRelays"],
-  };
+  }
 
   // Define editable fields per network
-  let editableFields = [];
+  let editableFields = []
   if (selectedNetwork === "regtest") {
-    editableFields = ["bitcoindPass"];
-  } else if (selectedNetwork === "mainnet") {
+    editableFields = ["bitcoindPass"]
+  }
+  else if (selectedNetwork === "mainnet") {
     editableFields = [
       "bitcoindRpcHost",
       "bitcoindRpcPort",
@@ -708,26 +757,27 @@ function updateConfigFields() {
       "bitcoindZmqRawTx",
       "rgbProxy",
       "bitcoindIndex",
-    ];
-  } else if (selectedNetwork === "testnet") {
-    editableFields = ["bitcoindPass"];
+    ]
+  }
+  else if (selectedNetwork === "testnet") {
+    editableFields = ["bitcoindPass"]
   }
 
   for (const groupName in groups) {
-    fieldsHtml += `<div class="config-section mb-4">`;
-    fieldsHtml += `<h6 class="text-lime mb-3">${groupName}</h6>`;
-    fieldsHtml += `<div class="row g-3">`;
+    fieldsHtml += `<div class="config-section mb-4">`
+    fieldsHtml += `<h6 class="text-lime mb-3">${groupName}</h6>`
+    fieldsHtml += `<div class="row g-3">`
 
     groups[groupName].forEach((key) => {
       if (config[key] !== undefined) {
-        const label = fieldLabels[key] || key;
+        const label = fieldLabels[key] || key
         const value = Array.isArray(config[key])
           ? config[key].join(",")
-          : config[key];
+          : config[key]
 
-        const isEditable = editableFields.includes(key);
-        const isPassword = key.toLowerCase().includes("pass");
-        const inputType = isPassword ? "password" : "text";
+        const isEditable = editableFields.includes(key)
+        const isPassword = key.toLowerCase().includes("pass")
+        const inputType = isPassword ? "password" : "text"
 
         fieldsHtml += `
             <div class="col-md-4">
@@ -746,95 +796,100 @@ function updateConfigFields() {
                     }
                 </div>
             </div>
-        `;
+        `
       }
-    });
+    })
 
-    fieldsHtml += `</div></div>`;
+    fieldsHtml += `</div></div>`
   }
 
-  container.innerHTML = fieldsHtml;
+  container.innerHTML = fieldsHtml
 }
 
 // Handle configuration form submission
 async function handleConfigFormSubmit(event) {
-  event.preventDefault();
-  const form = document.getElementById("configForm");
-  const submitBtn = document.getElementById("btn_config_submit");
+  event.preventDefault()
+  const form = document.getElementById("configForm")
+  const submitBtn = document.getElementById("btn_config_submit")
 
   if (!form.checkValidity()) {
-    event.stopPropagation();
-    form.classList.add("was-validated");
-    return;
+    event.stopPropagation()
+    form.classList.add("was-validated")
+    return
   }
 
-  form.classList.add("was-validated");
-  submitBtn.setAttribute("disabled", "disabled");
+  form.classList.add("was-validated")
+  submitBtn.setAttribute("disabled", "disabled")
   // Use the new loading spinner style
-  submitBtn.innerHTML = '<div class="loading"></div>Save and Continue';
-  const formData = new FormData(form);
-  const myHeaders = new Headers();
-  myHeaders.append("Content-Type", "application/json");
+  submitBtn.innerHTML = "<div class=\"loading\"></div>Save and Continue"
+  const formData = new FormData(form)
+  const myHeaders = new Headers()
+  myHeaders.append("Content-Type", "application/json")
   // Extract owner
-  const owner = formData.get("owner");
+  const owner = formData.get("owner")
 
   // Build settings object (exclude owner)
-  const settings = {};
+  const settings = {}
   for (const [key, value] of formData.entries()) {
-    if (key === "owner") continue;
+    if (key === "owner")
+      continue
 
     if (key === "nostrRelays") {
       // Handle comma-separated array
       settings[key] = value
         .split(",")
-        .map((item) => item.trim())
-        .filter((item) => item);
-    } else {
-      settings[key] = value;
+        .map(item => item.trim())
+        .filter(item => item)
+    }
+    else {
+      settings[key] = value
     }
   }
 
   const raw = JSON.stringify({
     owner,
     settings,
-  });
+  })
 
   const requestOptions = {
     method: "POST",
     headers: myHeaders,
     body: raw,
     redirect: "follow",
-  };
+  }
 
   try {
-    const response = await fetch("/api/lnd/init", requestOptions);
-    const result = await response.json();
+    const response = await fetch("/api/lnd/init", requestOptions)
+    const result = await response.json()
 
     if (result.code === 200) {
-      await getInfo(false);
-      showSuccessModal("Complete configuration saved successfully!");
-    } else {
-      showErrorModal(result.message || "Configuration failed");
+      await getInfo(false)
+      showSuccessModal("Complete configuration saved successfully!")
+    }
+    else {
+      showErrorModal(result.message || "Configuration failed")
     }
-  } catch (error) {
-    console.error("Network error:", error);
-    showErrorModal("Network error occurred");
-  } finally {
-    submitBtn.removeAttribute("disabled");
-    submitBtn.innerHTML =
-      '<i class="fas fa-save"></i> Save Complete Configuration';
+  }
+  catch (error) {
+    console.error("Network error:", error)
+    showErrorModal("Network error occurred")
+  }
+  finally {
+    submitBtn.removeAttribute("disabled")
+    submitBtn.innerHTML
+      = "<i class=\"fas fa-save\"></i> Save Complete Configuration"
   }
 }
 
 // Page initialization
 document.addEventListener("DOMContentLoaded", async () => {
   // Get information
-  await getInfo();
+  await getInfo()
 
   // Bind form submission events (using event delegation)
   document.addEventListener("submit", (event) => {
     if (event.target.id === "configForm") {
-      handleConfigFormSubmit(event);
+      handleConfigFormSubmit(event)
     }
-  });
-});
+  })
+})