Rename modelId to id (#442)

* 👀: the important part of the PR

* auto-linting

* rename model.modelId => model.id

Author: julien-c

docs/hub/adding-a-library.md

@@ -95,7 +95,7 @@ Add a code snippet by updating the [Libraries Typescript file](https://github.co
 const asteroid = (model: ModelData) =>
 `from asteroid.models import BaseModel
   
-model = BaseModel.from_pretrained("${model.modelId}")`;
+model = BaseModel.from_pretrained("${model.id}")`;
 ```
 
 This will also add a tag to your model so users can quickly identify models from your library.

docs/hub/tutorial-add-library.md

@@ -95,7 +95,7 @@ Add a code snippet by updating the [Libraries Typescript file](https://github.co
 const asteroid = (model: ModelData) =>
 `from asteroid.models import BaseModel
   
-model = BaseModel.from_pretrained("${model.modelId}")`;
+model = BaseModel.from_pretrained("${model.id}")`;
 ```
 
 This will also add a tag to your model so users can quickly identify models from your library.

widgets/src/lib/InferenceWidget/shared/WidgetWrapper/WidgetWrapper.svelte

@@ -35,7 +35,7 @@
 		.slice(0, 5);
 
 	onMount(() => {
-		getModelStatus(apiUrl, model.modelId).then((status) => {
+		getModelStatus(apiUrl, model.id).then((status) => {
 			modelStatus = status;
 		});
 	});

widgets/src/lib/InferenceWidget/shared/helpers.ts

@@ -49,7 +49,7 @@ export function proxify(url: string): string {
 
 async function callApi(
 	url: string, 
-	modelId: string, 
+	repoId: string, 
 	requestBody: Record<string, any>, 
 	apiToken = '',
 	waitForModel = false, // If true, the server will only respond once the model has been loaded on the inference API,
@@ -76,7 +76,7 @@ async function callApi(
 		: JSON.stringify(requestBody);
 
 	return await fetch(
-		`${url}/models/${modelId}`,
+		`${url}/models/${repoId}`,
 		{
 			method: "POST",
 			body,
@@ -87,7 +87,7 @@ async function callApi(
 
 export async function getResponse<T>(
 	url: string, 
-	modelId: string, 
+	repoId: string, 
 	requestBody: Record<string, any>, 
 	apiToken = '',
 	outputParsingFn: (x: unknown) =>  T,
@@ -109,7 +109,7 @@ export async function getResponse<T>(
 }>  {
 	const response = await callApi(
 		url,
-		modelId,
+		repoId,
 		requestBody,
 		apiToken,
 		waitForModel,
@@ -157,8 +157,8 @@ export async function getResponse<T>(
 }
 
 
-export async function getModelStatus(url: string, modelId: string): Promise<LoadingStatus> {
-	const response = await fetch(`${url}/status/${modelId}`);
+export async function getModelStatus(url: string, repoId: string): Promise<LoadingStatus> {
+	const response = await fetch(`${url}/status/${repoId}`);
 	const output = await response.json();
 	if (response.ok && typeof output === 'object' && output.loaded !== undefined) {
 		return output.loaded ? 'loaded' : 'unknown';

widgets/src/lib/InferenceWidget/widgets/AudioClassificationWidget/AudioClassificationWidget.svelte

@@ -86,7 +86,7 @@
 
 		const res = await getResponse(
 			apiUrl,
-			model.modelId,
+			model.id,
 			requestBody,
 			apiToken,
 			parseOutput,

widgets/src/lib/InferenceWidget/widgets/AudioToAudioWidget/AudioToAudioWidget.svelte

@@ -88,7 +88,7 @@
 
 		const res = await getResponse(
 			apiUrl,
-			model.modelId,
+			model.id,
 			requestBody,
 			apiToken,
 			parseOutput,

widgets/src/lib/InferenceWidget/widgets/AutomaticSpeechRecognitionWidget/AutomaticSpeechRecognitionWidget.svelte

@@ -86,7 +86,7 @@
 
 		const res = await getResponse(
 			apiUrl,
-			model.modelId,
+			model.id,
 			requestBody,
 			apiToken,
 			parseOutput,

widgets/src/lib/InferenceWidget/widgets/ConversationalWidget/ConversationalWidget.svelte

@@ -90,7 +90,7 @@
 
 		const res = await getResponse(
 			apiUrl,
-			model.modelId,
+			model.id,
 			requestBody,
 			apiToken,
 			parseOutput,
@@ -169,7 +169,7 @@
 	{outputJson}
 >
 	<svelte:fragment slot="top">
-		<WidgetOutputConvo modelId={model.modelId} {output} />
+		<WidgetOutputConvo modelId={model.id} {output} />
 		<form>
 			<WidgetQuickInput
 				bind:value={text}

widgets/src/lib/InferenceWidget/widgets/FeatureExtractionWidget/FeatureExtractionWidget.svelte

@@ -66,7 +66,7 @@
 
 		const res = await getResponse(
 			apiUrl,
-			model.modelId,
+			model.id,
 			requestBody,
 			apiToken,
 			parseOutput,

widgets/src/lib/InferenceWidget/widgets/FillMaskWidget/FillMaskWidget.svelte

@@ -66,7 +66,7 @@
 
 		const res = await getResponse(
 			apiUrl,
-			model.modelId,
+			model.id,
 			requestBody,
 			apiToken,
 			parseOutput,