create-wirejs-app 2.0.33 → 2.0.35-table-resource

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "create-wirejs-app",
-	"version": "2.0.33",
+	"version": "2.0.35-table-resource",
 	"description": "Initializes a wirejs package.",
 	"author": "Jon Wire",
 	"license": "MIT",

package/templates/default/api/index.ts

@@ -1,14 +1,27 @@
-import { AuthenticationService, FileService, withContext } from 'wirejs-resources';
+import {
+	AuthenticationService,
+	DistributedTable,
+	FileService,
+	PassThruParser,
+	withContext
+} from 'wirejs-resources';
+
+const userTodos = new DistributedTable('app', 'userTodos', {
+	parse: PassThruParser<Todo & { userId: string }>,
+	key: {
+		partition: 'userId',
+		sort: ['id']
+	}
+});
 
-const userTodos = new FileService('app', 'userTodoApp');
 const wikiPages = new FileService('app', 'wikiPages');
 const authService = new AuthenticationService('app', 'core-users');
 
 export const auth = authService.buildApi();
-
 export type Todo = {
 	id: string;
 	text: string;
+	order: number;
 };
 
 export const todos = withContext(context => ({
@@ -16,27 +29,49 @@ export const todos = withContext(context => ({
 		const user = await auth.requireCurrentUser(context);
 
 		try {
-			const todos = await userTodos.read(`${user.id}/todos.json`);
-			return todos ? JSON.parse(todos) : [];
+			const todos = await userTodos.query({ userId: user.id });
+			const todosArray = await Array.fromAsync(todos);
+			return todosArray
+				.sort((a, b) => a.order - b.order)
+				.map(todo => ({
+					id: todo.id,
+					text: todo.text,
+					order: todo.order,
+				}));
 		} catch (error) {
 			return [];
 		}
 	},
-	async write(todos: Todo[]) {
+
+	async save(todo: Todo) {
 		const user = await auth.requireCurrentUser(context);
 
-		if (!Array.isArray(todos) || !todos.every(todo =>
-			typeof todo.id === 'string'
-			&& typeof todo.text === 'string')
-		) {
-			throw new Error("Invalid todos!");
+		if (typeof todo.id !== 'string' || typeof todo.text !== 'string') {
+			throw new Error("Invalid todo!");
 		}
 
-		const finalTodos = todos.map(todo => ({ id: todo.id, text: todo.text }));
-		await userTodos.write(`${user.id}/todos.json`, JSON.stringify(finalTodos));
+		const finalTodo = {
+			userId: user.id,
+			id: todo.id,
+			text: todo.text,
+			order: todo.order,
+		};
+		await userTodos.save(finalTodo);
 
 		return true;
-	}
+	},
+
+	async remove(todoId: string) {
+		const user = await auth.requireCurrentUser(context);
+
+		if (typeof todoId !== 'string') {
+			throw new Error("Invalid todo ID!");
+		}
+
+		await userTodos.delete({ userId: user.id, id: todoId });
+
+		return true;
+	},
 }));
 
 function normalizeWikiPageFilename(page: string) {

package/templates/default/package.json

@@ -11,10 +11,10 @@
 		"dompurify": "^3.2.3",
 		"marked": "^15.0.6",
 		"wirejs-dom": "^1.0.38",
-		"wirejs-resources": "^0.1.28"
+		"wirejs-resources": "^0.1.30-table-resource"
 	},
 	"devDependencies": {
-		"wirejs-scripts": "^3.0.26",
+		"wirejs-scripts": "^3.0.28-table-resource",
 		"typescript": "^5.7.3"
 	},
 	"scripts": {

package/templates/default/src/ssg/todo-app.ts

@@ -3,9 +3,9 @@ import { accountMenu } from '../components/account-menu.js';
 import { auth, todos, Todo } from 'my-api';
 
 function Todos() {
-	const save = async () => {
+	const add = async (todo: Todo) => {
 		try {
-			await todos.write(null, self.data.todos);
+			await todos.save(null, todo);
 		} catch (error) {
 			alert(error);
 		}
@@ -13,7 +13,7 @@ function Todos() {
 
 	const remove = (todo: Todo) => {
 		self.data.todos = self.data.todos.filter(t => t.id !== todo.id);
-		save();
+		todos.remove(null, todo.id);
 	}
 
 	const newid = () => crypto.randomUUID();
@@ -29,9 +29,16 @@ function Todos() {
 		<div>
 			<form onsubmit=${(event: Event) => {
 				event.preventDefault();
-				self.data.todos.push({ id: newid(), text: self.data.newTodo });
+				const todo = {
+					id: newid(),
+					text: self.data.newTodo,
+					order: (self.data.todos[
+						self.data.todos.length - 1
+					]?.order ?? 0) + 1,
+				};
+				self.data.todos.push(todo);
 				self.data.newTodo = '';
-				save();
+				add(todo);
 			}}>
 				<input type='text' value=${attribute('newTodo', '' as string)} />
 				<input type='submit' value='Add' />

package/templates/default/tsconfig.json

@@ -2,14 +2,15 @@
 	"compilerOptions": {
 	  "module": "ESNext",
 	  "target": "ESNext",
+	  "lib": ["ESNext", "DOM"],
 	  "moduleResolution": "bundler",
 	  "outDir": "./dist",
 	  "esModuleInterop": true,
 	  "strict": true,
 	  "noImplicitAny": true,
 	  "skipLibCheck": true,
-	  "declaration": true, 
+	  "declaration": false, 
 	},
-	"include": ["src/**/*"],
+	"include": ["src/**/*", "api/**/*"],
 	"exclude": ["node_modules"]
 }