Options.js

import { getBrowser } from './utils/browser.js';
import { getLocal, setLocal } from './utils/storage.js';

const WEBSOCKET_DEFAULT_PORT = 9090;
const browser = getBrowser();

export default class Options {
  constructor() {
    this.devices = [
      {
        name: '',
        ip: '',
        port: WEBSOCKET_DEFAULT_PORT,
        user: '',
        password: '',
      },
    ];
    this.replayNotification = false; // Opt-in (requires optional permission)
    this.autoDetectEmbeddedMediaLinks = true;
  }

  async getFormStorage() {
    try {
      const { options } = await getLocal('options');

      this.devices[0].name = options.devices[0].name || '';
      this.devices[0].ip = options.devices[0].ip || '';
      this.devices[0].port = options.devices[0].port || WEBSOCKET_DEFAULT_PORT;
      this.devices[0].user = options.devices[0].user || '';
      this.devices[0].password = options.devices[0].password || '';
      this.replayNotification = options.replayNotification || false;
      this.autoDetectEmbeddedMediaLinks = options.autoDetectEmbeddedMediaLinks || true;
    } catch (e) {
      // There are no options set yet.
      // Since we provide default `null` values this is okay.
    }
  }

  async saveToStorage() {
    await setLocal({
      options: {
        devices: this.devices,
        replayNotification: this.replayNotification,
        autoDetectEmbeddedMediaLinks: this.autoDetectEmbeddedMediaLinks,
      },
    });

    browser.runtime.sendMessage({ message: 'optionsChanged' });
  }
}