frontend: cleanup stores exports

frontend/src/components/App.svelte

@@ -1,5 +0,0 @@
-<script>
-    import Main from "./Main.svelte";
-</script>
-
-<Main />

frontend/src/components/ChannelTopBar.svelte

@@ -1,6 +1,6 @@
 <script>
-    import { Edit2Icon, HashIcon, MenuIcon } from "svelte-feather-icons";
-    import { overlayStore, selectedChannel, showSidebar } from "../stores";
+    import { HashIcon, MenuIcon } from "svelte-feather-icons";
+    import { overlayStore, showSidebar } from "../stores";
 
     export let channel;
 </script>

frontend/src/components/ChannelView.svelte

@@ -1,5 +1,4 @@
 <script>
-    import { showChannelView } from "../stores";
     import ChannelTopBar from "./ChannelTopBar.svelte";
     import MessageInput from "./MessageInput.svelte";
     import Messages from "./Messages.svelte";

frontend/src/components/Messages.svelte

@@ -1,6 +1,6 @@
 <script>
-    import { afterUpdate, beforeUpdate, onMount } from "svelte";
-    import { messagesStoreProvider, showSidebar, smallViewport } from "../stores.js";
+    import { afterUpdate } from "svelte";
+    import { messagesStoreProvider, smallViewport } from "../stores.js";
     import Message from "./Message.svelte";
 
     export let channelId;

frontend/src/components/Sidebar.svelte

@@ -11,7 +11,6 @@
 
     // janky code to hide the channel view during animation
     // this will make a smooth sidebar animation on smaller viewports (such as a phone, where you switch between sidebar being active)
-
     const scheduleSelectChannel = (channel) => {
         if ($smallViewport) {
             $showChannelView = false;

frontend/src/main.js

@@ -1,4 +1,4 @@
-import App from './components/App.svelte';
+import Main from './components/Main.svelte';
 import gateway from './gateway';
 import { getAuthToken, initStorageDefaults } from './storage';
 import logging from "./logging";
@@ -20,7 +20,7 @@ if (loadingElement) {
 	loadingElement.parentElement.removeChild(loadingElement);
 }
 
-const app = new App({
+const app = new Main({
 	target: document.body
 });
 

frontend/src/stores.js

@@ -34,11 +34,6 @@ class Store {
     }
 }
 
-export const selectedChannel = new Store({ id: -1, name: "none", creator_id: -1 });
-export const showSidebar = new Store(false);
-export const showChannelView = new Store(true);
-export const smallViewport = new Store(false);
-
 class ChannelsStore extends Store {
     constructor() {
         super(gateway.channels || []);
@@ -74,11 +69,7 @@ class ChannelsStore extends Store {
         });
         gateway.subscribe(GatewayEventType.MessageCreate, ({ channel_id }) => {
             const index = this.value.findIndex(e => e.id === channel_id);
-            if (index === -1)
-                return;
-            if (!this.value[index])
-                return;
-            if (selectedChannel.value.id === channel_id)
+            if (index === -1 || !this.value[index] || selectedChannel.value.id === channel_id)
                 return;
 
             this.value[index]._hasUnreads = true;
@@ -86,11 +77,7 @@ class ChannelsStore extends Store {
         });
         selectedChannel.subscribe(({ id }) => {
             const index = this.value.findIndex(e => e.id === id);
-            if (index === -1)
-                return;
-            if (!this.value[index])
-                return;
-            if (!this.value[index]._hasUnreads)
+            if (index === -1 || !this.value[index] || !this.value[index]._hasUnreads)
                 return;
 
             this.value[index]._hasUnreads = false;
@@ -298,6 +285,10 @@ class OverlayStore extends Store {
     }
 }
 
+export const selectedChannel = new Store({ id: -1, name: "none", creator_id: -1 });
+export const showSidebar = new Store(false);
+export const showChannelView = new Store(true);
+export const smallViewport = new Store(false);
 export const channels = new ChannelsStore();
 export const gatewayStatus = new GatewayStatusStore();
 export const messagesStoreProvider = new MessagesStoreProvider();