send opened recipy to telemetry

packages/frontend/src/pages/Recipe.svelte

@@ -14,7 +14,8 @@ import { getDisplayName } from '/@/utils/versionControlUtils';
 import { getIcon } from '/@/utils/categoriesUtils';
 import RecipeModels from './RecipeModels.svelte';
 import { catalog } from '/@/stores/catalog';
-  import { recipes } from '/@/stores/recipe';
+import { recipes } from '/@/stores/recipe';
+import type { Recipe } from '@shared/src/models/IRecipe';
 
 export let recipeId: string;
 
@@ -23,6 +24,13 @@ $: recipe = $catalog.recipes.find(r => r.id === recipeId);
 $: categories = $catalog.categories;
 $: recipeStatus = $recipes.get(recipeId);
 
+// Send recipe info to telemetry
+let recipeTelemetry: string | undefined = undefined;
+$: if (recipe && recipe.id !== recipeTelemetry) { 
+  recipeTelemetry = recipe.id;
+  studioClient.telemetryLogUsage('recipy.open', { 'recipe.id': recipe.id, 'recipe.name': recipe.name }); 
+}
+
 let loading: boolean = false;
 const onPullingRequest = async () => {
   loading = true;