@axium/tasks 0.1.1 → 0.1.3

package/dist/common.d.ts

@@ -3,11 +3,11 @@ import type { WithRequired } from 'utilium';
 import * as z from 'zod';
 export declare const TaskInit: z.ZodObject<{
     summary: z.ZodOptional<z.ZodString>;
-    description: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    description: z.ZodOptional<z.ZodNullable<z.ZodString>>;
     listId: z.ZodUUID;
-    parentId: z.ZodNullable<z.ZodOptional<z.ZodUUID>>;
+    parentId: z.ZodOptional<z.ZodNullable<z.ZodUUID>>;
     completed: z.ZodOptional<z.ZodBoolean>;
-    due: z.ZodNullable<z.ZodOptional<z.ZodDate>>;
+    due: z.ZodOptional<z.ZodNullable<z.ZodDate>>;
 }, z.core.$strip>;
 export type TaskInit = z.infer<typeof TaskInit>;
 export interface Task extends TaskInit {
@@ -16,7 +16,7 @@ export interface Task extends TaskInit {
 }
 export declare const TaskListInit: z.ZodObject<{
     name: z.ZodString;
-    description: z.ZodNullable<z.ZodOptional<z.ZodString>>;
+    description: z.ZodOptional<z.ZodNullable<z.ZodString>>;
 }, z.core.$strip>;
 export type TaskListInit = z.infer<typeof TaskListInit>;
 export interface TaskList extends TaskListInit {

package/dist/common.js

@@ -1,13 +1,13 @@
 import * as z from 'zod';
 export const TaskInit = z.object({
     summary: z.string().max(100).optional(),
-    description: z.string().max(500).optional().nullable(),
+    description: z.string().max(500).nullish(),
     listId: z.uuid(),
-    parentId: z.uuid().optional().nullable(),
+    parentId: z.uuid().nullish(),
     completed: z.boolean().optional(),
-    due: z.date().optional().nullable(),
+    due: z.date().nullish(),
 });
 export const TaskListInit = z.object({
     name: z.string().min(1).max(50),
-    description: z.string().max(500).optional().nullable(),
+    description: z.string().max(500).nullish(),
 });

package/lib/TaskList.svelte

@@ -80,6 +80,17 @@
 			>
 				<Icon i="trash" /> Delete
 			</div>
+			{#if lists}
+				<div
+					class="menu-item"
+					onclick={e => {
+						e.currentTarget.parentElement?.togglePopover();
+						open(`/tasks/${list.id}`);
+					}}
+				>
+					<Icon i="arrow-up-right-from-square" /> Open in New Tab
+				</div>
+			{/if}
 		</Popover>
 	</div>
 	<div>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@axium/tasks",
-	"version": "0.1.1",
+	"version": "0.1.3",
 	"author": "James Prevett <axium@jamespre.dev> (https://jamespre.dev)",
 	"description": "",
 	"funding": {

package/routes/tasks/+page.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { fetchAPI } from '@axium/client/requests';
-	import { Dialog, FormDialog, Icon } from '@axium/server/components';
+	import { FormDialog, Icon } from '@axium/server/components';
 	import { parseList } from '@axium/tasks/client';
 	import { TaskListInit } from '@axium/tasks/common';
 	import { TaskList } from '@axium/tasks/components';

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

@@ -1,11 +1,50 @@
 <script lang="ts">
+	import { Icon } from '@axium/server/components';
 	import { TaskList } from '@axium/tasks/components';
 
 	const { data } = $props();
+
+	let opener = $state.raw<Window | null>(window.opener);
+
+	opener?.addEventListener('beforeunload', () => (opener = null));
+	opener?.addEventListener('load', () => (opener = null));
+	opener?.addEventListener('popstate', () => {
+		opener = opener?.location.pathname == '/tasks' ? window.opener : null;
+	});
 </script>
 
 <svelte:head>
 	<title>Tasks — {data.list.name}</title>
 </svelte:head>
 
-<TaskList list={data.list} />
+<div class="list-container">
+	{#if opener}
+		<div>
+			<button
+				class="icon-text"
+				onclick={() => {
+					opener?.focus();
+					close();
+				}}
+			>
+				<Icon i="arrow-left-from-bracket" /> Back to Tasks
+			</button>
+		</div>
+	{/if}
+
+	<TaskList list={data.list} />
+</div>
+
+<style>
+	.list-container {
+		display: flex;
+		flex-direction: column;
+		gap: 1em;
+		padding: 1em;
+		inset: 1em;
+	}
+
+	:global(.task-list-header [popover]) {
+		right: 1em;
+	}
+</style>