From 55a30589475f710905a07d839ac3c27db217cc64 Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Thu, 12 Feb 2026 19:55:57 +1300
Subject: [PATCH] Improvements to android store loading

---
 materialious/electron/package-lock.json       |  4 +--
 .../components/settings/ApiExtended.svelte    |  3 ++-
 .../lib/components/settings/DeArrow.svelte    |  3 ++-
 .../lib/components/settings/Interface.svelte  |  3 ++-
 .../src/lib/components/settings/RYD.svelte    |  3 ++-
 .../components/settings/SponsorBlock.svelte   |  3 ++-
 materialious/src/routes/+layout.ts            | 25 ++++++++++++-------
 7 files changed, 28 insertions(+), 16 deletions(-)

diff --git a/materialious/electron/package-lock.json b/materialious/electron/package-lock.json
index a70604ec..a6df5b0d 100644
--- a/materialious/electron/package-lock.json
+++ b/materialious/electron/package-lock.json
@@ -1,12 +1,12 @@
 {
 	"name": "Materialious",
-	"version": "1.14.1",
+	"version": "1.14.2",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "Materialious",
-			"version": "1.14.1",
+			"version": "1.14.2",
 			"license": "MIT",
 			"dependencies": {
 				"@capacitor-community/electron": "^5.0.0",
diff --git a/materialious/src/lib/components/settings/ApiExtended.svelte b/materialious/src/lib/components/settings/ApiExtended.svelte
index b1c4a51c..2fee3e51 100644
--- a/materialious/src/lib/components/settings/ApiExtended.svelte
+++ b/materialious/src/lib/components/settings/ApiExtended.svelte
@@ -15,7 +15,8 @@
 	)}
 >
 	<nav>
-		<div class="field label border max">
+		<div class="field prefix label border max">
+			<i>link</i>
 			<input tabindex="0" bind:value={synciousInstance} name="syncious-instance" type="text" />
 			<label tabindex="-1" for="syncious-instance">{$_('layout.instanceUrl')}</label>
 		</div>
diff --git a/materialious/src/lib/components/settings/DeArrow.svelte b/materialious/src/lib/components/settings/DeArrow.svelte
index 7ff4b5ad..0401115e 100644
--- a/materialious/src/lib/components/settings/DeArrow.svelte
+++ b/materialious/src/lib/components/settings/DeArrow.svelte
@@ -17,7 +17,8 @@
 
 <form onsubmit={preventDefault(() => deArrowInstanceStore.set(ensureNoTrailingSlash(deArrowUrl)))}>
 	<nav>
-		<div class="field label border max">
+		<div class="field prefix label border max">
+			<i>link</i>
 			<input bind:value={deArrowUrl} name="dearrow-instance" type="text" />
 			<label for="dearrow-instance">{$_('layout.instanceUrl')}</label>
 		</div>
diff --git a/materialious/src/lib/components/settings/Interface.svelte b/materialious/src/lib/components/settings/Interface.svelte
index 8ccabbd0..3bada7f4 100644
--- a/materialious/src/lib/components/settings/Interface.svelte
+++ b/materialious/src/lib/components/settings/Interface.svelte
@@ -165,7 +165,8 @@
 	{#if $backendInUseStore === 'ivg'}
 		<form onsubmit={setInstance}>
 			<nav>
-				<div class="field label border max" class:invalid={invalidInstance}>
+				<div class="field prefix label border max" class:invalid={invalidInstance}>
+					<i>link</i>
 					<input
 						tabindex="0"
 						bind:value={invidiousInstance}
diff --git a/materialious/src/lib/components/settings/RYD.svelte b/materialious/src/lib/components/settings/RYD.svelte
index 498a6e48..9ee2c4ed 100644
--- a/materialious/src/lib/components/settings/RYD.svelte
+++ b/materialious/src/lib/components/settings/RYD.svelte
@@ -15,7 +15,8 @@
 	)}
 >
 	<nav>
-		<div class="field label border max">
+		<div class="field prefix label border max">
+			<i>link</i>
 			<input tabindex="0" bind:value={returnYTInstance} name="returnyt-instance" type="text" />
 			<label tabindex="-1" for="returnyt-instance">{$_('layout.instanceUrl')}</label>
 		</div>
diff --git a/materialious/src/lib/components/settings/SponsorBlock.svelte b/materialious/src/lib/components/settings/SponsorBlock.svelte
index cc0a565d..0de8a602 100644
--- a/materialious/src/lib/components/settings/SponsorBlock.svelte
+++ b/materialious/src/lib/components/settings/SponsorBlock.svelte
@@ -48,7 +48,8 @@
 	)}
 >
 	<nav>
-		<div class="field label border max">
+		<div class="field prefix label border max">
+			<i>link</i>
 			<input
 				tabindex="0"
 				bind:value={sponsorBlockInstance}
diff --git a/materialious/src/routes/+layout.ts b/materialious/src/routes/+layout.ts
index ed0b9426..1cde38be 100644
--- a/materialious/src/routes/+layout.ts
+++ b/materialious/src/routes/+layout.ts
@@ -6,8 +6,14 @@ import { getResolveUrl } from '$lib/api';
 import '$lib/i18n'; // Import to initialize. Important :)
 import { initI18n } from '$lib/i18n';
 import { getPages } from '$lib/navPages';
-import { authStore, instanceStore, interfaceDefaultPage, isAndroidTvStore } from '$lib/store';
-import { get } from 'svelte/store';
+import {
+	authStore,
+	backendInUseStore,
+	instanceStore,
+	interfaceDefaultPage,
+	isAndroidTvStore
+} from '$lib/store';
+import { get, type Writable } from 'svelte/store';
 import '$lib/android/http/androidRequests';
 import { Capacitor } from '@capacitor/core';
 import { Preferences } from '@capacitor/preferences';
@@ -25,14 +31,15 @@ export async function load({ url }) {
 	// Due to race condition with how we set & save persistent store values
 	// we manually set stores like auth & instance before load.
 	if (Capacitor.getPlatform() === 'android') {
-		const instancePreferences = await Preferences.get({ key: 'invidiousInstance' });
-		if (instancePreferences.value !== null) {
-			instanceStore.set(deserialize(instancePreferences.value));
-		}
+		const preferenceKey: Record<string, Writable<any>> = {
+			invidiousInstance: instanceStore,
+			authToken: authStore,
+			backendInUse: backendInUseStore
+		};
 
-		const authPreferences = await Preferences.get({ key: 'authToken' });
-		if (authPreferences.value !== null) {
-			authStore.set(deserialize(authPreferences.value));
+		for (const [key, store] of Object.entries(preferenceKey)) {
+			const result = await Preferences.get({ key: key });
+			if (result.value !== null) store.set(deserialize(result.value));
 		}
 	}