From 0bb48024f4025c1db840e7ae53717d0916728764 Mon Sep 17 00:00:00 2001
From: "Tuan Chau (Tuna)" <tuan@iamtuna.org>
Date: Fri, 14 Feb 2025 06:33:12 +0900
Subject: [PATCH 1/3] Fix type of RenameCurrentProject

---
 .../src/lib/mono/action-manager/one-time-actions.ts             | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/monosketch-svelte/src/lib/mono/action-manager/one-time-actions.ts b/monosketch-svelte/src/lib/mono/action-manager/one-time-actions.ts
index 29567ec0..bb003cc9 100644
--- a/monosketch-svelte/src/lib/mono/action-manager/one-time-actions.ts
+++ b/monosketch-svelte/src/lib/mono/action-manager/one-time-actions.ts
@@ -76,7 +76,7 @@ export const OneTimeAction = {
     Idle: { type: 'Idle' } as OneTimeActionType,
 
     ProjectAction: {
-        RenameCurrentProject: (newName: string) => ({ type: 'RenameCurrentProject', newName }),
+        RenameCurrentProject: (newName: string): OneTimeActionType => ({ type: 'RenameCurrentProject', newName }),
         NewProject: { type: 'NewProject' } as OneTimeActionType,
         ExportSelectedShapes: { type: 'ExportSelectedShapes' } as OneTimeActionType,
         SwitchProject: (projectId: string): OneTimeActionType => ({ type: 'SwitchProject', projectId }),

From 51fcec8dfc9f894f15928c96589c130883ecb6a9 Mon Sep 17 00:00:00 2001
From: "Tuan Chau (Tuna)" <tuan@iamtuna.org>
Date: Fri, 14 Feb 2025 06:35:01 +0900
Subject: [PATCH 2/3] Handle new project via action handler

---
 .../rename-project/RenameProjectModal.svelte  | 15 +++-------
 .../ui/nav/project/WorkingProjectView.svelte  |  2 +-
 .../ui/nav/project/project-data-viewmodel.ts  | 30 +++++++++----------
 3 files changed, 19 insertions(+), 28 deletions(-)

diff --git a/monosketch-svelte/src/lib/ui/modal/rename-project/RenameProjectModal.svelte b/monosketch-svelte/src/lib/ui/modal/rename-project/RenameProjectModal.svelte
index 136f7e91..b8b49484 100644
--- a/monosketch-svelte/src/lib/ui/modal/rename-project/RenameProjectModal.svelte
+++ b/monosketch-svelte/src/lib/ui/modal/rename-project/RenameProjectModal.svelte
@@ -1,35 +1,28 @@
 <script lang="ts">
 import NoBackgroundModal from '../common/NoBackgroundModal.svelte';
 import ProjectNameTextField from './ProjectNameTextField.svelte';
-import { getContext, onMount } from 'svelte';
+import { getContext } from 'svelte';
 import type { Rect } from "$libs/graphics-geo/rect";
 import type { ProjectDataViewModel } from "$ui/nav/project/project-data-viewmodel";
 import { PROJECT_CONTEXT } from "$ui/nav/project/constants";
 
-export let projectId: string;
+export let projectName: string;
 export let targetBounds: Rect;
 
 const projectDataViewModel = getContext<ProjectDataViewModel>(PROJECT_CONTEXT);
 
-let name: string;
+let name: string = projectName;
 
 $: left = targetBounds.left;
 $: top = targetBounds.top + targetBounds.height + 6;
 
 function onDone() {
     if (name) {
-        projectDataViewModel.setProjectName(projectId, name);
+        projectDataViewModel.setCurrentProjectName(name);
     }
     // Reset the renaming project id to empty string. This will close the modal.
     projectDataViewModel.setRenamingProject('');
 }
-
-onMount(() => {
-    const project = projectDataViewModel.getProject(projectId);
-    if (project) {
-        name = project.name;
-    }
-});
 </script>
 
 <NoBackgroundModal onDismiss="{onDone}" {left} {top} width="{180}">
diff --git a/monosketch-svelte/src/lib/ui/nav/project/WorkingProjectView.svelte b/monosketch-svelte/src/lib/ui/nav/project/WorkingProjectView.svelte
index b7f04ce9..84153376 100644
--- a/monosketch-svelte/src/lib/ui/nav/project/WorkingProjectView.svelte
+++ b/monosketch-svelte/src/lib/ui/nav/project/WorkingProjectView.svelte
@@ -68,7 +68,7 @@
 {/if}
 
 {#if isRenameProjectVisible && targetBounds}
-    <RenameProjectModal {projectId} {targetBounds}/>
+    <RenameProjectModal {projectName} {targetBounds}/>
 {/if}
 
 <style lang="scss">
diff --git a/monosketch-svelte/src/lib/ui/nav/project/project-data-viewmodel.ts b/monosketch-svelte/src/lib/ui/nav/project/project-data-viewmodel.ts
index 6d7e5c5d..2a544113 100644
--- a/monosketch-svelte/src/lib/ui/nav/project/project-data-viewmodel.ts
+++ b/monosketch-svelte/src/lib/ui/nav/project/project-data-viewmodel.ts
@@ -4,8 +4,8 @@
 
 import type { AppContext } from "$app/app-context";
 import { Flow, LifecycleOwner } from '$libs/flow';
+import { OneTimeAction } from "$mono/action-manager/one-time-actions";
 import { type ProjectItem } from 'lib/ui/nav/project/model';
-import { UUID } from '$mono/uuid';
 
 export class ProjectDataViewModel {
     private _projectFlow: Flow<ProjectItem[]> = new Flow();
@@ -19,9 +19,8 @@ export class ProjectDataViewModel {
 
     constructor(private appContext: AppContext) {
         this.updateProjectList();
-        this.openingProjectFlow = Flow.combine3(
+        this.openingProjectFlow = Flow.combine2(
             appContext.shapeManager.rootIdFlow,
-            this.renamingProjectIdFlow,
             appContext.workspaceDao.workspaceUpdateFlow,
             (id) => this.getProject(id),
         );
@@ -37,18 +36,17 @@ export class ProjectDataViewModel {
     }
 
     newProject() {
-        const newProject: ProjectItem = {
-            id: UUID.generate(),
-            name: 'New Project',
-        };
-        this.updateProjectList();
-        this.openProject(newProject.id);
-        this.setRenamingProject(newProject.id);
+        this.appContext.actionManager.setOneTimeAction(OneTimeAction.ProjectAction.NewProject);
+
+        // Delay for a short time to ensure the new project is created before renaming.
+        // TODO: Find a better way to handle this.
+        setTimeout(() => {
+            this.setRenamingProject(this.appContext.shapeManager.rootIdFlow.value || '');
+        }, 100);
     }
 
     openProject(id: string) {
-        // TODO: notify changing project with id
-        console.log('Open project with id:', id);
+        this.appContext.actionManager.setOneTimeAction(OneTimeAction.ProjectAction.SwitchProject(id));
     }
 
     confirmDeletingProject(id: string) {
@@ -56,7 +54,7 @@ export class ProjectDataViewModel {
     }
 
     deleteProject(id: string) {
-        this._projectFlow.value = this._projectFlow.value!.filter((item) => item.id !== id);
+        this.appContext.actionManager.setOneTimeAction(OneTimeAction.ProjectAction.RemoveProject(id));
     }
 
     cancelDeletingProject() {
@@ -67,11 +65,11 @@ export class ProjectDataViewModel {
         this.renamingProjectIdFlow.value = id;
     }
 
-    setProjectName(id: string, name: string) {
-        this.appContext.workspaceDao.getObject(id).name = name;
+    setCurrentProjectName(name: string) {
+        this.appContext.actionManager.setOneTimeAction(OneTimeAction.ProjectAction.RenameCurrentProject(name));
     }
 
-    getProject(id: string): ProjectItem {
+    private getProject(id: string): ProjectItem {
         const objectDao = this.appContext.workspaceDao.getObject(id);
         return {
             id,

From 50f60a955c3e4aae6361978fd18a71f749fbfb66 Mon Sep 17 00:00:00 2001
From: "Tuan Chau (Tuna)" <tuan@iamtuna.org>
Date: Fri, 14 Feb 2025 06:36:27 +0900
Subject: [PATCH 3/3] Update project list after delete

---
 .../src/lib/ui/nav/project/project-data-viewmodel.ts             | 1 +
 1 file changed, 1 insertion(+)

diff --git a/monosketch-svelte/src/lib/ui/nav/project/project-data-viewmodel.ts b/monosketch-svelte/src/lib/ui/nav/project/project-data-viewmodel.ts
index 2a544113..cc90d2c5 100644
--- a/monosketch-svelte/src/lib/ui/nav/project/project-data-viewmodel.ts
+++ b/monosketch-svelte/src/lib/ui/nav/project/project-data-viewmodel.ts
@@ -55,6 +55,7 @@ export class ProjectDataViewModel {
 
     deleteProject(id: string) {
         this.appContext.actionManager.setOneTimeAction(OneTimeAction.ProjectAction.RemoveProject(id));
+        this.updateProjectList();
     }
 
     cancelDeletingProject() {