feat: switch cloud-home-app plugin proxy usage to own (#579)

* Switch cloud-home-app plugin proxy usage to own

* Only make grafanacom-api fetch call when in Cloud

---------

Co-authored-by: Piotr Jamróz <pm.jamroz@gmail.com>

Author: MattIPv4

src/app/components/Onboarding/domain/useOnboardingModal.tsx

@@ -4,10 +4,10 @@ import { useState } from 'react';
 import { useFetchInstances } from '../infrastructure/useFetchInstances';
 
 export function useOnboardingModal(): DomainHookReturnValue {
-  const { instances } = useFetchInstances();
-
   const [settingsUrl, setSettingsUrl] = useState('https://grafana.com/auth/sign-in/');
-  const isCloud = /grafana(-dev|-ops)?\.net/.test(window.location.host);
+
+  const isCloud = /\.grafana(-dev|-ops)?\.net$/.test(window.location.host);
+  const { instances } = useFetchInstances(isCloud);
 
   if (instances && instances.orgSlug && instances.hpInstanceId) {
     const newSettingsUrl = `https://grafana.com/orgs/${instances.orgSlug}/hosted-profiles/${instances.hpInstanceId}`;

src/app/components/Onboarding/infrastructure/useFetchInstances.tsx

@@ -1,10 +1,12 @@
 import { useQuery } from '@tanstack/react-query';
+import { PLUGIN_API_URL } from 'src/constants';
 
-export function useFetchInstances() {
+export function useFetchInstances(enabled = true) {
   const { isFetching, error, data } = useQuery({
+    enabled,
     queryKey: ['instances'],
     queryFn: () =>
-      fetch('/api/plugin-proxy/cloud-home-app/grafanacom-api/instances').then((response) => response.json()),
+      fetch(`${PLUGIN_API_URL}/grafanacom-api/instances`).then((response) => response.json()),
   });
 
   return {

src/constants.ts

@@ -3,6 +3,7 @@ import plugin from './plugin.json';
 export const PYROSCOPE_APP_ID = plugin.id;
 
 export const PLUGIN_BASE_URL = `/a/${PYROSCOPE_APP_ID}`;
+export const PLUGIN_API_URL = `/api/plugin-proxy/${PYROSCOPE_APP_ID}`;
 
 export enum ROUTES {
   EXPLORE = '/explore',

src/plugin.json

@@ -79,5 +79,18 @@
         ]
       }
     ]
-  }
+  },
+  "routes": [
+    {
+      "path": "/grafanacom-api/instances",
+      "method": "GET",
+      "url": "{{.SecureJsonData.gcomApiUrl}}/instances/{{.SecureJsonData.stackId}}",
+      "headers": [
+        {
+          "name": "Authorization",
+          "content": "Bearer {{.SecureJsonData.gcomApiToken}}"
+        }
+      ]
+    }
+  ]
 }