Fix frontend errors on ApiDocs and RecordingSnippet (#9786)

* Fix frontend errors on ApiDocs and RecordingSnippet

* add changeset

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
Co-authored-by: Ali Abdalla <ali.si3luwa@gmail.com>

.changeset/late-candies-boil.md

@@ -0,0 +1,6 @@
+---
+"@gradio/core": minor
+"gradio": minor
+---
+
+feat:Fix frontend errors on ApiDocs and RecordingSnippet

js/core/src/Blocks.svelte

@@ -806,7 +806,7 @@
 				on:close={(event) => {
 					set_api_docs_visible(false);
 					api_calls = [];
-					api_recorder_visible = event.detail.api_recorder_visible;
+					api_recorder_visible = event.detail?.api_recorder_visible;
 				}}
 				{dependencies}
 				{root}

js/core/src/api_docs/ApiDocs.svelte

@@ -145,6 +145,7 @@
 							{api_calls}
 							{dependencies}
 							{root}
+							api_prefix={app.api_prefix}
 							short_root={space_id || root}
 							{username}
 						/>

js/core/src/api_docs/RecordingSnippet.svelte

@@ -8,6 +8,7 @@
 	export let dependencies: Dependency[];
 	export let short_root: string;
 	export let root: string;
+	export let api_prefix = "";
 	export let current_language: "python" | "javascript" | "bash";
 	export let username: string | null;
 
@@ -22,7 +23,9 @@
 		named_endpoints: any;
 		unnamed_endpoints: any;
 	}> {
-		let response = await fetch(root + "info/?all_endpoints=true");
+		let response = await fetch(
+			root.replace(/\/$/, "") + api_prefix + "/info/?all_endpoints=true"
+		);
 		let data = await response.json();
 		return data;
 	}
@@ -160,8 +163,7 @@ const app = await Client.connect(<span class="token string">"{short_root}"</span
 await client.predict(<span
 								class="api-name">
   "/{api_name}"</span
-							>{#if call},
-							{/if}{call});
+							>{#if call}, {call}{/if});
 						{/each}</pre>
 				</div>
 			</code>