videospeed/importExport.js

// Import/Export functionality for Video Speed Controller settings

function generateBackupFilename() {
  const now = new Date();
  const year = now.getFullYear();
  const month = String(now.getMonth() + 1).padStart(2, "0");
  const day = String(now.getDate()).padStart(2, "0");
  const hours = String(now.getHours()).padStart(2, "0");
  const minutes = String(now.getMinutes()).padStart(2, "0");
  const seconds = String(now.getSeconds()).padStart(2, "0");
  return `speeder-backup_${year}-${month}-${day}_${hours}.${minutes}.${seconds}.json`;
}

function exportSettings() {
  chrome.storage.sync.get(null, function (storage) {
    chrome.storage.local.get(null, function (localStorage) {
      const backup = {
        version: "1.1",
        exportDate: new Date().toISOString(),
        settings: storage,
        localSettings: localStorage || {}
      };

      const dataStr = JSON.stringify(backup, null, 2);
      const blob = new Blob([dataStr], { type: "application/json" });
      const url = URL.createObjectURL(blob);

      const link = document.createElement("a");
      link.href = url;
      link.download = generateBackupFilename();
      document.body.appendChild(link);
      link.click();
      document.body.removeChild(link);
      URL.revokeObjectURL(url);

      showStatus("Settings exported successfully");
    });
  });
}

function importSettings() {
  const input = document.createElement("input");
  input.type = "file";
  input.accept = ".json";

  input.onchange = function (event) {
    const file = event.target.files[0];
    if (!file) return;

    const reader = new FileReader();
    reader.onload = function (e) {
      try {
        const backup = JSON.parse(e.target.result);
        let settingsToImport = null;

        // Detect backup format: check for 'settings' wrapper or raw storage keys
        if (backup.settings && typeof backup.settings === "object") {
          settingsToImport = backup.settings;
        } else if (typeof backup === "object" && (backup.keyBindings || backup.rememberSpeed !== undefined)) {
          settingsToImport = backup; // Raw storage object
        }

        if (!settingsToImport) {
          showStatus("Error: Invalid backup file format", true);
          return;
        }

        var localToImport =
          backup.localSettings && typeof backup.localSettings === "object"
            ? backup.localSettings
            : null;

        function afterLocalImport() {
          chrome.storage.sync.clear(function () {
            chrome.storage.sync.set(settingsToImport, function () {
              if (chrome.runtime.lastError) {
                showStatus(
                  "Error: Failed to save imported settings - " +
                    chrome.runtime.lastError.message,
                  true
                );
                return;
              }
              showStatus("Settings imported successfully. Reloading...");
              setTimeout(function () {
                if (typeof restore_options === "function") {
                  restore_options();
                } else {
                  location.reload();
                }
              }, 500);
            });
          });
        }

        if (localToImport && Object.keys(localToImport).length > 0) {
          chrome.storage.local.set(localToImport, function () {
            if (chrome.runtime.lastError) {
              showStatus(
                "Error: Failed to save local extension data - " +
                  chrome.runtime.lastError.message,
                true
              );
              return;
            }
            afterLocalImport();
          });
        } else {
          afterLocalImport();
        }
      } catch (err) {
        showStatus("Error: Failed to parse backup file - " + err.message, true);
      }
    };

    reader.onerror = function () {
      showStatus("Error: Failed to read file", true);
    };

    reader.readAsText(file);
  };

  input.click();
}

function showStatus(message, isError = false) {
  const status = document.getElementById("status");
  if (status) {
    status.textContent = message;
    status.style.color = isError ? "#d32f2f" : "";
    setTimeout(function () {
      status.textContent = "";
      status.style.color = "";
    }, 3000);
  }
}

// Initialize import/export buttons when DOM is ready
if (document.readyState === "loading") {
  document.addEventListener("DOMContentLoaded", initImportExport);
} else {
  initImportExport();
}

function initImportExport() {
  const exportBtn = document.getElementById("exportSettings");
  const importBtn = document.getElementById("importSettings");

  if (exportBtn) {
    exportBtn.addEventListener("click", exportSettings);
  }

  if (importBtn) {
    importBtn.addEventListener("click", importSettings);
  }
}