clientx/src/store/index.ts

import { auth } from "./auth.module";
import { createStore } from 'vuex'
import { getConfig, getStatusGenerator, patchConfig } from "@/services/analytics.service";
import { AnlyticUnitConfig, AnalyticUnitType } from '@/types/analytic_units'
// import { notify } from "@kyvg/vue3-notification";


const SET_ANALYTICS_STATUS = 'SET_ANALYTICS_STATUS';
const SET_DETECTOR_CONFIG = 'SET_DETECTOR_CONFIG';
// const PATCH_CONFIG = 'PATCH_CONFIG';
const _SET_STATUS_GENERATOR = '_SET_STATUS_GENERATOR';

// TODO: consts for actions

export type AnalyticStatus = {
  available: boolean,
  message: string,
}

type State = {
  analyticStatus: AnalyticStatus,
  analyticUnitType?: AnalyticUnitType,
  analyticUnitConfig?: AnlyticUnitConfig,
  _statusGenerator: AsyncIterableIterator<AnalyticStatus>
}

const store = createStore<State>({
  state: {
    analyticStatus: {
      available: false,
      message: 'loading...',
    },
    analyticUnitType: null,
    analyticUnitConfig: null,
    _statusGenerator: null
  },
  mutations: {
    [SET_ANALYTICS_STATUS](state, status: AnalyticStatus) {
      state.analyticStatus = status;
    },
    [SET_DETECTOR_CONFIG](state, { analyticUnitType, analyticUnitConfig }) {      
      state.analyticUnitType = analyticUnitType;
      state.analyticUnitConfig = analyticUnitConfig;
    },
    // [PATCH_CONFIG](state, patchObj) {
    //   patchConfig(patchConfig)
    // }
    [_SET_STATUS_GENERATOR](state, generator: AsyncIterableIterator<AnalyticStatus>) {
      state._statusGenerator = generator;
    }
  },
  actions: {
    async initData() {
      this.dispatch('fetchConfig');
      this.dispatch('_runStatusGenerator');
    },

    async _runStatusGenerator({commit, state}) {
      // notify({
      //   title: "Authorization",
      //   text: "You have been logged in!",
      // });
      if(state._statusGenerator !== null) {
        return;
      }

      const g = getStatusGenerator();
      commit(_SET_STATUS_GENERATOR, g);
      for await (const data of state._statusGenerator) {
        // const st = data.toLocaleLowerCase();
        // if(state.analyticStatus.toLocaleLowerCase() != 'ready' && st == 'ready') {
          // TODO: update segments from here
        // }
        // this.status = data.toLowerCase();
        commit(SET_ANALYTICS_STATUS, data);
      }
    },
    async fetchConfig({commit}) {
      const [analyticUnitType, analyticUnitConfig] = await getConfig();
      commit(SET_DETECTOR_CONFIG, { analyticUnitType, analyticUnitConfig });
    },
    async patchConfig({commit}, payload) {
      await patchConfig(payload);
      this.dispatch('fetchConfig');
    }
  },
  modules: {
    auth
  }
})

store.dispatch('initData');

export default store;