kempo 4.2.19 → 4.2.20

package/dist/admin/content/pages/index.page.html

@@ -1,7 +1,174 @@
 <!--
 	locked: true
 -->
-<page title="Pages - Admin"><content><script type="module" src="/kempo-ui/components/Table.js"></script><script type="module" src="/kempo-ui/components/tableControls/FirstPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/PrevPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/NextPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/LastPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/PageSelect.js"></script><script type="module" src="/kempo-ui/components/tableControls/PageSize.js"></script><script type="module" src="/kempo-ui/components/tableControls/DeleteRecord.js"></script><script type="module" src="/kempo-ui/components/tableControls/DeleteSelected.js"></script><script type="module" src="/kempo-ui/components/Icon.js"></script><script type="module" src="/admin/components/TableRowLink.js"></script><script type="module" src="/kempo/components/Permission.js"></script><div class="d-f mb" style="align-items: center; gap: var(--spacer);"><h1 class="flex mb0">Pages</h1><k-permission has="system:pages:create"><button id="createPageBtn" class="primary">Create Page</button></k-permission></div><h2>Custom Pages</h2><k-table id="customTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No custom pages have been created yet."><admin-table-row-link slot="before" url-pattern="/admin/content/pages/edit?path={editPath}" field-name="editPath"></admin-table-row-link><div slot="top" class="d-f full" style="align-items: center;"><div><k-permission has="system:pages:delete"><k-tc-delete-selected></k-tc-delete-selected></k-permission></div></div><div class="d-f full" style="align-items: center;"><div><k-tc-first-page></k-tc-first-page><k-tc-prev-page></k-tc-prev-page><k-tc-next-page></k-tc-next-page><k-tc-last-page></k-tc-last-page></div><div class="flex"></div><div><k-tc-page-select></k-tc-page-select></div><div class="flex"></div><div><k-tc-page-size></k-tc-page-size></div></div></k-table><h2>Extension Pages</h2><k-table id="extensionTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No extension pages installed."><admin-table-row-link slot="before" url-pattern="/admin/pages/edit?path={editPath}" field-name="editPath"></admin-table-row-link><div class="d-f full" style="align-items: center;"><div><k-tc-first-page></k-tc-first-page><k-tc-prev-page></k-tc-prev-page><k-tc-next-page></k-tc-next-page><k-tc-last-page></k-tc-last-page></div><div class="flex"></div><div><k-tc-page-select></k-tc-page-select></div><div class="flex"></div><div><k-tc-page-size></k-tc-page-size></div></div></k-table><h2>System Pages</h2><k-table id="systemTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No system pages found."><admin-table-row-link slot="before" url-pattern="/admin/pages/edit?path={editPath}" field-name="editPath"></admin-table-row-link><div class="d-f full" style="align-items: center;"><div><k-tc-first-page></k-tc-first-page><k-tc-prev-page></k-tc-prev-page><k-tc-next-page></k-tc-next-page><k-tc-last-page></k-tc-last-page></div><div class="flex"></div><div><k-tc-page-select></k-tc-page-select></div><div class="flex"></div><div><k-tc-page-size></k-tc-page-size></div></div></k-table><script type="module">import { listPages, listTemplates, listDirectories, createPage, deletePages, getAllCurrentUserPermissions } from '/kempo/sdk.js';
+<page title="Pages - Admin">
+	<content>
+		<script
+			type="module"
+			src="/kempo-ui/components/Table.js"
+		></script>
+		<script
+			type="module"
+			src="/kempo-ui/components/tableControls/FirstPage.js"
+		></script>
+		<script
+			type="module"
+			src="/kempo-ui/components/tableControls/PrevPage.js"
+		></script>
+		<script
+			type="module"
+			src="/kempo-ui/components/tableControls/NextPage.js"
+		></script>
+		<script
+			type="module"
+			src="/kempo-ui/components/tableControls/LastPage.js"
+		></script>
+		<script
+			type="module"
+			src="/kempo-ui/components/tableControls/PageSelect.js"
+		></script>
+		<script
+			type="module"
+			src="/kempo-ui/components/tableControls/PageSize.js"
+		></script>
+		<script
+			type="module"
+			src="/kempo-ui/components/tableControls/DeleteRecord.js"
+		></script>
+		<script
+			type="module"
+			src="/kempo-ui/components/tableControls/DeleteSelected.js"
+		></script>
+		<script
+			type="module"
+			src="/kempo-ui/components/Icon.js"
+		></script>
+		<script
+			type="module"
+			src="/admin/components/TableRowLink.js"
+		></script>
+		<script
+			type="module"
+			src="/kempo/components/Permission.js"
+		></script>
+		<div class="d-f mb">
+			<h1 class="flex mb0">Pages</h1>
+			<div class="flex"></div>
+			<div>
+				<span id="scanInfo" class="muted"></span>
+				<button id="rescanBtn">Rescan</button>
+				<k-permission has="system:pages:create">
+					<button
+						id="createPageBtn"
+						class="primary"
+					>Create Page</button>
+				</k-permission>
+			</div>
+		</div>
+
+		<h2>Custom Pages</h2>
+		<k-table
+			id="customTable"
+			enable-pages
+			page-size="25"
+			page-size-options="[10,25,50,100]"
+			placeholder="No custom pages have been created yet."
+		>
+			<admin-table-row-link
+				slot="before"
+				url-pattern="/admin/content/pages/edit?path={editPath}"
+				field-name="editPath"
+			></admin-table-row-link>
+			<div
+				slot="top"
+				class="d-f full"
+				style="align-items: center;"
+			>
+				<div>
+					<k-permission has="system:pages:delete">
+						<k-tc-delete-selected></k-tc-delete-selected>
+					</k-permission>
+				</div>
+			</div>
+			<div
+				class="d-f full"
+				style="align-items: center;"
+			>
+				<div>
+					<k-tc-first-page></k-tc-first-page>
+					<k-tc-prev-page></k-tc-prev-page>
+					<k-tc-next-page></k-tc-next-page>
+					<k-tc-last-page></k-tc-last-page>
+				</div>
+				<div class="flex"></div>
+				<div><k-tc-page-select></k-tc-page-select></div>
+				<div class="flex"></div>
+				<div><k-tc-page-size></k-tc-page-size></div>
+			</div>
+		</k-table>
+
+		<h2>Extension Pages</h2>
+		<k-table
+			id="extensionTable"
+			enable-pages
+			page-size="25"
+			page-size-options="[10,25,50,100]"
+			placeholder="No extension pages installed."
+		>
+			<admin-table-row-link
+				slot="before"
+				url-pattern="/admin/pages/edit?path={editPath}"
+				field-name="editPath"
+			></admin-table-row-link>
+			<div
+				class="d-f full"
+				style="align-items: center;"
+			>
+				<div>
+					<k-tc-first-page></k-tc-first-page>
+					<k-tc-prev-page></k-tc-prev-page>
+					<k-tc-next-page></k-tc-next-page>
+					<k-tc-last-page></k-tc-last-page>
+				</div>
+				<div class="flex"></div>
+				<div><k-tc-page-select></k-tc-page-select></div>
+				<div class="flex"></div>
+				<div><k-tc-page-size></k-tc-page-size></div>
+			</div>
+		</k-table>
+
+		<h2>System Pages</h2>
+		<k-table
+			id="systemTable"
+			enable-pages
+			page-size="25"
+			page-size-options="[10,25,50,100]"
+			placeholder="No system pages found."
+		>
+			<admin-table-row-link
+				slot="before"
+				url-pattern="/admin/pages/edit?path={editPath}"
+				field-name="editPath"
+			></admin-table-row-link>
+			<div
+				class="d-f full"
+				style="align-items: center;"
+			>
+				<div>
+					<k-tc-first-page></k-tc-first-page>
+					<k-tc-prev-page></k-tc-prev-page>
+					<k-tc-next-page></k-tc-next-page>
+					<k-tc-last-page></k-tc-last-page>
+				</div>
+				<div class="flex"></div>
+				<div><k-tc-page-select></k-tc-page-select></div>
+				<div class="flex"></div>
+				<div><k-tc-page-size></k-tc-page-size></div>
+			</div>
+		</k-table>
+
+		<script type="module">
+			import { listPages, rescanPages, listTemplates, listDirectories, createPage, deletePages, getAllCurrentUserPermissions } from '/kempo/sdk.js';
 			import { html } from '/kempo-ui/lit-all.min.js';
 			import Dialog from '/kempo-ui/components/Dialog.js';
 			import Toast from '/kempo-ui/components/Toast.js';
@@ -12,7 +179,7 @@
 			const myPerms = new Set(permData?.permissions ?? []);
 
 			const fields = [
-				{ name: 'lockedBadge', label: '', size: 40, formatter: v => v },
+				{ name: 'locked', label: '', size: 40, calculator: r => r.locked ? html`<k-icon name="lock"></k-icon>` : html`` },
 				{ name: 'name', label: 'Name', size: 200 },
 				{ name: 'url', label: 'URL', size: 250 },
 				{ name: 'author', label: 'Author', size: 150 },
@@ -30,35 +197,62 @@
 			const $extensionTable = document.getElementById('extensionTable');
 			const $systemTable = document.getElementById('systemTable');
 
-			const loadPages = async () => {
-				const [error, data] = await listPages();
+			const $scanInfo = document.getElementById('scanInfo');
+			const $rescanBtn = document.getElementById('rescanBtn');
+			let scannedAt = null;
+
+			const formatAge = ts => {
+				const s = Math.floor((Date.now() - ts) / 1000);
+				if(s < 60) return `${s}s ago`;
+				if(s < 3600) return `${Math.floor(s / 60)}m ago`;
+				return `${Math.floor(s / 3600)}h ago`;
+			};
+
+			const updateScanInfo = () => {
+				$scanInfo.textContent = scannedAt ? `Scanned ${formatAge(scannedAt)}` : '';
+			};
+
+			setInterval(updateScanInfo, 1000);
+
+			const toEditPath = p => ({ ...p, editPath: p.file.replace(/\.page\.html$/, '') });
+
+			const initTable = async ($table, tableFields, owner) => {
+				const [error, data] = await listPages({ owner, showHidden: false, offset: 0, limit: 25 });
 				if(error){
 					Toast.error(error.msg || 'Failed to load pages');
-					return;
+					return null;
 				}
-				const toEditPath = p => ({ ...p, editPath: p.file.replace(/\.page\.html$/, ''), lockedBadge: p.locked ? '<k-icon name="lock"></k-icon>' : '' });
-				const sortPages = pages => pages.slice().sort((a, b) => {
-					const aPath = a.file.replace(/\.page\.html$/, '');
-					const bPath = b.file.replace(/\.page\.html$/, '');
-					const aDir = aPath.includes('/') ? aPath.split('/').slice(0, -1).join('/') : '';
-					const bDir = bPath.includes('/') ? bPath.split('/').slice(0, -1).join('/') : '';
-					if(aPath === 'index' || aPath === '') return -1;
-					if(bPath === 'index' || bPath === '') return 1;
-					if(aDir !== bDir){
-						if(!aDir) return -1;
-						if(!bDir) return 1;
-						return aDir.localeCompare(bDir);
-					}
-					return aPath.localeCompare(bPath);
-				});
-				const custom = sortPages(data.pages.filter(p => p.owner === 'custom').map(toEditPath));
-				const extension = sortPages(data.pages.filter(p => p.owner !== 'custom' && p.owner !== 'system').map(toEditPath));
-				const system = sortPages(data.pages.filter(p => p.owner === 'system').map(toEditPath));
-				$customTable.setData({ records: custom, fields });
-				$extensionTable.setData({ records: extension, fields: extensionFields });
-				$systemTable.setData({ records: system, fields });
+				$table.setData({ records: data.pages.map(toEditPath), fields: tableFields });
+				if(data.total > data.pages.length){
+					$table.setupFetchRecords(data.total, async (start, count) => {
+						const [, d] = await listPages({ owner, showHidden: false, offset: start, limit: count });
+						return (d?.pages || []).map(toEditPath);
+					});
+				}
+				return data.scannedAt;
+			};
+
+			const loadPages = async () => {
+				const results = await Promise.all([
+					initTable($customTable, fields, 'custom'),
+					initTable($extensionTable, extensionFields, 'extension'),
+					initTable($systemTable, fields, 'system')
+				]);
+				scannedAt = results.find(r => r != null) ?? null;
+				updateScanInfo();
 			};
 
+			$rescanBtn.addEventListener('click', async () => {
+				$rescanBtn.disabled = true;
+				const [error] = await rescanPages();
+				if(error){
+					$rescanBtn.disabled = false;
+					Toast.error(error.msg || 'Rescan failed');
+					return;
+				}
+				window.location.reload();
+			});
+
 			if(myPerms.has('system:pages:delete')){
 				$customTable.setAttribute('request-delete', '');
 				$customTable.setAttribute('enable-selection', '');
@@ -215,4 +409,7 @@
 					updateSlug();
 				});
 				$dialog.querySelector('#dlg-name').addEventListener('input', updateSlug);
-			});</script></content></page>
+			});
+		</script>
+	</content>
+</page>

package/dist/admin/content/templates/edit/index.page.html

@@ -1,4 +1,11 @@
 <!--
 	locked: true
 -->
-<page title="Edit Template - Admin"><content><admin-template-editor></admin-template-editor></content><content location="head"><script type="module" src="/admin/components/TemplateEditor.js"></script></content></page>
+<page title="Edit Template - Admin">
+	<content>
+		<admin-template-editor></admin-template-editor>
+	</content>
+	<content location="head">
+		<script type="module" src="/admin/components/TemplateEditor.js"></script>
+	</content>
+</page>

package/dist/admin/content/templates/index.page.html

@@ -1,7 +1,118 @@
 <!--
 	locked: true
 -->
-<page title="Templates - Admin"><content><script type="module" src="/kempo-ui/components/Table.js"></script><script type="module" src="/kempo-ui/components/tableControls/FirstPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/PrevPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/NextPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/LastPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/PageSelect.js"></script><script type="module" src="/kempo-ui/components/tableControls/PageSize.js"></script><script type="module" src="/kempo-ui/components/tableControls/DeleteRecord.js"></script><script type="module" src="/kempo-ui/components/tableControls/DeleteSelected.js"></script><script type="module" src="/kempo-ui/components/Icon.js"></script><script type="module" src="/admin/components/TableRowLink.js"></script><script type="module" src="/kempo/components/Permission.js"></script><div class="d-f mb" style="align-items: center; gap: var(--spacer);"><h1 class="flex mb0">Templates</h1><k-permission has="system:pages:create"><button id="createTemplateBtn" class="primary">Create Template</button></k-permission></div><h2>Custom Templates</h2><k-table id="customTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No custom templates have been created yet."><admin-table-row-link slot="before" url-pattern="/admin/content/templates/edit?template={editPath}" field-name="editPath"></admin-table-row-link><div slot="top" class="d-f full" style="align-items: center;"><div><k-permission has="system:pages:delete"><k-tc-delete-selected></k-tc-delete-selected></k-permission></div></div><div class="d-f full" style="align-items: center;"><div><k-tc-first-page></k-tc-first-page><k-tc-prev-page></k-tc-prev-page><k-tc-next-page></k-tc-next-page><k-tc-last-page></k-tc-last-page></div><div class="flex"></div><div><k-tc-page-select></k-tc-page-select></div><div class="flex"></div><div><k-tc-page-size></k-tc-page-size></div></div></k-table><h2>Extension Templates</h2><k-table id="extensionTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No extension templates installed."><admin-table-row-link slot="before" url-pattern="/admin/content/templates/edit?template={editPath}" field-name="editPath"></admin-table-row-link><div class="d-f full" style="align-items: center;"><div><k-tc-first-page></k-tc-first-page><k-tc-prev-page></k-tc-prev-page><k-tc-next-page></k-tc-next-page><k-tc-last-page></k-tc-last-page></div><div class="flex"></div><div><k-tc-page-select></k-tc-page-select></div><div class="flex"></div><div><k-tc-page-size></k-tc-page-size></div></div></k-table><h2>System Templates</h2><k-table id="systemTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No system templates found."><admin-table-row-link slot="before" url-pattern="/admin/content/templates/edit?template={editPath}" field-name="editPath"></admin-table-row-link><div class="d-f full" style="align-items: center;"><div><k-tc-first-page></k-tc-first-page><k-tc-prev-page></k-tc-prev-page><k-tc-next-page></k-tc-next-page><k-tc-last-page></k-tc-last-page></div><div class="flex"></div><div><k-tc-page-select></k-tc-page-select></div><div class="flex"></div><div><k-tc-page-size></k-tc-page-size></div></div></k-table><script type="module">import { listTemplates, listDirectories, createTemplate, deleteTemplates, getAllCurrentUserPermissions } from '/kempo/sdk.js';
+<page title="Templates - Admin">
+	<content>
+		<script type="module" src="/kempo-ui/components/Table.js"></script>
+		<script type="module" src="/kempo-ui/components/tableControls/FirstPage.js"></script>
+		<script type="module" src="/kempo-ui/components/tableControls/PrevPage.js"></script>
+		<script type="module" src="/kempo-ui/components/tableControls/NextPage.js"></script>
+		<script type="module" src="/kempo-ui/components/tableControls/LastPage.js"></script>
+		<script type="module" src="/kempo-ui/components/tableControls/PageSelect.js"></script>
+		<script type="module" src="/kempo-ui/components/tableControls/PageSize.js"></script>
+		<script type="module" src="/kempo-ui/components/tableControls/DeleteRecord.js"></script>
+		<script type="module" src="/kempo-ui/components/tableControls/DeleteSelected.js"></script>
+		<script type="module" src="/kempo-ui/components/Icon.js"></script>
+		<script type="module" src="/admin/components/TableRowLink.js"></script>
+		<script type="module" src="/kempo/components/Permission.js"></script>
+
+		<div class="d-f mb" style="align-items: center; gap: var(--spacer);">
+			<h1 class="flex mb0">Templates</h1>
+			<k-permission has="system:pages:create">
+				<button id="createTemplateBtn" class="primary">Create Template</button>
+			</k-permission>
+		</div>
+
+		<h2>Custom Templates</h2>
+		<k-table
+			id="customTable"
+			enable-pages
+			page-size="25"
+			page-size-options="[10,25,50,100]"
+			placeholder="No custom templates have been created yet."
+		>
+			<admin-table-row-link
+				slot="before"
+				url-pattern="/admin/content/templates/edit?template={editPath}"
+				field-name="editPath"
+			></admin-table-row-link>
+			<div slot="top" class="d-f full" style="align-items: center;">
+				<div>
+					<k-permission has="system:pages:delete">
+						<k-tc-delete-selected></k-tc-delete-selected>
+					</k-permission>
+				</div>
+			</div>
+			<div class="d-f full" style="align-items: center;">
+				<div>
+					<k-tc-first-page></k-tc-first-page>
+					<k-tc-prev-page></k-tc-prev-page>
+					<k-tc-next-page></k-tc-next-page>
+					<k-tc-last-page></k-tc-last-page>
+				</div>
+				<div class="flex"></div>
+				<div><k-tc-page-select></k-tc-page-select></div>
+				<div class="flex"></div>
+				<div><k-tc-page-size></k-tc-page-size></div>
+			</div>
+		</k-table>
+
+		<h2>Extension Templates</h2>
+		<k-table
+			id="extensionTable"
+			enable-pages
+			page-size="25"
+			page-size-options="[10,25,50,100]"
+			placeholder="No extension templates installed."
+		>
+			<admin-table-row-link
+				slot="before"
+				url-pattern="/admin/content/templates/edit?template={editPath}"
+				field-name="editPath"
+			></admin-table-row-link>
+			<div class="d-f full" style="align-items: center;">
+				<div>
+					<k-tc-first-page></k-tc-first-page>
+					<k-tc-prev-page></k-tc-prev-page>
+					<k-tc-next-page></k-tc-next-page>
+					<k-tc-last-page></k-tc-last-page>
+				</div>
+				<div class="flex"></div>
+				<div><k-tc-page-select></k-tc-page-select></div>
+				<div class="flex"></div>
+				<div><k-tc-page-size></k-tc-page-size></div>
+			</div>
+		</k-table>
+
+		<h2>System Templates</h2>
+		<k-table
+			id="systemTable"
+			enable-pages
+			page-size="25"
+			page-size-options="[10,25,50,100]"
+			placeholder="No system templates found."
+		>
+			<admin-table-row-link
+				slot="before"
+				url-pattern="/admin/content/templates/edit?template={editPath}"
+				field-name="editPath"
+			></admin-table-row-link>
+			<div class="d-f full" style="align-items: center;">
+				<div>
+					<k-tc-first-page></k-tc-first-page>
+					<k-tc-prev-page></k-tc-prev-page>
+					<k-tc-next-page></k-tc-next-page>
+					<k-tc-last-page></k-tc-last-page>
+				</div>
+				<div class="flex"></div>
+				<div><k-tc-page-select></k-tc-page-select></div>
+				<div class="flex"></div>
+				<div><k-tc-page-size></k-tc-page-size></div>
+			</div>
+		</k-table>
+
+		<script type="module">
+			import { listTemplates, listDirectories, createTemplate, deleteTemplates, getAllCurrentUserPermissions } from '/kempo/sdk.js';
 			import { html } from '/kempo-ui/lit-all.min.js';
 			import Dialog from '/kempo-ui/components/Dialog.js';
 			import Toast from '/kempo-ui/components/Toast.js';
@@ -190,4 +301,7 @@
 					updateSlug();
 				});
 				$dialog.querySelector('#dlg-name').addEventListener('input', updateSlug);
-			});</script></content></page>
+			});
+		</script>
+	</content>
+</page>

package/dist/admin/default.template.html

@@ -6,4 +6,23 @@
 	created: 
 	updated: 
 -->
-<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" type="image/png" sizes="48x48" href="/media/icon48.png"><link rel="manifest" href="/manifest.json"><title>{{title}}</title><link rel="stylesheet" href="/kempo-css/kempo.min.css"><script src="/admin/init.js"></script><location name="head"/></head><body><fragment name="nav"/><k-main><location/></k-main><location name="scripts"/></body></html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link rel="icon" type="image/png" sizes="48x48" href="/media/icon48.png">
+	<link rel="manifest" href="/manifest.json">
+	<title>{{title}}</title>
+	<link rel="stylesheet" href="/kempo-css/kempo.min.css">
+	<script src="/admin/init.js"></script>
+	<location name="head" />
+</head>
+<body>
+	<fragment name="nav" />
+	<k-main>
+		<location />
+	</k-main>
+	<location name="scripts" />
+</body>
+</html>

package/dist/admin/extensions/index.page.html

@@ -1,7 +1,61 @@
 <!--
 	locked: true
 -->
-<page title="Extensions - Admin"><content><script type="module" src="/kempo-ui/components/Table.js"></script><script type="module" src="/kempo-ui/components/tableControls/FirstPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/PrevPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/NextPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/LastPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/PageSelect.js"></script><script type="module" src="/kempo-ui/components/tableControls/PageSize.js"></script><script type="module" src="/admin/components/tableControls/InstallExtension.js"></script><script type="module" src="/admin/components/tableControls/UninstallExtension.js"></script><script type="module" src="/kempo/components/Permission.js"></script><div class="d-f mb" style="align-items: center; gap: var(--spacer);"><h1 class="flex mb0">Extensions</h1></div><h2>Installed Extensions</h2><k-table id="installedTable" enable-pages page-size="25" placeholder="No extensions are currently installed."><admin-uninstall-extension slot="after"></admin-uninstall-extension><div class="d-f full" style="align-items: center;"><div><k-tc-first-page></k-tc-first-page><k-tc-prev-page></k-tc-prev-page><k-tc-next-page></k-tc-next-page><k-tc-last-page></k-tc-last-page></div><div class="flex"></div><div><k-tc-page-select></k-tc-page-select></div><div class="flex"></div><div><k-tc-page-size></k-tc-page-size></div></div></k-table><h2>Available Extensions</h2><k-table id="availableTable" enable-pages page-size="25" placeholder="No extensions are available to install. Install a kempo extension package via npm first."><admin-install-extension slot="after"></admin-install-extension><div class="d-f full" style="align-items: center;"><div><k-tc-first-page></k-tc-first-page><k-tc-prev-page></k-tc-prev-page><k-tc-next-page></k-tc-next-page><k-tc-last-page></k-tc-last-page></div><div class="flex"></div><div><k-tc-page-select></k-tc-page-select></div><div class="flex"></div><div><k-tc-page-size></k-tc-page-size></div></div></k-table></content><content location="scripts"><script type="module">import { listExtensions, listAvailableExtensions } from '/kempo/sdk.js';
+<page title="Extensions - Admin">
+<content>
+<script type="module" src="/kempo-ui/components/Table.js"></script>
+<script type="module" src="/kempo-ui/components/tableControls/FirstPage.js"></script>
+<script type="module" src="/kempo-ui/components/tableControls/PrevPage.js"></script>
+<script type="module" src="/kempo-ui/components/tableControls/NextPage.js"></script>
+<script type="module" src="/kempo-ui/components/tableControls/LastPage.js"></script>
+<script type="module" src="/kempo-ui/components/tableControls/PageSelect.js"></script>
+<script type="module" src="/kempo-ui/components/tableControls/PageSize.js"></script>
+<script type="module" src="/admin/components/tableControls/InstallExtension.js"></script>
+<script type="module" src="/admin/components/tableControls/UninstallExtension.js"></script>
+<script type="module" src="/kempo/components/Permission.js"></script>
+
+	<div class="d-f mb" style="align-items: center; gap: var(--spacer);">
+		<h1 class="flex mb0">Extensions</h1>
+	</div>
+
+	<h2>Installed Extensions</h2>
+	<k-table id="installedTable" enable-pages page-size="25" placeholder="No extensions are currently installed.">
+		<admin-uninstall-extension slot="after"></admin-uninstall-extension>
+		<div class="d-f full" style="align-items: center;">
+			<div>
+				<k-tc-first-page></k-tc-first-page>
+				<k-tc-prev-page></k-tc-prev-page>
+				<k-tc-next-page></k-tc-next-page>
+				<k-tc-last-page></k-tc-last-page>
+			</div>
+			<div class="flex"></div>
+			<div><k-tc-page-select></k-tc-page-select></div>
+			<div class="flex"></div>
+			<div><k-tc-page-size></k-tc-page-size></div>
+		</div>
+	</k-table>
+
+	<h2>Available Extensions</h2>
+	<k-table id="availableTable" enable-pages page-size="25" placeholder="No extensions are available to install. Install a kempo extension package via npm first.">
+		<admin-install-extension slot="after"></admin-install-extension>
+		<div class="d-f full" style="align-items: center;">
+			<div>
+				<k-tc-first-page></k-tc-first-page>
+				<k-tc-prev-page></k-tc-prev-page>
+				<k-tc-next-page></k-tc-next-page>
+				<k-tc-last-page></k-tc-last-page>
+			</div>
+			<div class="flex"></div>
+			<div><k-tc-page-select></k-tc-page-select></div>
+			<div class="flex"></div>
+			<div><k-tc-page-size></k-tc-page-size></div>
+		</div>
+	</k-table>
+
+</content>
+<content location="scripts">
+<script type="module">
+	import { listExtensions, listAvailableExtensions } from '/kempo/sdk.js';
 
 	const installedTable = document.getElementById('installedTable');
 	const availableTable = document.getElementById('availableTable');
@@ -63,4 +117,7 @@
 	};
 
 	availableTable.addEventListener('recordDeleted', refreshInstalledTable);
-	installedTable.addEventListener('recordDeleted', refreshAvailableTable);</script></content></page>
+	installedTable.addEventListener('recordDeleted', refreshAvailableTable);
+</script>
+</content>
+</page>

package/dist/admin/icons/extension_add.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16667 16667" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M4019.272,16222.329l-2431.295,0c-351.899,0 -653.137,-125.29 -903.74,-375.893c-250.599,-250.599 -375.893,-551.84 -375.893,-903.74l0,-2431.295c511.851,0 959.722,-162.623 1343.611,-487.858c383.889,-325.235 575.833,-738.456 575.833,-1239.643c0,-501.182 -191.944,-914.408 -575.833,-1239.643c-383.889,-325.235 -831.761,-487.858 -1343.611,-487.858l0,-2431.295c0,-351.899 125.29,-653.141 375.893,-903.74c250.599,-250.599 551.84,-375.893 903.74,-375.893l2559.261,0c0,-447.872 154.627,-826.432 463.865,-1135.67c309.238,-309.238 687.802,-463.865 1135.67,-463.865c447.872,0 826.432,154.627 1135.67,463.865c309.238,309.238 463.865,687.802 463.865,1135.67l2559.261,0c351.899,0 653.141,125.29 903.74,375.893c250.599,250.599 375.893,551.84 375.893,903.74l0,2559.261c447.872,0 826.432,154.627 1135.67,463.865c309.238,309.238 463.865,687.802 463.865,1135.67c0,447.872 -154.627,826.432 -463.865,1135.67c-309.238,309.238 -687.802,463.865 -1135.67,463.865l0,2559.261c0,351.899 -125.29,653.137 -375.893,903.74c-250.599,250.599 -551.84,375.893 -903.74,375.893l-2431.295,0c0,-533.172 -167.951,-986.387 -503.854,-1359.608c-335.903,-373.221 -743.785,-559.837 -1223.646,-559.837c-479.861,0 -887.743,186.62 -1223.646,559.837c-335.903,373.221 -503.854,826.432 -503.854,1359.608Zm-2431.295,-1279.627l1359.608,-0.002c255.927,-703.795 666.477,-1199.653 1231.642,-1487.57c565.165,-287.917 1087.684,-431.875 1567.545,-431.875c479.861,0 1002.384,143.958 1567.545,431.875c565.165,287.917 975.719,783.775 1231.642,1487.57l1359.608,0l0,-3838.889l1279.628,0c85.304,0 159.955,-31.989 223.934,-95.972c63.983,-63.983 95.972,-138.63 95.972,-223.934c0,-85.304 -31.989,-159.955 -95.972,-223.934c-63.983,-63.983 -138.634,-95.972 -223.934,-95.972l-1279.628,0l0,-3838.889l-3838.889,0l0,-1279.628c0,-85.304 -31.989,-159.955 -95.972,-223.934c-63.983,-63.983 -138.63,-95.972 -223.934,-95.972c-85.304,0 -159.955,31.989 -223.934,95.972c-63.983,63.983 -95.972,138.634 -95.972,223.934l0,1279.628l-3838.889,0l0,1407.594c575.833,213.266 1039.698,570.509 1391.597,1071.691c351.899,501.182 527.847,1061.023 527.847,1679.514c0,607.823 -175.948,1162.335 -527.847,1663.517c-351.899,501.182 -815.764,863.75 -1391.597,1087.684l0,1407.592Zm12403.694,-8446.685l-1587.205,0l0,-2380.82l-2380.82,0l0,-1587.205l2380.82,0l0,-2380.82l1587.205,0l0,2380.82l2380.82,0l0,1587.205l-2380.82,0l-0,2380.82Z"/></svg>

package/dist/admin/icons/extension_remove.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16667 16667" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M4019.272,16222.329l-2431.295,0c-351.899,0 -653.137,-125.29 -903.74,-375.893c-250.599,-250.599 -375.893,-551.84 -375.893,-903.74l0,-2431.295c511.851,0 959.722,-162.623 1343.611,-487.858c383.889,-325.235 575.833,-738.456 575.833,-1239.643c0,-501.182 -191.944,-914.408 -575.833,-1239.643c-383.889,-325.235 -831.761,-487.858 -1343.611,-487.858l0,-2431.295c0,-351.899 125.29,-653.141 375.893,-903.74c250.599,-250.599 551.84,-375.893 903.74,-375.893l2559.261,0c0,-447.872 154.627,-826.432 463.865,-1135.67c309.238,-309.238 687.802,-463.865 1135.67,-463.865c447.872,0 826.432,154.627 1135.67,463.865c309.238,309.238 463.865,687.802 463.865,1135.67l2559.261,0c351.899,0 653.141,125.29 903.74,375.893c250.599,250.599 375.893,551.84 375.893,903.74l0,2559.261c447.872,0 826.432,154.627 1135.67,463.865c309.238,309.238 463.865,687.802 463.865,1135.67c0,447.872 -154.627,826.432 -463.865,1135.67c-309.238,309.238 -687.802,463.865 -1135.67,463.865l0,2559.261c0,351.899 -125.29,653.137 -375.893,903.74c-250.599,250.599 -551.84,375.893 -903.74,375.893l-2431.295,0c0,-533.172 -167.951,-986.387 -503.854,-1359.608c-335.903,-373.221 -743.785,-559.837 -1223.646,-559.837c-479.861,0 -887.743,186.62 -1223.646,559.837c-335.903,373.221 -503.854,826.432 -503.854,1359.608Zm-2431.295,-1279.627l1359.608,-0.002c255.927,-703.795 666.477,-1199.653 1231.642,-1487.57c565.165,-287.917 1087.684,-431.875 1567.545,-431.875c479.861,0 1002.384,143.958 1567.545,431.875c565.165,287.917 975.719,783.775 1231.642,1487.57l1359.608,0l0,-3838.889l1279.628,0c85.304,0 159.955,-31.989 223.934,-95.972c63.983,-63.983 95.972,-138.63 95.972,-223.934c0,-85.304 -31.989,-159.955 -95.972,-223.934c-63.983,-63.983 -138.634,-95.972 -223.934,-95.972l-1279.628,0l0,-3838.889l-3838.889,0l0,-1279.628c0,-85.304 -31.989,-159.955 -95.972,-223.934c-63.983,-63.983 -138.63,-95.972 -223.934,-95.972c-85.304,0 -159.955,31.989 -223.934,95.972c-63.983,63.983 -95.972,138.634 -95.972,223.934l0,1279.628l-3838.889,0l0,1407.594c575.833,213.266 1039.698,570.509 1391.597,1071.691c351.899,501.182 527.847,1061.023 527.847,1679.514c0,607.823 -175.948,1162.335 -527.847,1663.517c-351.899,501.182 -815.764,863.75 -1391.597,1087.684l0,1407.592Zm14371.18,-11628.351l-6348.844,-0l0,-1587.205l6348.844,0l0,1587.205Z"/></svg>

package/dist/admin/index.page.html

@@ -2,4 +2,8 @@
 	locked: true
 	template: default
 -->
-<page title="Admin Dashboard"><content><h1>Dashboard</h1></content></page>
+<page title="Admin Dashboard">
+<content>
+	<h1>Dashboard</h1>
+</content>
+</page>