feat: add fliping bias settings

src/main.ts

@@ -1,8 +1,13 @@
 import { MarkdownView, Plugin } from "obsidian";
+import { OnyxSideButtonSettings, DEFAULT_SETTINGS } from "./settings/settings";
+import { OnyxSideButtonSettingsTab } from "./settings/settingsTab";
 
 export default class OnyxSideButton extends Plugin {
+	settings: OnyxSideButtonSettings;
 	lastPageY: number;
 	async onload() {
+		await this.loadSettings();
+		this.addSettingTab(new OnyxSideButtonSettingsTab(this.app, this));
 		this.registerEvent(
 			this.app.workspace.on("file-open", (_) => {
 				const viewEl = document.querySelector(".markdown-reading-view") as HTMLElement;
@@ -24,11 +29,19 @@ export default class OnyxSideButton extends Plugin {
 		);
 	}
 
+	async loadSettings(): Promise<void> {
+		this.settings = Object.assign({}, DEFAULT_SETTINGS, await this.loadData());
+	}
+
+	async saveSettings(): Promise<void> {
+		await this.saveData(this.settings);
+	}
+
 	flip(mode: string) {
 		const thisView = this.app.workspace.getActiveViewOfType(MarkdownView);
 		// @ts-ignore
 		const thisScrollObj = thisView?.previewMode?.renderer?.previewEl;
-		const range = thisScrollObj?.clientHeight - 60;
+		const range = thisScrollObj?.clientHeight - this.settings.flipingBias;
 		thisScrollObj?.scrollBy(0, mode === "up" ? -range : range);
 	}
 }

src/settings/settings.ts

@@ -0,0 +1,7 @@
+export interface OnyxSideButtonSettings {
+	flipingBias: number;
+}
+
+export const DEFAULT_SETTINGS: OnyxSideButtonSettings = {
+	flipingBias: 60
+};

src/settings/settingsTab.ts

@@ -0,0 +1,30 @@
+import OnyxSideButton from "../main";
+import { App, PluginSettingTab, Setting } from "obsidian";
+
+
+export class OnyxSideButtonSettingsTab extends PluginSettingTab {
+	plugin: OnyxSideButton;
+	constructor(app: App, plugin: OnyxSideButton) {
+		super(app, plugin);
+		this.plugin = plugin;
+	}
+
+	display(): void {
+		const { containerEl } = this;
+		containerEl.empty();
+
+		new Setting(containerEl)
+			.setName("Fliping bias")
+			.setDesc("Fliping bias")
+			.addText((text) =>
+				text
+					.setPlaceholder("60")
+					.setValue(String(this.plugin.settings.flipingBias))
+					.onChange(async (value) => {
+						this.plugin.settings.flipingBias = Number(value);
+						await this.plugin.saveSettings();
+					})
+			);
+	}
+}
+