chore(layout): clean up code and improve event handling in layout components

src/app.d.ts

@@ -9,6 +9,7 @@ declare global {
         // interface Platform {}
     }
 }
+
 declare const __COMMIT_HASH__: string
 
 export {}

src/custom-events.d.ts

@@ -0,0 +1,9 @@
+// custom-events.d.ts
+declare namespace svelteHTML {
+    interface HTMLAttributes<T> {
+        "on:swipeleft"?: (event: CustomEvent) => void
+        "on:swiperight"?: (event: CustomEvent) => void
+        "on:swipeup"?: (event: CustomEvent) => void
+        "on:swipedown"?: (event: CustomEvent) => void
+    }
+}

src/lib/layouts/Chatbar.svelte

@@ -25,7 +25,6 @@
     export let replyTo: MessageType | undefined = undefined
     export let emojiClickHook: (emoji: string) => boolean
     export let activeChat: Chat
-    export const typing: User[] = []
 
     const dispatch = createEventDispatcher()
 

src/lib/wasm/IWarp.ts

@@ -12,7 +12,7 @@ const inititialized: Writable<boolean> = writable(false)
 
 export async function initWarp() {
     if (!get(inititialized)) {
-        await init()
+        await init({})
         inititialized.set(true)
     }
 }

src/routes/+layout.svelte

@@ -28,6 +28,8 @@
     import Market from "$lib/components/market/Market.svelte"
     import { swipe } from "$lib/components/ui/Swipe"
 
+    log.debug("Initializing app, layout routes page.")
+
     TimeAgo.addDefaultLocale(en)
     let keybinds: Keybind[]
     let devmode: boolean = get(SettingsStore.state).devmode
@@ -229,8 +231,6 @@
     Store.state.devices.muted.subscribe(state => (muted = state))
     Store.state.devices.deafened.subscribe(state => (deafened = state))
 
-    console.log("Arriving here on +layout")
-
     window.addEventListener(
         "click",
         () => {
@@ -275,10 +275,10 @@
     <div
         id="app"
         use:swipe
-        on:swipeleft={_ => {
+        on:swipeleft={() => {
             UIStore.closeSidebar()
         }}
-        on:swiperight={_ => {
+        on:swiperight={() => {
             UIStore.openSidebar()
         }}>
         {@html `<style>${style}</style>`}

src/routes/chat/+page.svelte

@@ -976,7 +976,6 @@
             <Chatbar
                 replyTo={replyTo}
                 activeChat={$activeChat}
-                typing={$activeChat.typing_indicator.users && $activeChat.typing_indicator.users().map(u => $users[u])}
                 emojiClickHook={emoji => {
                     if (reactingTo) {
                         reactTo(reactingTo, emoji, true)