package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@yusurko/vigil",
 	"private": true,
-	"version": "0.1.0-dev47",
+	"version": "0.1.0-dev43",
 	"type": "module",
 	"scripts": {
 		"dev": "vite dev",

src/lib/BigSearchInput.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 
-let { query }: {query?: string} = $props();
+let { query = $bindable<string>() }: {query?: string} = $props();
 </script>
 
 <input value={query} type="search" name="query" class="bigsearch" />

src/lib/Centered.svelte

@@ -1,15 +1,14 @@
 
 <script lang="ts">
-let { narrow = false, small = false, children } : { narrow?: boolean, small ?: boolean, children: any } = $props();
+let { narrow = false, children } : { narrow?: boolean, children: any } = $props();
 </script>
 
-<div class="centered" class:narrow={narrow} class:small={small}>
+<div class="centered" class:narrow={narrow}>
   {@render children () }
 </div>
 
 <style>
   .centered {text-align: center;}
   .centered.narrow { max-width: 400px; margin: auto; }
-  .centered.small { font-size: smaller; }
 </style>
 

src/lib/DesktopFooter.svelte

@@ -1,29 +0,0 @@
-<script lang="ts">
-    import Centered from "./Centered.svelte";
-
-</script>
-
-<Centered small={true}>
-    <p>&copy; 2021-2025 Sakuragasaki46.</p>
-    <ul>
-        <li><a href="/about">About</a></li>
-        <li><a href="/terms">Terms</a></li>
-        <li><a href="/privacy">Privacy</a></li>
-        <li><a href="https://nekode.yusur.moe/yusur/freak" target="_blank">GitHub</a></li>
-    </ul>
-</Centered>
-
-<style>
-    ul {
-        list-style: none;
-        display: flex;
-        align-items: center;
-        justify-content: stretch;
-        max-width: 640px;
-        margin: auto;
-    }
-
-    ul > li {
-        flex: 1;
-    }
-</style>

src/lib/Feed.svelte

@@ -19,11 +19,12 @@
 <style>
     ul {
         list-style: none;
-        padding: 0;
+        padding: 0 1em;
     }
 
     ul > li {
-        margin: 3px 0;
+        margin-top: 3px;
+        margin-bottom: 3px;
     }
 
     p.big {

src/lib/FeedPost.svelte

@@ -30,11 +30,10 @@ let { id, title, content = "", votes, my_vote, comment_count } = post;
   .post-frame {
     padding-inline-start: 2em;
     position: relative;
-    min-height: 7em;
   }
   .message-stats {
     position: absolute;
-    inset-inline-start: -6px;
+    inset-inline-start: 0;
     top: 0;
     width: 2em;
     display: flex;

src/lib/FullPost.svelte

@@ -81,13 +81,12 @@ let { title, id, content = '', to, votes, my_vote, comment_count } = post;
   }
   .message-stats {
     position: absolute;
-    inset-inline-start: -6px;
+    inset-inline-start: 0;
     top: 0;
     width: 2em;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     align-items: center;
-    margin-inline-end: 6px;
   }
 </style>

src/lib/MobileFooter.svelte

@@ -27,7 +27,7 @@ let me = $derived(getMe());
 <style>
 
 footer {
-    position: fixed;
+    position: sticky;
     bottom: 0;
     left: 0;
     width: 100%;

src/lib/PostMeta.svelte

@@ -17,10 +17,4 @@ let { post } : {post: PostEntry }= $props();
 
 <style>
     ul.post-meta > li { margin-inline-end: 9px; }
-
-    @media (max-width:799px) {
-        ul.post-meta {
-            font-size: .8em;
-        }
-    }
 </style>

src/lib/SLayout.svelte

@@ -28,12 +28,12 @@ let mobiRightActive = $state(false);
     grid-template-areas: 
        ". title ."
        "left center right";
-    padding: 1em 2em;
+    margin: 1em 2em;
     position: relative;
 }
 
-.layout-left { grid-area: left; padding-inline-end: 1em; }
+.layout-left { grid-area: left; padding-right: 1em; }
-.layout-right { grid-area: right; padding-inline-start: 1em; }
+.layout-right { grid-area: right; padding-left: 1em; }
 .layout-content { grid-area: center; }
 .layout-title { grid-area: title; text-align: center; font-size: 1.4em; }
 
@@ -86,8 +86,6 @@ let mobiRightActive = $state(false);
       "center center center";
 
     grid-template-columns: 2em auto 2em;
-
-    padding: 1em .5em;
   }
 
   .layout-left, .layout-right { display: none; }
@@ -109,10 +107,6 @@ let mobiRightActive = $state(false);
     right: 0;
    }
 
-   .layout-content {
-    font-size: .9em;
-   }
-
 }
 
 

src/routes/+layout.svelte

@@ -9,7 +9,6 @@ import type { ServerHealth, UserEntry } from '$lib/backend';
     import { getFlash } from 'sveltekit-flash-message';
     import { page } from "$app/state";
     import FlashMessage from '$lib/FlashMessage.svelte';
-    import DesktopFooter from '$lib/DesktopFooter.svelte';
 
 let { data, children } : { 
   data: {me: UserEntry},
@@ -54,8 +53,6 @@ let colorThemeCls = $derived(`color-scheme-${colorScheme} color-theme-${colorThe
     {@render children()}
   </main>
 
-  <DesktopFooter />
-
   <MobileFooter />
 </div>
 

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

@@ -1,43 +0,0 @@
-import { backend } from '$lib/backend.js';
-import { redirect } from 'sveltekit-flash-message/server';
-
-export const actions = {
-
-    async default (event) {
-        const { request }= event;
-
-        const data = await request.formData();
-        const guildName = ''+data.get('to');
-        const title = data.get('title');
-        const content = data.get('content');
-        const privacy = +(data.get('privacy') || 0);
-
-        const backend2 = await backend.withEvent(event).oath();
-        const resp = await backend2.submitJson(`guild/@${encodeURIComponent(guildName)}`, {
-            title, content, privacy
-        })
-
-        const { status } = resp;
-        const respData = await resp.json();
-
-        if ([200, 204].indexOf(status) < 0) {
-            // error
-            console.log(`/create: status ${status}`);
-            switch(status) {
-                case 403:
-                case 404:
-                    redirect({
-                        message: respData.error
-                    }, event);
-                    break;
-                default: 
-                    redirect({message: `Unknown error (HTTP ${status})`}, event);
-                    break;
-            }
-        } else {
-            const { id: myId } = respData;
-
-            redirect(303, "/=" + myId);
-        }
-    }
-};

src/routes/create/+page.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-    import { enhance } from "$app/forms";
     import Centered from "$lib/Centered.svelte";
     import EditPost from "$lib/EditPost.svelte";
     import { getMe } from "$lib/globals.svelte";
@@ -13,15 +12,14 @@
     let content = $state("");
     let privacy = $state(0);
     let guildName = $state("");
-    //let guildInfo = $state(null);
 
-    let enablePost = $derived(!!content && !!guildName);
+    let enablePost = $derived(!!content && !!guildName && false);
 </script>
 
 
 {#if me}
 <SLayout title="New post">
-  <form method="POST" class="card" use:enhance>
+  <form method="POST" class="card">
     <p>Posting as <strong>@{me.username}</strong></p>
 
     <label>

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

@@ -45,7 +45,7 @@ export const actions = {
             // login success
             const { id: myId } = respData;
 
-            redirect(303, "/@" + myId);
+            redirect(303, "/user/" + myId);
         }
     }
 } satisfies Actions;

src/routes/privacy/+page.svelte

@@ -1,13 +0,0 @@
-<script lang="ts">
-    import { SvelteShowdown } from "svelte-showdown";
-
-    let { data }: { data: {content: string} } = $props();
-
-    let { content } = data;
-</script>
-
-<article class="card">
-    <p class="faint">Privacy Policy</p>
-
-    <SvelteShowdown {content} />
-</article>

src/routes/privacy/+page.ts

@@ -1,19 +0,0 @@
-import { backend } from '$lib/backend.js';
-import { error } from '@sveltejs/kit';
-
-
-
-export async function load(event) {
-
-    const resp = await backend.withEvent(event).fetch('about/privacy');
-
-    if(resp.status === 404) {
-        error(404);
-    }
-
-    const respJ = await resp.json();
-
-    const { content } = respJ;
-
-    return { content };
-}

src/routes/rules/+page.svelte

@@ -1,13 +0,0 @@
-<script lang="ts">
-    import { SvelteShowdown } from "svelte-showdown";
-
-    let { data }: { data: {content: string} } = $props();
-
-    let { content } = data;
-</script>
-
-<article class="card">
-    <p class="faint">Community Guidelines</p>
-
-    <SvelteShowdown {content} />
-</article>

src/routes/rules/+page.ts

@@ -1,19 +0,0 @@
-import { backend } from '$lib/backend.js';
-import { error } from '@sveltejs/kit';
-
-
-
-export async function load(event) {
-
-    const resp = await backend.withEvent(event).fetch('about/rules');
-
-    if(resp.status === 404) {
-        error(404);
-    }
-
-    const respJ = await resp.json();
-
-    const { content } = respJ;
-
-    return { content };
-}

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

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

src/routes/search/+page.svelte

@@ -1,30 +1,23 @@
 <script lang="ts">
     import { enhance } from "$app/forms";
-    import type { PostEntry } from "$lib/backend";
     import BigSearchInput from "$lib/BigSearchInput.svelte";
     import Feed from "$lib/Feed.svelte";
     import { RiSearchLine } from "svelte-remixicon";
+    import type { PageProps } from "./$types";
 
-    let { data }: {
+    let { data }: PageProps = $props();
-      data: {
+    console.log(data);
-        query: string,
-        results: PostEntry[]
-      }
-    } = $props();
     let { query, results } = $derived(data);
 </script>
 
 <form method="POST" use:enhance>
   <ul class="row">
-    <BigSearchInput {query} />
+    <BigSearchInput bind:query />
-    <button type="submit" class="inline"><RiSearchLine /></button>
+    <button class="inline"><RiSearchLine /></button>
   </ul>
 </form>
-
 {#if query}
 <Feed posts={results} />
-{:else}
-<p>Search function is broken!</p>
 {/if}
 
 

src/routes/terms/+page.svelte

@@ -1,13 +0,0 @@
-<script lang="ts">
-    import { SvelteShowdown } from "svelte-showdown";
-
-    let { data }: { data: {content: string} } = $props();
-
-    let { content } = data;
-</script>
-
-<article class="card">
-    <p class="faint">Terms of Service</p>
-
-    <SvelteShowdown {content} />
-</article>

src/routes/terms/+page.ts

@@ -1,19 +0,0 @@
-import { backend } from '$lib/backend.js';
-import { error } from '@sveltejs/kit';
-
-
-
-export async function load(event) {
-
-    const resp = await backend.withEvent(event).fetch('about/terms');
-
-    if(resp.status === 404) {
-        error(404);
-    }
-
-    const respJ = await resp.json();
-
-    const { content } = respJ;
-
-    return { content };
-}

src/routes/user/[id]/+page.ts

@@ -11,6 +11,8 @@ export async function load(event) {
         error(404);
       }
 
+      
+      
       const respJ = await resp.json();
 
         let { users } = respJ;

vite.config.ts

@@ -4,8 +4,6 @@ import { configDotenv } from 'dotenv';
 
 configDotenv();
 
-console.info(`server name is ${process.env.SERVER_NAME}`);
-
 export default defineConfig({
 	plugins: [sveltekit()],
 	server: {