create-wirejs-app 2.0.9 → 2.0.11

package/bin.js

@@ -18,11 +18,7 @@ const [
 	await copy(`${__dirname}/templates/default`, `./${projectName}`);
 	await copy(`${__dirname}/templates/default/gitignore`, `./${projectName}/.gitignore`);
 	await fs.promises.unlink(`./${projectName}/gitignore`);
-	await fs.promises.rename(
-		`./${projectName}/src/ssr/simple-wiki/STAR.js`,
-		`./${projectName}/src/ssr/simple-wiki/*.js`
-	)
-
+	
 	const packageJson = await fs.readFileSync(`./${projectName}/package.json`);
 	fs.writeFileSync(
 		`./${projectName}/package.json`,

package/package.json

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

package/templates/default/api/index.ts

@@ -0,0 +1,63 @@
+import { AuthenticationService, FileService, withContext } from 'wirejs-resources';
+
+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;
+};
+
+export const todos = withContext(context => ({
+	async read(): Promise<Todo[]> {
+		const user = await auth.requireCurrentUser(context);
+
+		try {
+			const todos = await userTodos.read(`${user.id}/todos.json`);
+			return todos ? JSON.parse(todos) : [];
+		} catch (error) {
+			return [];
+		}
+	},
+	async write(todos: 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!");
+		}
+
+		const finalTodos = todos.map(todo => ({ id: todo.id, text: todo.text }));
+		await userTodos.write(`${user.id}/todos.json`, JSON.stringify(finalTodos));
+
+		return true;
+	}
+}));
+
+function normalizeWikiPageFilename(page: string) {
+	return page.replace(/[^-_a-zA-Z0-9/]/g, '-') + '.md';
+}
+
+export const wiki = withContext(context => ({
+	async read(page: string) {
+		const filename = normalizeWikiPageFilename(page);
+		try {
+			return await wikiPages.read(filename);
+		} catch (error) {
+			return null;
+		}
+	},
+	async write(page: string, content: string) {
+		await auth.requireCurrentUser(context);
+
+		const filename = normalizeWikiPageFilename(page);
+		await wikiPages.write(filename, content);
+
+		return true;
+	}
+}));

package/templates/default/gitignore

@@ -1,5 +1,7 @@
 node_modules
 dist
+pre-dist
 temp
 src/build_id.json
 api/index.client.js
+api/index.js

package/templates/default/index.ts

@@ -0,0 +1,63 @@
+import { AuthenticationService, FileService, withContext } from 'wirejs-resources';
+
+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;
+};
+
+export const todos = withContext(context => ({
+	async read(): Promise<Todo[]> {
+		const user = await auth.requireCurrentUser(context);
+
+		try {
+			const todos = await userTodos.read(`${user.id}/todos.json`);
+			return todos ? JSON.parse(todos) : [];
+		} catch (error) {
+			return [];
+		}
+	},
+	async write(todos: 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!");
+		}
+
+		const finalTodos = todos.map(todo => ({ id: todo.id, text: todo.text }));
+		await userTodos.write(`${user.id}/todos.json`, JSON.stringify(finalTodos));
+
+		return true;
+	}
+}));
+
+function normalizeWikiPageFilename(page: string) {
+	return page.replace(/[^-_a-zA-Z0-9/]/g, '-') + '.md';
+}
+
+export const wiki = withContext(context => ({
+	async read(page: string) {
+		const filename = normalizeWikiPageFilename(page);
+		try {
+			return await wikiPages.read(filename);
+		} catch (error) {
+			return null;
+		}
+	},
+	async write(page: string, content: string) {
+		await auth.requireCurrentUser(context);
+
+		const filename = normalizeWikiPageFilename(page);
+		await wikiPages.write(filename, content);
+
+		return true;
+	}
+}));

package/templates/default/package.json

@@ -8,13 +8,14 @@
 		"api"
 	],
 	"dependencies": {
-		"wirejs-dom": "^1.0.35",
-		"wirejs-resources": "^0.1.9-alpha",
 		"dompurify": "^3.2.3",
-		"marked": "^15.0.6"
+		"marked": "^15.0.6",
+		"wirejs-dom": "^1.0.38",
+		"wirejs-resources": "^0.1.9-alpha"
 	},
 	"devDependencies": {
-		"wirejs-scripts": "^3.0.2"
+		"wirejs-scripts": "^3.0.8",
+		"typescript": "^5.7.3"
 	},
 	"scripts": {
 		"prebuild": "npm run prebuild --workspaces --if-present",

package/templates/default/src/components/{account-menu.js → account-menu.ts}

@@ -1,32 +1,28 @@
 import { attribute, html, node, text, id } from 'wirejs-dom/v2';
 import { authenticator } from './authenticator.js';
+import type {
+	AuthenticationApi,
+	AuthenticationMachineState,
+} from 'wirejs-resources';
 
-/**
- * @typedef {import('wirejs-services').AuthenticationService} AuthenticationService
- * @typedef {ReturnType<AuthenticationService['buildApi']>} AuthStateApi
- * @typedef {Awaited<ReturnType<AuthStateApi['getState']>>} AuthState
- * @typedef {AuthState['actions'][string]} AuthStateAction
- * @typedef {Parameters<AuthStateApi['setState']>[0]} AuthStateActionInput
- * @typedef {import('wirejs-services').Context} Context
- */
+type Callback = (state: AuthenticationMachineState) => any;
 
-/**
- * @param {AuthStateApi} api
- */
-export const accountMenu = (api) => {
+export const accountMenu = ({ api, initialState }: {
+	api: AuthenticationApi,
+	initialState?: AuthenticationMachineState
+}) => {
 	const uiState = {
 		expanded: false
 	};
 
-	/**
-	 * @type {Set<(state: AuthState) => any>}
-	 */
-	const listeners = new Set();
+	const listeners = new Set<Callback>();
 
-	const listenForClose = event => {
+	const listenForClose = (
+		event: (MouseEvent | KeyboardEvent)
+	) => {
 		if (
-			(event.type === 'click' && !self.data.menu.contains(event.target))
-			|| (event.type === 'keyup' && event.key === 'Escape')
+			(event.type === 'click' && !self.data.menu.contains(event.target as any))
+			|| (event.type === 'keyup' && (event as any).key === 'Escape')
 		) {
 			close()
 		}
@@ -51,9 +47,9 @@ export const accountMenu = (api) => {
 		self.data.menu.style.right = `${document.body.clientWidth - position.right + 16}px`;
 	};
 
-	const authenticatorNode = authenticator(api);
+	const authenticatorNode = authenticator(api, initialState);
 	authenticatorNode.data.onchange(state => {
-		self.data.user = state.state.user || '';
+		self.data.user = state.user?.username || '';
 		close();
 		for (const listener of listeners) {
 			try {
@@ -67,7 +63,10 @@ export const accountMenu = (api) => {
 	const self = html`<accountmenu style='display: inline-block;'>
 		<div
 			style='display: inline-block;'
-		>${node('user', name => name ? html`<b>${name}</b>` : html`<i>Anonymous</i>`)}</div>
+		>${node(
+			'user',
+			initialState?.user?.username || '',
+			name => name ? html`<b>${name}</b>` : html`<i>Anonymous</i>`)}</div>
 		<div style='
 				display: inline-block;
 				border: 1px solid silver;
@@ -89,7 +88,7 @@ export const accountMenu = (api) => {
 				}
 			}}
 		>☰</div>
-		<div ${id('menu')} style='
+		<div ${id('menu', HTMLDivElement)} style='
 			display: none;
 			position: absolute;
 			border: 1px solid gray;
@@ -99,21 +98,18 @@ export const accountMenu = (api) => {
 			box-shadow: -0.125rem 0.125rem 0.25rem lightgray;
 		'>${node('authenticator', authenticatorNode)}</div>
 	</accountmenu>`.onadd(async self => {
-		const state = await api.getState(true);
-		self.data.user = state.state.user || '';
+		if (!initialState) {
+			const state = await api.getState(null);
+			authenticatorNode.data.setState(state);
+			self.data.user = state.user?.username || '';
+		}
 	}).extend(self => ({
 		data: {
-			/**
-			 * @param {(state: AuthState) => any} callback
-			 */
-			onchange: (callback) => {
+			onchange: (callback: Callback) => {
 				listeners.add(callback);
 			},
 
-			/**
-			 * @param {(state: AuthState) => any} callback
-			 */
-			removeonchange: (callback) => {
+			removeonchange: (callback: Callback) => {
 				listeners.delete(callback);
 			},
 		}

package/templates/default/src/components/{authenticator.js → authenticator.ts}

@@ -1,19 +1,19 @@
 import { attribute, html, node } from 'wirejs-dom/v2';
+import type {
+	AuthenticationApi,
+	AuthenticationState,
+	AuthenticationMachineState,
+	AuthenticationMachineAction,
+	AuthenticationMachineInput,
+} from 'wirejs-resources';
 
-/**
- * @typedef {import('wirejs-services').AuthenticationService} AuthenticationService
- * @typedef {ReturnType<AuthenticationService['buildApi']>} AuthStateApi
- * @typedef {Awaited<ReturnType<AuthStateApi['getState']>>} AuthState
- * @typedef {AuthState['actions'][string]} AuthStateAction
- * @typedef {Parameters<AuthStateApi['setState']>[0]} AuthStateActionInput
-  */
+type AuthCallback = (state: AuthenticationMachineState) => any;
 
-/**
- * @param {AuthStateAction} action
- * @param {(act: AuthStateActionInput) => void} act
- */
-export const authenticatoraction = (action, act) => {
-	const inputs = Object.entries(action.inputs || []).map(([name, { label, type }]) => {
+export const authenticatoraction = (
+	action: AuthenticationMachineAction,
+	act: (input: AuthenticationMachineInput) => void
+) => {
+	const inputs = Object.entries(action.fields || []).map(([name, { label, type }]) => {
 		const id = `input_${Math.floor(Math.random() * 1_000_000)}`;
 		const input = html`<div>
 			<label for=${id}>${label}</label>
@@ -44,16 +44,16 @@ export const authenticatoraction = (action, act) => {
 
 	const actors = link ?? buttons;
 
-	if (action.inputs && Object.keys(action.inputs).length > 0) {
+	if (action.fields && Object.keys(action.fields).length > 0) {
 		return html`<authenticatoraction>
 			<div>
 				<h4 style='margin-top: 1rem; margin-bottom: 0.5rem;'>${action.name}</h4>
 				<form
-					onsubmit=${evt => {
+					onsubmit=${(evt: SubmitEvent) => {
 						evt.preventDefault();
 						act({
 							key: action.key,
-							verb: evt.submitter?.value,
+							verb: (evt.submitter as any)?.value,
 							inputs: Object.fromEntries(inputs.map(input => ([
 								input.data.name,
 								input.data.value
@@ -74,71 +74,55 @@ export const authenticatoraction = (action, act) => {
 	}
 }
 
-/**
- * @param {AuthStateApi} stateManager
- * @returns 
- */
-export const authenticator = (stateManager) => {
-	/**
-	 * @type {Set<(state: AuthState) => any>}
-	 */
-	const listeners = new Set();
-
-	/**
-	 * @type {AuthState}
-	 */
-	let lastKnownState = undefined;
+export const authenticator = (
+	stateManager: AuthenticationApi,
+	initialState?: AuthenticationMachineState
+) => {
+	const listeners = new Set<AuthCallback>();
+	let lastKnownState: AuthenticationMachineState | undefined = undefined;
 
 	const self = html`<authenticator style='display: block; min-width: 15em;'>
-		${node('state', html`<span>Loading ...</span>`)}
-	</authenticator>`.extend(self => ({
-		/**
-		 * @param {AuthState} state 
-		 */
-		renderState(state) {
-			lastKnownState = state;
-			if (state.errors) {
-				alert(state.errors.map(e => e.message).join("\n\n"));
+		${node('state', html`<span>Loading ...</span>` as HTMLElement)}
+	</authenticator>`.extend(() => ({
+		renderState(state: AuthenticationMachineState | { errors: any[] }) {
+			if ('errors' in state && state.errors) {
+				alert((state as any).errors.map((e: any) => e.message).join("\n\n"));
 			} else {
+				lastKnownState = state as AuthenticationMachineState;
 				self.data.state = html`<div>
-					<div>${state.message || ''}</div>
-					<div>${Object.entries(state.actions).map(([key, action]) => {
-						return authenticatoraction({key, ...action}, async act => {
-							self.renderState(await stateManager.setState(true, act));
+					<div>${lastKnownState.message || ''}</div>
+					<div>${Object.entries(lastKnownState.actions).map(([_key, action]) => {
+						return authenticatoraction({...action}, async act => {
+							self.renderState(await stateManager.setState(null, act));
 						});
 					})}</div>
 				</div>`;
 			}
 			for (const listener of listeners) {
 				try {
-					listener(state);
+					listener(state as AuthenticationMachineState);
 				} catch (error) {
 					console.error("Error calling auth state listener.");
 				}
 			}
 		}
 	})).onadd(async (self) => {
-		self.renderState(await stateManager.getState(true))
+		if (initialState) {
+			console.log('authenticator render state');
+			self.renderState(initialState)
+		}
 	}).extend(self => ({
 		data: {
-			/**
-			 * @param {(state: AuthState) => any} callback
-			 */
-			onchange: (callback) => {
+			setState: (state: AuthenticationMachineState) => self.renderState(state),
+			onchange: (callback: AuthCallback) => {
 				listeners.add(callback);
 			},
-
-			/**
-			 * @param {(state: AuthState) => any} callback
-			 */
-			removeonchange: (callback) => {
+			removeonchange: (callback: AuthCallback) => {
 				listeners.delete(callback);
 			},
-
 			focus: () => {
 				[...self.getElementsByTagName('input')].shift()?.focus();
 			},
-
 			get lastKnownState() {
 				return lastKnownState;
 			}

package/templates/default/src/ssg/{index.js → index.ts}

@@ -10,6 +10,7 @@ export async function generate() {
 		<!doctype html>
 		<html>
 			<head>
+				<meta name="viewport" content="width=device-width, initial-scale=1" />
 				<title>Welcome!</title>
 			</head>
 			<body>

package/templates/default/src/ssg/{todo-app.js → todo-app.ts}

@@ -1,17 +1,17 @@
 import { html, node, list, attribute, hydrate } from 'wirejs-dom/v2';
 import { accountMenu } from '../components/account-menu.js';
-import { auth, todos } from 'my-api';
+import { auth, todos, Todo } from 'my-api';
 
 function Todos() {
 	const save = async () => {
 		try {
-			await todos.write(true, self.data.todos);
+			await todos.write(null, self.data.todos);
 		} catch (error) {
 			alert(error);
 		}
 	}
 
-	const remove = todo => {
+	const remove = (todo: Todo) => {
 		self.data.todos = self.data.todos.filter(t => t.id !== todo.id);
 		save();
 	}
@@ -20,34 +20,34 @@ function Todos() {
 	
 	const self = html`<div>
 		<h4>Your Todos</h4>
-		<ol>${list('todos', todo => html`<li>
+		<ol>${list('todos', (todo: Todo) => html`<li>
 			${todo.text} : <span
 				style='color: darkred; font-weight: bold; cursor: pointer;'
 				onclick=${() => remove(todo)}
 			>X</span>
 		</li>`)}</ol>
 		<div>
-			<form onsubmit=${event => {
+			<form onsubmit=${(event: Event) => {
 				event.preventDefault();
 				self.data.todos.push({ id: newid(), text: self.data.newTodo });
 				self.data.newTodo = '';
 				save();
 			}}>
-				<input type='text' value=${attribute('newTodo', '')} />
+				<input type='text' value=${attribute('newTodo', '' as string)} />
 				<input type='submit' value='Add' />
 			</form>
 		</div>
 	<div>`.onadd(async self => {
-		self.data.todos = await todos.read(true);
+		self.data.todos = await todos.read(null);
 	});
 	return self;
 }
 
 async function App() {
-	const accountMenuNode = accountMenu(auth);
+	const accountMenuNode = accountMenu({ api: auth });
 
 	accountMenuNode.data.onchange(async state => {
-		if (state.state.user) {
+		if (state.state === 'authenticated') {
 			self.data.content = Todos();
 		} else {
 			self.data.content = html`<div>You need to sign in to add your todo list.</div>`;
@@ -67,6 +67,7 @@ export async function generate() {
 		<!doctype html>
 		<html>
 			<head>
+				<meta name="viewport" content="width=device-width, initial-scale=1" />
 				<title>Todo App</title>
 			</head>
 			<body>
@@ -80,4 +81,4 @@ export async function generate() {
 	return page;
 }
 
-hydrate('app', App);
+hydrate('app', App as any);

package/templates/default/src/ssr/simple-wiki/%.ts

@@ -0,0 +1,121 @@
+import { marked } from 'marked';
+import DOMPurify from 'dompurify';
+import { html, id, text, hydrate, node, list, attribute, KindaPretty } from 'wirejs-dom/v2';
+import type { AuthenticationMachineState, Context } from 'wirejs-resources';
+import { accountMenu } from '../../components/account-menu.js';
+import { auth, wiki } from 'my-api';
+
+type WithoutNodes<T> = KindaPretty<{
+	[K in keyof T]: T[K] extends Node
+		? T[K] extends { data: any } ? WithoutNodes<T[K]['data']> : undefined
+		: WithoutNodes<T[K]>
+}>
+
+/**
+ * Shallow check for a `data` hydration property. If present, returns the
+ * argument typed according to the given `T`.
+ */
+function initData<T extends { data: any }>(arg0: any): WithoutNodes<T['data']> | undefined {
+	return arg0?.data ? arg0.data : undefined;
+}
+
+async function Wiki(init: { context?: Context, data?: any }) {
+	const { context } = init;
+
+	const data = initData<typeof self>(init);
+
+	console.log('Wiki init', init);
+	const filepath = (context || window).location.pathname;
+
+	const content = data?.content || await wiki.read(context, filepath);
+	const initialState: AuthenticationMachineState =
+		data?.initialAuthState || await auth.getState(context)
+	;
+	const accountMenuNode = accountMenu({ api: auth, initialState });
+
+	let markdown: string = content ?? `This page doesn't exist yet`;
+	const signedOutAction = html`<i>(<b>Sign in</b> to edit.)</i>`;
+	const signedInAction = html`<button onclick=${enableEditing}>edit</button>`;
+	const invisibleDiv = html`<div style='display: none;'></div>`;
+	const editor = html`<div>
+		<textarea
+			${id('textarea', HTMLTextAreaElement)}
+			style='width: 20em; height: 10em;'
+		></textarea>
+	</div>`;
+
+	accountMenuNode.data.onchange(state => {
+		self.data.actions = actionsFor(state);
+	});
+
+	function actionsFor(state: AuthenticationMachineState) {
+		return state.state === 'authenticated' ? signedInAction : signedOutAction;
+	}
+
+	function enableEditing() {
+		editor.data.textarea.value = markdown;
+		self.data.editor = editor;
+		self.data.actions = html`<div>
+			<button onclick=${submitChanges}>save</button>
+			<button onclick=${cancelChanges}>cancel</button>
+		</div>`;
+	}
+
+	async function submitChanges() {
+		markdown = editor.data.textarea.value;
+		await wiki.write(context, filepath, markdown);
+		self.data.content = markdown;
+		self.data.actions = signedInAction;
+		self.data.editor = invisibleDiv;
+	}
+
+	function cancelChanges() {
+		self.data.actions = signedInAction;
+		self.data.editor = html`<div style='display: none;'></div>`;
+		self.data.content = markdown;
+	}
+
+	const self = html`<div id='wiki'>
+		<div style='float: right;'>${accountMenuNode}</div>
+		${node('content', markdown, md => 
+			html`<div>${DOMPurify.sanitize(marked.parse(md!) as string)}</div>`)
+		}
+		${node('editor', invisibleDiv)}
+		${node('actions', actionsFor(initialState))}
+	</div>`.extend(self => ({
+		data: {
+			initialAuthState: initialState
+		}
+	}));
+
+	return self;
+}
+
+export async function generate(context: Context) {
+	const visiblePath = context.location.pathname
+		.replaceAll('/', ' > ')
+		.replaceAll('<', '&lt;')
+		.replaceAll('>', '&gt;')
+		.replaceAll('-', ' ')
+		.replace(/\s+/g, ' ')
+	;
+
+	const page = html`
+		<!doctype html>
+		<html>
+			<head>
+				<meta name="viewport" content="width=device-width, initial-scale=1" />
+				<title>Wiki ${visiblePath}</title>
+			</head>
+			<body>
+				<p><a href='/'>Home</a></p>
+				<h1>Wiki ${visiblePath}</h1>
+				${await Wiki({ context })}
+			</body>
+		</html>
+	`;
+
+	return page;
+}
+
+hydrate('wiki', Wiki);

package/templates/default/tsconfig.json

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

package/templates/default/api/index.js

@@ -1,99 +0,0 @@
-import { AuthenticationService, FileService, withContext } from 'wirejs-resources';
-import { defaultGreeting } from '../src/lib/sample-lib.js';
-
-const userTodos = new FileService('app', 'userTodoApp');
-const wikiPages = new FileService('app', 'wikiPages');
-const authService = new AuthenticationService('app', 'core-users');
-
-export const auth = authService.buildApi();
-
-async function currentUser(context) {
-	const { user } = await authService.getBaseState(context.cookies);
-	return user;
-}
-
-/**
-* Given a name, this will return a friendly, personalized greeting.
-* @param {string} name
-* @returns {Promise<string>} A friendly greeting.
-*/
-export const hello = withContext(context => async (name) => {
-	const user = await currentUser();
-	return `${defaultGreeting()}, ${user ? `<b>${user}</b>` : '<i>Anonymous</i>'}.`;
-});
-
-export const todos = withContext(context => ({
-	async read() {
-		const user = await currentUser(context);
-
-		console.log('current user', user);
-
-		if (!user) {
-			throw new Error("Unauthorized");
-		}
-
-		try {
-			const todos = await userTodos.read(`${user}/todos.json`);
-			return todos ? JSON.parse(todos) : [];
-		} catch (error) {
-			return [];
-		}
-	},
-	/**
-	 * @param {string[]} todos 
-	 */
-	async write(todos) {
-		const user = await currentUser(context);
-
-		if (!user) {
-			throw new Error("Unauthorized");
-		}
-
-		if (!Array.isArray(todos)) {
-			throw new Error("Invalid todos!");
-		}
-
-		if (!todos.every(todo =>
-			typeof todo.id === 'string'
-			&& typeof todo.text === 'string')
-		) {
-			throw new Error("Invalid todos!");
-		}
-
-		const finalTodos = todos.map(todo => ({ id: todo.id, text: todo.text }));
-		await userTodos.write(`${user}/todos.json`, JSON.stringify(finalTodos));
-
-		return true;
-	}
-}));
-
-function normalizeWikiPageFilename(page) {
-	return page.replace(/[^-_a-zA-Z0-9/]/g, '-') + '.md';
-}
-
-export const wiki = withContext(context => ({
-	async read(page) {		
-		const filename = normalizeWikiPageFilename(page);
-		try {
-			return await wikiPages.read(filename);
-		} catch (error) {
-			console.log("returning empty content");
-			return undefined;
-		}
-	},
-	/**
-	 * @param {string[]} todos 
-	 */
-	async write(page, content) {
-		const user = await currentUser(context);
-
-		if (!user) {
-			throw new Error("Unauthorized");
-		}
-
-		const filename = normalizeWikiPageFilename(page);
-		await wikiPages.write(filename, content);
-
-		return true;
-	}
-}));

package/templates/default/src/build_id.json

@@ -1 +0,0 @@
-"1731789421822"

package/templates/default/src/components/countdown.js

@@ -1,36 +0,0 @@
-import { hello } from 'my-api';
-import { html, text, node } from 'wirejs-dom/v2';
-
-/**
- * Counts down from a given time.
- * 
- * @param {number} from - The time to count down "from".
- * @returns 
- */
-export async function Countdown(T = 10) {
-	return html`<div>
-		${node('remaining', T, timeOrGreeting => {
-			if (typeof timeOrGreeting === 'string') {
-				return html`<div>${timeOrGreeting}</div>`;
-			} else if (timeOrGreeting === 0) {
-				return html`<div><b>ALL DONE!</b></div>`;
-			} else if (timeOrGreeting === 1) {
-				return html`<div><i>ONE second left!!!</i></div>`;
-			} else {
-				return html`<div>${timeOrGreeting} seconds remaining ...</div>`;
-			}
-		})}
-	</div>`.onadd(self => {
-		function tick() {
-			self.data.remaining = self.data.remaining - 1;
-			if (self.data.remaining > 0) {
-				setTimeout(() => tick(), 1000);
-			} else {
-				hello("So and so").then(r => self.data.remaining = r);
-			}
-		};
-		tick();
-	});
-};
-
-export default Countdown;

package/templates/default/src/layouts/bare.html

@@ -1 +0,0 @@
-${body}

package/templates/default/src/layouts/core.css

@@ -1,3 +0,0 @@
-body {
-	font-size: 12pt;
-}

package/templates/default/src/layouts/default.css

@@ -1,222 +0,0 @@
-@import url('core.css');
-
-/*****************
-    BASIC TAGS
-*****************/
-
-body {
-	margin: 0px;
-	padding: 0px;
-	font-family: Arial, Helvetica, sans-serif;
-	font-size: 11pt;
-	line-height: 1.2;
-	color: #333333;
-}
-
-@media (max-width: 50rem) {
-}
-
-img {
-	border: 0px;
-}
-
-a, tpdc\:start {
-	/* text-decoration: none; */
-}
-
-a:hover, tpdc\:start:hover {
-	text-decoration: underline;
-}
-
-a.nohoverdecoration, tpcd\:start.nohoverdecoration {
-	text-decoration: none;
-}
-
-hr {
-	margin: 2rem auto;
-	width: 65%;
-	height: 1px;
-	border: 0px;
-	background-color: silver;
-}
-
-#header h1 {
-	font-size: 1.6em;
-}
-
-#header h1 a {
-	text-decoration: none;
-}
-
-#header h1 img {
-	vertical-align: text-bottom;
-	height: 1.25em;
-	border: 2px solid saddlebrown;
-}
-
-/******************
-  TEMPLATE PARTS
-******************/
-
-#container {
-	position: relative;
-	width: 90%;
-	max-width: 60rem;
-	margin: 2rem auto;
-	padding: 0.5rem;
-	background-color: #f5f5f5;
-	border: 1px solid #cccccc;
-	border-radius: 0.25em;
-	overflow: hidden;	/* float containment */
-}
-
-#content {
-	overflow: hidden;
-	padding: 0.85rem;
-	padding-top: 0px;
-	line-height: 1.3rem;
-	text-align: justify;
-}
-
-#footer {
-	clear: both;
-	text-align: center;
-	font-family: monospace;
-}
-
-#sub-footer {
-	margin-top: 2rem;
-	font-size: smaller;
-	color: #555555;
-}
-
-.footer-plug {
-	margin-top: 2.5rem;
-	padding-top: 1.75rem;
-	text-align: right;
-	color: gray;
-	border-top: 1px dashed silver;
-}
-
-.footer-plug a {
-	font-size: 1.2rem;
-}
-
-.padded {
-    padding: 10px 20px;
-}
-
-#footer > #sub-footer tpdc\:pagebuildtime {
-	font-weight: bold;
-}
-
-.modal {
-	position: fixed;
-	display: table-cell;
-	text-align: center;
-	vertical-align: middle;
-	overflow: hidden;
-	top: 0px;
-	left: 0px;
-	width: 100%;
-	height: 100%;
-	margin: 0;
-	padding: 1em 0 0 0 ;
-	background-color: #ffffff;
-	opacity: 0.8;
-	filter: alpha(opacity=80);
-}
-
-tpdc\:teaser {
-	display: block;
-	margin-top: 2em;
-	border-top: 1px dashed silver;
-	text-align: right;
-}
-
-tpdc\:fork {
-	display: block;
-	position: absolute;
-	background-color: transparent;
-	top: 0;
-	right: 0;
-	width: 7em;
-}
-
-tpdc\:fork > .banner {
-	-webkit-transform: rotate(45deg);
-    -moz-transform: rotate(45deg);
-    -ms-transform: rotate(45deg);
-    -o-transform: rotate(45deg);
-    transform: rotate(45deg);
-	width: 150%;
-    text-align: center;
-    position: absolute;
-    top: 1.5em;
-    left: -0.5em;
-	font-weight: bold;
-	background-color: green;
-}
-
-tpdc\:fork > .banner > a {
-	color: white;
-}
-
-tpdc\:resultcard {
-	display: block;
-	border: 15px solid #fce890;
-	padding: 15px;
-	margin: 15px;
-}
-
-.result-title {
-	text-align: center;
-	margin: 0px;
-	color: #aa3939;
-}
-
-.result-result {
-	text-align: center;
-	color: #3399cc;
-	border: 2px dashed #99ccee;
-	border-radius: 10px;
-	padding: 1em;
-}
-
-.result-description {
-	text-align: left;
-}
-
-.result-follow {
-	text-align: center;
-	margin-top: 2em;
-	padding-top: 1em;
-	border-top: 1px dotted silver;
-	vertical-align: bottom;
-}
-
-.result-follow span {
-	color: #bb3333;
-	font-weight: bold;
-}
-
-.result-buttons {
-	padding-top: 1em;
-}
-
-
-@media (max-width:420px)  {
-	#footer a {
-		font-size: larger;
-		display: inline-block;
-		margin: 0.25em;
-	}
-
-	.link-list li {
-		height: 2em;
-	}
-
-	.link-list li a {
-		font-size: larger;
-	}
-}

package/templates/default/src/layouts/default.html

@@ -1,41 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-		<title>${title + " - example.com"}</title>
-		<link rel="shortcut icon" type="image/ico" href="/images/wirejs.svg"/>
-		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
-		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		${metatags}
-		<script src='/layouts/default.js?v=${BUILD_ID}'></script>
-	</head>
-	<body>
-		<div id='container'>
-			<div id='header'>
-				<h1>
-					<a href='/'><img src='images/wirejs.svg' /> home</a> / ${title || "example.com"}
-				</h1>
-			</div>
-			<div class='navbar'><tpdc:menu></tpdc:menu></div>
-			<div id='content'>
-				${body}
-			</div>
-			<tpdc:teaser></tpdc:teaser>
-		</div>
-		<div id='footer'>
-			<div id='sub-footer'>
-				Do only awesome things.
-			</div>
-		</div>
-
-		<!-- diagrams rendering for markdown files -->
-		<script type="module">
-			import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@9/dist/mermaid.esm.min.mjs';
-			[...document.body.getElementsByClassName('language-mermaid')]
-				.forEach(node => {
-					node.classList.add('mermaid');
-				});
-			mermaid.init({});
-		</script>
-
-	</body>
-</html>

package/templates/default/src/layouts/default.js

@@ -1,3 +0,0 @@
-// common components
-import Countdown from '../components/countdown.js';
-

package/templates/default/src/lib/sample-lib.js

@@ -1,8 +0,0 @@
-/**
- * Just a small function to demonstrate that API's can `require()`
- * things which get included and bundled correctly.
- * @returns The string "Hello"
- */
-export function defaultGreeting() {
-	return "Hello"
-}

package/templates/default/src/ssr/simple-wiki/STAR.js

@@ -1,101 +0,0 @@
-import { marked } from 'marked';
-import DOMPurify from 'dompurify';
-import { html, id, text, hydrate, node, list, attribute } from 'wirejs-dom/v2';
-import { accountMenu } from '../../components/account-menu.js';
-import { auth, wiki } from 'my-api';
-
-/**
- * @param {{
- * 	content: string | undefined;
- * 	user: string | undefined;
- * }}
- * @returns 
- */
-async function Wiki({ context }) {
-	const filepath = (context || window).location.pathname;
-	const content = await wiki.read(context, filepath);
-
-	const accountMenuNode = accountMenu(auth);
-	let markdown = content ?? `This page doesn't exist yet`;
-	const signedOutAction = html`<i>(<b>Sign in</b> to edit.)</i>`;
-	const signedInAction = html`<button onclick=${enableEditing}>edit</button>`;
-	const invisibleDiv = html`<div style='display: none;'></div>`;
-	const editor = html`<div>
-		<textarea style='width: 20em; height: 10em;' ${id('textarea')}></textarea>
-	</div>`;
-
-	accountMenuNode.data.onchange(async state => {
-		if (state.state.user) {
-			self.data.actions = signedInAction;
-		} else {
-			self.data.actions = signedOutAction;
-		}
-	});
-
-	function enableEditing() {
-		editor.data.textarea.value = markdown;
-		self.data.editor = editor;
-		self.data.actions = html`<div>
-			<button onclick=${submitChanges}>save</button>
-			<button onclick=${cancelChanges}>cancel</button>
-		</div>`;
-	}
-
-	async function submitChanges() {
-		markdown = editor.data.textarea.value;
-		await wiki.write(context, filepath, markdown);
-		self.data.content = markdown;
-		self.data.actions = signedInAction;
-		self.data.editor = invisibleDiv;
-	}
-
-	function cancelChanges() {
-		self.data.actions = signedInAction;
-		self.data.editor = html`<div style='display: none;'></div>`;
-		self.data.content = markdown;
-	}
-
-	const self = html`<div id='wiki'>
-		<div style='float: right;'>${accountMenuNode}</div>
-		${node('content', markdown, md => 
-			html`<div>${DOMPurify.sanitize(marked.parse(md))}</div>`)
-		}
-		${node('editor', invisibleDiv)}
-		${node('actions', signedOutAction)}
-	</div>`;
-
-	return self;
-}
-
-/**
- * 
- * @param {import('wirejs-services').Context} context 
- * @returns 
- */
-export async function generate(context) {
-	const visiblePath = context.location.pathname
-		.replaceAll('/', ' > ')
-		.replaceAll('<', '&lt;')
-		.replaceAll('>', '&gt;')
-		.replaceAll('-', ' ')
-		.replace(/\s+/g, ' ')
-	;
-
-	const page = html`
-		<!doctype html>
-		<html>
-			<head>
-				<title>Wiki ${visiblePath}</title>
-			</head>
-			<body>
-				<p><a href='/'>Home</a></p>
-				<h1>Wiki ${visiblePath}</h1>
-				${await Wiki({ context })}
-			</body>
-		</html>
-	`;
-
-	return page;
-}
-
-hydrate('wiki', Wiki);