api/web/store/updateOs.ts

import { computed, ref } from 'vue';
import { createPinia, defineStore, setActivePinia } from 'pinia';

import dayjs, { extend } from 'dayjs';
import customParseFormat from 'dayjs/plugin/customParseFormat';
import relativeTime from 'dayjs/plugin/relativeTime';

import type { ServerUpdateOsResponse } from '~/types/server';

import { WebguiCheckForUpdate, WebguiUpdateCancel } from '~/composables/services/webgui';
import { useServerStore } from '~/store/server';
import prerelease from 'semver/functions/prerelease';
import { useCallbackActionsStore } from '~/store/callbackActions';

/**
 * @see https://stackoverflow.com/questions/73476371/using-pinia-with-vue-js-web-components
 * @see https://github.com/vuejs/pinia/discussions/1085
 */
setActivePinia(createPinia());

// dayjs plugins
extend(customParseFormat);
extend(relativeTime);

export const useUpdateOsStore = defineStore('updateOs', () => {
  // state
  const checkForUpdatesLoading = ref<boolean>(false);
  const updateOsModalVisible = ref<boolean>(false);
  const releaseForUpdate = ref<ServerUpdateOsResponse | null>(null);
  const changelogModalVisible = computed(() => !!releaseForUpdate.value);
  // getters from other stores
  const serverStore = useServerStore();

  const regExp = computed(() => serverStore.regExp);
  const regUpdatesExpired = computed(() => serverStore.regUpdatesExpired);
  const updateOsResponse = computed(() => serverStore.updateOsResponse);
  const updateOsIgnoredReleases = computed(() => serverStore.updateOsIgnoredReleases);
  // local getters
  const available = computed(() => {
    if (!updateOsResponse.value) {
      return undefined;
    }
    // ignore any releases that are in the updateOsIgnoredReleases array
    if (updateOsIgnoredReleases.value.includes(updateOsResponse.value.version)) {
      return undefined;
    }
    return updateOsResponse.value.isNewer ? updateOsResponse.value.version : undefined;
  });
  const availableWithRenewal = computed((): string | undefined => {
    if (!available.value || !updateOsResponse.value || !regExp.value || !regUpdatesExpired.value) {
      return undefined;
    }

    return !updateOsResponse.value?.isEligible ? updateOsResponse.value.version : undefined;
  });

  const availableReleaseDate = computed(() =>
    updateOsResponse.value?.date ? dayjs(updateOsResponse.value.date, 'YYYY-MM-DD') : undefined
  );

  /**
   * If the updateOsResponse does not have a sha256, then the user is required to authenticate to download the update
   */
  const availableRequiresAuth = computed((): boolean => !updateOsResponse.value?.sha256);

  // Changelog logic
  const changelogUrl = computed((): string => releaseForUpdate.value?.changelog || '');
  const changelogPretty = computed(() => releaseForUpdate.value?.changelogPretty ?? null);
  const setReleaseForUpdate = (release: ServerUpdateOsResponse | null) => {
    releaseForUpdate.value = release;
  };
  // isReleaseForUpdateStable logic (true if no prerelease in version)
  const isReleaseForUpdateStable = computed(() => {
    if (!releaseForUpdate.value?.version) return false;
    return !prerelease(releaseForUpdate.value.version);
  });
  // fetchAndConfirmInstall logic
  const callbackStore = useCallbackActionsStore();
  const fetchAndConfirmInstall = (sha256: string) => {
    callbackStore.send(
      window.location.href,
      [
        {
          sha256,
          type: 'updateOs',
        },
      ],
      undefined,
      'forUpc'
    );
  };

  // actions
  const localCheckForUpdate = async (): Promise<void> => {
    checkForUpdatesLoading.value = true;
    setModalOpen(true);
    try {
      const response = await WebguiCheckForUpdate();
      console.debug('[localCheckForUpdate] response', response);
      serverStore.setUpdateOsResponse(response as ServerUpdateOsResponse);
      checkForUpdatesLoading.value = false;
    } catch (error) {
      throw new Error('[localCheckForUpdate] Error checking for updates\n' + JSON.stringify(error));
    }
  };

  const cancelUpdate = async (): Promise<void> => {
    try {
      const response = await WebguiUpdateCancel();
      if (!response.success) {
        throw new Error('Unable to cancel update');
      }
      // if current path is /Tools/Update, then we should redirect to /Tools
      // otherwise it will redirect to the account update os page.
      if (window.location.pathname === '/Tools/Update') {
        window.location.href = '/Tools';
        return;
      }
      // otherwise refresh the page
      window.location.reload();
    } catch (error) {
      throw new Error(
        `[cancelUpdate] Error cancelling update with error: ${error instanceof Error ? error.message : 'Unknown error'}`
      );
    }
  };

  const setModalOpen = (val: boolean) => {
    updateOsModalVisible.value = val;
  };

  return {
    // state
    available,
    availableWithRenewal,
    checkForUpdatesLoading,
    updateOsModalVisible,
    changelogModalVisible,
    releaseForUpdate,
    updateOsIgnoredReleases,
    // getters
    availableReleaseDate,
    availableRequiresAuth,
    changelogUrl,
    changelogPretty,
    isReleaseForUpdateStable,
    // actions
    localCheckForUpdate,
    cancelUpdate,
    setModalOpen,
    setReleaseForUpdate,
    fetchAndConfirmInstall,
  };
});