Release v3.3.2

[LukasLen]

• After changing the structure of the settings JSON it will now update to the correct structure
• Fixes It stopped working in Chrome version 128.0.6613.86 (Official version) 64 bits - PT BR #89

[aryomuzakki]

I'm not quite understand specifically about this pr, but in src/popup/popup.js you are changing this code

    if (!result.hasOwnProperty(settingsIdentifier)) return;

into this code

    if (!result.hasOwnProperty(settingsIdentifier)) {
      browser.runtime.reload();
      return;
    }

and as I take a look, there are 2 more similar lines, lines 68 or 71, and lines 80 or 83. If this code is to reset the extension / browser data, this should also be changed right?

[LukasLen]

This will reload the extension and trigger the install event, changes in those other lines are not necessarily needed as toggling the extension on/off should trigger the reload.

[Tgentil]

@LukasLen, thank you for addressing the issue with the settings structure change. The updates you've made in popup.js and background.js to reload the extension when settings are missing are appropriate and enhance the functionality and I belive fixes #89 .

However, as @aryomuzakki pointed out, there are other instances in popup.js where we check for missing settings using:

if (!result.hasOwnProperty(settingsIdentifier)) return;

For consistency and to prevent users from encountering issues elsewhere in the extension, I recommend updating these instances to include the reload logic as well. By uniformly handling missing settings throughout the extension, we can provide a more robust solution and prevent potential edge cases.

That said, the pull request is ready for use and approval. The suggested changes are minor and aimed at enhancing consistency and reliability.

[Tgentil]

Changes that I suggest in popup.js:

Starting from line 50:

...
// Toggle open/close blur amount settings
const showBlurSettings = (ev) => {
  ev.currentTarget.classList.toggle("active");
  ev.currentTarget.parentNode.querySelector(".collapsible").classList.toggle("show");
}
const revealButtons = document.querySelectorAll(".reveal-btn");
revealButtons.forEach((revealBtn) => {
  revealBtn.addEventListener("click", showBlurSettings)
})

// Track form save/submit for variable style settings
const forms = document.querySelectorAll("form.var-style");

forms.forEach((form) => {
  form.addEventListener("submit", saveFormSettings);
})
function saveFormSettings(ev) {
  ev.preventDefault();
  const [key, val] = Object.entries(Object.fromEntries(new FormData(ev.target)))[0];

  browser.storage.sync.get([settingsIdentifier]).then((result) => {
    if (!result.hasOwnProperty(settingsIdentifier)) {
      browser.runtime.reload();
      return;
    }
    if (key === "itBlur") {
      result.settings.blurOnIdle.idleTimeout = val;
    } else {
      result.settings.varStyles[key] = val + "px";
    }
    browser.storage.sync.set(result);
  });
}

// Load settings and update switches
browser.storage.sync.get([settingsIdentifier]).then((result) => {
  if (!result.hasOwnProperty(settingsIdentifier)) {
    browser.runtime.reload();
    return;
  }

  switches.forEach((checkbox) => {
    let id = checkbox.dataset.style;
    if (id == "on") {
      checkbox.checked = result.settings.on;
    } else if (id === "blurOnIdle") {
      checkbox.checked = result.settings?.blurOnIdle?.isEnabled;
    } else {
      checkbox.checked = result.settings.styles[id];
    }
  });

  // Set variable input values
  forms.forEach((form) => {
    const numInput = form.querySelector(`input[type="number"]`)
    const varName = numInput.dataset.varName;
    if (varName === "itBlur") {
      numInput.value = parseInt(result.settings?.blurOnIdle?.idleTimeout || 15);
    } else {
      numInput.value = parseInt(result.settings.varStyles[varName]);
    }
  })
  
});

[LukasLen]

Will wait for other fixes before releasing new version