@axium/storage 0.1.0 → 0.1.2

package/dist/client.js

@@ -22,22 +22,27 @@ async function _upload(method, url, data) {
     json.modifiedAt = new Date(json.modifiedAt);
     return json;
 }
+function _parse(result) {
+    result.createdAt = new Date(result.createdAt);
+    result.modifiedAt = new Date(result.modifiedAt);
+    if (result.trashedAt)
+        result.trashedAt = new Date(result.trashedAt);
+    return result;
+}
 export async function uploadItem(file) {
-    return _upload('PUT', '/raw/storage', file);
+    return _parse(await _upload('PUT', '/raw/storage', file));
 }
 export async function updateItem(fileId, data) {
-    return _upload('POST', '/raw/storage/' + fileId, data);
+    return _parse(await _upload('POST', '/raw/storage/' + fileId, data));
 }
 export async function getItemMetadata(fileId) {
     const result = await fetchAPI('GET', 'storage/item/:id', undefined, fileId);
-    result.modifiedAt = new Date(result.modifiedAt);
-    return result;
+    return _parse(result);
 }
 export async function getDirectoryMetadata(parentId) {
     const result = await fetchAPI('GET', 'storage/directory/:id', undefined, parentId);
-    for (const item of result) {
-        item.modifiedAt = new Date(item.modifiedAt);
-    }
+    for (const item of result)
+        _parse(item);
     return result;
 }
 export async function downloadItem(fileId) {
@@ -49,15 +54,16 @@ export async function downloadItem(fileId) {
     return await response.blob();
 }
 export async function updateItemMetadata(fileId, metadata) {
-    return fetchAPI('PATCH', 'storage/item/:id', metadata, fileId);
+    const result = await fetchAPI('PATCH', 'storage/item/:id', metadata, fileId);
+    return _parse(result);
 }
 export async function deleteItem(fileId) {
-    return fetchAPI('DELETE', 'storage/item/:id', undefined, fileId);
+    const result = await fetchAPI('DELETE', 'storage/item/:id', undefined, fileId);
+    return _parse(result);
 }
 export async function getUserFiles(userId) {
     const result = await fetchAPI('GET', 'users/:id/storage', undefined, userId);
-    for (const item of result.items) {
-        item.modifiedAt = new Date(item.modifiedAt);
-    }
+    for (const item of result.items)
+        _parse(item);
     return result;
 }

package/dist/plugin.js

@@ -34,6 +34,10 @@ async function db_init(opt, db) {
         .execute()
         .then(done)
         .catch(warnExists);
+    start('Creating index for storage.userId');
+    await db.schema.createIndex('storage_userId_index').on('storage').column('userId').execute().then(done).catch(warnExists);
+    start('Creating index for storage.parentId');
+    await db.schema.createIndex('storage_parentId_index').on('storage').column('parentId').execute().then(done).catch(warnExists);
 }
 async function db_wipe(opt, db) {
     start('Removing data from user storage');

package/lib/{StorageItemList.svelte → StorageList.svelte}

@@ -2,7 +2,7 @@
 	import { formatBytes } from '@axium/core/format';
 	import { forMime as iconForMime } from '@axium/core/icons';
 	import { FormDialog, Icon } from '@axium/server/lib';
-	import { deleteItem, getDirectoryMetadata, updateItem } from '@axium/storage/client';
+	import { deleteItem, getDirectoryMetadata, updateItemMetadata } from '@axium/storage/client';
 	import type { StorageItemMetadata } from '@axium/storage/common';
 
 	const { id }: { id: string } = $props();
@@ -35,10 +35,16 @@
 	{/if}
 {/snippet}
 
-<div class="FilesList">
+<div class="StorageList">
 	{#await getDirectoryMetadata(id).then(data => (items = data)) then}
+		<div class="StorageListItem header">
+			<span></span>
+			<span>Name</span>
+			<span>Last Modified</span>
+			<span>Size</span>
+		</div>
 		{#each items as item, i (item.id)}
-			<div class="FilesListItem">
+			<div class="StorageListItem">
 				<Icon i={iconForMime(item.type)} />
 				<span class="name">{item.name}</span>
 				<span>{item.modifiedAt.toLocaleString()}</span>
@@ -48,7 +54,7 @@
 				{@render action('delete', 'delete', i)}
 			</div>
 		{:else}
-			<i>No items.</i>
+			<i>Empty.</i>
 		{/each}
 	{:catch error}
 		<i style:color="#c44">{error.message}</i>
@@ -59,7 +65,7 @@
 	bind:dialog={dialogs.rename}
 	submitText="Rename"
 	submit={async (data: { name: string }) => {
-		await updateItem(activeItem.id, data);
+		await updateItemMetadata(activeItem.id, data);
 		activeItem.name = data.name;
 	}}
 >
@@ -93,25 +99,38 @@
 </FormDialog>
 
 <style>
-	.FilesList {
+	.StorageList {
 		display: flex;
 		flex-direction: column;
-		gap: 0.5em;
 		padding: 0.5em;
 	}
 
-	.FilesListItem {
+	.StorageListItem.header {
+		font-weight: bold;
+		border-bottom: 1px solid #bbc;
+	}
+
+	.StorageListItem {
 		display: grid;
 		grid-template-columns: 1em 4fr 15em 5em repeat(1em, 3);
 		align-items: center;
 		gap: 0.5em;
 	}
 
+	.StorageListItem:not(:last-child) {
+		padding: 0.5em 0;
+		border-bottom: 1px solid #bbc;
+	}
+
+	.StorageListItem:not(.header):hover {
+		background-color: #8888;
+	}
+
 	.action {
 		visibility: hidden;
 	}
 
-	.FilesListItem:hover .action {
+	.StorageListItem:hover .action {
 		visibility: visible;
 	}
 

package/package.json

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