chore: remove some old console.logs

app/src/lib/project-manager/ProjectManager.svelte

@@ -1,18 +1,32 @@
 <script lang="ts">
   import type { Graph } from "$lib/types";
-  import { defaultPlant } from "$lib/graph-templates";
+  import { defaultPlant, plant, lottaFaces } from "$lib/graph-templates";
   import type { ProjectManager } from "./project-manager.svelte";
 
   const { projectManager } = $props<{ projectManager: ProjectManager }>();
 
   let showNewProject = $state(false);
   let newProjectName = $state("");
+  let selectedTemplate = $state("defaultPlant");
+
+  const templates = [
+    {
+      name: "Default Plant",
+      value: "defaultPlant",
+      graph: defaultPlant as unknown as Graph,
+    },
+    { name: "Plant", value: "plant", graph: plant as unknown as Graph },
+    {
+      name: "Lotta Faces",
+      value: "lottaFaces",
+      graph: lottaFaces as unknown as Graph,
+    },
+  ];
 
   function handleCreate() {
-    projectManager.handleCreateProject(
-      defaultPlant as unknown as Graph,
-      newProjectName,
-    );
+    const template =
+      templates.find((t) => t.value === selectedTemplate) || templates[0];
+    projectManager.handleCreateProject(template.graph, newProjectName);
     newProjectName = "";
     showNewProject = false;
   }
@@ -31,17 +45,26 @@
 </header>
 
 {#if showNewProject}
-  <div
-    class="flex justify-between px-4 h-[70px] border-b-1 border-[var(--outline)] items-center gap-2"
-  >
+  <div class="flex flex-col px-4 py-3 border-b-1 border-[var(--outline)] gap-2">
     <input
       type="text"
       bind:value={newProjectName}
       placeholder="Project name"
-      class="flex-1 min-w-0 px-2 py-2 bg-gray-800 border border-gray-700 rounded"
+      class="w-full px-2 py-2 bg-gray-800 border border-gray-700 rounded"
       onkeydown={(e) => e.key === "Enter" && handleCreate()}
     />
-    <button class="cursor-pointer" onclick={() => handleCreate()}>
+    <select
+      bind:value={selectedTemplate}
+      class="w-full px-2 py-2 bg-gray-800 border border-gray-700 rounded"
+    >
+      {#each templates as template}
+        <option value={template.value}>{template.name}</option>
+      {/each}
+    </select>
+    <button
+      class="cursor-pointer self-end px-3 py-1 bg-blue-600 rounded"
+      onclick={() => handleCreate()}
+    >
       Create
     </button>
   </div>

app/src/lib/project-manager/project-database.svelte.ts

@@ -32,7 +32,6 @@ export async function getGraph(id: number): Promise<Graph | undefined> {
 export async function saveGraph(graph: Graph): Promise<Graph> {
   const db = await getDB();
   graph.meta = { ...graph.meta, lastModified: new Date().toISOString() };
-  console.log('SAVING GRAPH', { graph });
   await db.put(STORE_NAME, graph);
   return graph;
 }
@@ -40,7 +39,6 @@ export async function saveGraph(graph: Graph): Promise<Graph> {
 export async function deleteGraph(id: number): Promise<void> {
   const db = await getDB();
   await db.delete(STORE_NAME, id);
-  console.log('DELETE GRAPH', { id });
 }
 
 export async function getGraphs(): Promise<Graph[]> {

app/src/lib/project-manager/project-manager.svelte.ts

@@ -24,22 +24,14 @@ export class ProjectManager {
     await db.getDB();
     this.projects = await db.getGraphs();
 
-    console.log('PM: INIT', {
-      projects: this.projects,
-      activeProjectId: this.activeProjectId.value
-    });
-
     if (this.activeProjectId.value !== undefined) {
       let loadedGraph = await db.getGraph(this.activeProjectId.value);
-      console.log('PM: LOAD ACTIVE PROJECT', { loadedGraph });
       if (loadedGraph) {
-        console.log('Load active project');
         this.graph = loadedGraph;
       }
     }
 
     if (!this.graph) {
-      console.log('Load first active project', { projectsAmount: this.projects.length });
       if (this.projects?.length && this.projects[0]?.id !== undefined) {
         this.graph = this.projects[0];
         this.activeProjectId.value = this.graph.id;
@@ -47,7 +39,6 @@ export class ProjectManager {
     }
 
     if (!this.graph) {
-      console.log('Create default project');
       this.handleCreateProject();
     }
   }
@@ -61,8 +52,6 @@ export class ProjectManager {
       id++;
     }
 
-    console.log('CREATE PROJECT', { id, title });
-
     g.id = id;
     if (!g.meta) g.meta = {};
     if (!g.meta.title) g.meta.title = title;
@@ -79,7 +68,10 @@ export class ProjectManager {
       this.projects = [];
     } else {
       this.projects = this.projects.filter((p) => p.id !== projectId);
-      this.handleSelectProject(this.projects[0].id);
+      const id = this.projects[0].id;
+      if (id !== undefined) {
+        this.handleSelectProject(id);
+      }
     }
   }