From 9b38cb1a62ede4900fde4ba47a7b065db329e994 Mon Sep 17 00:00:00 2001
From: Owen Jacobson <owen@grimoire.ca>
Date: Tue, 1 Jul 2025 15:40:11 -0400
Subject: Rename "channel" to "conversation" throughout the client.

Existing client state, stored in local storage, is migrated to new keys (that mention "conversation" instead of "channel" where appropriate) the first time the client loads.
---
 ui/lib/components/Channel.svelte                | 14 --------------
 ui/lib/components/ChannelList.svelte            | 13 -------------
 ui/lib/components/Conversation.svelte           | 14 ++++++++++++++
 ui/lib/components/ConversationList.svelte       | 17 +++++++++++++++++
 ui/lib/components/CreateChannelForm.svelte      | 22 ----------------------
 ui/lib/components/CreateConversationForm.svelte | 22 ++++++++++++++++++++++
 6 files changed, 53 insertions(+), 49 deletions(-)
 delete mode 100644 ui/lib/components/Channel.svelte
 delete mode 100644 ui/lib/components/ChannelList.svelte
 create mode 100644 ui/lib/components/Conversation.svelte
 create mode 100644 ui/lib/components/ConversationList.svelte
 delete mode 100644 ui/lib/components/CreateChannelForm.svelte
 create mode 100644 ui/lib/components/CreateConversationForm.svelte

(limited to 'ui/lib/components')

diff --git a/ui/lib/components/Channel.svelte b/ui/lib/components/Channel.svelte
deleted file mode 100644
index 9004e50..0000000
--- a/ui/lib/components/Channel.svelte
+++ /dev/null
@@ -1,14 +0,0 @@
-<script>
-  let { id, name, active, hasUnreads } = $props();
-</script>
-
-<li class:active>
-  <a href="/c/{id}">
-    {#if hasUnreads}
-      <span class="badge has-unreads">❦</span>
-    {:else}
-      <span class="badge has-no-unreads">¶</span>
-    {/if}
-    <span>{name}</span>
-  </a>
-</li>
diff --git a/ui/lib/components/ChannelList.svelte b/ui/lib/components/ChannelList.svelte
deleted file mode 100644
index 51dd6cf..0000000
--- a/ui/lib/components/ChannelList.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script>
-  import Channel from './Channel.svelte';
-
-  let { channels, active } = $props();
-</script>
-
-<nav class="list-nav">
-  <ul>
-    {#each channels as channel}
-      <Channel {...channel} active={active === channel.id} />
-    {/each}
-  </ul>
-</nav>
diff --git a/ui/lib/components/Conversation.svelte b/ui/lib/components/Conversation.svelte
new file mode 100644
index 0000000..9004e50
--- /dev/null
+++ b/ui/lib/components/Conversation.svelte
@@ -0,0 +1,14 @@
+<script>
+  let { id, name, active, hasUnreads } = $props();
+</script>
+
+<li class:active>
+  <a href="/c/{id}">
+    {#if hasUnreads}
+      <span class="badge has-unreads">❦</span>
+    {:else}
+      <span class="badge has-no-unreads">¶</span>
+    {/if}
+    <span>{name}</span>
+  </a>
+</li>
diff --git a/ui/lib/components/ConversationList.svelte b/ui/lib/components/ConversationList.svelte
new file mode 100644
index 0000000..71332e0
--- /dev/null
+++ b/ui/lib/components/ConversationList.svelte
@@ -0,0 +1,17 @@
+<script>
+  import Conversation from './Conversation.svelte';
+
+  let { conversations, active } = $props();
+
+  function isActive(conversation) {
+    return active === conversation.id;
+  }
+</script>
+
+<nav class="list-nav">
+  <ul>
+    {#each conversations as conversation}
+      <Conversation {...conversation} active={isActive(conversation)} />
+    {/each}
+  </ul>
+</nav>
diff --git a/ui/lib/components/CreateChannelForm.svelte b/ui/lib/components/CreateChannelForm.svelte
deleted file mode 100644
index 471c2b7..0000000
--- a/ui/lib/components/CreateChannelForm.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script>
-  let { createChannel = async (name) => {} } = $props();
-
-  let name = $state('');
-  let disabled = $state(false);
-
-  async function onsubmit(event) {
-    event.preventDefault();
-    disabled = true;
-    try {
-      await createChannel(name);
-      event.target.reset();
-    } finally {
-      disabled = false;
-    }
-  }
-</script>
-
-<form {onsubmit}>
-  <input type="text" placeholder="create channel" bind:value={name} {disabled} />
-  <button type="submit">&#x2795;</button>
-</form>
diff --git a/ui/lib/components/CreateConversationForm.svelte b/ui/lib/components/CreateConversationForm.svelte
new file mode 100644
index 0000000..e390a78
--- /dev/null
+++ b/ui/lib/components/CreateConversationForm.svelte
@@ -0,0 +1,22 @@
+<script>
+  let { createConversation = async (name) => {} } = $props();
+
+  let name = $state('');
+  let disabled = $state(false);
+
+  async function onsubmit(event) {
+    event.preventDefault();
+    disabled = true;
+    try {
+      await createConversation(name);
+      event.target.reset();
+    } finally {
+      disabled = false;
+    }
+  }
+</script>
+
+<form {onsubmit}>
+  <input type="text" placeholder="start a conversation" bind:value={name} {disabled} />
+  <button type="submit">&#x2795;</button>
+</form>
-- 
cgit v1.2.3