From bd53a51af835478d23bef4772ce7e50553dc3fdf Mon Sep 17 00:00:00 2001 From: Kit La Touche Date: Wed, 9 Oct 2024 15:32:52 -0400 Subject: Move a lot of things around --- hi-ui/src/lib/ActiveChannel.svelte | 27 -------- hi-ui/src/lib/Channel.svelte | 26 -------- hi-ui/src/lib/ChannelList.svelte | 18 ------ hi-ui/src/lib/CreateChannelForm.svelte | 23 ------- hi-ui/src/lib/LogIn.svelte | 35 ----------- hi-ui/src/lib/LogOut.svelte | 22 ------- hi-ui/src/lib/Message.svelte | 31 --------- hi-ui/src/lib/MessageInput.svelte | 30 --------- hi-ui/src/lib/apiServer.js | 76 +++++++++++++++++++++++ hi-ui/src/lib/components/ActiveChannel.svelte | 27 ++++++++ hi-ui/src/lib/components/Channel.svelte | 21 +++++++ hi-ui/src/lib/components/ChannelList.svelte | 18 ++++++ hi-ui/src/lib/components/CreateChannelForm.svelte | 23 +++++++ hi-ui/src/lib/components/LogIn.svelte | 35 +++++++++++ hi-ui/src/lib/components/LogOut.svelte | 22 +++++++ hi-ui/src/lib/components/Message.svelte | 31 +++++++++ hi-ui/src/lib/components/MessageInput.svelte | 30 +++++++++ hi-ui/src/lib/store.js | 8 +++ hi-ui/src/lib/store/channels.js | 71 +++++++++++++++++++++ hi-ui/src/lib/store/messages.js | 41 ++++++++++++ 20 files changed, 403 insertions(+), 212 deletions(-) delete mode 100644 hi-ui/src/lib/ActiveChannel.svelte delete mode 100644 hi-ui/src/lib/Channel.svelte delete mode 100644 hi-ui/src/lib/ChannelList.svelte delete mode 100644 hi-ui/src/lib/CreateChannelForm.svelte delete mode 100644 hi-ui/src/lib/LogIn.svelte delete mode 100644 hi-ui/src/lib/LogOut.svelte delete mode 100644 hi-ui/src/lib/Message.svelte delete mode 100644 hi-ui/src/lib/MessageInput.svelte create mode 100644 hi-ui/src/lib/apiServer.js create mode 100644 hi-ui/src/lib/components/ActiveChannel.svelte create mode 100644 hi-ui/src/lib/components/Channel.svelte create mode 100644 hi-ui/src/lib/components/ChannelList.svelte create mode 100644 hi-ui/src/lib/components/CreateChannelForm.svelte create mode 100644 hi-ui/src/lib/components/LogIn.svelte create mode 100644 hi-ui/src/lib/components/LogOut.svelte create mode 100644 hi-ui/src/lib/components/Message.svelte create mode 100644 hi-ui/src/lib/components/MessageInput.svelte create mode 100644 hi-ui/src/lib/store.js create mode 100644 hi-ui/src/lib/store/channels.js create mode 100644 hi-ui/src/lib/store/messages.js (limited to 'hi-ui/src/lib') diff --git a/hi-ui/src/lib/ActiveChannel.svelte b/hi-ui/src/lib/ActiveChannel.svelte deleted file mode 100644 index d2d92fb..0000000 --- a/hi-ui/src/lib/ActiveChannel.svelte +++ /dev/null @@ -1,27 +0,0 @@ - - -
- {#each messageList as message} -
- -
- {/each} -
- - diff --git a/hi-ui/src/lib/Channel.svelte b/hi-ui/src/lib/Channel.svelte deleted file mode 100644 index 9922af6..0000000 --- a/hi-ui/src/lib/Channel.svelte +++ /dev/null @@ -1,26 +0,0 @@ - - -
  • - - # - {name} - -
  • diff --git a/hi-ui/src/lib/ChannelList.svelte b/hi-ui/src/lib/ChannelList.svelte deleted file mode 100644 index 80d903e..0000000 --- a/hi-ui/src/lib/ChannelList.svelte +++ /dev/null @@ -1,18 +0,0 @@ - - - diff --git a/hi-ui/src/lib/CreateChannelForm.svelte b/hi-ui/src/lib/CreateChannelForm.svelte deleted file mode 100644 index 8910b4d..0000000 --- a/hi-ui/src/lib/CreateChannelForm.svelte +++ /dev/null @@ -1,23 +0,0 @@ - - -
    - - -
    - - diff --git a/hi-ui/src/lib/LogIn.svelte b/hi-ui/src/lib/LogIn.svelte deleted file mode 100644 index 4ffcdab..0000000 --- a/hi-ui/src/lib/LogIn.svelte +++ /dev/null @@ -1,35 +0,0 @@ - - -
    -
    - - - -
    -
    diff --git a/hi-ui/src/lib/LogOut.svelte b/hi-ui/src/lib/LogOut.svelte deleted file mode 100644 index 0f0bb13..0000000 --- a/hi-ui/src/lib/LogOut.svelte +++ /dev/null @@ -1,22 +0,0 @@ - - -
    - @{$currentUser.username} - -
    - - diff --git a/hi-ui/src/lib/Message.svelte b/hi-ui/src/lib/Message.svelte deleted file mode 100644 index efc6641..0000000 --- a/hi-ui/src/lib/Message.svelte +++ /dev/null @@ -1,31 +0,0 @@ - - -
    - - - @{sender.name}: - - {at} -
    - -
    -
    - - diff --git a/hi-ui/src/lib/MessageInput.svelte b/hi-ui/src/lib/MessageInput.svelte deleted file mode 100644 index 2e81ee2..0000000 --- a/hi-ui/src/lib/MessageInput.svelte +++ /dev/null @@ -1,30 +0,0 @@ - - -
    - - -
    diff --git a/hi-ui/src/lib/apiServer.js b/hi-ui/src/lib/apiServer.js new file mode 100644 index 0000000..9a51715 --- /dev/null +++ b/hi-ui/src/lib/apiServer.js @@ -0,0 +1,76 @@ +import axios from 'axios'; +import { activeChannel, channelsList, messages } from '$lib/store'; + +export const apiServer = axios.create({ + baseURL: '/api/', +}); + +export async function boot() { + return apiServer.get('/boot'); +} + +export async function logIn(username, password) { + const data = { + name: username, + password, + }; + return apiServer.post('/auth/login', data); +} + +export async function logOut() { + return apiServer.post('/auth/logout', {}); +} + +export async function createChannel(name) { + return apiServer.post('/channels', { name }); +} + +export async function postToChannel(channelId, message) { + return apiServer.post(`/channels/${channelId}`, { message }); +} + +export async function deleteMessage(messageId) { + // TODO +} + +export function subscribeToEvents(resume_point) { + const eventsUrl = new URL('/api/events', window.location); + eventsUrl.searchParams.append('resume_point', resume_point); + const evtSource = new EventSource(eventsUrl.toString()); + // TODO: this should process all incoming events and store them. + // TODO: eventually we'll need to handle expiring old info, so as not to use + // infinite browser memory. + /* + * Known message types as of now: + * - created: a channel is created. + * - action: ignore. + * - message: a message is created. + * - action: display message in channel. + * - message_deleted: a message is deleted. + * - action: replace message with <...>. + * - deleted: a channel is deleted. + * - action: remove channel from sidebar. + */ + evtSource.onmessage = (evt) => { + const data = JSON.parse(evt.data); + + switch (data.type) { + case 'created': + channelsList.update((value) => value.addChannel(data.channel)) + break; + case 'message': + messages.update((value) => value.addMessage(data)); + break; + case 'message_deleted': + messages.update((value) => value.deleteMessage(data.channel.id, data.message)); + break; + case 'deleted': + activeChannel.update((value) => value.deleteChannel(data.channel)); + channelsList.update((value) => value.deleteChannel(data.channel)); + messages.update((value) => value.deleteChannel(data.channel)); + break; + default: + break; + } + } +} diff --git a/hi-ui/src/lib/components/ActiveChannel.svelte b/hi-ui/src/lib/components/ActiveChannel.svelte new file mode 100644 index 0000000..978e952 --- /dev/null +++ b/hi-ui/src/lib/components/ActiveChannel.svelte @@ -0,0 +1,27 @@ + + +
    + {#each messageList as message} +
    + +
    + {/each} +
    + + diff --git a/hi-ui/src/lib/components/Channel.svelte b/hi-ui/src/lib/components/Channel.svelte new file mode 100644 index 0000000..97fea1f --- /dev/null +++ b/hi-ui/src/lib/components/Channel.svelte @@ -0,0 +1,21 @@ + + +
  • + + # + {name} + +
  • diff --git a/hi-ui/src/lib/components/ChannelList.svelte b/hi-ui/src/lib/components/ChannelList.svelte new file mode 100644 index 0000000..e0e5f06 --- /dev/null +++ b/hi-ui/src/lib/components/ChannelList.svelte @@ -0,0 +1,18 @@ + + + diff --git a/hi-ui/src/lib/components/CreateChannelForm.svelte b/hi-ui/src/lib/components/CreateChannelForm.svelte new file mode 100644 index 0000000..ddcf486 --- /dev/null +++ b/hi-ui/src/lib/components/CreateChannelForm.svelte @@ -0,0 +1,23 @@ + + +
    + + +
    + + diff --git a/hi-ui/src/lib/components/LogIn.svelte b/hi-ui/src/lib/components/LogIn.svelte new file mode 100644 index 0000000..2836e6d --- /dev/null +++ b/hi-ui/src/lib/components/LogIn.svelte @@ -0,0 +1,35 @@ + + +
    +
    + + + +
    +
    diff --git a/hi-ui/src/lib/components/LogOut.svelte b/hi-ui/src/lib/components/LogOut.svelte new file mode 100644 index 0000000..01bef1b --- /dev/null +++ b/hi-ui/src/lib/components/LogOut.svelte @@ -0,0 +1,22 @@ + + +
    + @{$currentUser.username} + +
    + + diff --git a/hi-ui/src/lib/components/Message.svelte b/hi-ui/src/lib/components/Message.svelte new file mode 100644 index 0000000..5b51492 --- /dev/null +++ b/hi-ui/src/lib/components/Message.svelte @@ -0,0 +1,31 @@ + + +
    + + + @{sender.name}: + + {at} +
    + +
    +
    + + diff --git a/hi-ui/src/lib/components/MessageInput.svelte b/hi-ui/src/lib/components/MessageInput.svelte new file mode 100644 index 0000000..b33574b --- /dev/null +++ b/hi-ui/src/lib/components/MessageInput.svelte @@ -0,0 +1,30 @@ + + +
    + + +
    diff --git a/hi-ui/src/lib/store.js b/hi-ui/src/lib/store.js new file mode 100644 index 0000000..5e28195 --- /dev/null +++ b/hi-ui/src/lib/store.js @@ -0,0 +1,8 @@ +import { writable } from 'svelte/store'; +import { ActiveChannel, Channels } from '$lib/store/channels'; +import { Messages } from '$lib/store/messages'; + +export const currentUser = writable(null); +export const activeChannel = writable(new ActiveChannel()); +export const channelsList = writable(new Channels()); +export const messages = writable(new Messages()); diff --git a/hi-ui/src/lib/store/channels.js b/hi-ui/src/lib/store/channels.js new file mode 100644 index 0000000..20702cc --- /dev/null +++ b/hi-ui/src/lib/store/channels.js @@ -0,0 +1,71 @@ +export class Channels { + constructor() { + this.channels = []; + } + + setChannels(channels) { + this.channels = [...channels]; + this.sort(); + return this; + } + + addChannel(channel) { + this.channels = [...this.channels, channel]; + this.sort(); + return this; + } + + deleteChannel(id) { + const channelIndex = this.channels.map((e) => e.id).indexOf(id); + if (channelIndex !== -1) { + this.channels.splice(channelIndex, 1); + } + return this; + } + + sort() { + this.channels.sort((a, b) => { + if (a.name < b.name) { + return -1; + } else if (a.name > b.name) { + return 1; + } + return 0; + }); + } +} + +export class ActiveChannel { + constructor() { + this.channel = null; + } + + isSet() { + return this.channel !== null; + } + + get() { + return this.channel; + } + + is(id) { + return this.channel === id; + } + + set(id) { + this.channel = id; + return this; + } + + deleteChannel(id) { + if (this.is(id)) { + return this.clear(); + } + return this; + } + + clear() { + this.channel = null; + return this; + } +} diff --git a/hi-ui/src/lib/store/messages.js b/hi-ui/src/lib/store/messages.js new file mode 100644 index 0000000..560b9e1 --- /dev/null +++ b/hi-ui/src/lib/store/messages.js @@ -0,0 +1,41 @@ +export class Messages { + constructor() { + this.channels = {}; + } + + inChannel(channel) { + return this.channels[channel] || []; + } + + addMessage(message) { + let { + channel, + ...payload + } = message; + let channel_id = channel.id; + this.updateChannel(channel_id, (messages) => [...messages, payload]); + return this; + } + + addMessages(channel, payloads) { + this.updateChannel(channel, (messages) => [...messages, ...payloads]); + return this; + } + + + deleteMessage(channel, message) { + let messages = this.messages(channel).filter((msg) => msg.message.id != message); + this.channels[channel] = messages; + } + + deleteChannel(id) { + delete this.channels[id]; + return this; + } + + updateChannel(channel, callback) { + let messages = callback(this.inChannel(channel)); + messages.sort((a, b) => a.at - b.at); + this.channels[channel] = messages; + } +} -- cgit v1.2.3