Migrating more composables and a few vue files

src/ServicePulse.Host/vue/.eslintrc.cjs

@@ -28,5 +28,6 @@ module.exports = {
     eqeqeq: ["error", "smart"],
     "unused-imports/no-unused-imports": "error",
     "import/no-duplicates": "error",
+    "no-throw-literal": "error",
   },
 };

src/ServicePulse.Host/vue/src/components/configuration/PlatformLicense.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { computed } from "vue";
-import { license, licenseStatus } from "../../composables/serviceLicense";
+import { license, licenseStatus } from "@/composables/serviceLicense";
 import ServiceControlNotAvailable from "../ServiceControlNotAvailable.vue";
-import { connectionState } from "../../composables/serviceServiceControl";
+import { connectionState } from "@/composables/serviceServiceControl";
 import BusyIndicator from "../BusyIndicator.vue";
 import ExclamationMark from "./../../components/ExclamationMark.vue";
 

src/ServicePulse.Host/vue/src/components/configuration/RetryRedirects.vue

@@ -71,7 +71,7 @@ async function saveEditedRedirect(redirect) {
     getRedirect();
   } else {
     redirectSaveSuccessful.value = false;
-    if (result.status === "409" || result.status === 409) {
+    if (result.status === 409) {
       useShowToast("error", "Error", "Failed to update a redirect, can not create redirect to a queue" + redirect.targetQueue + " as it already has a redirect. Provide a different queue or end the redirect.");
     } else {
       useShowToast("error", "Error", result.message);
@@ -94,9 +94,9 @@ async function saveCreatedRedirect(redirect) {
     getRedirect();
   } else {
     redirectSaveSuccessful.value = false;
-    if ((result.status === "409" || result.status === 409) && result.statusText === "Duplicate") {
+    if (result.status === 409 && result.statusText === "Duplicate") {
       useShowToast("error", "Error", "Failed to create a redirect, can not create more than one redirect for queue: " + redirect.sourceQueue);
-    } else if ((result.status === "409" || result.status === 409) && result.statusText === "Dependents") {
+    } else if (result.status === 409 && result.statusText === "Dependents") {
       useShowToast("error", "Error", "Failed to create a redirect, can not create a redirect to a queue that already has a redirect or is a target of a redirect.");
     } else {
       useShowToast("error", "Error", result.message);

src/ServicePulse.Host/vue/src/components/failedmessages/DeletedMessageGroups.vue

@@ -343,7 +343,7 @@ onMounted(async () => {
                                 <button
                                   type="button"
                                   class="btn btn-link btn-sm"
-                                  :disabled="group.count == 0 || isBeingRestored(group.workflow_state.status)"
+                                  :disabled="group.count === 0 || isBeingRestored(group.workflow_state.status)"
                                   @mouseenter="group.hover3 = true"
                                   @mouseleave="group.hover3 = false"
                                   v-if="archiveGroups.length > 0"

src/ServicePulse.Host/vue/src/components/failedmessages/EditRetryDialog.vue

@@ -89,7 +89,7 @@ function removeHeadersMarkedAsRemoved() {
 async function retryEditedMessage() {
   removeHeadersMarkedAsRemoved();
   try {
-    await useRetryEditedMessage([id.value], localMessage);
+    await useRetryEditedMessage(id.value, localMessage);
     localMessage.value.retried = true;
     return emit("retried", settings);
   } catch {

src/ServicePulse.Host/vue/src/components/failedmessages/MessageGroupList.vue

@@ -106,7 +106,7 @@ async function saveDeleteNote(group, hideToastMessage) {
   if (result.message === "success") {
     noteSaveSuccessful.value = true;
     if (!hideToastMessage) {
-      useShowToast("info", "Info", "Note deleted succesfully");
+      useShowToast("info", "Info", "Note deleted successfully");
     }
 
     loadFailedMessageGroups(); //reload the groups
@@ -244,9 +244,9 @@ const acknowledgeGroup = async function (group) {
   const result = await useAcknowledgeArchiveGroup(group.id);
   if (result.message === "success") {
     if (group.operation_status === "ArchiveCompleted") {
-      useShowToast("info", "Info", "Group deleted succesfully");
+      useShowToast("info", "Info", "Group deleted successfully");
     } else {
-      useShowToast("info", "Info", "Group retried succesfully");
+      useShowToast("info", "Info", "Group retried successfully");
     }
     loadFailedMessageGroups(); //reload the groups
   } else {

src/ServicePulse.Host/vue/src/components/failedmessages/MessageView.vue

@@ -85,44 +85,21 @@ function updateMessageDeleteDate() {
 async function archiveMessage() {
   useShowToast("info", "Info", `Deleting the message ${id.value} ...`);
   changeRefreshInterval(1000); // We've started an archive, so increase the polling frequency
-  try {
-    const response = await useArchiveMessage([id.value]);
-    if (response !== undefined) {
-      failedMessage.value.archiving = true;
-      return;
-    }
-    return false;
-  } catch (err) {
-    console.log(err);
-    return false;
-  }
+  await useArchiveMessage([id.value]);
+  failedMessage.value.archiving = true;
 }
 
 async function unarchiveMessage() {
   changeRefreshInterval(1000); // We've started an unarchive, so increase the polling frequency
-  try {
-    const response = await useUnarchiveMessage([id.value]);
-
-    if (response !== undefined) {
-      failedMessage.value.restoring = true;
-    }
-    return false;
-  } catch (err) {
-    console.log(err);
-    return false;
-  }
+  await useUnarchiveMessage([id.value]);
+  failedMessage.value.restoring = true;
 }
 
 async function retryMessage() {
   useShowToast("info", "Info", `Retrying the message ${id.value} ...`);
   changeRefreshInterval(1000); // We've started a retry, so increase the polling frequency
-  try {
-    await useRetryMessages([id.value]);
-    failedMessage.value.retried = true;
-  } catch (err) {
-    console.log(err);
-    return false;
-  }
+  await useRetryMessages([id.value]);
+  failedMessage.value.retried = true;
 }
 
 async function downloadHeadersAndBody() {

src/ServicePulse.Host/vue/src/composables/serviceFailedMessage.ts

@@ -0,0 +1,34 @@
+import { usePatchToServiceControl, usePostToServiceControl } from "./serviceServiceControlUrls";
+import type { Ref } from "vue";
+
+export async function useUnarchiveMessage(ids: string[]) {
+  const response = await usePatchToServiceControl("errors/unarchive/", ids);
+  if (!response.ok) {
+    throw response.statusText;
+  }
+}
+
+export async function useArchiveMessage(ids: string[]) {
+  const response = await usePatchToServiceControl("errors/archive/", ids);
+  if (!response.ok) {
+    throw new Error(response.statusText);
+  }
+}
+
+export async function useRetryMessages(ids: string[]) {
+  await usePostToServiceControl("errors/retry", ids);
+}
+
+export async function useRetryEditedMessage(
+  id: string,
+  editedMessage: Ref<{
+    messageBody: string;
+    headers: unknown[];
+  }>
+) {
+  const payload = { message_body: editedMessage.value.messageBody, message_headers: editedMessage.value.headers };
+  const response = await usePostToServiceControl(`edit/${id}`, payload);
+  if (!response.ok) {
+    throw new Error(response.statusText);
+  }
+}