refac/enh: create new note

src/lib/components/notes/Notes.svelte

@@ -101,30 +101,6 @@
 		});
 	};
 
-	const createNoteHandler = async (content?: string) => {
-		//  $i18n.t('New Note'),
-		const res = await createNewNote(localStorage.token, {
-			// YYYY-MM-DD
-			title: dayjs().format('YYYY-MM-DD'),
-			data: {
-				content: {
-					json: null,
-					html: content ?? '',
-					md: content ?? ''
-				}
-			},
-			meta: null,
-			access_control: {}
-		}).catch((error) => {
-			toast.error(`${error}`);
-			return null;
-		});
-
-		if (res) {
-			goto(`/notes/${res.id}`);
-		}
-	};
-
 	const downloadHandler = async (type) => {
 		if (type === 'txt') {
 			const blob = new Blob([selectedNote.data.content.md], { type: 'text/plain' });
@@ -241,12 +217,6 @@
 	});
 
 	onMount(async () => {
-		if ($page.url.searchParams.get('content') !== null) {
-			const content = $page.url.searchParams.get('content') ?? '';
-			createNoteHandler(content);
-			return;
-		}
-
 		await init();
 		loaded = true;
 

src/routes/(app)/notes/+page.svelte

@@ -1,15 +1,43 @@
 <script>
-	import { mobile, showArchivedChats, showSidebar, user } from '$lib/stores';
-	import { getContext } from 'svelte';
+	import { getContext, onMount } from 'svelte';
 
 	const i18n = getContext('i18n');
 
+	import dayjs from '$lib/dayjs';
+	import { mobile, showArchivedChats, showSidebar, user } from '$lib/stores';
+	import { goto } from '$app/navigation';
+	import { page } from '$app/stores';
+
+	import { createNoteHandler } from './utils';
+
 	import UserMenu from '$lib/components/layout/Sidebar/UserMenu.svelte';
 	import Notes from '$lib/components/notes/Notes.svelte';
 	import Tooltip from '$lib/components/common/Tooltip.svelte';
 	import Sidebar from '$lib/components/icons/Sidebar.svelte';
+
+	let loaded = false;
+
+	onMount(async () => {
+		if (
+			$page.url.searchParams.get('content') !== null ||
+			$page.url.searchParams.get('title') !== null
+		) {
+			const title = $page.url.searchParams.get('title') ?? dayjs().format('YYYY-MM-DD');
+			const content = $page.url.searchParams.get('content') ?? '';
+
+			const res = await createNoteHandler(title, content);
+
+			if (res) {
+				goto(`/notes/${res.id}`);
+			}
+			return;
+		}
+
+		loaded = true;
+	});
 </script>
 
+{#if loaded}
 	<div
 		class=" flex flex-col w-full h-screen max-h-[100dvh] transition-width duration-200 ease-in-out {$showSidebar
 			? 'md:max-w-[calc(100%-260px)]'
@@ -85,3 +113,4 @@
 			<Notes />
 		</div>
 	</div>
+{/if}

src/routes/(app)/notes/[id]/+page.svelte

@@ -1,10 +1,27 @@
 <script lang="ts">
+	import { onMount } from 'svelte';
+
+	import { goto } from '$app/navigation';
 	import { page } from '$app/stores';
 	import { showSidebar } from '$lib/stores';
 
+	import dayjs from '$lib/dayjs';
+	import { createNoteHandler } from '../utils';
+
 	import NoteEditor from '$lib/components/notes/NoteEditor.svelte';
+
+	let loaded = false;
+
+	onMount(async () => {
+		loaded = true;
+	});
 </script>
 
-<div id="note-container" class="w-full h-full {$showSidebar ? 'md:max-w-[calc(100%-260px)]' : ''}">
+{#if loaded}
+	<div
+		id="note-container"
+		class="w-full h-full {$showSidebar ? 'md:max-w-[calc(100%-260px)]' : ''}"
+	>
 		<NoteEditor id={$page.params.id} />
 	</div>
+{/if}

src/routes/(app)/notes/new/+page.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+
+	import { goto } from '$app/navigation';
+	import { page } from '$app/stores';
+
+	import dayjs from '$lib/dayjs';
+	import { createNoteHandler } from '../utils';
+
+	onMount(async () => {
+		const title = $page.url.searchParams.get('title') ?? dayjs().format('YYYY-MM-DD');
+		const content = $page.url.searchParams.get('content') ?? '';
+
+		const res = await createNoteHandler(title, content);
+
+		if (res) {
+			goto(`/notes/${res.id}`);
+		}
+	});
+</script>

src/routes/(app)/notes/utils.ts

@@ -0,0 +1,26 @@
+import { createNewNote } from '$lib/apis/notes';
+import { toast } from 'svelte-sonner';
+
+export const createNoteHandler = async (title: string, content?: string) => {
+	//  $i18n.t('New Note'),
+	const res = await createNewNote(localStorage.token, {
+		// YYYY-MM-DD
+		title: title,
+		data: {
+			content: {
+				json: null,
+				html: content ?? '',
+				md: content ?? ''
+			}
+		},
+		meta: null,
+		access_control: {}
+	}).catch((error) => {
+		toast.error(`${error}`);
+		return null;
+	});
+
+	if (res) {
+		return res;
+	}
+};