@axium/tasks 0.5.7 → 0.5.8

package/db-scripts/add_task_list_sync_event.sql

@@ -0,0 +1,15 @@
+CREATE OR REPLACE FUNCTION add_task_list_sync_event()
+RETURNS TRIGGER AS $$
+BEGIN
+    IF (TG_OP = 'DELETE') THEN
+        INSERT INTO sync_events (type, id, op)
+        VALUES ('task_lists', OLD."listId", 'u');
+        RETURN OLD;
+    END IF;
+
+    INSERT INTO sync_events (type, id, op)
+    VALUES ('task_lists', NEW."listId", 'u');
+
+    RETURN NEW;
+END;
+$$ LANGUAGE plpgsql;

package/db.json

@@ -86,6 +86,22 @@
 					}
 				}
 			}
+		},
+		{
+			"delta": true,
+			"alter_tables": {
+				"tasks": {
+					"add_triggers": {
+						"sync_events": {
+							"forEach": "row",
+							"when": "after",
+							"events": ["insert", "update", "delete"],
+							"execute": "add_task_list_sync_event"
+						}
+					}
+				}
+			},
+			"scripts": [{ "when": "before", "path": "db-scripts/add_task_list_sync_event.sql" }]
 		}
 	],
 	"wipe": ["task_lists", "tasks", "acl.task_lists"],

package/dist/common.d.ts

@@ -67,6 +67,7 @@ export declare const TaskList: z.ZodObject<{
             emailVerified: z.ZodOptional<z.ZodOptional<z.ZodNullable<z.ZodCoercedDate<unknown>>>>;
             preferences: z.ZodOptional<z.ZodLazy<z.ZodObject<{
                 debug: z.ZodDefault<z.ZodBoolean>;
+                theme: z.ZodDefault<z.ZodLiteral<"default" | "light" | "forest" | "midnight" | "beach" | "cherry" | "volcano">>;
             }, z.core.$strip>>>;
             roles: z.ZodArray<z.ZodString>;
             tags: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -119,6 +120,7 @@ declare const TasksAPI: {
                     emailVerified: z.ZodOptional<z.ZodOptional<z.ZodNullable<z.ZodCoercedDate<unknown>>>>;
                     preferences: z.ZodOptional<z.ZodLazy<z.ZodObject<{
                         debug: z.ZodDefault<z.ZodBoolean>;
+                        theme: z.ZodDefault<z.ZodLiteral<"default" | "light" | "forest" | "midnight" | "beach" | "cherry" | "volcano">>;
                     }, z.core.$strip>>>;
                     roles: z.ZodArray<z.ZodString>;
                     tags: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -162,6 +164,7 @@ declare const TasksAPI: {
                     emailVerified: z.ZodOptional<z.ZodOptional<z.ZodNullable<z.ZodCoercedDate<unknown>>>>;
                     preferences: z.ZodOptional<z.ZodLazy<z.ZodObject<{
                         debug: z.ZodDefault<z.ZodBoolean>;
+                        theme: z.ZodDefault<z.ZodLiteral<"default" | "light" | "forest" | "midnight" | "beach" | "cherry" | "volcano">>;
                     }, z.core.$strip>>>;
                     roles: z.ZodArray<z.ZodString>;
                     tags: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -204,6 +207,7 @@ declare const TasksAPI: {
                     emailVerified: z.ZodOptional<z.ZodOptional<z.ZodNullable<z.ZodCoercedDate<unknown>>>>;
                     preferences: z.ZodOptional<z.ZodLazy<z.ZodObject<{
                         debug: z.ZodDefault<z.ZodBoolean>;
+                        theme: z.ZodDefault<z.ZodLiteral<"default" | "light" | "forest" | "midnight" | "beach" | "cherry" | "volcano">>;
                     }, z.core.$strip>>>;
                     roles: z.ZodArray<z.ZodString>;
                     tags: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -247,6 +251,7 @@ declare const TasksAPI: {
                     emailVerified: z.ZodOptional<z.ZodOptional<z.ZodNullable<z.ZodCoercedDate<unknown>>>>;
                     preferences: z.ZodOptional<z.ZodLazy<z.ZodObject<{
                         debug: z.ZodDefault<z.ZodBoolean>;
+                        theme: z.ZodDefault<z.ZodLiteral<"default" | "light" | "forest" | "midnight" | "beach" | "cherry" | "volcano">>;
                     }, z.core.$strip>>>;
                     roles: z.ZodArray<z.ZodString>;
                     tags: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -306,6 +311,7 @@ declare const TasksAPI: {
                     emailVerified: z.ZodOptional<z.ZodOptional<z.ZodNullable<z.ZodCoercedDate<unknown>>>>;
                     preferences: z.ZodOptional<z.ZodLazy<z.ZodObject<{
                         debug: z.ZodDefault<z.ZodBoolean>;
+                        theme: z.ZodDefault<z.ZodLiteral<"default" | "light" | "forest" | "midnight" | "beach" | "cherry" | "volcano">>;
                     }, z.core.$strip>>>;
                     roles: z.ZodArray<z.ZodString>;
                     tags: z.ZodOptional<z.ZodArray<z.ZodString>>;

package/lib/TaskList.svelte

@@ -3,7 +3,7 @@
 	import { page } from '$app/state';
 	import { fetchAPI, preferences, text } from '@axium/client';
 	import { AccessControlDialog, Icon, Popover } from '@axium/client/components';
-	import { copy } from '@axium/client/gui';
+	import { copy } from '@axium/client/web';
 	import { toastStatus } from '@axium/client/toast';
 	import { buildTaskTree, type Task, type TaskList, type TaskTreeNode } from '@axium/tasks/common';
 	import type { WithRequired } from 'utilium';
@@ -19,8 +19,9 @@
 
 	const { user } = page.data.session || {};
 
-	let tasks = $state(list.tasks),
-		open = $state(false);
+	const tasks = $derived(list.tasks);
+
+	let open = $state(false);
 
 	const { show_completed_subtasks } = user ? await preferences.get(user.id, 'tasks') : {};
 	const showCompletedInline = show_completed_subtasks == 'inline';
@@ -211,7 +212,7 @@
 				<div
 					class="menu-item"
 					onclick={() => {
-						tasks = tasks.filter(task => !task.completed);
+						list.tasks = tasks.filter(task => !task.completed);
 						toastStatus(
 							fetchAPI('POST', 'task_lists/:id', { action: 'delete_completed' }, list.id),
 							text('tasks.toast_delete_completed')

package/lib/tsconfig.json

@@ -7,7 +7,7 @@
 		"moduleResolution": "Bundler",
 		"types": ["@sveltejs/kit"]
 	},
-	"include": ["**/*.svelte", "**/*.ts"],
+	"include": ["**/*.svelte", "**/*.ts", "../src/.*.ts", "../../client/dist/.*.ts"],
 	"exclude": [],
 	"references": [{ "path": ".." }]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@axium/tasks",
-	"version": "0.5.7",
+	"version": "0.5.8",
 	"author": "James Prevett <axium@jamespre.dev>",
 	"description": "Tasks for Axium",
 	"funding": {
@@ -26,6 +26,7 @@
 		"./components/*": "./lib/*.svelte"
 	},
 	"files": [
+		"db-scripts",
 		"dist",
 		"lib",
 		"routes",
@@ -36,9 +37,9 @@
 		"build": "tsc"
 	},
 	"peerDependencies": {
-		"@axium/client": ">=0.27.0",
-		"@axium/core": ">=0.23.0",
-		"@axium/server": ">=0.47.0",
+		"@axium/client": ">=0.37.0",
+		"@axium/core": ">=0.39.0",
+		"@axium/server": ">=0.55.0",
 		"@sveltejs/kit": "^2.27.3",
 		"kysely": "^0.29.0",
 		"utilium": "^3.0.0"
@@ -47,11 +48,12 @@
 		"zod": "^4.0.5"
 	},
 	"axium": {
+		"locales": "locales",
 		"server": {
 			"routes": "routes",
 			"hooks": "./dist/hooks.js",
 			"db": "./db.json",
-			"web_client_hooks": "./dist/web_hook.js"
+			"web_client_hooks": "./dist/common.js"
 		},
 		"apps": [
 			{

package/routes/tasks/+layout.ts

@@ -1,5 +1,10 @@
+import { connect } from '@axium/client/socket';
+import { schemas } from '@axium/client/sync';
 import { getCurrentSession } from '@axium/client/user';
 import type { Session, UserPublic } from '@axium/core';
+import { TaskList } from '@axium/tasks/common';
+
+schemas.set('task_lists', TaskList);
 
 export const ssr = false;
 
@@ -8,5 +13,7 @@ export async function load({ parent }) {
 
 	session ||= await getCurrentSession().catch(() => null);
 
+	if (session) await connect().catch(() => null);
+
 	return { session };
 }

package/routes/tasks/+page.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
-	import { FormDialog, Icon, AppPreferencesDialog } from '@axium/client/components';
 	import { fetchAPI, text } from '@axium/client';
+	import { AppPreferencesDialog, FormDialog, Icon } from '@axium/client/components';
+	import { syncObjects } from '@axium/client/reactive';
 	import { TaskListInit, TasksPreferences } from '@axium/tasks/common';
 	import { TaskList } from '@axium/tasks/components';
 
@@ -8,8 +9,12 @@
 
 	let lists = $state(data.lists);
 	let dialog = $state<HTMLDialogElement>();
+
+	const onfocusout = syncObjects(lists, 'task_lists');
 </script>
 
+<svelte:window {onfocusout} />
+
 <svelte:head>
 	<title>{text('app_name.tasks')}</title>
 </svelte:head>

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

@@ -1,10 +1,16 @@
 <script lang="ts">
+	import { goto } from '$app/navigation';
 	import { text } from '@axium/client';
 	import { Icon } from '@axium/client/components';
+	import { syncObject } from '@axium/client/reactive';
 	import { TaskList } from '@axium/tasks/components';
 
 	const { data } = $props();
 
+	let list = $state(data.list);
+
+	syncObject(list, () => goto('/tasks'), 'task_lists');
+
 	let opener = $state.raw<Window | null>(window.opener);
 
 	opener?.addEventListener('beforeunload', () => (opener = null));
@@ -15,7 +21,7 @@
 </script>
 
 <svelte:head>
-	<title>{text('tasks.list_page_title', { name: data.list.name })}</title>
+	<title>{text('tasks.list_page_title', list)}</title>
 </svelte:head>
 
 <div class="list-container">
@@ -34,7 +40,7 @@
 		</div>
 	{/if}
 
-	<TaskList list={data.list} user={data.session?.user} />
+	<TaskList bind:list />
 </div>
 
 <style>

package/routes/tsconfig.json

@@ -7,6 +7,6 @@
 		"target": "esnext",
 		"rootDir": ".."
 	},
-	"include": ["**/*", "../lib/*"],
+	"include": ["**/*", "../lib/*", "../src/.*.ts", "../../client/dist/.*.ts"],
 	"references": [{ "path": ".." }]
 }

package/dist/web_hook.d.ts

@@ -1,8 +0,0 @@
-import en from '../locales/en.json';
-import './common.js';
-type en = typeof en;
-declare module '@axium/client/locales' {
-    interface Locale extends en {
-    }
-}
-export {};

package/dist/web_hook.js

@@ -1,4 +0,0 @@
-import { extendLocale } from '@axium/client';
-import en from '../locales/en.json' with { type: 'json' };
-import './common.js';
-extendLocale('en', en);