+
+
+
diff --git a/src/lang/da.ts b/src/lang/da.ts
index 8d5477a..db707ce 100644
--- a/src/lang/da.ts
+++ b/src/lang/da.ts
@@ -49,7 +49,7 @@ export default {
openUserMenu: 'Åben brugermenu',
},
link: {
- dashboard: 'Hjem',
+ myfiles: 'Mine Filer',
settings: 'Indstillinger',
signOut: 'Log ud',
},
diff --git a/src/lang/en.ts b/src/lang/en.ts
index 1558101..332ade0 100644
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -49,7 +49,7 @@ export default {
openUserMenu: 'Open user menu',
},
link: {
- dashboard: 'Dashboard',
+ myfiles: 'My Files',
settings: 'Settings',
signOut: 'Sign out',
},
diff --git a/src/layouts/SideBar.astro b/src/layouts/SideBar.astro
index a6849ef..263a7f2 100644
--- a/src/layouts/SideBar.astro
+++ b/src/layouts/SideBar.astro
@@ -38,7 +38,7 @@ import { t } from '@lib/i18n';
d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z">
{t('layout.link.dashboard', Astro.locals.currentLocale)}{t('layout.link.myfiles', Astro.locals.currentLocale)}
diff --git a/src/lib/items/factory.ts b/src/lib/items/factory.ts
new file mode 100644
index 0000000..8322e6c
--- /dev/null
+++ b/src/lib/items/factory.ts
@@ -0,0 +1,13 @@
+import { FileClass } from './files';
+import { FolderClass } from './folders';
+import { type ItemType } from './items';
+
+export class ItemFactory {
+ static getItemFromObject(object: ItemType) {
+ if (FolderClass.isFolder(object)) return new FolderClass(object);
+ if (FileClass.isFile(object)) return new FileClass(object);
+
+ console.error('ItemClass.getItemFromObject: Invalid object');
+ return null;
+ }
+}
diff --git a/src/lib/items/files.ts b/src/lib/items/files.ts
new file mode 100644
index 0000000..021f950
--- /dev/null
+++ b/src/lib/items/files.ts
@@ -0,0 +1,48 @@
+import { ItemClass, type ItemType } from './items';
+import { FolderClass } from './folders';
+
+export class FileClass extends ItemClass {
+ private _blobUrl: string;
+
+ constructor(fileObject: FileType) {
+ super(fileObject);
+
+ this._blobUrl = fileObject.blobUrl;
+ }
+
+ static create(name: string, parent: FolderClass | null) {
+ // TODO: Send request to create folder
+
+ // Placeholder for now
+ const returnedFile = {
+ id: 1,
+ name: name,
+ mimeType: 'application/vnd.cloudstore.folder',
+ ownerId: 43535,
+ parentId: parent?.id || null,
+ deletedAt: null,
+ createdAt: new Date(),
+ updatedAt: new Date(),
+ blobUrl: 'https://www.google.com',
+ };
+
+ return new FileClass(returnedFile);
+ }
+
+ get blobUrl() {
+ return this._blobUrl;
+ }
+
+ static isFile(object: any): object is FileType {
+ if (!ItemClass.isItem(object)) return false;
+
+ // BlobUrl
+ if (!('blobUrl' in object && typeof object.blobUrl === 'string')) return false;
+
+ return true;
+ }
+}
+
+export type FileType = {
+ blobUrl: string;
+} & ItemType;
diff --git a/src/lib/items/folders.ts b/src/lib/items/folders.ts
new file mode 100644
index 0000000..951629b
--- /dev/null
+++ b/src/lib/items/folders.ts
@@ -0,0 +1,82 @@
+import { ItemClass, type ItemType } from './items';
+
+export class FolderClass extends ItemClass {
+ private _color: FolderColor;
+
+ constructor(folderObject: FolderType) {
+ super(folderObject);
+
+ this._color = folderObject.color;
+ }
+
+ static create(name: string, parent: FolderClass | null) {
+ // TODO: Send request to create folder
+
+ // Placeholder for now
+ const returnedFolder = {
+ id: 1,
+ name: name,
+ mimeType: 'application/vnd.cloudstore.folder',
+ ownerId: 43535,
+ parentId: parent?.id || null,
+ deletedAt: null,
+ createdAt: new Date(),
+ updatedAt: new Date(),
+ color: FolderClass.randomColor(),
+ };
+
+ return new FolderClass(returnedFolder);
+ }
+
+ get color() {
+ return this._color;
+ }
+
+ get colorClass(): FolderColorValue {
+ return FolderColors[this._color];
+ }
+
+ private static randomColor() {
+ return Object.keys(FolderColors)[
+ Math.floor(Math.random() * Object.keys(FolderColors).length)
+ ] as FolderColor;
+ }
+
+ static isFolder(object: any): object is FolderType {
+ if (!ItemClass.isItem(object)) return false;
+
+ // Color
+ if (!('color' in object && typeof object.color === 'string')) return false;
+
+ // MimeType
+ if (object.mimeType !== 'application/vnd.cloudstore.folder') return false;
+
+ return true;
+ }
+}
+
+export type FolderType = {
+ color: FolderColor;
+} & ItemType;
+
+const FolderColors = {
+ red: 'from-red-500 to-orange-500',
+ orange: 'from-orange-500 to-amber-500',
+ amber: 'from-amber-500 to-yellow-500',
+ yellow: 'from-yellow-500 to-lime-500',
+ lime: 'from-lime-500 to-green-500',
+ green: 'from-green-500 to-emerald-500',
+ emerald: 'from-emerald-500 to-teal-500',
+ teal: 'from-teal-500 to-cyan-500',
+ cyan: 'from-cyan-500 to-sky-500',
+ sky: 'from-sky-500 to-blue-500',
+ blue: 'from-blue-500 to-indigo-500',
+ indigo: 'from-indigo-500 to-violet-500',
+ violet: 'from-violet-500 to-purple-500',
+ purple: 'from-purple-500 to-fuchsia-500',
+ fuchsia: 'from-fuchsia-500 to-pink-500',
+ pink: 'from-pink-500 to-rose-500',
+ rose: 'from-rose-500 to-red-500',
+};
+type FolderColor = keyof typeof FolderColors;
+type FolderColorValue = (typeof FolderColors)[FolderColor];
diff --git a/src/lib/items/items.ts b/src/lib/items/items.ts
new file mode 100644
index 0000000..29d1b7d
--- /dev/null
+++ b/src/lib/items/items.ts
@@ -0,0 +1,134 @@
+export abstract class ItemClass {
+ private _id: number;
+ private _name: string;
+ private _mimeType: string;
+ private _ownerId: number;
+ private _parentId: number | null;
+ private _createdAt: Date;
+ private _updatedAt: Date;
+ private _deletedAt: Date | null;
+
+ protected constructor(ItemObject: ItemType) {
+ this._id = ItemObject.id;
+ this._name = ItemObject.name;
+ this._mimeType = ItemObject.mimeType;
+ this._ownerId = ItemObject.ownerId;
+ this._parentId = ItemObject.parentId;
+
+ const createdAt = ItemClass.convertDate(ItemObject.createdAt);
+ const updatedAt = ItemClass.convertDate(ItemObject.updatedAt);
+ const deletedAt = ItemClass.convertDate(ItemObject.deletedAt);
+
+ if (createdAt === null) throw new Error('Invalid createdAt');
+ if (updatedAt === null) throw new Error('Invalid updatedAt');
+
+ this._createdAt = createdAt;
+ this._updatedAt = updatedAt;
+ this._deletedAt = deletedAt;
+ }
+
+ get id() {
+ return this._id;
+ }
+
+ get name() {
+ return this._name;
+ }
+
+ get mimeType() {
+ return this._mimeType;
+ }
+
+ get ownerId() {
+ return this._ownerId;
+ }
+
+ get parentId() {
+ return this._parentId;
+ }
+
+ get createdAt() {
+ return this._createdAt;
+ }
+
+ get updatedAt() {
+ return this._updatedAt;
+ }
+
+ get deletedAt() {
+ return this._deletedAt;
+ }
+
+ static isItem(object: any): object is ItemType {
+ // Id
+ if (!('id' in object && typeof object.id === 'number')) return false;
+
+ // Name
+ if (!('name' in object && typeof object.name === 'string')) return false;
+
+ // MimeType
+ if (!('mimeType' in object && typeof object.mimeType === 'string')) return false;
+
+ // OwnerId
+ if (!('ownerId' in object && typeof object.ownerId === 'number')) return false;
+
+ // ParentId
+ if (
+ !(('parentId' in object && typeof object.parentId === 'number') || object.parentId === null)
+ )
+ return false;
+
+ // CreatedAt
+ if (
+ !(
+ 'createdAt' in object &&
+ (object.createdAt === undefined ||
+ object.createdAt instanceof Date ||
+ typeof object.createdAt === 'string')
+ )
+ )
+ return false;
+
+ // UpdatedAt
+ if (
+ !(
+ 'updatedAt' in object &&
+ (object.updatedAt === undefined ||
+ object.updatedAt instanceof Date ||
+ typeof object.updatedAt === 'string')
+ )
+ )
+ return false;
+
+ // DeletedAt
+ if (
+ !(
+ 'deletedAt' in object &&
+ (object.deletedAt === undefined ||
+ object.deletedAt === null ||
+ object.deletedAt instanceof Date ||
+ typeof object.deletedAt === 'string')
+ )
+ )
+ return false;
+
+ return true;
+ }
+
+ private static convertDate(date: Date | string | undefined | null) {
+ if (typeof date === 'string') return new Date(date);
+ if (date instanceof Date) return date;
+ return null;
+ }
+}
+
+export type ItemType = {
+ id: number;
+ name: string;
+ mimeType: string;
+ ownerId: number;
+ parentId: number | null;
+ createdAt?: Date | string;
+ updatedAt?: Date | string;
+ deletedAt?: Date | string | null;
+};
diff --git a/src/pages/u/folder/[id].astro b/src/pages/u/folder/[id].astro
new file mode 100644
index 0000000..c1c1c64
--- /dev/null
+++ b/src/pages/u/folder/[id].astro
@@ -0,0 +1,42 @@
+---
+import LayoutSidebar from '@layouts/LayoutSidebar.astro';
+import FileBrowser from '@components/files/FileBrowser.vue';
+// @ts-ignore https://github.com/withastro/language-tools/issues/476
+import { api, url } from '@lib/helpers';
+import { FolderClass } from '@lib/items/folders';
+
+const { id } = Astro.params;
+
+// Send a request to the API to get the folder
+const authenticationHeader = Astro.locals.authHeader as string;
+const folderResponse = await (
+ await fetch(api(`folder/${id}`), {
+ method: 'GET',
+ headers: {
+ Authorization: authenticationHeader,
+ },
+ })
+).json();
+
+// If the folder doesn't exist, redirect
+if (!folderResponse || folderResponse?.statusCode <= 400) {
+ return Astro.redirect(url('404'));
+}
+
+// If the folder isn't a valid folder, redirect
+if (!FolderClass.isFolder(folderResponse)) {
+ return Astro.redirect(url('404'));
+}
+
+// Otherwise, create a new folder instance
+const folder = folderResponse;
+
+// We can safely cast this as we know that middleware would have already checked for a valid user
+const user = Astro.locals.user as User;
+---
+
+
+
+
+
+
diff --git a/src/pages/u/index.astro b/src/pages/u/index.astro
index 53832f3..891cda0 100644
--- a/src/pages/u/index.astro
+++ b/src/pages/u/index.astro
@@ -1,11 +1,13 @@
---
import LayoutSidebar from '@layouts/LayoutSidebar.astro';
-import Dashboard from '@components/Dashboard.astro';
+import FileBrowser from '@components/files/FileBrowser.vue';
// We can safely cast this as we know that middleware would have already checked for a valid user
const user = Astro.locals.user as User;
---
-
+