Check if indexdb exists

codebook.toml

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

materialious/src/lib/components/watch/Author.svelte

@@ -78,6 +78,7 @@
 					{$_('unsubscribe')}
 				{/if}
 			</button>
+			{#if window.indexedDB}
 				<button
 					class:inverse-surface={!favoritedChannel}
 					class:border={favoritedChannel}
@@ -88,6 +89,7 @@
 						{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
 	);