@axium/tasks 0.4.10 → 0.4.12

package/dist/common.d.ts

@@ -128,7 +128,7 @@ declare const TasksAPI: {
         }, z.core.$strip>];
         readonly POST: readonly [z.ZodObject<{
             all_completed: z.ZodOptional<z.ZodBoolean>;
-        }, z.core.$strip>, {}];
+        }, z.core.$strip>, z.ZodUnknown];
         readonly PUT: readonly [z.ZodObject<{
             summary: z.ZodOptional<z.ZodString>;
             description: z.ZodOptional<z.ZodNullable<z.ZodString>>;

package/dist/common.js

@@ -33,7 +33,7 @@ const TasksAPI = {
     'task_lists/:id': {
         GET: TaskList.required({ tasks: true }),
         PATCH: [TaskListInit, TaskList],
-        POST: [TaskListUpdate, {}],
+        POST: [TaskListUpdate, z.unknown()],
         PUT: [TaskInit.omit({ listId: true }), Task],
         DELETE: TaskList,
     },

package/lib/TaskList.svelte

@@ -2,14 +2,19 @@
 	import { goto } from '$app/navigation';
 	import { page } from '$app/state';
 	import { copy } from '@axium/client/gui';
+	import type { UserPublic } from '@axium/core';
 	import { AccessControlDialog, Icon, Popover } from '@axium/client/components';
 	import { fetchAPI, text } from '@axium/client';
 	import type { Task, TaskList } from '@axium/tasks/common';
 	import type { WithRequired } from 'utilium';
 	import { download } from 'utilium/dom.js';
+	import { toastStatus } from '@axium/client/toast';
 
-	let { list = $bindable(), lists = $bindable() }: { list: WithRequired<TaskList, 'tasks'>; lists?: WithRequired<TaskList, 'tasks'>[] } =
-		$props();
+	let {
+		list = $bindable(),
+		lists = $bindable(),
+		user,
+	}: { list: WithRequired<TaskList, 'tasks'>; lists?: WithRequired<TaskList, 'tasks'>[]; user?: UserPublic } = $props();
 
 	let tasks = $state(list.tasks);
 
@@ -56,9 +61,12 @@
 			<div
 				class="menu-item"
 				onclick={() =>
-					fetchAPI('DELETE', 'tasks/:id', {}, task.id).then(() => {
-						tasks.splice(tasks.indexOf(task), 1);
-					})}
+					toastStatus(
+						fetchAPI('DELETE', 'tasks/:id', {}, task.id).then(() => {
+							tasks.splice(tasks.indexOf(task), 1);
+						}),
+						text('tasks.toast_task_deleted')
+					)}
 			>
 				<Icon i="trash" />
 				<span>{text('generic.delete')}</span>
@@ -92,10 +100,13 @@
 			<div
 				class="menu-item"
 				onclick={() =>
-					fetchAPI('DELETE', 'task_lists/:id', {}, list.id).then(() => {
-						if (!lists) goto('/tasks');
-						else lists.splice(lists.indexOf(list), 1);
-					})}
+					toastStatus(
+						fetchAPI('DELETE', 'task_lists/:id', {}, list.id).then(() => {
+							if (!lists) goto('/tasks');
+							else lists.splice(lists.indexOf(list), 1);
+						}),
+						text('tasks.toast_list_deleted')
+					)}
 			>
 				<Icon i="trash" />
 				<span>{text('generic.delete')}</span>
@@ -129,7 +140,10 @@
 					class="menu-item"
 					onclick={() => {
 						for (const task of tasks) task.completed = true;
-						fetchAPI('POST', 'task_lists/:id', { all_completed: true }, list.id);
+						toastStatus(
+							fetchAPI('POST', 'task_lists/:id', { all_completed: true }, list.id),
+							text('tasks.toast_all_completed')
+						);
 					}}
 				>
 					<Icon i="regular/circle-check" />
@@ -141,7 +155,7 @@
 					class="menu-item"
 					onclick={() => {
 						for (const task of tasks) task.completed = false;
-						fetchAPI('POST', 'task_lists/:id', { all_completed: false }, list.id);
+						toastStatus(fetchAPI('POST', 'task_lists/:id', { all_completed: false }, list.id), text('tasks.toast_all_pending'));
 					}}
 				>
 					<Icon i="regular/circle" />
@@ -165,16 +179,10 @@
 				</div>
 			{/if}
 		</Popover>
-		<AccessControlDialog bind:dialog={acl} item={list} itemType="task_lists" editable />
+		<AccessControlDialog bind:dialog={acl} item={list} itemType="task_lists" {user} />
 	</div>
 	<div>
-		<button
-			class="icon-text"
-			onclick={() =>
-				fetchAPI('PUT', 'task_lists/:id', { summary: '' }, list.id)
-					.then(t => t)
-					.then(tasks.push.bind(tasks))}
-		>
+		<button class="icon-text" onclick={() => fetchAPI('PUT', 'task_lists/:id', { summary: '' }, list.id).then(t => tasks.push(t))}>
 			<Icon i="regular/circle-plus" />
 			<span>{text('tasks.new_task')}</span>
 		</button>

package/locales/en.json

@@ -22,6 +22,10 @@
 		"pending_heading": "Pending",
 		"pending_empty": "No pending tasks.",
 		"completed_heading": "Completed",
-		"completed_empty": "No completed tasks."
+		"completed_empty": "No completed tasks.",
+		"toast_all_completed": "All tasks marked as complete",
+		"toast_all_pending": "All tasks marked as pending",
+		"toast_task_deleted": "Task deleted",
+		"toast_list_deleted": "Task list deleted"
 	}
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@axium/tasks",
-	"version": "0.4.10",
+	"version": "0.4.12",
 	"author": "James Prevett <axium@jamespre.dev>",
 	"description": "Tasks 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.6.3"

package/routes/tasks/+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, url }) {
-	let { session }: { session?: Session | null } = await parent();
+	let { session }: { session?: (Session & { user: UserPublic }) | null } = await parent();
 
 	session ||= await getCurrentSession().catch(() => null);
 

package/routes/tasks/+page.svelte

@@ -24,7 +24,7 @@
 
 	<div class="lists-container">
 		{#each lists as list}
-			<TaskList {list} bind:lists />
+			<TaskList {list} bind:lists user={data.session?.user} />
 		{/each}
 	</div>
 </div>

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

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