Improve redirect to Kamon APM

Do a best guess for which integration we're using to toggle the upcoming
"continue onboarding" flow where the service name and the correct
framework/lib (best we can tell) are pre-filled and the user just has to
copy-paste their configuration or API key.

Author: the-overengineer

core/kamon-status-page/src/main/vue/src/components/ModuleList.vue

@@ -21,6 +21,7 @@
         :key="reporter.name"
         :module="reporter"
         :is-missing-key="isMisconfiguredApmModule(reporter)"
+        @show:api-key="$emit('show:api-key')"
       />
       <div v-if="!hasApmModule" class="apm-suggestion">
         <a href="https://kamon.io/apm/?utm_source=kamon&utm_medium=status-page&utm_campaign=kamon-status" target="_blank">

core/kamon-status-page/src/main/vue/src/components/ModuleStatusCard.vue

@@ -101,7 +101,7 @@ export default class ModuleStatusCard extends Vue {
   }
 
   public showApmApiKey() {
-    window.open('https://apm.kamon.io?envinfo=show')
+    this.$emit('show:api-key')
   }
 }
 </script>

core/kamon-status-page/src/main/vue/src/views/Overview.vue

@@ -16,7 +16,7 @@
       </v-col>
 
       <v-col cols="12" class="js-reporters">
-        <module-list :config="config" :modules="modules"/>
+        <module-list :config="config" :modules="modules" @show:api-key="showApmApiKey" />
       </v-col>
 
       <v-col cols="12" class="js-instrumentation">
@@ -111,6 +111,28 @@ export default class Overview extends Vue {
     return this.settings.map(s => s.config)
   }
 
+  get redirectInfo() {
+    const serviceName = this.config.map(c => c?.kamon?.environment?.service).orNull
+    const usedInstrumentation = this.instrumentationModules.filter(m => m.enabled && m.active)
+    const framework = (() => {
+      if (usedInstrumentation.some(i => i.name.toLocaleLowerCase().includes('play'))) {
+        return 'play'
+      } else if (usedInstrumentation.some(i => i.name.toLocaleLowerCase().includes('akka'))) {
+        return 'akka'
+      } else if (usedInstrumentation.some(i => i.name.toLocaleLowerCase().includes('spring'))) {
+        return 'spring'
+      } else {
+        return 'plain'
+      }
+    })()
+    const query = new URLSearchParams()
+
+    query.set('continueOnboarding', 'true')
+    query.set('framework', framework)
+    query.set('serviceName', serviceName)
+    return `https://apm.kamon.io?${query.toString()}`
+  }
+
   public mounted() {
     this.refreshData()
   }
@@ -127,6 +149,10 @@ export default class Overview extends Vue {
     this.$vuetify.goTo('.js-metrics')
   }
 
+  private showApmApiKey() {
+    window.open(this.redirectInfo)
+  }
+
   private refreshData(): void {
     StatusApi.settings().then(settings => { this.settings = some(settings) })
     StatusApi.metricRegistryStatus().then(metricRegistry => { this.metricRegistry = some(metricRegistry) })