chore: allow configuration of shortcode base (#2748)

packages/hoppscotch-app/src/components/http/Request.vue

@@ -452,17 +452,20 @@ const copyRequest = async () => {
 }
 
 const copyShareLink = (shareLink: string) => {
+  const link = `${
+    import.meta.env.VITE_SHORTCODE_BASE_URL ?? "https://hopp.sh"
+  }/r${shareLink}`
   if (navigator.share) {
     const time = new Date().toLocaleTimeString()
     const date = new Date().toLocaleDateString()
     navigator.share({
       title: "Hoppscotch",
       text: `Hoppscotch • Open source API development ecosystem at ${time} on ${date}`,
-      url: `https://hopp.sh/r${shareLink}`,
+      url: link,
     })
   } else {
     copyLinkIcon.value = IconCheck
-    copyToClipboard(`https://hopp.sh/r${shareLink}`)
+    copyToClipboard(link)
     toast.success(`${t("state.copied_to_clipboard")}`)
   }
 }

packages/hoppscotch-app/src/components/profile/Shortcode.vue

@@ -18,7 +18,7 @@
       <ButtonSecondary
         v-tippy="{ theme: 'tooltip' }"
         :title="t('action.open_workspace')"
-        :to="`https://hopp.sh/r/${shortcode.id}`"
+        :to="`${shortcodeBaseURL}/r/${shortcode.id}`"
         blank
         :icon="IconExternalLink"
         class="px-3 text-accent hover:text-accent"
@@ -105,8 +105,11 @@ const requestLabelColor = computed(() =>
 
 const dateStamp = computed(() => shortDateTime(props.shortcode.createdOn))
 
+const shortcodeBaseURL =
+  import.meta.env.VITE_SHORTCODE_BASE_URL ?? "https://hopp.sh"
+
 const copyShortcode = (codeID: string) => {
-  copyToClipboard(`https://hopp.sh/r/${codeID}`)
+  copyToClipboard(`${shortcodeBaseURL}/r/${codeID}`)
   toast.success(`${t("state.copied_to_clipboard")}`)
   copyIconRefs.value = IconCheck
 }