Add book folder setting to improve book suggester filtering

src/ui/code-blocks/ReadingLogCodeBlock.ts

@@ -17,12 +17,7 @@ export class ReadingLogCodeBlockRenderer extends SvelteCodeBlockRenderer<
 	typeof ReadingLogCodeBlockView
 > {
 	constructor(contentEl: HTMLElement, plugin: BookTrackerPlugin) {
-		super(contentEl, ReadingLogCodeBlockView, {
-			props: {
-				app: plugin.app,
-				readingLog: plugin.readingLog,
-			},
-		});
+		super(contentEl, ReadingLogCodeBlockView, { props: { plugin } });
 	}
 
 	onunload() {}

src/ui/code-blocks/ReadingLogCodeBlockView.svelte

@@ -1,21 +1,19 @@
 <script lang="ts">
-	import type { ReadingLog } from "@utils/storage";
 	import type { ReadingLogEntry } from "@src/types";
-	import type { App } from "obsidian";
 	import { Edit, Trash, Plus } from "lucide-svelte";
 	import { ReadingLogEntryEditModal } from "@ui/modals";
+	import type BookTrackerPlugin from "@src/main";
 
 	const ALL_TIME = "ALL_TIME";
 
 	interface Props {
-		app: App;
-		readingLog: ReadingLog;
+		plugin: BookTrackerPlugin;
 	}
 
-	let { app, readingLog }: Props = $props();
+	let { plugin }: Props = $props();
 
 	function bookUri(book: string) {
-		const v = encodeURIComponent(app.vault.getName());
+		const v = encodeURIComponent(plugin.app.vault.getName());
 		const f = encodeURIComponent(book + ".md");
 		return `obsidian://open?vault=${v}&file=${f}`;
 	}
@@ -26,14 +24,14 @@
 	}
 
 	let entries = $state(
-		readingLog.getEntries().map((entry, id) => ({
+		plugin.readingLog.getEntries().map((entry, id) => ({
 			...entry,
 			id,
 		})),
 	);
 
 	function reload() {
-		entries = readingLog.getEntries().map((entry, id) => ({
+		entries = plugin.readingLog.getEntries().map((entry, id) => ({
 			...entry,
 			id,
 		}));
@@ -69,9 +67,9 @@
 	);
 
 	function createEntry() {
-		const modal = new ReadingLogEntryEditModal(app, async (entry) => {
+		const modal = new ReadingLogEntryEditModal(plugin, async (entry) => {
 			modal.close();
-			await readingLog.addRawEntry(entry);
+			await plugin.readingLog.addRawEntry(entry);
 			reload();
 		});
 		modal.open();
@@ -79,10 +77,10 @@
 
 	function editEntry(i: number, entry: ReadingLogEntry) {
 		const modal = new ReadingLogEntryEditModal(
-			app,
+			plugin,
 			async (entry) => {
 				modal.close();
-				await readingLog.updateEntry(i, entry);
+				await plugin.readingLog.updateEntry(i, entry);
 				reload();
 			},
 			entry,
@@ -91,7 +89,7 @@
 	}
 
 	async function deleteEntry(i: number) {
-		await readingLog.spliceEntry(i);
+		await plugin.readingLog.spliceEntry(i);
 		reload();
 	}
 </script>

src/ui/components/suggesters/BookSuggest.svelte

@@ -7,6 +7,7 @@
 		id: string;
 		asString?: boolean;
 		value?: TFile | string;
+		bookFolder?: string;
 		onSelected?: (fileOrPath: TFile | string) => void;
 	};
 
@@ -15,6 +16,7 @@
 		id,
 		asString,
 		value = $bindable(),
+		bookFolder,
 		onSelected,
 	}: Props = $props();
 
@@ -23,8 +25,11 @@
 	function handleChange(query: string) {
 		items = app.vault
 			.getMarkdownFiles()
-			.filter((f) =>
-				f.basename.toLowerCase().includes(query.toLowerCase()),
+			.filter(
+				(f) =>
+					(bookFolder === undefined ||
+						f.path.startsWith(bookFolder)) &&
+					f.basename.toLowerCase().includes(query.toLowerCase()),
 			)
 			.map((f) => ({
 				text: f.basename,

src/ui/modals/ReadingLogEntryEditModal.ts

@@ -1,18 +1,18 @@
 import ReadingLogEntryEditModalView from "./ReadingLogEntryEditModalView.svelte";
 import type { ReadingLogEntry } from "@src/types";
-import { App } from "obsidian";
 import { SvelteModal } from "./SvelteModal";
+import type BookTrackerPlugin from "@src/main";
 
 export class ReadingLogEntryEditModal extends SvelteModal<
 	typeof ReadingLogEntryEditModalView
 > {
 	constructor(
-		app: App,
+		plugin: BookTrackerPlugin,
 		onSubmit?: (entry: ReadingLogEntry) => void,
 		entry?: ReadingLogEntry
 	) {
-		super(app, ReadingLogEntryEditModalView, {
-			props: { app, entry, onSubmit },
+		super(plugin.app, ReadingLogEntryEditModalView, {
+			props: { plugin, entry, onSubmit },
 		});
 	}
 }

src/ui/modals/ReadingLogEntryEditModalView.svelte

@@ -1,14 +1,14 @@
 <script lang="ts">
+	import type BookTrackerPlugin from "@src/main";
 	import type { ReadingLogEntry } from "@src/types";
 	import BookSuggest from "@ui/components/suggesters/BookSuggest.svelte";
-	import type { App } from "obsidian";
 	interface Props {
-		app: App;
+		plugin: BookTrackerPlugin;
 		entry?: ReadingLogEntry;
 		onSubmit?: (entry: ReadingLogEntry) => void;
 	}
 
-	let { app, entry, onSubmit }: Props = $props();
+	let { plugin, entry, onSubmit }: Props = $props();
 
 	let editMode = $derived(entry !== undefined);
 	let book = $state(entry?.book ?? "");
@@ -61,7 +61,12 @@
 	<form {onsubmit}>
 		<div class="fields">
 			<label for="book">Book</label>
-			<BookSuggest id="book" {app} bind:value={book} />
+			<BookSuggest
+				id="book"
+				app={plugin.app}
+				bookFolder={plugin.settings.bookFolder}
+				bind:value={book}
+			/>
 			<label for="pagesRead">Pages Read</label>
 			<input
 				type="number"

src/ui/settings/BookTrackerSettingTabView.svelte

@@ -24,12 +24,26 @@
 </script>
 
 <div class="obt-settings">
+	<Header title="General Settings" />
+	<FolderSuggestItem
+		{app}
+		id="book-folder"
+		name="Book Folder"
+		description="Select the folder where book entries are stored."
+		bind:value={$settings.bookFolder}
+	/>
+	<ToggleItem
+		id="organize-read-books"
+		name="Organize Read Books"
+		description="Organize read books into folders based on the date read."
+		bind:checked={$settings.organizeReadBooks}
+	/>
 	<Header title="Book Creation Settings" />
 	<FileSuggestItem
 		{app}
 		id="template-file"
 		name="Template File"
-		description="Select the template file to use for new book entries"
+		description="Select the template file to use for new book entries."
 		bind:value={$settings.templateFile}
 	/>
 	<FolderSuggestItem
@@ -51,26 +65,26 @@
 	<ToggleItem
 		id="download-covers"
 		name="Download Covers"
-		description="Automatically download book covers when creating new entries"
+		description="Automatically download book covers when creating new entries."
 		bind:checked={$settings.downloadCovers}
 	/>
 	<FolderSuggestItem
 		{app}
 		id="cover-folder"
 		name="Cover Folder"
-		description="Select the folder to download covers to"
+		description="Select the folder to download covers to."
 		bind:value={$settings.coverFolder}
 	/>
 	<ToggleItem
 		id="group-covers"
 		name="Group Covers by First Letter"
-		description="Organize downloaded book covers into folders based on the first letter of the book title"
+		description="Organize downloaded book covers into folders based on the first letter of the book title."
 		bind:checked={$settings.groupCoversByFirstLetter}
 	/>
 	<ToggleItem
 		id="overwrite-covers"
 		name="Overwrite Existing Covers"
-		description="Overwrite existing covers when downloading new ones"
+		description="Overwrite existing covers when downloading new ones."
 		bind:checked={$settings.overwriteExistingCovers}
 	/>
 
@@ -79,7 +93,7 @@
 		{app}
 		id="status-field"
 		name="Status Field"
-		description="Select the folder to use for To Be Read entries"
+		description="Select the folder to use for To Be Read entries."
 		bind:value={$settings.statusProperty}
 		accepts={["text"]}
 	/>
@@ -87,7 +101,7 @@
 		{app}
 		id="start-date-field"
 		name="Start Date Field"
-		description="Select the field to use for start date"
+		description="Select the field to use for start date."
 		bind:value={$settings.startDateProperty}
 		accepts={["date"]}
 	/>
@@ -95,7 +109,7 @@
 		{app}
 		id="end-date-field"
 		name="End Date Field"
-		description="Select the field to use for end date"
+		description="Select the field to use for end date."
 		bind:value={$settings.endDateProperty}
 		accepts={["date"]}
 	/>
@@ -103,7 +117,7 @@
 		{app}
 		id="rating-field"
 		name="Rating Field"
-		description="Select the field to use for rating"
+		description="Select the field to use for rating."
 		bind:value={$settings.ratingProperty}
 		accepts={["number"]}
 	/>
@@ -111,7 +125,7 @@
 		{app}
 		id="page-count-field"
 		name="Page Count Field"
-		description="Select the field to use for page count"
+		description="Select the field to use for page count."
 		bind:value={$settings.pageCountProperty}
 		accepts={["number"]}
 	/>

src/ui/settings/types.ts

@@ -1,4 +1,6 @@
 export interface BookTrackerSettings {
+	bookFolder: string;
+	organizeReadBooks: boolean;
 	templateFile: string;
 	tbrFolder: string;
 	fileNameFormat: string;
@@ -14,6 +16,8 @@ export interface BookTrackerSettings {
 }
 
 export const DEFAULT_SETTINGS: BookTrackerSettings = {
+	bookFolder: "books",
+	organizeReadBooks: true,
 	templateFile: "",
 	tbrFolder: "books/tbr",
 	fileNameFormat: "{{title}} - {{authors}}",