From 5c9d85aef4bf9448b8516e375d3fb929e0041152 Mon Sep 17 00:00:00 2001
From: Rupak182 <rupakgoura18@gmail.com>
Date: Sun, 30 Mar 2025 21:04:19 +0530
Subject: [PATCH 1/2] port-fixes

---
 .../studio/src/components/Modals/Settings/Project/index.tsx | 6 ++++++
 apps/studio/src/lib/projects/create.ts                      | 4 ++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/apps/studio/src/components/Modals/Settings/Project/index.tsx b/apps/studio/src/components/Modals/Settings/Project/index.tsx
index 2ad17b74e1..9413969faf 100644
--- a/apps/studio/src/components/Modals/Settings/Project/index.tsx
+++ b/apps/studio/src/components/Modals/Settings/Project/index.tsx
@@ -37,6 +37,11 @@ const ProjectTab = observer(() => {
     const handleUpdateUrl = (url: string) => {
         projectsManager.updatePartialProject({
             url,
+            commands: {
+                ...project?.commands,
+                run: 'npx next dev -p ' + url.split(':').pop(),
+                build: 'npx next build -p ' + url.split(':').pop(),
+            },
         });
         projectsManager.editorEngine?.canvas.saveFrames(
             projectsManager.editorEngine?.canvas.frames.map((frame) => ({
@@ -70,6 +75,7 @@ const ProjectTab = observer(() => {
                             id="url"
                             value={url}
                             onChange={(e) => handleUpdateUrl(e.target.value)}
+                            onBlur={() => projectsManager.runner?.restart()}
                             className="w-2/3"
                         />
                     </div>
diff --git a/apps/studio/src/lib/projects/create.ts b/apps/studio/src/lib/projects/create.ts
index bfa99208bf..2c3a6c98c4 100644
--- a/apps/studio/src/lib/projects/create.ts
+++ b/apps/studio/src/lib/projects/create.ts
@@ -145,8 +145,8 @@ export class CreateManager {
         const projectUrl = 'http://localhost:3000';
         const projectCommands = {
             install: 'npm install',
-            run: 'npm run dev',
-            build: 'npm run build',
+            run: 'npx next dev -p 3000',
+            build: 'npx next build -p 3000',
         };
 
         return this.projectsManager.createProject(

From ace1062464ecbcae80b6b7c687698baac88b6ad7 Mon Sep 17 00:00:00 2001
From: Rupak182 <rupakgoura18@gmail.com>
Date: Tue, 1 Apr 2025 19:12:03 +0530
Subject: [PATCH 2/2] modified variables

---
 .../components/Modals/Settings/Project/index.tsx    | 13 +++++++++++--
 apps/studio/src/lib/projects/create.ts              |  5 +++--
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/apps/studio/src/components/Modals/Settings/Project/index.tsx b/apps/studio/src/components/Modals/Settings/Project/index.tsx
index 9413969faf..0f9f772ad9 100644
--- a/apps/studio/src/components/Modals/Settings/Project/index.tsx
+++ b/apps/studio/src/components/Modals/Settings/Project/index.tsx
@@ -35,12 +35,21 @@ const ProjectTab = observer(() => {
     };
 
     const handleUpdateUrl = (url: string) => {
+        let port = url.split(':').pop();
+
+        try {
+            const parsedUrl = new URL(url);
+            port = parsedUrl.port;
+        } catch (error) {
+            console.error('Invalid URL');
+            return;
+        }
         projectsManager.updatePartialProject({
             url,
             commands: {
                 ...project?.commands,
-                run: 'npx next dev -p ' + url.split(':').pop(),
-                build: 'npx next build -p ' + url.split(':').pop(),
+                run: 'npx next dev -p ' + port,
+                build: 'npx next build -p ' + port,
             },
         });
         projectsManager.editorEngine?.canvas.saveFrames(
diff --git a/apps/studio/src/lib/projects/create.ts b/apps/studio/src/lib/projects/create.ts
index 2c3a6c98c4..6d69cfdf0a 100644
--- a/apps/studio/src/lib/projects/create.ts
+++ b/apps/studio/src/lib/projects/create.ts
@@ -143,10 +143,11 @@ export class CreateManager {
     createProject(projectPath: string) {
         const projectName = 'New Project';
         const projectUrl = 'http://localhost:3000';
+        const port = 3000;
         const projectCommands = {
             install: 'npm install',
-            run: 'npx next dev -p 3000',
-            build: 'npx next build -p 3000',
+            run: 'npx next dev -p ' + port,
+            build: 'npx next build -p ' + port,
         };
 
         return this.projectsManager.createProject(