@axium/notes 0.1.0 → 0.1.1

package/dist/common.d.ts

@@ -2,9 +2,9 @@ import type { Permission } from '@axium/core';
 import * as z from 'zod';
 export declare const NoteInit: z.ZodObject<{
     title: z.ZodString;
-    content: z.ZodString;
-    labels: z.ZodArray<z.ZodString>;
-    publicPermission: z.ZodInt;
+    content: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    labels: z.ZodDefault<z.ZodArray<z.ZodString>>;
+    publicPermission: z.ZodDefault<z.ZodInt>;
 }, z.core.$strip>;
 export interface NoteInit extends z.infer<typeof NoteInit> {
     publicPermission: Permission;

package/dist/common.js

@@ -1,7 +1,7 @@
 import * as z from 'zod';
 export const NoteInit = z.object({
     title: z.string().max(100),
-    content: z.string().max(1000),
-    labels: z.array(z.string().max(50)),
-    publicPermission: z.int().min(0).max(5),
+    content: z.string().max(10_000).nullish(),
+    labels: z.array(z.string().max(30)).default([]),
+    publicPermission: z.int().min(0).max(5).default(0),
 });

package/dist/server.d.ts

@@ -6,9 +6,9 @@ declare module '@axium/server/database' {
             id: GeneratedAlways<string>;
             userId: string;
             created: GeneratedAlways<Date>;
-            modified: GeneratedAlways<Date>;
+            modified: Generated<Date>;
             title: string;
-            content: string;
+            content: string | null;
             publicPermission: Generated<Permission>;
             labels: Generated<string[]>;
         };

package/dist/server.js

@@ -11,9 +11,9 @@ expectedTypes.notes = {
     created: { type: 'timestamptz', required: true, hasDefault: true },
     modified: { type: 'timestamptz', required: true, hasDefault: true },
     title: { type: 'text', required: true },
-    content: { type: 'text', required: true },
+    content: { type: 'text' },
     publicPermission: { type: 'int4', required: true, hasDefault: true },
-    labels: { type: '_text', required: false, hasDefault: true },
+    labels: { type: '_text', required: true, hasDefault: true },
 };
 addRoute({
     path: '/api/users/:id/notes',
@@ -55,6 +55,7 @@ addRoute({
         return await database
             .updateTable('notes')
             .set(init)
+            .set('modified', new Date())
             .where('id', '=', id)
             .returningAll()
             .executeTakeFirstOrThrow()

package/lib/Note.svelte

@@ -15,7 +15,7 @@
 			type="text"
 			bind:value={note.title}
 			class="editable-text"
-			onblur={e => {
+			onchange={e => {
 				note.title = e.currentTarget.value;
 				fetchAPI('PATCH', 'notes/:id', note, note.id);
 			}}
@@ -52,7 +52,14 @@
 			{/if}
 		</Popover>
 	</div>
-	<textarea name="content" class="note-content">{note.content}</textarea>
+	<textarea
+		name="content"
+		class="editable-text"
+		onchange={e => {
+			note.content = e.currentTarget.value;
+			fetchAPI('PATCH', 'notes/:id', note, note.id);
+		}}>{note.content}</textarea
+	>
 </div>
 
 <style>
@@ -90,8 +97,4 @@
 	.note:hover :global(.popover-toggle) {
 		visibility: visible;
 	}
-
-	.note-content {
-		background-color: inherit;
-	}
 </style>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@axium/notes",
-	"version": "0.1.0",
+	"version": "0.1.1",
 	"author": "James Prevett <axium@jamespre.dev> (https://jamespre.dev)",
 	"description": "Notes for Axium",
 	"funding": {

package/routes/notes/+page.svelte

@@ -1,14 +1,12 @@
 <script lang="ts">
+	import { Icon } from '@axium/client/components';
 	import { fetchAPI } from '@axium/client/requests';
-	import { FormDialog, Icon } from '@axium/client/components';
 	import { parseNote } from '@axium/notes/client';
-	import { NoteInit } from '@axium/notes/common';
 	import { Note } from '@axium/notes/components';
 
 	const { data } = $props();
 
 	let notes = $state(data.notes);
-	let dialog = $state<HTMLDialogElement>();
 </script>
 
 <svelte:head>
@@ -18,7 +16,14 @@
 <div class="notes-main">
 	<h1>Notes</h1>
 	<span>
-		<button class="icon-text" onclick={() => dialog!.showModal()}>
+		<button
+			class="icon-text"
+			onclick={async () => {
+				const result = await fetchAPI('PUT', 'users/:id/notes', { title: '' }, data.session.userId);
+				parseNote(result);
+				notes.push(result);
+			}}
+		>
 			<Icon i="plus" /> New Note
 		</button>
 	</span>
@@ -29,26 +34,6 @@
 	</div>
 </div>
 
-<FormDialog
-	bind:dialog
-	submitText="Create Note"
-	submit={async rawInit => {
-		const init = NoteInit.parse(rawInit);
-		const result = await fetchAPI('PUT', 'users/:id/notes', init, data.session.userId);
-		parseNote(result);
-		notes.push(result);
-	}}
->
-	<div>
-		<label for="name">Name</label>
-		<input name="name" type="text" required />
-	</div>
-	<div>
-		<label for="description">Description <span class="subtle">(optional)</span></label>
-		<input name="description" type="text" />
-	</div>
-</FormDialog>
-
 <style>
 	.notes-main {
 		padding: 2em;