Check if indexdb exists

codebook.toml

@@ -0,0 +1 @@
+words = ["favourite"]

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')}

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();

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
 	);