Migrate MarkdownDialog API interactions to fetchers.

client/src/api/histories.ts

@@ -7,3 +7,8 @@ export const deleteHistories = fetcher.path("/api/histories/batch/delete").metho
 export const undeleteHistory = fetcher.path("/api/histories/deleted/{history_id}/undelete").method("post").create();
 export const undeleteHistories = fetcher.path("/api/histories/batch/undelete").method("put").create();
 export const historiesQuery = fetcher.path("/api/histories/query").method("get").create();
+
+export async function getPublishedHistories() {
+    const { data } = await historiesFetcher({ view: "details", q: ["published"], qv: ["True"] });
+    return data;
+}

client/src/api/invocations.ts

@@ -2,7 +2,9 @@ import axios from "axios";
 
 import { getAppRoot } from "@/onload";
 
-import { ApiResponse } from "./schema";
+import { ApiResponse, fetcher } from "./schema";
+
+export const invocationsFetcher = fetcher.path("/api/invocations").method("get").create();
 
 // TODO: Replace these interfaces with real schema models after https://github.com/galaxyproject/galaxy/pull/16707 is merged
 export interface WorkflowInvocation {

client/src/api/jobs.ts

@@ -6,3 +6,5 @@ export const jobLockStatus = fetcher.path("/api/job_lock").method("get").create(
 export const jobLockUpdate = fetcher.path("/api/job_lock").method("put").create();
 
 export const fetchJobDestinationParams = fetcher.path("/api/jobs/{job_id}/destination_params").method("get").create();
+
+export const jobsFetcher = fetcher.path("/api/jobs").method("get").create();

client/src/api/workflows.ts

@@ -0,0 +1,3 @@
+import { fetcher } from "@/api/schema";
+
+export const workflowsFetcher = fetcher.path("/api/workflows").method("get").create();

client/src/components/Markdown/MarkdownDialog.vue

@@ -1,10 +1,12 @@
 <script setup lang="ts">
-import axios from "axios";
 import BootstrapVue from "bootstrap-vue";
 import { storeToRefs } from "pinia";
 import Vue, { computed, ref } from "vue";
 
-import { getAppRoot } from "@/onload/loadConfig";
+import { getPublishedHistories } from "@/api/histories";
+import { invocationsFetcher } from "@/api/invocations";
+import { jobsFetcher } from "@/api/jobs";
+import { workflowsFetcher } from "@/api/workflows";
 import { useHistoryStore } from "@/stores/historyStore";
 
 import MarkdownSelector from "./MarkdownSelector.vue";
@@ -55,11 +57,6 @@ const selectorConfig = {
     },
 };
 
-const jobsUrl = `${getAppRoot()}api/jobs`;
-const workflowsUrl = `${getAppRoot()}api/workflows`;
-const invocationsUrl = `${getAppRoot()}api/invocations`;
-const historiesUrl = `${getAppRoot()}api/histories?view=detailed&q=published&qv=True`;
-
 const selectedShow = ref(false);
 const visualizationShow = ref(false);
 const workflowShow = ref(false);
@@ -76,19 +73,15 @@ const selectedLabelTitle = computed(() => {
 });
 
 function getInvocations() {
-    return axios.get(invocationsUrl);
+    return invocationsFetcher({});
 }
 
 function getJobs() {
-    return axios.get(jobsUrl);
+    return jobsFetcher({});
 }
 
 function getWorkflows() {
-    return axios.get(workflowsUrl);
-}
-
-function getHistories() {
-    return axios.get(historiesUrl);
+    return workflowsFetcher({});
 }
 
 function onData(response: string) {
@@ -256,7 +249,7 @@ if (props.argumentType == "workflow_id") {
             @onCancel="onCancel" />
         <BasicSelectionDialog
             v-else-if="historyShow"
-            :get-data="getHistories"
+            :get-data="getPublishedHistories"
             title="History"
             label-key="name"
             @onOk="onHistory"