From 8ea34ddea65753b917e19aef19a02e8302713bed Mon Sep 17 00:00:00 2001
From: Alireza Heidari <itisalirh@gmail.com>
Date: Tue, 11 Jun 2024 11:02:43 +0200
Subject: [PATCH 1/6] =?UTF-8?q?=E2=9C=A8:=20add=20`Link=20to=20workflow=20?=
 =?UTF-8?q?to`=20WorkflowActionsExtend?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Workflow/WorkflowActionsExtend.vue        | 45 ++++++++++++++-----
 1 file changed, 34 insertions(+), 11 deletions(-)

diff --git a/client/src/components/Workflow/WorkflowActionsExtend.vue b/client/src/components/Workflow/WorkflowActionsExtend.vue
index 5f15d7142844..6557099ed296 100644
--- a/client/src/components/Workflow/WorkflowActionsExtend.vue
+++ b/client/src/components/Workflow/WorkflowActionsExtend.vue
@@ -1,15 +1,6 @@
 <script setup lang="ts">
 import { library } from "@fortawesome/fontawesome-svg-core";
-import { faStar as farStar } from "@fortawesome/free-regular-svg-icons";
-import {
-    faCaretDown,
-    faCopy,
-    faDownload,
-    faFileExport,
-    faShareAlt,
-    faStar,
-    faTrashRestore,
-} from "@fortawesome/free-solid-svg-icons";
+import { faCopy, faDownload, faLink, faShareAlt, faTrashRestore } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { BButton } from "bootstrap-vue";
 import { storeToRefs } from "pinia";
@@ -18,10 +9,12 @@ import { computed } from "vue";
 import { copyWorkflow, undeleteWorkflow } from "@/components/Workflow/workflows.services";
 import { useConfirmDialog } from "@/composables/confirmDialog";
 import { Toast } from "@/composables/toast";
+import { getAppRoot } from "@/onload/loadConfig";
 import { useUserStore } from "@/stores/userStore";
+import { copy } from "@/utils/clipboard";
 import { withPrefix } from "@/utils/redirect";
 
-library.add(faCaretDown, faCopy, faDownload, faFileExport, faShareAlt, farStar, faStar, faTrashRestore);
+library.add(faCopy, faDownload, faLink, faShareAlt, faTrashRestore);
 
 interface Props {
     workflow: any;
@@ -72,11 +65,41 @@ async function onRestore() {
         Toast.info("Workflow restored");
     }
 }
+
+const root = computed(() => {
+    const port = window.location.port ? `:${window.location.port}` : "";
+    return `${window.location.protocol}//${window.location.hostname}${port}${getAppRoot()}`;
+});
+
+const relativeLink = computed(() => {
+    return `/published/workflow?id=${props.workflow.id}`;
+});
+
+const fullLink = computed(() => {
+    return `${root.value}${relativeLink.value.substring(1)}`;
+});
+
+function onCopyPublicLink() {
+    copy(fullLink.value);
+    Toast.success("Link to workflow copied");
+}
 </script>
 
 <template>
     <div class="workflow-actions-extend flex-gapx-1">
         <BButtonGroup>
+            <BButton
+                v-if="!isAnonymous && workflow.published && !workflow.deleted"
+                id="workflow-copy-public-button"
+                v-b-tooltip.hover.noninteractive
+                :size="buttonSize"
+                title="Copy link to workflow"
+                variant="outline-primary"
+                @click="onCopyPublicLink">
+                <FontAwesomeIcon :icon="faLink" fixed-width />
+                <span class="compact-view">Link to Workflow</span>
+            </BButton>
+
             <BButton
                 v-if="!isAnonymous && !shared && !workflow.deleted"
                 id="workflow-copy-button"

From 0fbd20e26dc6b97607008e9291516861f4ffa85e Mon Sep 17 00:00:00 2001
From: Alireza Heidari <itisalirh@gmail.com>
Date: Tue, 11 Jun 2024 11:05:50 +0200
Subject: [PATCH 2/6] =?UTF-8?q?=F0=9F=8E=A8:=20replace=20`workflow=20exter?=
 =?UTF-8?q?nal=20link`=20icon=20with=20`faFileImport`=20in=20`WorkflowIndi?=
 =?UTF-8?q?cators`?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/Workflow/WorkflowIndicators.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/components/Workflow/WorkflowIndicators.vue b/client/src/components/Workflow/WorkflowIndicators.vue
index 17689296b100..676e56932a03 100644
--- a/client/src/components/Workflow/WorkflowIndicators.vue
+++ b/client/src/components/Workflow/WorkflowIndicators.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { library } from "@fortawesome/fontawesome-svg-core";
-import { faGlobe, faLink, faShieldAlt, faUser, faUsers } from "@fortawesome/free-solid-svg-icons";
+import { faFileImport, faGlobe, faShieldAlt, faUser, faUsers } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { BBadge, BButton } from "bootstrap-vue";
 import { computed } from "vue";
@@ -12,7 +12,7 @@ import { copy } from "@/utils/clipboard";
 
 import UtcDate from "@/components/UtcDate.vue";
 
-library.add(faShieldAlt, faLink, faGlobe, faUsers, faUser);
+library.add(faFileImport, faGlobe, faShieldAlt, faUsers, faUser);
 
 interface Props {
     workflow: any;
@@ -116,7 +116,7 @@ function onViewUserPublished() {
             size="sm"
             class="workflow-external-link inline-icon-button"
             :title="sourceTitle">
-            <FontAwesomeIcon :icon="faLink" fixed-width @click="onCopyLink" />
+            <FontAwesomeIcon :icon="faFileImport" fixed-width @click="onCopyLink" />
         </BButton>
 
         <span class="mr-1">

From c5d1231c25fbe9c946a8db4b4676cf890009aa60 Mon Sep 17 00:00:00 2001
From: Alireza Heidari <itisalirh@gmail.com>
Date: Tue, 11 Jun 2024 14:36:16 +0200
Subject: [PATCH 3/6] =?UTF-8?q?=E2=9C=A8:=20add=20`getFullAppUrl`=20utilit?=
 =?UTF-8?q?y=20function?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/utils/utils.ts | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/client/src/utils/utils.ts b/client/src/utils/utils.ts
index 454df0ed340c..96b159d78cd1 100644
--- a/client/src/utils/utils.ts
+++ b/client/src/utils/utils.ts
@@ -442,6 +442,21 @@ export function hasKeys(object: unknown, keys: string[]) {
     }
 }
 
+/**
+ * Get the full URL path of the app
+ *
+ * @param path Path to append to the URL path
+ * @returns Full URL path of the app
+ */
+export function getFullAppUrl(path: string = ""): string {
+    const protocol = window.location.protocol;
+    const hostname = window.location.hostname;
+    const port = window.location.port ? `:${window.location.port}` : "";
+    const appRoot = getAppRoot();
+
+    return `${protocol}//${hostname}${port}${appRoot}${path}`;
+}
+
 export default {
     cssLoadFile,
     get,

From 7253c2205dac0af34d62b9085ee0e6db9f97c448 Mon Sep 17 00:00:00 2001
From: Alireza Heidari <itisalirh@gmail.com>
Date: Tue, 11 Jun 2024 14:38:02 +0200
Subject: [PATCH 4/6] =?UTF-8?q?=F0=9F=94=A8:=20replace=20direct=20URL=20co?=
 =?UTF-8?q?nstruction=20with=20the=20`getFullAppUrl`=20utility=20function?=
 =?UTF-8?q?=20in=20`WorkflowEmbed`,=20`SharingPage`,=20`WorkflowInformatio?=
 =?UTF-8?q?n`=20and=20`WorkflowActionsExtend`?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/Sharing/Embeds/WorkflowEmbed.vue   | 9 ++-------
 client/src/components/Sharing/SharingPage.vue            | 8 ++------
 .../Workflow/Published/WorkflowInformation.vue           | 9 ++-------
 client/src/components/Workflow/WorkflowActionsExtend.vue | 9 ++-------
 4 files changed, 8 insertions(+), 27 deletions(-)

diff --git a/client/src/components/Sharing/Embeds/WorkflowEmbed.vue b/client/src/components/Sharing/Embeds/WorkflowEmbed.vue
index 538ca956c8ea..649794bc7d9b 100644
--- a/client/src/components/Sharing/Embeds/WorkflowEmbed.vue
+++ b/client/src/components/Sharing/Embeds/WorkflowEmbed.vue
@@ -6,8 +6,8 @@ import { useDebounce } from "@vueuse/core";
 import { BButton, BFormCheckbox, BFormInput, BInputGroup, BInputGroupAppend } from "bootstrap-vue";
 import { computed, reactive, ref } from "vue";
 
-import { getAppRoot } from "@/onload/loadConfig";
 import { copy } from "@/utils/clipboard";
+import { getFullAppUrl } from "@/utils/utils";
 
 import ZoomControl from "@/components/Workflow/Editor/ZoomControl.vue";
 import WorkflowPublished from "@/components/Workflow/Published/WorkflowPublished.vue";
@@ -39,13 +39,8 @@ function onChangePosition(event: Event, xy: "x" | "y") {
     }
 }
 
-const root = computed(() => {
-    const port = window.location.port ? `:${window.location.port}` : "";
-    return `${window.location.protocol}//${window.location.hostname}${port}${getAppRoot()}`;
-});
-
 const embedUrl = computed(() => {
-    let url = `${root.value}published/workflow?id=${props.id}&embed=true`;
+    let url = getFullAppUrl(`published/workflow?id=${props.id}&embed=true`);
     url += `&buttons=${settings.buttons}`;
     url += `&about=${settings.about}`;
     url += `&heading=${settings.heading}`;
diff --git a/client/src/components/Sharing/SharingPage.vue b/client/src/components/Sharing/SharingPage.vue
index e05fcb2d3480..1bbfb73a981c 100644
--- a/client/src/components/Sharing/SharingPage.vue
+++ b/client/src/components/Sharing/SharingPage.vue
@@ -9,6 +9,7 @@ import { getGalaxyInstance } from "@/app";
 import { useToast } from "@/composables/toast";
 import { getAppRoot } from "@/onload/loadConfig";
 import { errorMessageAsString } from "@/utils/simple-error";
+import { getFullAppUrl } from "@/utils/utils";
 
 import type { Item, ShareOption } from "./item";
 
@@ -52,11 +53,6 @@ const item = ref<Item>({
     extra: defaultExtra(),
 });
 
-const itemRoot = computed(() => {
-    const port = window.location.port ? `:${window.location.port}` : "";
-    return `${window.location.protocol}//${window.location.hostname}${port}${getAppRoot()}`;
-});
-
 const itemUrl = reactive({
     prefix: "",
     slug: "",
@@ -68,7 +64,7 @@ watch(
         if (value) {
             const index = value.lastIndexOf("/");
 
-            itemUrl.prefix = itemRoot.value + value.substring(0, index + 1);
+            itemUrl.prefix = getFullAppUrl(value.substring(0, index + 1));
             itemUrl.slug = value.substring(index + 1);
         }
     },
diff --git a/client/src/components/Workflow/Published/WorkflowInformation.vue b/client/src/components/Workflow/Published/WorkflowInformation.vue
index 2b5e986ff9c2..b9d9afb1acb5 100644
--- a/client/src/components/Workflow/Published/WorkflowInformation.vue
+++ b/client/src/components/Workflow/Published/WorkflowInformation.vue
@@ -5,8 +5,8 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { computed } from "vue";
 import { RouterLink } from "vue-router";
 
-import { getAppRoot } from "@/onload/loadConfig";
 import { useUserStore } from "@/stores/userStore";
+import { getFullAppUrl } from "@/utils/utils";
 
 import Heading from "@/components/Common/Heading.vue";
 import CopyToClipboard from "@/components/CopyToClipboard.vue";
@@ -42,17 +42,12 @@ const gravatarSource = computed(
 
 const publishedByUser = computed(() => `/workflows/list_published?owner=${props.workflowInfo?.owner}`);
 
-const root = computed(() => {
-    const port = window.location.port ? `:${window.location.port}` : "";
-    return `${window.location.protocol}//${window.location.hostname}${port}${getAppRoot()}`;
-});
-
 const relativeLink = computed(() => {
     return `/published/workflow?id=${props.workflowInfo.id}`;
 });
 
 const fullLink = computed(() => {
-    return `${root.value}${relativeLink.value.substring(1)}`;
+    return getFullAppUrl(relativeLink.value.substring(1));
 });
 
 const userOwned = computed(() => {
diff --git a/client/src/components/Workflow/WorkflowActionsExtend.vue b/client/src/components/Workflow/WorkflowActionsExtend.vue
index 6557099ed296..240e672af98d 100644
--- a/client/src/components/Workflow/WorkflowActionsExtend.vue
+++ b/client/src/components/Workflow/WorkflowActionsExtend.vue
@@ -9,10 +9,10 @@ import { computed } from "vue";
 import { copyWorkflow, undeleteWorkflow } from "@/components/Workflow/workflows.services";
 import { useConfirmDialog } from "@/composables/confirmDialog";
 import { Toast } from "@/composables/toast";
-import { getAppRoot } from "@/onload/loadConfig";
 import { useUserStore } from "@/stores/userStore";
 import { copy } from "@/utils/clipboard";
 import { withPrefix } from "@/utils/redirect";
+import { getFullAppUrl } from "@/utils/utils";
 
 library.add(faCopy, faDownload, faLink, faShareAlt, faTrashRestore);
 
@@ -66,17 +66,12 @@ async function onRestore() {
     }
 }
 
-const root = computed(() => {
-    const port = window.location.port ? `:${window.location.port}` : "";
-    return `${window.location.protocol}//${window.location.hostname}${port}${getAppRoot()}`;
-});
-
 const relativeLink = computed(() => {
     return `/published/workflow?id=${props.workflow.id}`;
 });
 
 const fullLink = computed(() => {
-    return `${root.value}${relativeLink.value.substring(1)}`;
+    return getFullAppUrl(relativeLink.value.substring(1));
 });
 
 function onCopyPublicLink() {

From a363a243fc94cb6d9f4f285934dc9ee3586b397a Mon Sep 17 00:00:00 2001
From: Alireza Heidari <itisalirh@gmail.com>
Date: Tue, 11 Jun 2024 14:45:34 +0200
Subject: [PATCH 5/6] =?UTF-8?q?=F0=9F=90=9B:=20remove=20unnecessary=20cond?=
 =?UTF-8?q?ition=20for=20anonymous=20user=20in=20`WorkflowActionsExtend`?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/Workflow/WorkflowActionsExtend.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/Workflow/WorkflowActionsExtend.vue b/client/src/components/Workflow/WorkflowActionsExtend.vue
index 240e672af98d..98d0484e45ca 100644
--- a/client/src/components/Workflow/WorkflowActionsExtend.vue
+++ b/client/src/components/Workflow/WorkflowActionsExtend.vue
@@ -84,7 +84,7 @@ function onCopyPublicLink() {
     <div class="workflow-actions-extend flex-gapx-1">
         <BButtonGroup>
             <BButton
-                v-if="!isAnonymous && workflow.published && !workflow.deleted"
+                v-if="workflow.published && !workflow.deleted"
                 id="workflow-copy-public-button"
                 v-b-tooltip.hover.noninteractive
                 :size="buttonSize"

From b1614ba82ec805e3fa2212c945242c9e12c5d9e8 Mon Sep 17 00:00:00 2001
From: Alireza Heidari <itisalirh@gmail.com>
Date: Tue, 11 Jun 2024 14:52:24 +0200
Subject: [PATCH 6/6] =?UTF-8?q?=F0=9F=9A=A8:=20add=20unit=20test=20for=20`?=
 =?UTF-8?q?getFullAppUrl`=20utility=20function?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/utils/utils.test.js | 12 ++++++++++++
 client/src/utils/utils.ts      |  1 +
 2 files changed, 13 insertions(+)

diff --git a/client/src/utils/utils.test.js b/client/src/utils/utils.test.js
index c21aad2a269d..b1ec919bd9ab 100644
--- a/client/src/utils/utils.test.js
+++ b/client/src/utils/utils.test.js
@@ -101,4 +101,16 @@ describe("test utils", () => {
             ]);
         });
     });
+
+    describe("test getFullAppUrl", () => {
+        it("should return the full app url", () => {
+            const appUrl = Utils.getFullAppUrl();
+            expect(appUrl).toBe("http://localhost/");
+        });
+
+        it("should return the full app url", () => {
+            const appUrl = Utils.getFullAppUrl("home");
+            expect(appUrl).toBe("http://localhost/home");
+        });
+    });
 });
diff --git a/client/src/utils/utils.ts b/client/src/utils/utils.ts
index 96b159d78cd1..ae6c8e68972d 100644
--- a/client/src/utils/utils.ts
+++ b/client/src/utils/utils.ts
@@ -475,4 +475,5 @@ export default {
     waitForElementToBePresent,
     wait,
     mergeObjectListsById,
+    getFullAppUrl,
 };