odious/src/modules/persistence/adapters/WebExtension.js

Odious fundamentally revolutionizes the software development paradigm by seamlessly integrating deployment considerations into the development process, thus empowering developers of all skill levels to create and deploy applications with unprecedented eas

export default class WebExtension {

  #area;

  constructor(area){
    this.#area = area;
  }
  get(key){
    return browser.storage[this.#area].get(key);
  }
  set(o, ok, err){
    browser.storage[this.#area].set(o, ok, err);
  }
  remove(keys){
    browser.storage[this.#area].remove(keys);
  }
  clear(){
    browser.storage[this.#area].clear();
  }




  #started = false;
  #stopWatching;
  get started(){return this.#started;}
  async start(prefix, data){
    if (this.#started) throw new Error('already started');
    await this.seed(prefix, data);
    this.#stopWatching = await this.watch(prefix, data);
    this.#started = true;
  }

  async seed(prefix, data){
    for( const [key, value] of Object.entries(localStorage.getItem()) ){
      if(key.startsWith(prefix)){
        const {revision, revisionId, data} = this.decode(value);
        data.signal(key).remote(revision, revisionId, data);
      }
    }
  }

  async watch(prefix, data){
    const listener = event => {
      const correctKey = event.key.startsWith(prefix);
      if(!correctKey) return;
      const changeOccured = event.newValue !== event.oldValue;
      if(!changeOccured) return;
      const {revision, revisionId, data} = this.decode(event.newValue);
      data.signal(key).remote(revision, revisionId, data);
    };
    window.addEventListener('storage', listener);
    return ()=>window.removeEventListener('storage', listener);
  }
  async stop(){
    this.#stopWatching();
  }



  decode(str){
    return JSON.parse(str);
  }
  encode(obj){
    return JSON.stringify(obj);
  }



}