fix build error and add test to catch

src/gospelStudyPluginSettingTab.ts

@@ -3,11 +3,12 @@ import GospelStudyPlugin from "./main";
 import { App, MarkdownRenderer, PluginSettingTab, Setting } from "obsidian";
 import { StudyBlockData } from "./models/StudyBlockData";
 import { getStudyBlockDataFromStudyData } from "./getStudyBlockFromStudyData";
+import { createStudyBlock } from "./createStudyBlock";
 
 export class GospelStudyPluginSettingTab extends PluginSettingTab {
 	public plugin: GospelStudyPlugin;
 	formats: string[];
-	studyBlock!: StudyBlockData | null;
+	studyBlockData!: StudyBlockData | null;
 
 	public constructor(app: App, plugin: GospelStudyPlugin) {
 		super(app, plugin);
@@ -17,7 +18,7 @@ export class GospelStudyPluginSettingTab extends PluginSettingTab {
 	}
 
 	public async initSampleStudyBlockText() {
-		this.studyBlock = await getStudyBlockDataFromStudyData("https://www.churchofjesuschrist.org/study/scriptures/nt/john/3?lang=eng&id=p16-p17#p16");
+		this.studyBlockData = await getStudyBlockDataFromStudyData("https://www.churchofjesuschrist.org/study/scriptures/nt/john/3?lang=eng&id=p16-p17#p16");
 	}
 
 	public display(): void {
@@ -128,9 +129,12 @@ export class GospelStudyPluginSettingTab extends PluginSettingTab {
 
 	private renderBlockFormatPreview(parentDiv: HTMLDivElement) {
 		parentDiv.empty();
+		if (!this.studyBlockData) {
+			return;
+		}
 		MarkdownRenderer.render(
 			this.app,
-			this.studyBlock?.toString(this.plugin.settings) ?? "",
+			createStudyBlock(this.studyBlockData, this.plugin.settings) ?? "",
 			parentDiv,
 			'',
 			this.plugin

test/build.test.ts

@@ -0,0 +1,7 @@
+import { execSync } from "child_process"
+
+describe("npm run build", () => {
+    it("should build without errors", () => {
+        execSync("npm run build");
+    })
+})