feat: safety in access

Made accessing the card size information safer. An additional change
here is the adding of a "cardsIndex" property to the BaseSchema,
allowing us to track the first view that is actually a cards view,
rather than a table one or something else. This wasn't planned before,
but I realised that it should probably exist. Safety first!

Author: Infinity6542

src/listeners/bases.ts

@@ -7,15 +7,30 @@ export async function getBases(plugin: ThumbnailPlugin): Promise<Array<Base>> {
 	const files = plugin.app.vault.getFiles().filter((v) => v.extension === "base");
 	const bases: Array<Base> = [];
 	for (const file of files) {
-		const base = plugin.bases.find((f) => f.path == file.path);
-		if (base) {
-			plugin.bases.remove(base);
+		const content = await plugin.app.vault.read(file);
+		const parsed = (parseYaml(content) as BaseSchema);
+		let hasCardView: boolean = false;
+		let viewIndex = 0;
+		for (let i = 0; i < parsed.views.length; i++) {
+			let view = parsed.views[i];
+			if (view && view.type == "cards") {
+				hasCardView = true;
+				viewIndex = i;
+				break;
+			}
+		}
+		if (hasCardView) {
+			const base = plugin.bases.find((f) => f.path == file.path);
+			if (base) {
+				plugin.bases.remove(base);
+			}
+			bases.push({
+				path: file.path,
+				file: file,
+				content: content,
+				cardsIndex: viewIndex,
+			});
 		}
-		bases.push({
-			path: file.path,
-			file: file,
-			content: await plugin.app.vault.read(file),
-		});
 	}
 	plugin.bases = bases;
 	console.debug("Thumnbnails - bases found:", bases)

src/main.ts

@@ -1,5 +1,5 @@
 import { Command, parseYaml, Plugin, TFile } from 'obsidian';
-import { Base, PluginSettings } from './types';
+import { Base, BaseSchema, PluginSettings } from './types';
 import { generate } from "./generator";
 import { SettingTab } from './settings';
 import { getBases, getFiles } from './listeners/bases';
@@ -26,9 +26,18 @@ export default class ThumbnailPlugin extends Plugin {
 				for (const base of bases) {
 					// TODO: automatic rebuilding of thumbnails upon changes in base cards config
 					// TODO: automatic rebulding of thumbnails upon changes in file
-					// TODO: make this safer
-					const width = parseYaml(base.content).views[0].cardSize as number;
-					const height = width * parseYaml(base.content).views[0].imageAspectRatio;
+					const parsed = parseYaml(base.content) as BaseSchema;
+					console.debug(parseYaml(base.content));
+					let width, height;
+					const view = parsed.views[base.cardsIndex];
+					if (parsed.views && view) {
+						width = view.cardSize as number;
+						height = width * (view.imageAspectRatio as number);
+					} else {
+						width = 1080;
+						height = 1920;
+					}
+
 					let files = getFiles(this.app, base);
 					for (const file of files) {
 						console.debug(file);

src/types.ts

@@ -19,6 +19,7 @@ export interface Base {
 	path: string;
 	file: TFile;
 	content: string;
+	cardsIndex: number;
 }
 
 export interface BaseSchema {