problem: can't create new rockets

src/components/CreateNewRocket.svelte

@@ -0,0 +1,68 @@
+<script lang="ts">
+	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';
+
+    let name:string;
+
+	function publish(ndk: NDKSvelte, name: string) {
+		if (!ndk.signer) {
+			throw new Error('no ndk signer found');
+		}
+		let e = new NDKEvent(ndk);
+		let author = $currentUser;
+		if (!author) {
+			throw new Error('no current user');
+		}
+        e.author = author;
+        e.kind = 31108;
+        e.created_at = Math.floor(new Date().getTime() / 1000);
+        //todo validate d tag
+        e.tags.push(["d", name])
+        e.tags.push(["ruleset", "334000"])
+        e.publish().then((x)=>{
+            console.log(x)
+            goto(`${base}/rockets/${getRocketURL(e)}`)
+        })
+	}
+</script>
+
+<Dialog.Root>
+	<Dialog.Trigger class={buttonVariants({ variant: 'default' })}>Create a Rocket</Dialog.Trigger>
+	<Dialog.Content class="sm:max-w-[425px]">
+		<Dialog.Header>
+			<Dialog.Title>Name Your Rocket</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="name" class="text-right">Name</Label>
+				<Input bind:value={name} id="name" placeholder="Name-of-your-rocket" class="col-span-3" />
+			</div>
+		</div>
+		<Todo text={['validate input is a valid d tag (NIP01)']} />
+		<Dialog.Footer>
+			<Button on:click={()=>{publish($ndk, name)}} type="submit">Publish</Button>
+		</Dialog.Footer>
+	</Dialog.Content>
+</Dialog.Root>

src/components/Login.svelte

@@ -0,0 +1,35 @@
+<script lang="ts">
+	import { ndk } from "$lib/ndk";
+	import { Button } from "@/components/ui/button";
+	import { NDKNip07Signer } from "@nostr-dev-kit/ndk";
+	import { onMount } from "svelte";
+
+    onMount(() => {
+        if (localStorage.getItem("signed-in")) {
+            nip07();
+        }
+    })
+
+    async function nip07() {
+        document.body.appendChild(document.createElement('script')).src = 'https://unpkg.com/window.nostr.js/dist/window.nostr.js';
+
+        try {
+            
+            const signer = new NDKNip07Signer();
+            const user = await signer.blockUntilReady();
+            
+            if (user) {
+                $ndk.signer = signer;
+                $ndk = $ndk
+                localStorage.setItem("signed-in", "true");
+            }
+        } catch (e) {
+            alert(e);
+        }
+    }
+</script>
+{#if !$ndk.signer}
+<Button on:click={nip07}>
+    <span class="hidden sm:block">Sign in</span>
+</Button>
+{/if}

src/components/RocketCard.svelte

@@ -3,30 +3,19 @@
 	import { base } from '$app/paths';
 	import { Button } from '$lib/components/ui/button/index.js';
 	import * as Card from '$lib/components/ui/card/index.js';
+	import { getMission, getRocketURL } from '@/helpers';
 	import type { NDKEvent } from '@nostr-dev-kit/ndk';
 	import { ChevronRight } from 'lucide-svelte';
 
 	export let rocketEvent: NDKEvent;
     //$page.url.searchParams.get("tab")
-    function getRocketURL(e:NDKEvent):string {
 
-        let ignitionID = undefined;
-        if (e.getMatchingTags('ignition') && e.getMatchingTags('ignition')[0] && e.getMatchingTags('ignition')[0][1]) {
-            ignitionID = e.getMatchingTags('ignition')[0][1]
-        }
-        if (!ignitionID) {
-            ignitionID = e.id
-        }
-        let d = e.getMatchingTags('d')[0][1]
-        let p = e.pubkey
-        return `${ignitionID}?d=${d}&p=${p}`
-    }
 </script>
 
 <Card.Root class="w-[350px]">
 	<Card.Header>
 		<Card.Title>{rocketEvent.getMatchingTags('d')[0][1]}</Card.Title>
-		<Card.Description>{rocketEvent.getMatchingTags('mission')[0][1]}</Card.Description>
+		<Card.Description>{getMission(rocketEvent)}</Card.Description>
 	</Card.Header>
 	<Card.Content></Card.Content>
 	<Card.Footer class="flex justify-between">

src/layouts/SidePanelLayout.svelte

@@ -12,6 +12,7 @@
 	import NewMenu from '../components/Menu.svelte';
 	import RocketPillCard from '../components/RocketPillCard.svelte';
 	import { base } from '$app/paths';
+	import Login from '../components/Login.svelte';
 
 	export let title = '';
 </script>
@@ -86,6 +87,7 @@
 					</div>
 				</form>
 			</div>
+			<Login />
 			<DropdownMenu.Root>
 				<DropdownMenu.Trigger asChild let:builder>
 					<Button builders={[builder]} variant="secondary" size="icon" class="rounded-full">

src/lib/helpers.ts

@@ -0,0 +1,22 @@
+import type { NDKEvent } from "@nostr-dev-kit/ndk";
+
+export function getRocketURL(e:NDKEvent):string {
+
+    let ignitionID = undefined;
+    if (e.getMatchingTags('ignition') && e.getMatchingTags('ignition')[0] && e.getMatchingTags('ignition')[0][1]) {
+        ignitionID = e.getMatchingTags('ignition')[0][1]
+    }
+    if (!ignitionID) {
+        ignitionID = e.id
+    }
+    let d = e.getMatchingTags('d')[0][1]
+    let p = e.pubkey
+    return `${ignitionID}?d=${d}&p=${p}`
+}
+
+export function getMission(rocketEvent:NDKEvent):string {
+    if (rocketEvent.getMatchingTags('mission') && rocketEvent.getMatchingTags('mission')[0] && rocketEvent.getMatchingTags('mission')[0][1]) {
+        return rocketEvent.getMatchingTags('mission')[0][1]
+    }
+    return ""
+}

src/lib/ndk.ts

@@ -9,7 +9,7 @@ const _ndk = new NDKSvelte({
 		'wss://purplepag.es',
 		'wss://relay.nostr.band',
 		'wss://nos.lol',
-		'wss://relay.nostrocket.org'
+		//'wss://relay.nostrocket.org'
 	],
 	enableOutboxModel: false,
 	clientName: 'nostrocket'

src/lib/stores/session.ts

@@ -6,6 +6,7 @@ export const currentUser = writable<NDKUser | undefined>(undefined);
 
 export async function prepareUserSession(ndk: NDKSvelte, user: NDKUser): Promise<void> {
 	return new Promise((resolve) => {
+		
         //implement any session set up stuff here
 	});
 }

src/views/n00b/N00b.svelte

@@ -5,6 +5,7 @@
 	import * as Card from '$lib/components/ui/card/index.js';
 	import { Switch } from '$lib/components/ui/switch/index.js';
 	import { base } from '$app/paths';
+	import CreateNewRocket from '../../components/CreateNewRocket.svelte';
 
 	const notifications = [
 		{
@@ -93,7 +94,7 @@
 					</div>
 				</Card.Content>
 				<Card.Footer>
-					<Button class="w-full">Create a Rocket Now</Button>
+					<CreateNewRocket />
 				</Card.Footer>
 			</Card.Root>
 		</div>