package.json

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

src/lib/Centered.svelte

@@ -4,7 +4,7 @@ let { narrow = false, small = false, children } : { narrow?: boolean, small ?: b
 </script>
 
 <div class="centered" class:narrow={narrow} class:small={small}>
-  {@render children() }
+  {@render children () }
 </div>
 
 <style>

src/lib/ColorThemeSelect.svelte

@@ -1,59 +0,0 @@
-<script lang="ts">
-    import { getColorThemeCode, setColorThemeCode } from "./globals.svelte";
-
-
-  let color_values = [
-    {name: "Default"},
-    {name: "Rei"},
-    {name: "Ai"},
-    {name: "Aqua"},
-    {name: "Neru"},
-    {name: "Gumi"},
-    {name: "Emu"},
-    {name: "Spacegray"},
-    {name: "Haku"},
-    {name: "Miku"},
-    {name: "Defoko"},
-    {name: "Kaito"},
-    {name: "Meiko"},
-    {name: "WhatsApp"},
-    {name: "Teto"},
-    {name: "Ruby"}
-  ];
-
-  // NOT AFFILIATED with the following:
-  // Oshi No Ko right holders, TwinDrill, Crypton Future Media or Meta Platforms!!
-
-  let { value = $bindable(0) } = $props();
-
-  $effect(() => {
-    if (+value !== getColorThemeCode()) {
-      setColorThemeCode(value);
-    }
-  })
-</script>
-
-<ul class="grid">
-  {#each color_values as {name: cname}, cval}
-  <li>
-    <label>
-      <input type="radio" name="color_theme" value={cval} checked={value == cval} onclick={() => {
-        value = cval;
-      }} />
-      <span class="color-nugget" style:--color={`var(--c${+cval}-accent)`}></span>
-      <span>{cname}</span>
-    </label>
-  </li>
-  {/each}
-</ul>
-
-<style>
-  .color-nugget {
-    display: inline-block;
-    height: 1em;
-    width: 1em;
-    border-radius: 1em;
-    background-color: var(--color);
-    border: 1px solid var(--color, var(--border));
-  }
-</style>

src/lib/HomeMenu.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { RiCompassLine, RiHome2Line, RiSettings2Line, RiShieldStarLine, RiAddBoxLine, RiUserLine } from 'svelte-remixicon';
+  import { RiCompassLine, RiHome2Line, RiSettings2Line, RiShieldStarLine, RiUserLine } from 'svelte-remixicon';
     import MenuLink from './MenuLink.svelte';
 
   let { user = null } = $props();
@@ -11,9 +11,6 @@
   <MenuLink href="/settings" icon={RiSettings2Line} label="Settings" />
   {#if user}
   <MenuLink href="/@{user.username}" icon={RiUserLine} label="My profile" />
-  {#if true}
-  <MenuLink href="/createguild" icon={RiAddBoxLine} label="Create guild" />
-  {/if}
   {#if user.badges && user.badges.indexOf('administrator') >= 0}
   <MenuLink href="/admin/" icon={RiShieldStarLine} label="Administration" />
   {/if}

src/lib/ModeratorList.svelte

@@ -1,33 +0,0 @@
-<script lang="ts">
-    import { RiShieldStarLine } from "svelte-remixicon";
-    import AsideCard from "./AsideCard.svelte";
-    import Centered from "./Centered.svelte";
-    import { getMe } from "./globals.svelte";
-    import Wip from "./Wip.svelte";
-
-    let { guildName, mods } = $props();
-    let me = getMe();
-</script>
-
-{#if me && mods}
-
-{#if mods.banned}
-<Centered>Moderator list is hidden because you are banned.</Centered>
-{:else if mods.unmoderated}
-<Centered>+{guildName} is currently unmoderated</Centered>
-{:else}
-<AsideCard title={`Moderators of +${guildName}`}>
-  <ul>
-  {#each mods.has as mod}
-    <li>
-      @{mod.username}
-      {#if mod.is_owner}
-      <span><RiShieldStarLine/> <small>Owner</small></span>
-      {/if}
-    </li>
-  {/each}
-  </ul>
-</AsideCard>
-{/if}
-
-{/if}

src/lib/globals.svelte.ts

@@ -65,10 +65,6 @@ export function getColorThemeCode (): number {
     return health.color_theme;
 }
 
-export function setColorThemeCode(value: number) {
-    health.color_theme = value;
-}
-
 export function isLoaded(): boolean {
     return health.loaded;
 }

src/routes/[x+2b][name]/+page.svelte

@@ -1,15 +1,12 @@
 <script lang="ts">
     import type { GuildEntry, PostEntry } from "$lib/backend";
     import Feed from "$lib/Feed.svelte";
-    import { getMe } from "$lib/globals.svelte";
     import GuildAbout from "$lib/GuildAbout.svelte";
     import GuildMenu from "$lib/GuildMenu.svelte";
-    import ModeratorList from "$lib/ModeratorList.svelte";
     import SLayout from "$lib/SLayout.svelte";
 
-    let { data } : { data: { guild: GuildEntry , feed: PostEntry[], mods: any } } = $props();
-    let { guild, feed = [], mods = null } = $derived(data);
-    let me = getMe();
+    let { data } : { data: { guild: GuildEntry , feed: PostEntry[] } } = $props();
+    let { guild, feed = [] } = $derived(data);
 
 </script>
 
@@ -22,9 +19,5 @@
 
   {#snippet right()}
     <GuildAbout {guild} />
-
-    {#if me}
-    <ModeratorList guildName={guild.name} {mods} />
-    {/if}
   {/snippet}
 </SLayout>

src/routes/[x+2b][name]/+page.ts

@@ -21,18 +21,11 @@ export async function load(event) {
             if (guilds[g].name === name) {
                 guild = guilds[g];
             }
-        }
+        } 
 
         if (!guild) error(404);
 
-        let mods = null;
-        const respMods = await backend.withEvent(event).fetch('guild/@' + encodeURIComponent(name) + '/mods');
-
-        if (respMods.status === 200) {
-          const respModsJ = await respMods.json();
-          mods = respModsJ;
-        }
-        return { guild, feed, mods };
+        return { guild, feed };
     }
     catch (e) {
         console.error(e);

src/routes/settings/+layout.svelte

@@ -16,6 +16,6 @@ let { children } = $props();
         </ul>
     {/snippet}
     {#snippet right()}
-        <button class="primary card" disabled>Save</button>
+        <button class="primary card">Save</button>
     {/snippet}
 </SLayout>

src/routes/settings/appearance/+page.svelte

@@ -1,11 +1,2 @@
-<script lang="ts">
-    import ColorThemeSelect from "$lib/ColorThemeSelect.svelte";
-    import { getColorThemeCode } from "$lib/globals.svelte";
 
-    let color_theme = $state(getColorThemeCode());
-</script>
-
-<section>
-    <h2>Color theme</h2>
-    <ColorThemeSelect bind:value={color_theme} />
-</section>
+TODO