fix: Calculate cluster urls under various auth scenarios

https://harperdb.atlassian.net/browse/STUDIO-624

Author: dawsontoth

src/config/useEntityRestURL.ts

@@ -0,0 +1,23 @@
+import { useInstanceClient } from '@/config/useInstanceClient';
+import { authStore } from '@/features/auth/store/authStore';
+import { getClusterInfoQueryOptions } from '@/features/cluster/queries/getClusterInfoQuery';
+import { getRestUrlForCluster } from '@/lib/urls/getRestUrlForCluster';
+import { useQuery } from '@tanstack/react-query';
+import { useParams } from '@tanstack/react-router';
+
+export function useEntityRestURL(): string | null {
+	const { clusterId, instanceId }: { clusterId?: string; instanceId?: string } = useParams({ strict: false });
+	const instanceClient = useInstanceClient();
+	const { data: cluster } = useQuery(
+		getClusterInfoQueryOptions(clusterId),
+	);
+
+	const isFabricConnect = (!!clusterId && authStore.checkForFabricConnect(clusterId))
+		|| !!instanceId && authStore.checkForFabricConnect(instanceId);
+	if (isFabricConnect) {
+		return getRestUrlForCluster(cluster);
+	} else if (instanceClient.defaults.baseURL) {
+		return instanceClient.defaults.baseURL.replace(/:9925\/?/, '');
+	}
+	return null;
+}

src/features/instance/apis/APIDocs.tsx

@@ -1,6 +1,7 @@
 import { ErrorComponent } from '@/components/ErrorComponent';
 import { Loading } from '@/components/Loading';
 import { Button } from '@/components/ui/button';
+import { useEntityRestURL } from '@/config/useEntityRestURL';
 import { useInstanceClientIdParams } from '@/config/useInstanceClient';
 import { plugins } from '@/features/instance/apis/plugins';
 import { requestSnippets } from '@/features/instance/apis/requestSnippets';
@@ -27,11 +28,15 @@ export function APIDocs() {
 	const { data: registrationInfo, isLoading: isLoadingRegistration } = useQuery(
 		getRegistrationInfoQueryOptions(operationsParams),
 	);
+	const baseURL = useEntityRestURL();
 	const {
 		data: spec,
 		isLoading: isLoadingDocs,
 		error,
 	} = useQuery(getOpenAPIQueryOptions(operationsParams));
+	if (spec?.servers?.length) {
+		spec.servers[0].url = baseURL;
+	}
 	const http = configurationInfo?.http;
 
 	let apiInaccessibleWarning: string = '';

src/features/instance/applications/context/EditorViewProvider.tsx

@@ -1,3 +1,4 @@
+import { useEntityRestURL } from '@/config/useEntityRestURL';
 import { useInstanceClientIdParams } from '@/config/useInstanceClient';
 import {
 	importedApplications,
@@ -35,6 +36,7 @@ export function EditorViewProvider({ children }: PropsWithChildren) {
 	const [openedEntryContents, setOpenedEntryContents] = useState<string | undefined>(undefined);
 	const { setContent: setUpdatedEntryContents } = useEditorFileContent(openedEntry?.path);
 	const instanceParams = useInstanceClientIdParams();
+	const baseURL = useEntityRestURL();
 	const queryClient = useQueryClient();
 	const { open }: { open?: string } = useSearch({ strict: false });
 
@@ -157,7 +159,6 @@ export function EditorViewProvider({ children }: PropsWithChildren) {
 		if (
 			loadedPath === pathToLoad && contents !== undefined
 		) {
-			const baseURL = instanceParams.instanceClient.defaults.baseURL;
 			if (loadedOverviewEntry && baseURL && getComponentFileQueryData) {
 				contents = parseReadMe(contents, baseURL, getComponentFileQueryData);
 			}

src/lib/urls/getRestUrlForCluster.ts

@@ -0,0 +1,12 @@
+import { Cluster } from '@/integrations/api/api.patch';
+
+export function getRestUrlForCluster(cluster: undefined | Pick<Cluster, 'fqdn'>): string | null {
+	let fqdn = cluster?.fqdn;
+	if (!fqdn) {
+		return null;
+	}
+	if (!fqdn.match(/^https?:\/\//i)) {
+		fqdn = `https://${fqdn}`;
+	}
+	return new URL(fqdn).toString();
+}