Write run command on create (#837)

onlook-dev · Dec 2, 2024 · 89f089b · 89f089b
1 parent 7cdcb9a
commit 89f089b
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git a/apps/studio/src/lib/projects/index.ts b/apps/studio/src/lib/projects/index.ts
@@ -32,14 +32,15 @@ export class ProjectsManager {
         }
     }
 
-    createProject(name: string, url: string, folderPath: string): Project {
+    createProject(name: string, url: string, folderPath: string, runCommand: string): Project {
         const newProject: Project = {
             id: nanoid(),
             name,
             url,
             folderPath,
             createdAt: new Date().toISOString(),
             updatedAt: new Date().toISOString(),
+            runCommand,
         };
 
         const updatedProjects = [...this.projectList, newProject];

diff --git a/apps/studio/src/routes/projects/ProjectsTab/Create/Load/SetUrl.tsx b/apps/studio/src/routes/projects/ProjectsTab/Create/Load/SetUrl.tsx
@@ -85,12 +85,17 @@ const LoadSetUrl: StepComponent = ({ props, variant }) => {
                 Back
             </Button>
             <Button
-                disabled={!projectData.url || projectData.url.length === 0}
+                disabled={
+                    !projectData.url ||
+                    projectData.url.length === 0 ||
+                    !projectData.runCommand ||
+                    projectData.runCommand.length === 0
+                }
                 type="button"
                 onClick={nextStep}
                 variant="outline"
             >
-                Complete setup
+                {'Complete setup'}
             </Button>
         </>
     );

diff --git a/apps/studio/src/routes/projects/ProjectsTab/Create/index.tsx b/apps/studio/src/routes/projects/ProjectsTab/Create/index.tsx
@@ -105,14 +105,20 @@ const CreateProject = ({
     };
 
     const finalizeProject = () => {
-        if (!projectData.name || !projectData.url || !projectData.folderPath) {
+        if (
+            !projectData.name ||
+            !projectData.url ||
+            !projectData.folderPath ||
+            !projectData.runCommand
+        ) {
             throw new Error('Project data is missing.');
         }
 
         const newProject = projectsManager.createProject(
             projectData.name,
             projectData.url,
             projectData.folderPath,
+            projectData.runCommand,
         );
 
         projectsManager.project = newProject;