From 2909039534838548facb9999afb7eba38bbf9ac0 Mon Sep 17 00:00:00 2001
From: gsovereignty <gsovereignty@proton.me>
Date: Sat, 6 Jul 2024 15:19:49 +0800
Subject: [PATCH] problem: can't add product for sale

---
 src/components/AddProductToRocket.svelte   | 78 ++++++++++++++++++++++
 src/components/ProductCard.svelte          |  8 +--
 src/routes/rockets/[ignition]/+page.svelte |  7 +-
 3 files changed, 87 insertions(+), 6 deletions(-)
 create mode 100644 src/components/AddProductToRocket.svelte

diff --git a/src/components/AddProductToRocket.svelte b/src/components/AddProductToRocket.svelte
new file mode 100644
index 0000000..475aa52
--- /dev/null
+++ b/src/components/AddProductToRocket.svelte
@@ -0,0 +1,78 @@
+<script lang="ts">
+	import { Rocket } from 'lucide-svelte';
+	import { Button, buttonVariants } from '$lib/components/ui/button/index.js';
+	import * as Dialog from '$lib/components/ui/dialog/index.js';
+	import { Input } from '$lib/components/ui/input/index.js';
+	import { Label } from '$lib/components/ui/label/index.js';
+	import { ndk } from '@/ndk';
+	import Todo from './Todo.svelte';
+	import { currentUser } from '@/stores/session';
+	import { Terminal } from 'lucide-svelte';
+	import * as Alert from '@/components/ui/alert';
+	import type NDKSvelte from '@nostr-dev-kit/ndk-svelte';
+	import { NDKEvent } from '@nostr-dev-kit/ndk';
+	import { goto } from '$app/navigation';
+	import { base } from '$app/paths';
+	import { getRocketURL } from '@/helpers';
+
+    export let product:NDKEvent;
+    export let rocket:NDKEvent;
+
+    let price:number = 0;
+    let max:number = 0
+
+	function publish() {
+		if (!$ndk.signer) {
+			throw new Error('no ndk signer found');
+		}
+        rocket.ndk = $ndk
+		let author = $currentUser;
+		if (!author) {
+			throw new Error('no current user');
+		}
+        if (rocket.author.pubkey != author.pubkey) {
+            console.log(rocket.author, author)
+            throw new Error('you are not the creator of this rocket');
+        }
+        rocket.created_at = Math.floor(new Date().getTime() / 1000);
+        //todo validate d tag
+        rocket.tags.push(["product", `${product.id}:${price}:${rocket.created_at}:${max}`, "wss://relay.nostrocket.org", JSON.stringify([])])
+        rocket.publish().then((x)=>{
+            console.log(x)
+            goto(`${base}/rockets/${getRocketURL(rocket)}`)
+        })
+	}
+</script>
+
+<Dialog.Root>
+	<Dialog.Trigger class={buttonVariants({ variant: 'default' })}>Make Available for Purchase</Dialog.Trigger>
+	<Dialog.Content class="sm:max-w-[425px]">
+		<Dialog.Header>
+			<Dialog.Title>Make this product available to customers</Dialog.Title>
+			{#if !currentUser}
+				<Alert.Root>
+					<Terminal class="h-4 w-4" />
+					<Alert.Title>Heads up!</Alert.Title>
+					<Alert.Description
+						>You need a nostr signing extension to use Nostrocket!</Alert.Description
+					>
+				</Alert.Root>
+			{/if}
+			<Dialog.Description>Choose a name for your new Rocket and click Publish</Dialog.Description>
+		</Dialog.Header>
+		<div class="grid gap-4 py-4">
+			<div class="grid grid-cols-4 items-center gap-4">
+				<Label for="price" class="text-right">Price</Label>
+				<Input bind:value={price} id="price" placeholder="Price in sats" class="col-span-3" />
+			</div>
+            <div class="grid grid-cols-4 items-center gap-4">
+				<Label for="max" class="text-right">Max Available</Label>
+				<Input bind:value={max} id="max" placeholder="Maximum number that can be sold" class="col-span-3" />
+			</div>
+		</div>
+		<Todo text={['validate input is a number']} />
+		<Dialog.Footer>
+			<Button on:click={()=>{publish()}} type="submit">Publish</Button>
+		</Dialog.Footer>
+	</Dialog.Content>
+</Dialog.Root>
diff --git a/src/components/ProductCard.svelte b/src/components/ProductCard.svelte
index c90b168..33c8f6a 100644
--- a/src/components/ProductCard.svelte
+++ b/src/components/ProductCard.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import AddProductToRocket from './AddProductToRocket.svelte';
 	import { goto } from '$app/navigation';
 	import { base } from '$app/paths';
 	import { Button } from '$lib/components/ui/button/index.js';
@@ -8,6 +9,7 @@
 	import { ChevronRight } from 'lucide-svelte';
 
 	export let event: NDKEvent;
+	export let rocket:NDKEvent;
 	//$page.url.searchParams.get("tab")
 
 	function validate(event: NDKEvent): boolean {
@@ -46,11 +48,7 @@
 		<img src={event.getMatchingTags('cover')[0][1]} />
 		<Card.Content></Card.Content>
 		<Card.Footer class="flex justify-between">
-			<Button
-				on:click={() => {
-					goto(`${base}/rockets/${getRocketURL(event)}`);
-				}}>Make Available to Purchase<ChevronRight class="h-4 w-4" /></Button
-			>
+			<AddProductToRocket product={event} {rocket} />
 		</Card.Footer>
 	</Card.Root>
 {/if}
diff --git a/src/routes/rockets/[ignition]/+page.svelte b/src/routes/rockets/[ignition]/+page.svelte
index 346b198..71ef910 100644
--- a/src/routes/rockets/[ignition]/+page.svelte
+++ b/src/routes/rockets/[ignition]/+page.svelte
@@ -59,6 +59,11 @@
             if ($latestRocketEvent) {
                 candidateProducts = derived(rocketEvents, ($events) =>{
                     return $events.filter(e=>{
+						for (let p of $latestRocketEvent.getMatchingTags("product")) {
+							if (p[1].includes(e.id)) {
+								return false
+							}
+						}
                         return e.kind == 1908;
                     })
                 })
@@ -81,7 +86,7 @@
     {#if candidateProducts && $candidateProducts}
     <Subheading title="Product Candidates" />
     <CreateNewProduct rocketEvent={$latestRocketEvent} />
-    {#each $candidateProducts as r}<ProductCard event={r} />{/each}
+    {#each $candidateProducts as r}<ProductCard rocket={$latestRocketEvent} event={r} />{/each}
     {/if}
 	
 {:else}