fix: move sidebar context to separate file (#162)

Author: olivermrose

src/lib/components/ChannelList.svelte

@@ -5,11 +5,11 @@
 	import { onDestroy } from "svelte";
 	import { flip } from "svelte/animate";
 	import { app } from "$lib/app.svelte";
+	import { getSidebarContext } from "$lib/context";
 	import type { Channel } from "$lib/models/channel.svelte";
 	import { settings } from "$lib/settings";
 	import Draggable from "./Draggable.svelte";
 	import Droppable from "./Droppable.svelte";
-	import { getSidebarContext } from "./Sidebar.svelte";
 	import StreamTooltip from "./StreamTooltip.svelte";
 	import { Separator } from "./ui/separator";
 

src/lib/components/ChannelListItem.svelte

@@ -7,8 +7,8 @@
 <script lang="ts">
 	import DotsThreeCircle from "~icons/ph/dots-three-circle";
 	import Users from "~icons/ph/users-bold";
+	import { getSidebarContext } from "$lib/context";
 	import type { Channel } from "$lib/models/channel.svelte";
-	import { getSidebarContext } from "./Sidebar.svelte";
 
 	const sidebar = getSidebarContext();
 

src/lib/components/Sidebar.svelte

@@ -1,13 +1,3 @@
-<script lang="ts" module>
-	import { createContext } from "svelte";
-
-	interface SidebarContext {
-		collapsed: boolean;
-	}
-
-	export const [getSidebarContext, setSidebarContext] = createContext<SidebarContext>();
-</script>
-
 <script lang="ts">
 	import { ScrollArea } from "bits-ui";
 	import { MediaQuery } from "svelte/reactivity";
@@ -16,6 +6,8 @@
 	import Plus from "~icons/ph/plus";
 	import Sidebar from "~icons/ph/sidebar";
 	import { app } from "$lib/app.svelte";
+	import { setSidebarContext } from "$lib/context";
+	import type { SidebarContext } from "$lib/context";
 	import ChannelList from "./ChannelList.svelte";
 	import JoinDialog from "./JoinDialog.svelte";
 	import { Button, buttonVariants } from "./ui/button";

src/lib/components/StreamTooltip.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
 	import Users from "~icons/ph/users-bold";
+	import { getSidebarContext } from "$lib/context";
 	import { createChannelMenu } from "$lib/menus/channel-menu";
 	import { openMenu } from "$lib/util";
 	import ChannelListItem from "./ChannelListItem.svelte";
 	import GuestList from "./GuestList.svelte";
-	import { getSidebarContext } from "./Sidebar.svelte";
 	import * as Tooltip from "./ui/tooltip";
 	import type { ChannelListItemProps } from "./ChannelListItem.svelte";
 

src/lib/context.ts

@@ -0,0 +1,7 @@
+import { createContext } from "svelte";
+
+export interface SidebarContext {
+	collapsed: boolean;
+}
+
+export const [getSidebarContext, setSidebarContext] = createContext<SidebarContext>();