From 486bce8bc7745a9ce7d3041630d3e54c90f1a092 Mon Sep 17 00:00:00 2001
From: DecDuck <declanahofmeyr@gmail.com>
Date: Wed, 9 Oct 2024 15:08:55 +1100
Subject: [PATCH] finished object endpoints

Added writing (tested) and deleting (untested) endpoints
---
 components/HeaderUserWidget.vue           | 18 ++++++--------
 composables/objects.ts                    |  1 +
 pages/register.vue                        | 30 +++++++++++++----------
 server/api/v1/auth/signup/simple.post.ts  |  2 +-
 server/api/v1/object/[id]/index.delete.ts |  9 +++++++
 server/api/v1/object/[id]/index.post.ts   | 21 ++++++++++++++++
 server/internal/objects/index.ts          |  3 ++-
 7 files changed, 59 insertions(+), 25 deletions(-)
 create mode 100644 composables/objects.ts
 create mode 100644 server/api/v1/object/[id]/index.delete.ts
 create mode 100644 server/api/v1/object/[id]/index.post.ts

diff --git a/components/HeaderUserWidget.vue b/components/HeaderUserWidget.vue
index 64f7cb9..eb827a0 100644
--- a/components/HeaderUserWidget.vue
+++ b/components/HeaderUserWidget.vue
@@ -1,10 +1,10 @@
 <template>
-    <Menu as="div" class="relative inline-block">
+    <Menu v-if="user" as="div" class="relative inline-block">
         <MenuButton>
             <HeaderWidget>
                 <div class="inline-flex items-center text-zinc-300 hover:text-white">
-                    <img :src="userData.image" class="w-5 h-5 rounded-sm" />
-                    <span class="ml-2 text-sm font-bold">{{ userData.name }}</span>
+                    <img :src="useObject(user.profilePicture)" class="w-5 h-5 rounded-sm" />
+                    <span class="ml-2 text-sm font-bold">{{ user.displayName }}</span>
                     <ChevronDownIcon class="ml-3 h-4" />
                 </div>
             </HeaderWidget>
@@ -14,13 +14,13 @@
             enter-from-class="transform opacity-0 scale-95" enter-to-class="transform opacity-100 scale-100"
             leave-active-class="transition ease-in duration-75" leave-from-class="transform opacity-100 scale-100"
             leave-to-class="transform opacity-0 scale-95">
-            <MenuItems class="absolute right-0 top-10 z-10 w-56 origin-top-right focus:outline-none">
+            <MenuItems class="absolute right-0 top-10 z-10 w-56 origin-top-right focus:outline-none shadow-md">
                 <PanelWidget class="flex-col gap-y-2">
                     <NuxtLink to="/id/me"
                         class="transition inline-flex items-center w-full py-3 px-4 hover:bg-zinc-800">
                         <div class="inline-flex items-center text-zinc-300">
-                            <img :src="userData.image" class="w-5 h-5 rounded-sm" />
-                            <span class="ml-2 text-sm font-bold">{{ userData.name }}</span>
+                            <img :src="useObject(user.profilePicture)" class="w-5 h-5 rounded-sm" />
+                            <span class="ml-2 text-sm font-bold">{{ user.displayName }}</span>
                         </div>
                     </NuxtLink>
                     <div class="h-0.5 rounded-full w-full bg-zinc-800" />
@@ -43,11 +43,9 @@ import { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/vue'
 import { ChevronDownIcon } from '@heroicons/vue/16/solid';
 import type { NavigationItem } from '../composables/types';
 import HeaderWidget from './HeaderWidget.vue';
+import { useObject } from '~/composables/objects';
 
-const userData = {
-    image: "https://avatars.githubusercontent.com/u/64579723?v=4",
-    name: "DecDuck",
-}
+const user = useUser();
 
 const navigation: NavigationItem[] = [
     {
diff --git a/composables/objects.ts b/composables/objects.ts
new file mode 100644
index 0000000..1418519
--- /dev/null
+++ b/composables/objects.ts
@@ -0,0 +1 @@
+export const useObject = (id: string) => `/api/v1/object/${id}`;
diff --git a/pages/register.vue b/pages/register.vue
index 93a2185..3c8e2d6 100644
--- a/pages/register.vue
+++ b/pages/register.vue
@@ -1,10 +1,10 @@
 <template>
-    <form @submit.prevent="register">
-        <input type="text" v-model="username" placeholder="username" />
-        <input type="password" v-model="password" placeholder="password" />
+  <form @submit.prevent="register">
+    <input type="text" v-model="username" placeholder="username" />
+    <input type="password" v-model="password" placeholder="password" />
 
-        <button type="submit">Submit</button>
-    </form>
+    <button type="submit">Submit</button>
+  </form>
 </template>
 
 <script setup lang="ts">
@@ -12,12 +12,16 @@ const username = ref("");
 const password = ref("");
 
 async function register() {
-    await $fetch('/api/v1/auth/signup/simple', {
-        method: "POST",
-        body: {
-            username: username.value,
-            password: password.value
-        }
-    })
+  await $fetch("/api/v1/auth/signup/simple", {
+    method: "POST",
+    body: {
+      username: username.value,
+      password: password.value,
+    },
+  });
 }
-</script>
\ No newline at end of file
+
+definePageMeta({
+  layout: false,
+});
+</script>
diff --git a/server/api/v1/auth/signup/simple.post.ts b/server/api/v1/auth/signup/simple.post.ts
index 5934dda..f5c28b9 100644
--- a/server/api/v1/auth/signup/simple.post.ts
+++ b/server/api/v1/auth/signup/simple.post.ts
@@ -41,7 +41,7 @@ export default defineEventHandler(async (h3) => {
   const user = await prisma.user.create({
     data: {
       username,
-      displayName: "",
+      displayName: "DecDuck",
       email: "",
       profilePicture: profilePictureObject,
     },
diff --git a/server/api/v1/object/[id]/index.delete.ts b/server/api/v1/object/[id]/index.delete.ts
new file mode 100644
index 0000000..2bd2e35
--- /dev/null
+++ b/server/api/v1/object/[id]/index.delete.ts
@@ -0,0 +1,9 @@
+export default defineEventHandler(async (h3) => {
+  const id = getRouterParam(h3, "id");
+  if (!id) throw createError({ statusCode: 400, statusMessage: "Invalid ID" });
+
+  const userId = await h3.context.session.getUserId(h3);
+
+  const result = await h3.context.objects.deleteWithPermission(id, userId);
+  return { success: result };
+});
diff --git a/server/api/v1/object/[id]/index.post.ts b/server/api/v1/object/[id]/index.post.ts
new file mode 100644
index 0000000..6fcbb1c
--- /dev/null
+++ b/server/api/v1/object/[id]/index.post.ts
@@ -0,0 +1,21 @@
+export default defineEventHandler(async (h3) => {
+  const id = getRouterParam(h3, "id");
+  if (!id) throw createError({ statusCode: 400, statusMessage: "Invalid ID" });
+
+  const body = await readRawBody(h3, "binary");
+  if (!body)
+    throw createError({
+      statusCode: 400,
+      statusMessage: "Invalid upload",
+    });
+
+  const userId = await h3.context.session.getUserId(h3);
+  const buffer = Buffer.from(body);
+
+  const result = await h3.context.objects.writeWithPermissions(
+    id,
+    async () => buffer,
+    userId
+  );
+  return { success: result };
+});
diff --git a/server/internal/objects/index.ts b/server/internal/objects/index.ts
index 72fca40..f2d1028 100644
--- a/server/internal/objects/index.ts
+++ b/server/internal/objects/index.ts
@@ -131,11 +131,12 @@ export abstract class ObjectBackend {
     userId?: string
   ) {
     const metadata = await this.fetchMetadata(id);
-    if (!metadata) return;
+    if (!metadata) return false;
 
     const myPermissions = metadata.permissions
       .filter((e) => {
         if (userId !== undefined && e.startsWith(userId)) return true;
+        if (userId !== undefined && e.startsWith("internal")) return true;
         if (e.startsWith("anonymous")) return true;
         return false;
       })