Add skeleton for file event handling

2024-12-08 10:58:03 +00:00 · 2024-12-08 10:58:03 +00:00 · 8a7cc65e88
commit 8a7cc65e88
parent 1420cf104e
6 changed files with 259 additions and 4 deletions
--- a/plugin/src/plugin.ts
+++ b/plugin/src/plugin.ts
@ -0,0 +1,119 @@
+import {
+	App,
+	Editor,
+	MarkdownView,
+	Modal,
+	Notice,
+	Plugin,
+	PluginSettingTab,
+	Setting,
+	WorkspaceLeaf,
+} from "obsidian";
+
+import * as plugin from "../../backend/sync_wasm/pkg/sync_wasm.js";
+import * as wasmBin from "../../backend/sync_wasm/pkg/sync_wasm_bg.wasm";
+import { getSystemErrorName } from "util";
+import { SyncSettingsTab } from "./settings/settings-tab.js";
+import { SyncView } from "./views/sync-view.js";
+import {
+	DEFAULT_SETTINGS,
+	SettingsContainer,
+	SyncSettings,
+} from "./settings/settings.js";
+import { Logger } from "./logger.js";
+import { SyncEventHandler } from "./events/sync-event-handler.js";
+
+export default class SyncPlugin extends Plugin {
+	async onload() {
+		Logger.getInstance().info('Starting plugin "Sample Plugin"');
+
+		await plugin.default(Promise.resolve((wasmBin as any).default));
+
+		const eventHandler = new SyncEventHandler();
+
+		[
+			this.app.vault.on(
+				"create",
+				eventHandler.onCreate.bind(eventHandler)
+			),
+			this.app.vault.on(
+				"modify",
+				eventHandler.onModify.bind(eventHandler)
+			),
+			this.app.vault.on(
+				"delete",
+				eventHandler.onDelete.bind(eventHandler)
+			),
+			this.app.vault.on(
+				"rename",
+				eventHandler.onRename.bind(eventHandler)
+			),
+		].forEach((event) => this.registerEvent(event));
+
+		// This creates an icon in the left ribbon.
+		const ribbonIconEl = this.addRibbonIcon(
+			"dice",
+			"Sample Plugin",
+			(evt: MouseEvent) => {
+				// Called when the user clicks the icon.
+				new Notice("This is a notice!");
+			}
+		);
+		// Perform additional things with the ribbon
+		ribbonIconEl.addClass("my-plugin-ribbon-class");
+
+		// This adds a status bar item to the bottom of the app. Does not work on mobile apps.
+		const statusBarItemEl = this.addStatusBarItem();
+		statusBarItemEl.setText("Status Bar Text");
+
+		// This adds an editor command that can perform some operation on the current editor instance
+		this.addCommand({
+			id: "sample-editor-command",
+			name: "Sample editor command",
+			editorCallback: (editor: Editor, view: MarkdownView) => {
+				console.log(editor.getSelection());
+				editor.replaceSelection("Sample Editor Command");
+			},
+		});
+
+		const settingsContainer = new SettingsContainer(
+			this,
+			await this.loadData()
+		);
+		this.addSettingTab(
+			new SyncSettingsTab(this.app, this, settingsContainer)
+		);
+
+		// When registering intervals, this function will automatically clear the interval when the plugin is disabled.
+		this.registerInterval(
+			window.setInterval(() => console.log("setInterval"), 5 * 60 * 1000)
+		);
+		this.registerView(SyncView.TYPE, (leaf) => new SyncView(leaf));
+
+		this.addRibbonIcon("dice", "Activate view", () => {
+			this.activateView();
+		});
+	}
+
+	onunload() {}
+
+	async activateView() {
+		const { workspace } = this.app;
+
+		let leaf: WorkspaceLeaf | null = null;
+		const leaves = workspace.getLeavesOfType(SyncView.TYPE);
+
+		if (leaves.length > 0) {
+			// A leaf with our view already exists, use that
+			leaf = leaves[0];
+		} else {
+			// Our view could not be found in the workspace, create a new leaf
+			// in the right sidebar for it
+			leaf = workspace.getRightLeaf(false);
+			await leaf?.setViewState({ type: SyncView.TYPE, active: true });
+		}
+
+		// "Reveal" the leaf in case it is in a collapsed sidebar
+		workspace.revealLeaf(leaf!);
+	}
+}