refactor: replace all external links with enumeration object

Author: marcel-bitfly

frontend/components/bc/CookieModal.vue

@@ -30,7 +30,7 @@ const visible = computed(() => cookiePreference.value === undefined)
         class="text-container"
         keypath="cookies.text.template"
         linkpath="cookies.text.link"
-        to="https://storage.googleapis.com/legal.beaconcha.in/privacy.pdf"
+        :to="externalLink.beaconchain.privacyPolicy"
       />
       <div class="button-container">
         <div

frontend/components/dashboard/slot-viz/DashboardSlotViz.vue

@@ -98,7 +98,7 @@ watch(
         dont-open-permanently
       >
         <BcLink
-          to="https://kb.beaconcha.in/v2beta/slot-visualization#how-does-it-work"
+          :to="externalLink.knowledgeBase.slotVisualization"
           target="_blank"
           class="link"
         >

frontend/components/notifications/NotificationsOverview.vue

@@ -74,7 +74,7 @@ const emit = defineEmits<{
           <BcTranslation
             keypath="notifications.overview.notifications_activate_premium.template"
             linkpath="notifications.overview.notifications_activate_premium.link"
-            to="https://discord.com/developers/docs/resources/webhook"
+            :to="externalLink.docs.discordWebhook"
           >
             <template #link>
               <BcButtonText

frontend/components/notifications/management/modal/NotificationsManagementModalWebhook.vue

@@ -145,7 +145,7 @@ const id = useId()
           <BcTranslation
             keypath="notifications.dashboards.dialog.info_send_via_discord.template"
             linkpath="notifications.dashboards.dialog.info_send_via_discord.link"
-            to="https://discord.com/developers/docs/resources/webhook"
+            :to="externalLink.docs.discordWebhook"
           />
         </template>
       </BcInputCheckbox>

frontend/components/pricing/PremiumAddonBox.vue

@@ -259,7 +259,7 @@ const handleSubmitPurchase = async () => {
             v-if="isQuantityLimitReached"
             keypath="pricing.addons.contact_support.template"
             linkpath="pricing.addons.contact_support.link"
-            to="https://dsc.gg/beaconchain"
+            :to="externalLink.beaconchain.discord"
           />
         </span>
 

frontend/layers/base/app/components/TheFooter.vue

@@ -28,7 +28,7 @@ const resourceLinks: Link[] = [
     href: '/premium', icon: 'ufo', text: $t('base.footer.resources.links.beaconchain_premium'),
   },
   {
-    href: 'https://shop.beaconcha.in/#!/', icon: 'shirt', text: $t('base.footer.resources.links.swag_shop'),
+    href: externalLink.beaconchain.shop, icon: 'shirt', text: $t('base.footer.resources.links.swag_shop'),
   },
   {
     href: '/products/pricing', icon: 'code', text: $t('base.footer.resources.links.api_pricing'),
@@ -37,7 +37,7 @@ const resourceLinks: Link[] = [
     href: '/products/contact-sales', icon: 'mail-up', text: $t('base.footer.resources.links.contact_sales'),
   },
   {
-    href: 'https://status.beaconcha.in/', icon: 'circle-check-filled', text: $t('base.footer.resources.links.site_status'),
+    href: externalLink.beaconchain.status, icon: 'circle-check-filled', text: $t('base.footer.resources.links.site_status'),
   },
 ]
 </script>
@@ -145,23 +145,23 @@ const resourceLinks: Link[] = [
         <ul class="flex gap-md">
           <li>
             <BaseButtonIcon
-              to="https://dsc.gg/beaconchain"
+              :to="externalLink.beaconchain.discord"
               name="brand-discord"
               variant="secondary"
               screenreader-text="base.footer.links.text_discord"
             />
           </li>
           <li>
             <BaseButtonIcon
-              to="https://x.com/beaconcha_in"
+              :to="externalLink.beaconchain.x"
               name="brand-x"
               variant="secondary"
               screenreader-text="base.footer.links.text_x"
             />
           </li>
           <li>
             <BaseButtonIcon
-              to="https://github.com/gobitfly"
+              :to="externalLink.beaconchain.github.organization"
               name="brand-github"
               variant="secondary"
               screenreader-text="base.footer.links.text_github"
@@ -179,19 +179,19 @@ const resourceLinks: Link[] = [
       <div class="flex flex-col sm:flex-row gap-xl text-xs sm:justify-between">
         <div class="flex justify-around sm:order-2 sm:w-1/2">
           <NuxtLink
-            to="https://beaconcha.in/imprint"
+            :to="externalLink.beaconchain.imprint"
             class="hover:text-link-500"
           >
             {{ $t('base.footer.imprint') }}
           </NuxtLink>
           <NuxtLink
-            to="https://storage.googleapis.com/legal.beaconcha.in/tos.pdf"
+            :to="externalLink.beaconchain.termsOfService"
             class="hover:text-link-500"
           >
             {{ $t('base.footer.terms_of_service') }}
           </NuxtLink>
           <NuxtLink
-            to="https://storage.googleapis.com/legal.beaconcha.in/privacy.pdf"
+            :to="externalLink.beaconchain.privacyPolicy"
             class="hover:text-link-500"
           >
             {{ $t('base.footer.privacy') }}

frontend/layers/base/app/utils/external-links.ts

@@ -0,0 +1,28 @@
+export const externalLink = {
+  beaconchain: {
+    apiDocs: 'https://docs.beaconcha.in ',
+    discord: 'https://dsc.gg/beaconchain',
+    github: {
+      beaconchain: 'https://github.com/gobitfly/beaconchain',
+      mobileApp: 'https://github.com/gobitfly/eth2-beaconchain-explorer-app',
+      organization: 'https://github.com/gobitfly',
+    },
+    imprint: 'https://beaconcha.in/imprint',
+    privacyPolicy: 'https://storage.googleapis.com/legal.beaconcha.in/privacy.pdf',
+    shop: 'https://shop.beaconcha.in',
+    status: 'https://status.beaconcha.in',
+    store: {
+      apple: 'https://apps.apple.com/app/beaconchain-dashboard/id1541822121',
+      google: 'https://play.google.com/store/apps/details?id=in.beaconcha.mobile',
+    },
+    termsOfService: 'https://storage.googleapis.com/legal.beaconcha.in/tos.pdf',
+    x: 'https://x.com/beaconcha_in',
+  },
+  docs: {
+    discordWebhook: 'https://discord.com/developers/docs/resources/webhook',
+  },
+  knowledgeBase: {
+    beaconScore: 'https://kb.beaconcha.in/v2-beaconcha.in-explorer/metric-validator-efficiency',
+    slotVisualization: 'https://kb.beaconcha.in/v2beta/slot-visualization#how-does-it-work',
+  },
+}

frontend/layers/products/app/components/ProductLandingpageSectionStakinghub.vue

@@ -120,7 +120,7 @@ onUnmounted(() => {
         <template #footer>
           <div class="flex gap-2xl justify-center items-start relative z-10">
             <NuxtLink
-              to="https://apps.apple.com/app/beaconchain-dashboard/id1541822121"
+              :to="externalLink.beaconchain.store.apple"
               class="rounded-xs"
               target="_blank"
             >
@@ -131,7 +131,7 @@ onUnmounted(() => {
               >
             </NuxtLink>
             <NuxtLink
-              to="https://play.google.com/store/apps/details?id=in.beaconcha.mobile"
+              :to="externalLink.beaconchain.store.google"
               class="rounded-xs"
               target="_blank"
             >

frontend/layers/products/app/pages/products/api/docs.vue

@@ -2,7 +2,7 @@
 definePageMeta({
   layout: 'base',
   middleware: () => {
-    return navigateTo('https://docs.beaconcha.in ', { external: true })
+    return navigateTo(externalLink.beaconchain.apiDocs, { external: true })
   },
 })
 </script>

frontend/middleware/redirect.global.ts

@@ -21,13 +21,13 @@ export default function ({
     case 'address':
       return redirectToV1(`/address/${params.id || params.slug?.[1]}`)
     case 'beaconchain-dashboard-mobile-app-on-github':
-      return redirect('https://github.com/gobitfly/eth2-beaconchain-explorer-app')
+      return redirect(externalLink.beaconchain.github.mobileApp)
     case 'beaconchain-on-discord':
-      return redirect('https://dsc.gg/beaconchain')
+      return redirect(externalLink.beaconchain.discord)
     case 'beaconchain-on-github':
-      return redirect('https://github.com/gobitfly/beaconchain')
+      return redirect(externalLink.beaconchain.github.beaconchain)
     case 'beaconchain-on-x':
-      return redirect('https://x.com/beaconcha_in')
+      return redirect(externalLink.beaconchain.x)
     case 'block':
       return redirectToV1(`/block/${params.id || params.slug?.[1]}`)
     case 'epoch':
@@ -46,17 +46,17 @@ export default function ({
       }
       break
     case 'privacy':
-      return redirect('https://storage.googleapis.com/legal.beaconcha.in/privacy.pdf')
+      return redirect(externalLink.beaconchain.privacyPolicy)
     case 'requestReset':
       return redirectToV1('/requestReset')
     case 'shop':
-      return redirect('https://shop.beaconcha.in')
+      return redirect(externalLink.beaconchain.shop)
     case 'slot':
       return redirectToV1(`/slot/${params.id || params.slug?.[1]}`)
     case 'status':
-      return redirect('https://status.beaconcha.in/')
+      return redirect(externalLink.beaconchain.status)
     case 'terms':
-      return redirect('https://storage.googleapis.com/legal.beaconcha.in/tos.pdf')
+      return redirect(externalLink.beaconchain.termsOfService)
     case 'tx':
       return redirectToV1(`/tx/${params.id || params.slug?.[1]}`)
     case 'validator':