persist layout

Author: olivermrose

src/lib/managers/split-manager.svelte.ts

@@ -1,5 +1,6 @@
 import type { DragDropEvents } from "@dnd-kit-svelte/svelte";
 import type { PaneGroupProps } from "paneforge";
+import { settings } from "$lib/settings";
 
 export type SplitDirection = "up" | "down" | "left" | "right";
 
@@ -15,10 +16,12 @@ export type SplitNode = SplitParent | string;
 type SplitPath = "first" | "second";
 
 export class SplitManager {
-	public root = $state<SplitNode | null>(null);
+	public get root() {
+		return settings.state.layout;
+	}
 
-	public constructor(root?: SplitNode) {
-		this.root = root ?? null;
+	public set root(value: SplitNode | null) {
+		settings.state.layout = value;
 	}
 
 	public insert(target: string, newNode: string, data: SplitParent) {

src/lib/settings.ts

@@ -1,5 +1,6 @@
 import { RuneStore } from "@tauri-store/svelte";
 import type { User } from "./graphql/twitch";
+import type { SplitNode } from "./managers/split-manager.svelte";
 
 export type HighlightType =
 	| "mention"
@@ -69,6 +70,7 @@ interface Settings extends UserSettings {
 	user: StoredUser | null;
 	lastJoined: string | null;
 	pinned: string[];
+	layout: SplitNode | null;
 }
 
 export const defaultHighlightTypes: Record<HighlightType, HighlightConfig> = {
@@ -86,6 +88,7 @@ export const defaults: Settings = {
 	user: null,
 	lastJoined: null,
 	pinned: [],
+	layout: null,
 
 	"appearance.theme": "",
 	"chat.hideScrollbar": false,

src/routes/(main)/+page.svelte

@@ -18,7 +18,11 @@
 			await app.user.fetchEmoteSets();
 		}
 
-		if (settings.state.lastJoined) {
+		if (settings.state.layout) {
+			app.splits.root = settings.state.layout;
+
+			await goto("/channels/split");
+		} else if (settings.state.lastJoined) {
 			await goto(`/channels/${settings.state.lastJoined}`);
 		}