add /edit stub

src/routes/create/+page.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
     import Centered from "$lib/Centered.svelte";
+    import EditPost from "$lib/EditPost.svelte";
     import { getMe } from "$lib/globals.svelte";
     import GuildSelect from "$lib/GuildSelect.svelte";
-    import PrivacySelect from "$lib/PrivacySelect.svelte";
     import SLayout from "$lib/SLayout.svelte";
     import { RiErrorWarningLine } from "svelte-remixicon";
 
@@ -11,7 +11,6 @@
     let content = $state("");
     let privacy = $state(0);
 
-    let contentLength = $derived(content.length);
 
 </script>
 
@@ -22,20 +21,12 @@
     <p>Posting as <strong>@{me.username}</strong></p>
 
     <label>
-      Post to: <!-- TODO autocomplete! -->
+      Post to:
       <GuildSelect />
     </label>
 
-    <label>
-      <input type="text" name="title" maxlength=256 placeholder="An interesting title"/>
-    </label>
-    
-    <label>
-      <textarea bind:value={content}></textarea>
-      <output><small class="faint">{contentLength} chars</small></output>
-    </label>
+    <EditPost bind:content bind:privacy />
 
-    <PrivacySelect bind:value={privacy} />
     {#if privacy === 0}
       <span class="warning"><RiErrorWarningLine /> Your post will be PUBLIC!</span>
     {/if}
@@ -60,22 +51,10 @@
 
 <style>
 
-textarea {
-    width: 100%;
-    background-color: inherit;
-    color: var(--text-primary);
-    min-height: 10em;
-    margin-top: 4px;
-}
-
 form {
     display: flex;
     flex-direction: column;
 }
 
-input[name="title"] {
-    width: 100%;
-    margin: 6px 0;
-    font-size: 1.25em;
-}
+
 </style>

src/routes/edit/[x+3d][id]/+page.svelte

@@ -0,0 +1,64 @@
+<script lang="ts">
+    import type { PostEntry } from "$lib/backend";
+    import Centered from "$lib/Centered.svelte";
+    import EditPost from "$lib/EditPost.svelte";
+    import { getMe } from "$lib/globals.svelte";
+    import GuildSelect from "$lib/GuildSelect.svelte";
+    import SLayout from "$lib/SLayout.svelte";
+    import { RiErrorWarningLine } from "svelte-remixicon";
+
+    let me = getMe();
+
+    let { data }: { data: PostEntry } = $props();
+    let post = $state(data) ;
+
+    let { content = "", privacy } = $derived(post);
+
+</script>
+
+
+{#if me?.id === post.author?.id}
+<SLayout title="New post">
+  <form method="POST" class="card">
+    <p>Posting as <strong>@{me?.username}</strong></p>
+
+    <label>
+      Post to:
+      <GuildSelect />
+    </label>
+
+    <EditPost bind:content bind:privacy />
+
+    {#if privacy === 0}
+      <span class="warning"><RiErrorWarningLine /> Your post will be PUBLIC!</span>
+    {/if}
+
+    <button class="card primary" disabled>Create</button>
+    
+  </form>
+
+  {#snippet left()}
+      ...
+  {/snippet}
+  
+  {#snippet right()}
+      ...
+  {/snippet}
+</SLayout>
+{:else if me}
+  You can't edit posts that are not your own.
+{:else}
+<Centered>
+  You must be <a href="login">logged in</a> in order to edit your own posts.
+</Centered>
+{/if}
+
+<style>
+
+form {
+    display: flex;
+    flex-direction: column;
+}
+
+
+</style>

src/routes/edit/[x+3d][id]/+page.ts

@@ -0,0 +1,51 @@
+import { backend, type GuildEntry } from '$lib/backend.js';
+import { getMe } from '$lib/globals.svelte';
+import { error, isHttpError, redirect } from '@sveltejs/kit';
+
+export async function load(event) {
+
+    const { params } = event;
+    const { id } = params;
+
+    const resp = await backend.withEvent(event).fetch('post/' + encodeURIComponent(id));
+      
+    if(resp.status === 404) { 
+        error(404);
+    }
+
+    let post;
+    
+    try{
+      const respJ = await resp.json();
+
+        let { posts } = respJ;
+        post = posts[id];
+
+        let me = getMe();
+
+        if (!me) {
+            redirect(303, "/login?next=" + encodeURIComponent(event.url.pathname));
+        }
+        if (  post.author.id !== me?.id) {
+            error(403);
+        }
+
+        if (post?.to && post.to.type === 'guild') {
+          const guild: GuildEntry = post.to;
+          const guildResp = await backend.withEvent(event).fetch('guild/' + encodeURIComponent(guild.id));
+          const guildJson = await guildResp.json();
+          const guildInfo = guildJson?.guilds?.[guild.id];
+          guildInfo.type = 'guild';
+          post.to = guildInfo || guild;
+          console.log(post.to);
+        }
+      
+    } catch (e) {
+        if (isHttpError(e)) throw e;
+
+        console.error(e);
+        error(502);
+    }
+
+    return post;
+}

src/routes/search/+page.server.ts

@@ -32,14 +32,12 @@ export const actions = {
         event.locals.results = results;
         event.locals.query = query;
         console.log(event.locals);
-        return
     }
 } satisfies Actions;
 
-export async function load (event) {
-    const { results, query } = event.locals;
-    
-    console.log({ results, query });
-    return { results, query };
+export function load (event) {
+  const { results, query } = event.locals;
+
+  return { results, query };
 }
 

src/routes/search/+page.svelte

@@ -6,6 +6,7 @@
     import type { PageProps } from "./$types";
 
     let { data }: PageProps = $props();
+    console.log(data);
     let { query, results } = $derived(data);
 </script>