FIXED: Cannot remove boxel when widget unmounted

README.md

@@ -17,14 +17,14 @@
 
 ## From BRAT
 
-🚗: Add `Quorafind/obsidian-sakana-widget` to BRAT.
+🚗: Add `Quorafind/obsidian-sakana-sakanaWidget` to BRAT.
 
 ## Download Manually
 
 🚚: Download the latest release. Extract and put the three files (main.js, manifest.json, styles.css) to folder `{{obsidian_vault}}/.obsidian/plugins/Obsidian-Sakana-Widget`.
 
 # License
 
-Released under MIT License, please note that the 2 default images **should not be used for any commercial activities**. This project used to be a secondary development based on https://github.com/itorr/sakana | https://github.com/dsrkafuu/sakana-widget.
+Released under MIT License, please note that the 2 default images **should not be used for any commercial activities**. This project used to be a secondary development based on https://github.com/itorr/sakana | https://github.com/dsrkafuu/sakana-sakanaWidget.
 
 Image source: 大伏アオ [@blue00f4](https://twitter.com/blue00f4) [pixiv](https://pixiv.me/aoiroblue1340)

esbuild.config.mjs

@@ -15,7 +15,7 @@ esbuild.build({
 	banner: {
 		js: banner,
 	},
-	entryPoints: ['main.ts'],
+	entryPoints: ['sakanaWidgetIndex.ts'],
 	bundle: true,
 	external: [
 		'obsidian',

manifest.json

@@ -1,7 +1,7 @@
 {
 	"id": "obsidian-sakana-widget",
 	"name": "Sakana Widget",
-	"version": "1.0.1",
+	"version": "1.1.0",
 	"minAppVersion": "0.15.0",
 	"description": "Add the Sakana! Widget to your own Obsidian!",
 	"author": "Boninall",

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "obsidian-sakana-widget",
-	"version": "1.0.1",
+	"version": "1.1.0",
 	"description": "Add the Sakana! Widget to your own Obsidian!",
 	"main": "main.js",
 	"scripts": {

sakanaWidgetIndex.ts

@@ -0,0 +1,29 @@
+import { Plugin } from 'obsidian';
+import SakanaWidget from "sakana-widget";
+
+export default class SakanaWidgetPlugin extends Plugin {
+	sakanaBoxEl: HTMLElement;
+	sakanaEl: HTMLElement;
+	sakanaWidget: SakanaWidget;
+
+	async onload() {
+		this.app.workspace.onLayoutReady(()=> this.addSakanaWidget());
+	}
+
+	private addSakanaWidget() {
+
+		this.sakanaBoxEl = document.body.createEl('div', { attr: { id: 'sakana-widget-box' }, cls: 'sakana-widget-box' });
+		this.sakanaEl = this.sakanaBoxEl.createEl('div', { attr: { id: 'sakana-widget' }, cls: 'sakana-widget' });
+		this.sakanaWidget = new SakanaWidget({autoFit: true}).setState({ i: 0.03, d: 0.99,  }).mount('#sakana-widget');
+
+	}
+
+	onunload() {
+		if(this.sakanaWidget) {
+			this.sakanaWidget.unmount();
+		}
+		if(this.sakanaBoxEl) {
+			this.sakanaBoxEl.detach();
+		}
+	}
+}

styles.css

@@ -15,3 +15,8 @@ If your plugin does not need CSS, delete this file.
 	width: 150px;
 	height: 150px;
 }
+
+.sakana-widget {
+	width: 100%;
+	height: 100%;
+}

versions.json

@@ -1,4 +1,5 @@
 {
 	"1.0.0": "0.15.0",
-	"1.0.1": "0.15.0"
+	"1.0.1": "0.15.0",
+	"1.1.0": "0.15.0"
 }