@axium/notes 0.3.11 → 0.3.13

package/lib/Note.svelte

@@ -5,10 +5,16 @@
 	import { dynamicRows } from '@axium/client/attachments';
 	import { AccessControlDialog, Icon, Popover } from '@axium/client/components';
 	import { copy } from '@axium/client/gui';
+	import { toastStatus } from '@axium/client/toast';
 	import type { Note } from '@axium/notes/common';
 	import { download } from 'utilium/dom.js';
 
-	let { note = $bindable(), notes = $bindable(), pageMode = false }: { note: Note; notes?: Note[]; pageMode?: boolean } = $props();
+	let {
+		note = $bindable(),
+		notes = $bindable(),
+		pageMode = false,
+		user,
+	}: { note: Note; notes?: Note[]; pageMode?: boolean; user?: UserPublic } = $props();
 
 	let acl = $state<HTMLDialogElement>();
 </script>
@@ -29,10 +35,13 @@
 			<div
 				class="menu-item"
 				onclick={() =>
-					fetchAPI('DELETE', 'notes/:id', {}, note.id).then(() => {
-						if (!notes) goto('/notes');
-						else notes.splice(notes.indexOf(note), 1);
-					})}
+					toastStatus(
+						fetchAPI('DELETE', 'notes/:id', {}, note.id).then(() => {
+							if (!notes) goto('/notes');
+							else notes.splice(notes.indexOf(note), 1);
+						}),
+						text('notes.toast_deleted')
+					)}
 			>
 				<Icon i="trash" />
 				<span>{text('generic.delete')}</span>
@@ -68,7 +77,7 @@
 				</div>
 			{/if}
 		</Popover>
-		<AccessControlDialog bind:dialog={acl} item={note} itemType="notes" editable />
+		<AccessControlDialog bind:dialog={acl} item={note} itemType="notes" {user} />
 	</div>
 	<textarea
 		bind:value={note.content}

package/locales/en.json

@@ -11,6 +11,7 @@
 		"new": "New Note",
 		"note_title": "Notes — {title}",
 		"open_new_tab": "Open in New Tab",
-		"share": "Share"
+		"share": "Share",
+		"toast_deleted": "Note deleted"
 	}
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@axium/notes",
-	"version": "0.3.11",
+	"version": "0.3.13",
 	"author": "James Prevett <axium@jamespre.dev>",
 	"description": "Notes for Axium",
 	"funding": {
@@ -36,8 +36,8 @@
 		"build": "tsc"
 	},
 	"peerDependencies": {
-		"@axium/client": ">=0.18.0",
-		"@axium/core": ">=0.19.0",
+		"@axium/client": ">=0.20.0",
+		"@axium/core": ">=0.23.0",
 		"@axium/server": ">=0.35.0",
 		"@sveltejs/kit": "^2.27.3",
 		"utilium": "^2.4.0"

package/routes/notes/+layout.ts

@@ -1,8 +1,8 @@
 import { getCurrentSession } from '@axium/client/user';
-import type { Session } from '@axium/core';
+import type { Session, UserPublic } from '@axium/core';
 
 export async function load({ parent }) {
-	let { session }: { session?: Session | null } = await parent();
+	let { session }: { session?: (Session & { user: UserPublic }) | null } = await parent();
 
 	session ||= await getCurrentSession().catch(() => null);
 

package/routes/notes/+page.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { fetchAPI, text } from '@axium/client';
 	import { Icon } from '@axium/client/components';
+	import { toast } from '@axium/client/toast';
 	import { Note } from '@axium/notes/components';
 
 	const { data } = $props();
@@ -18,8 +19,12 @@
 		id="create-note"
 		class="icon-text mobile-float-right"
 		onclick={async () => {
-			const result = await fetchAPI('PUT', 'users/:id/notes', { title: '' }, data.session.userId);
-			notes.push(result);
+			try {
+				const result = await fetchAPI('PUT', 'users/:id/notes', { title: '' }, data.session.userId);
+				notes.push(result);
+			} catch (e) {
+				toast('error', e);
+			}
 		}}
 	>
 		<Icon i="plus" />
@@ -27,7 +32,7 @@
 	</button>
 	<div class="lists-container">
 		{#each notes as note}
-			<Note {note} bind:notes />
+			<Note {note} bind:notes user={data.session?.user} />
 		{/each}
 	</div>
 </div>

package/routes/notes/[id]/+page.svelte

@@ -34,7 +34,7 @@
 		</div>
 	{/if}
 
-	<Note note={data.note} pageMode />
+	<Note note={data.note} pageMode user={data.session?.user} />
 </div>
 
 <style>