wip: open in vscode

packages/backend/package.json

@@ -41,7 +41,7 @@
     "simple-git": "^3.22.0"
   },
   "devDependencies": {
-    "@podman-desktop/api": "0.0.202401191125-9c1aea6",
+    "@podman-desktop/api": "next",
     "@types/js-yaml": "^4.0.9",
     "@types/node": "^18",
     "vitest": "^1.1.0"

packages/backend/src/managers/applicationManager.ts

@@ -47,11 +47,15 @@ export class ApplicationManager {
     private modelsManager: ModelsManager,
   ) {}
 
+  getRecipeLocalDirectory(recipe: Recipe): string {
+    return path.join(this.appUserDirectory, recipe.id);
+  }
+
   async pullApplication(recipe: Recipe, model: ModelInfo) {
     // Create a TaskUtils object to help us
     const taskUtil = new RecipeStatusUtils(recipe.id, this.recipeStatusRegistry);
 
-    const localFolder = path.join(this.appUserDirectory, recipe.id);
+    const localFolder = this.getRecipeLocalDirectory(recipe);
 
     // Adding checkout task
     const checkoutTask: Task = {
@@ -209,7 +213,11 @@ export class ApplicationManager {
             taskUtil.setTaskState(container.name, 'error');
           });
       }),
-    );
+    ).then(() => {
+      taskUtil.setStatus('pulled');
+    }).catch(() => {
+      taskUtil.setStatus('error');
+    });
   }
 
   downloadModelMain(modelId: string, url: string, taskUtil: RecipeStatusUtils, destFileName?: string): Promise<string> {

packages/backend/src/studio-api-impl.ts

@@ -129,4 +129,15 @@ export class StudioApiImpl implements StudioAPI {
   async getCatalog(): Promise<Catalog> {
     return this.catalogManager.getCatalog();
   }
+
+  async openVSCode(project: string): Promise<void> {
+    void podmanDesktopApi.env.openExternal(podmanDesktopApi.Uri.parse(project).with({scheme: 'vscode'}));
+  }
+
+  async getRecipeLocalDirectory(recipeId: string): Promise<string> {
+    const recipe = this.catalogManager.getRecipes().find((recipe) => recipe.id === recipeId);
+    if(recipe === undefined)
+      throw new Error(`Recipe with id ${recipeId} cannot be found.`);
+    return this.applicationManager.getRecipeLocalDirectory(recipe);
+  }
 }

packages/frontend/src/lib/button/Button.svelte

@@ -19,7 +19,9 @@ export let padding: string = type !== 'tab' ? 'px-4 py-[5px]' : 'px-4 pb-1';
 let iconType: string | undefined = undefined;
 
 onMount(() => {
-  if (icon?.prefix === 'fas') {
+  if(typeof icon === 'string') {
+    iconType = 'string';
+  } else if (typeof icon === 'object' && !!icon && 'prefix' in icon && icon?.prefix === 'fas') {
     iconType = 'fa';
   } else {
     iconType = 'unknown';
@@ -66,12 +68,14 @@ $: {
   aria-label="{$$props['aria-label']}"
   on:click
   disabled="{disabled || inProgress}">
-  {#if icon}
+  {#if icon !== undefined}
     <div class="flex flex-row p-0 m-0 bg-transparent justify-center items-center space-x-[4px]">
       {#if inProgress}
         <Spinner size="1em" />
       {:else if iconType === 'fa'}
         <Fa icon="{icon}" />
+      {:else if iconType === 'string'}
+        <img class="w-4 h-4 mr-1" alt="button-icon" src="{icon}"/>
       {:else if iconType === 'unknown'}
         <svelte:component this="{icon}" />
       {/if}

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 vscode from '../assets/vscode.png';
 
 export let recipeId: string;
 
@@ -32,7 +33,12 @@ const onPullingRequest = async () => {
 const onClickRepository = () => {
   if (recipe) {
     studioClient.openURL(recipe.repository);
-  }  
+  }
+}
+
+const openInVSCode = async () => {
+  const directory = await studioClient.getRecipeLocalDirectory(recipeId);
+  void studioClient.openVSCode(directory);
 }
 </script>
 
@@ -60,6 +66,8 @@ const onClickRepository = () => {
               </div>
             </div>
           </Card>
+
+          <span>status: {recipeStatus?.state}</span>
           {#if recipeStatus !== undefined && recipeStatus.tasks.length > 0}
             <Card classes="bg-charcoal-800 mt-4">
               <div slot="content" class="text-base font-normal p-2">
@@ -73,6 +81,12 @@ const onClickRepository = () => {
                     class="w-full mt-4 p-2"
                     icon="{faRefresh}"
                   >Retry</Button>
+                {:else if recipeStatus.state === 'running' ||recipeStatus.state === 'pulled'}
+                  <Button
+                    on:click={() => openInVSCode()}
+                    class="w-full mt-4 p-2"
+                    icon="{vscode}"
+                  >Open in vsCode</Button>
                 {/if}
               </div>
             </Card>

packages/shared/src/StudioAPI.ts

@@ -21,4 +21,6 @@ export abstract class StudioAPI {
   abstract askPlayground(modelId: string, prompt: string): Promise<number>;
   abstract getPlaygroundQueriesState(): Promise<QueryState[]>;
   abstract getPlaygroundsState(): Promise<PlaygroundState[]>;
+  abstract openVSCode(project: string): Promise<void>;
+  abstract getRecipeLocalDirectory(recipeId: string): Promise<string>;
 }

types/additional.d.ts

@@ -1 +1,3 @@
 declare module 'tinro/dist/tinro_lib';
+
+declare module "*.png"

yarn.lock

@@ -410,10 +410,10 @@
   resolved "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz"
   integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==
 
-"@podman-desktop/api@0.0.202401191125-9c1aea6":
-  version "0.0.202401191125-9c1aea6"
-  resolved "https://registry.yarnpkg.com/@podman-desktop/api/-/api-0.0.202401191125-9c1aea6.tgz#a6dd84efaa1769cc3eedde320c9d5524e2f920f1"
-  integrity sha512-4oMQmfCXpnQrnEihe1yn3mGZULle4a0MlXdyOZ4vlKx04e2rZK7jFI45EjU6L64pwN0bGHWLFRI12Ut2sAirHQ==
+"@podman-desktop/api@next":
+  version "0.0.202401241015-649826f"
+  resolved "https://registry.yarnpkg.com/@podman-desktop/api/-/api-0.0.202401241015-649826f.tgz#2d0b2fcb9ebec8a02f293b62f4111761a624de46"
+  integrity sha512-IODttlkupNitoxE8FyHELcmIzInByalhz1jcB35kRC6UkPIXf9yNVrqPPXm+hTMNRMdRHTqE6a0KssiqoJ+lmA==
 
 "@rollup/[email protected]":
   version "4.9.1"