hoppscotch/packages/hoppscotch-sh-admin/src/components/settings/ServerRestart.vue

<template>
  <HoppSmartModal
    v-if="restart"
    :dimissible="false"
    :title="t('configs.restart.title')"
  >
    <template #body>
      <div class="text-center">
        {{ t('configs.restart.description', { duration }) }}
      </div>
    </template>
  </HoppSmartModal>
</template>

<script setup lang="ts">
import { useMutation } from '@urql/vue';
import { onMounted, ref } from 'vue';
import { useI18n } from '~/composables/i18n';
import { useToast } from '~/composables/toast';
import { Config, useConfigHandler } from '~/composables/useConfigHandler';
import {
  EnableAndDisableSsoDocument,
  ResetInfraConfigsDocument,
  UpdateInfraConfigsDocument,
  ToggleAnalyticsCollectionDocument,
} from '~/helpers/backend/graphql';

const t = useI18n();
const toast = useToast();

const props = withDefaults(
  defineProps<{
    workingConfigs?: Config;
    reset?: boolean;
  }>(),
  {
    reset: false,
  }
);

// Mutations to update or reset server configurations and audit logs
const resetInfraConfigsMutation = useMutation(ResetInfraConfigsDocument);
const updateInfraConfigsMutation = useMutation(UpdateInfraConfigsDocument);
const updateAllowedAuthProviderMutation = useMutation(
  EnableAndDisableSsoDocument
);
const toggleDataSharingMutation = useMutation(
  ToggleAnalyticsCollectionDocument
);

// Mutation handlers
const {
  updateInfraConfigs,
  updateAuthProvider,
  resetInfraConfigs,
  updateDataSharingConfigs,
} = useConfigHandler(props.workingConfigs);

// Call relevant mutations on component mount and initiate server restart
const duration = ref(30);
const restart = ref(false);

// Start countdown timer
const startCountdown = () => {
  const timer = setInterval(() => {
    duration.value--;
    if (duration.value === 0) {
      clearInterval(timer);
      toast.success(t('configs.restart.initiate'));
      window.location.reload();
    }
  }, 1000);
};

// Call relevant mutations on component mount and initiate server restart
onMounted(async () => {
  let success = true;

  if (props.reset) {
    success = await resetInfraConfigs(resetInfraConfigsMutation);
    if (!success) return;
  } else {
    const infraResult = await updateInfraConfigs(updateInfraConfigsMutation);

    if (!infraResult) return;

    const authResult = await updateAuthProvider(
      updateAllowedAuthProviderMutation
    );
    if (!authResult) return;

    const dataSharingResult = await updateDataSharingConfigs(
      toggleDataSharingMutation
    );

    if (!dataSharingResult) return;
  }

  restart.value = true;
  startCountdown();
});
</script>