replace share with a post reauest

src/lib/components/community/reactions/Reaction.svelte

@@ -23,7 +23,6 @@
 </script>
 
 <UserIsLogged>
-  <!-- liked -->
   <button
     class="rounded-full bg-white text-neutral-800 font-bold flex items-center justify-start gap-1.5 px-3 py-1 border border-white hover:bg-neutral-200 text-sm"
     class:bg-opacity-60={!liked}

src/lib/components/community/reactions/Reactions.svelte

@@ -16,7 +16,7 @@
       return {
         emoji,
         count: reactions.filter((reaction) => reaction.emoji === emoji).length,
-        liked: !!reactions.find((reaction) => reaction.emoji === emoji && reaction.hf_user_id === user?.sub)
+        liked: !!reactions.find((reaction) => reaction.emoji === emoji && reaction.userId === user?.sub)
       };
     });
   };
@@ -34,7 +34,7 @@
       if (deleted) {
         reactions = reactions.filter((reaction) => reaction.id !== id);
       } else {
-        reactions = [...reactions, { emoji, hf_user_id: user?.sub, galleryId: gallery_id, id }];
+        reactions = [...reactions, { emoji, userId: user?.sub, galleryId: gallery_id, id }];
       }
     }}
   />
@@ -44,6 +44,6 @@
   reactions={groupedReactions}
   {gallery_id}
   onAdd={(emoji, id) => {
-    reactions = [...reactions, { emoji, hf_user_id: user?.sub, galleryId: gallery_id, id }];
+    reactions = [...reactions, { emoji, userId: user?.sub, galleryId: gallery_id, id }];
   }}
 />

src/lib/components/generate/Response.svelte

@@ -1,15 +1,16 @@
 <script lang="ts">
   import { get } from "svelte/store";
   import { generationStore } from "$lib/stores/use-generation";
-	import UserIsLogged from '$lib/components/UserIsLogged.svelte';
 
 	import Button from "$lib/components/Button.svelte";
+	import { userStore } from "$lib/stores/use-user";
 
   let generation = get(generationStore);
   export let loading_generation: boolean = false;
 
   let loading: boolean = false;
   let already_saved: boolean = false;
+  let user = get(userStore)
 
   const saveImage = () => {
 		const link = document.createElement('a');
@@ -23,12 +24,11 @@
   const share = () => {
     if (loading) return;
     loading = true;
-    fetch(`/api/generate/share`, {
+    fetch(`/api/community/${generation?.gallery?.id}/publish`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json"
       },
-      body: JSON.stringify({ image: generation?.image, generation: generation?.form })
     }).then(() => {
       loading = false;
       already_saved = true;
@@ -85,7 +85,7 @@
         <div class="p-8 w-full">
           <div class="w-full flex items-center justify-end gap-4">
             <Button size="lg" theme="light" icon="material-symbols:save" iconPosition="right" onClick={saveImage}>Download</Button>
-            <!-- <UserIsLogged> -->
+            {#if user?.sub}
               <Button
                 size="lg"
                 theme="blue"
@@ -93,21 +93,16 @@
                 iconPosition="right"
                 loading={loading}
                 onClick={share}
-                >
-                <!-- disabled={loading || already_saved} -->
+                disabled={loading || already_saved}
+              >
                 {#if already_saved}
                   Shared!
                 {:else}
                   Share with community
                 {/if}
               </Button>
-            <!-- </UserIsLogged> -->
+            {/if}
           </div>
-          <p class="text-neutral-500 text-sm text-right mt-2.5">
-            All images not shared with the community are deleted right after generation.
-            <br>
-            Your informations are not shared with anyone.
-          </p>
           {#if generation?.form}
             <div class="mt-6 grid grid-cols-1 gap-4">
               <div>

src/routes/api/community/+server.ts

@@ -39,6 +39,7 @@ export async function GET(request : RequestEvent) {
 
   const total_reposId = await prisma.gallery.count({
     where: {
+      isPublic: true,
       OR: [
         { prompt: { contains: search } },
       ]

src/routes/api/community/[id]/publish/+server.ts

@@ -0,0 +1,47 @@
+import { json, type RequestEvent } from '@sveltejs/kit';
+import { tokenIsAvailable } from '$lib/utils';
+import prisma from '$lib/prisma';
+
+/** @type {import('./$types').RequestHandler} */
+
+export async function POST({ cookies, params } : RequestEvent) {
+  const id = params.id
+
+  const gallery = await prisma.gallery.findFirst({
+    where: {
+      id,
+    },
+  })
+  if (!gallery) {
+    return json({
+      error: "Image not found",
+    }, { status: 404 })
+  }
+  
+  const token = cookies.get('hf_access_token')
+  if (!token) {
+    return json({
+      error: "You must be logged",
+    }, { status: 401 })
+  }
+
+  const is_token_available = await tokenIsAvailable(token)
+  if (!is_token_available) {
+    return json({
+      error: "Invalid token",
+    }, { status: 401 })
+  }
+
+  await prisma.gallery.update({
+    where: {
+      id,
+    },
+    data: {
+      isPublic: true,
+    }
+  })
+
+  return json({
+    success: true,
+  })
+}

src/routes/api/generate/+server.ts

@@ -63,9 +63,9 @@ export async function POST({ request, cookies } : RequestEvent) {
   if (token) {
     const user = await tokenIsAvailable(token)
     if (user?.sub) {      
-      const dir = await promises.opendir(env.SECRET_FILE_UPLOAD_DIR).catch(() => null)
+      const dir = await promises.opendir(publicEnv.PUBLIC_FILE_UPLOAD_DIR).catch(() => null)
       if (!dir) {
-        await promises.mkdir(env.SECRET_FILE_UPLOAD_DIR)
+        await promises.mkdir(publicEnv.PUBLIC_FILE_UPLOAD_DIR)
       }
       const file_name_formatted = randomUUID() + "_" + generation?.inputs?.replaceAll(/[^a-zA-Z0-9]/g, "-") + ".png"
       await promises.writeFile(`${publicEnv.PUBLIC_FILE_UPLOAD_DIR}/${file_name_formatted}`, response)

src/routes/api/models/[id]/+server.ts

@@ -25,6 +25,9 @@ export async function GET({ url, params } : RequestEvent) {
             prompt: true,
             image: true,
             createdAt: true,
+          },
+          where: {
+            isPublic: true
           }
         },
         comments: {