From a1c4c30d9d0f43341ac82b704ecc2c2ccde9e0d0 Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Mon, 8 Dec 2025 23:03:59 +1300
Subject: [PATCH] Check if indexdb exists

---
 codebook.toml                                 |  1 +
 .../src/lib/components/watch/Author.svelte    | 22 ++++++++++---------
 materialious/src/lib/dexie.ts                 | 20 +++++++++++++++++
 .../src/routes/(app)/subscriptions/+page.ts   |  2 ++
 4 files changed, 35 insertions(+), 10 deletions(-)
 create mode 100644 codebook.toml
 create mode 100644 materialious/src/lib/dexie.ts

diff --git a/codebook.toml b/codebook.toml
new file mode 100644
index 00000000..65b9dc03
--- /dev/null
+++ b/codebook.toml
@@ -0,0 +1 @@
+words = ["favourite"]
diff --git a/materialious/src/lib/components/watch/Author.svelte b/materialious/src/lib/components/watch/Author.svelte
index 2265ff89..edaa42a0 100644
--- a/materialious/src/lib/components/watch/Author.svelte
+++ b/materialious/src/lib/components/watch/Author.svelte
@@ -78,16 +78,18 @@
 					{$_('unsubscribe')}
 				{/if}
 			</button>
-			<button
-				class:inverse-surface={!favoritedChannel}
-				class:border={favoritedChannel}
-				onclick={toggleFavourited}
-			>
-				<i>star</i>
-				<div class="tooltip">
-					{favoritedChannel ? $_('unfavouriteChannel') : $_('favouriteChannel')}
-				</div>
-			</button>
+			{#if window.indexedDB}
+				<button
+					class:inverse-surface={!favoritedChannel}
+					class:border={favoritedChannel}
+					onclick={toggleFavourited}
+				>
+					<i>star</i>
+					<div class="tooltip">
+						{favoritedChannel ? $_('unfavouriteChannel') : $_('favouriteChannel')}
+					</div>
+				</button>
+			{/if}
 		{:else}
 			<button class="inverse-surface" disabled>
 				{$_('subscribe')}
diff --git a/materialious/src/lib/dexie.ts b/materialious/src/lib/dexie.ts
new file mode 100644
index 00000000..f2501806
--- /dev/null
+++ b/materialious/src/lib/dexie.ts
@@ -0,0 +1,20 @@
+import type { Table } from 'dexie';
+import Dexie from 'dexie';
+
+export interface FavouriteChannels {
+	channelId: string;
+	created: Date;
+}
+
+export class MaterialiousDb extends Dexie {
+	favouriteChannels!: Table<FavouriteChannels>;
+
+	constructor() {
+		super('materialious');
+		this.version(1).stores({
+			favouriteChannels: 'channelId, created'
+		});
+	}
+}
+
+export const localDb = new MaterialiousDb();
diff --git a/materialious/src/routes/(app)/subscriptions/+page.ts b/materialious/src/routes/(app)/subscriptions/+page.ts
index ce3a851f..ab0577be 100644
--- a/materialious/src/routes/(app)/subscriptions/+page.ts
+++ b/materialious/src/routes/(app)/subscriptions/+page.ts
@@ -9,6 +9,8 @@ import { get } from 'svelte/store';
 async function sortVideosByFavourites(
 	videos: (VideoBase | Video | PlaylistPageVideo)[]
 ): Promise<(VideoBase | Video | PlaylistPageVideo)[]> {
+	if (!window.indexedDB) return videos;
+
 	const favouritedChannels = (await localDb.favouriteChannels.toArray()).map(
 		(channel) => channel.channelId
 	);