lens/src/extensions/extensions-store.ts

import type { LensExtensionId } from "./lens-extension";
import type { ExtensionLoader } from "./extension-loader";
import { BaseStore } from "../common/base-store"
import { action, observable, reaction, toJS } from "mobx";

export interface LensExtensionsStoreModel {
  extensions: Record<LensExtensionId, LensExtensionState>;
}

export interface LensExtensionState {
  enabled?: boolean;
}

export class ExtensionsStore extends BaseStore<LensExtensionsStoreModel> {
  constructor() {
    super({
      configName: "lens-extensions",
    });
  }

  protected state = observable.map<LensExtensionId, LensExtensionState>();

  protected getState(extensionLoader: ExtensionLoader) {
    const state: Record<LensExtensionId, LensExtensionState> = {};
    return Array.from(extensionLoader.userExtensions).reduce((state, [extId, ext]) => {
      state[extId] = {
        enabled: ext.isEnabled,
      }
      return state;
    }, state)
  }

  async manageState(extensionLoader: ExtensionLoader) {
    await extensionLoader.whenLoaded;
    await this.whenLoaded;

    // activate user-extensions when state is ready
    extensionLoader.userExtensions.forEach((ext, extId) => {
      ext.isEnabled = this.isEnabled(extId);
    });

    // apply state on changes from store
    reaction(() => this.state.toJS(), extensionsState => {
      extensionsState.forEach((state, extId) => {
        const ext = extensionLoader.getExtension(extId);
        if (ext && !ext.isBundled) {
          ext.isEnabled = state.enabled;
        }
      })
    })

    // save state on change `extension.isEnabled`
    reaction(() => this.getState(extensionLoader), extensionsState => {
      this.state.merge(extensionsState)
    })
  }

  isEnabled(extId: LensExtensionId) {
    const state = this.state.get(extId);
    return !state /* enabled by default */ || state.enabled;
  }

  @action
  protected fromStore({ extensions }: LensExtensionsStoreModel) {
    this.state.merge(extensions);
  }

  toJSON(): LensExtensionsStoreModel {
    return toJS({
      extensions: this.state.toJSON(),
    }, {
      recurseEverything: true
    })
  }
}

export const extensionsStore = new ExtensionsStore();