fixed status bar function

.github/workflows/release.yml

@@ -24,15 +24,15 @@ jobs:
 
             - name: Zip output
               run: |
-                  zip screen-wake-lock.zip main.js manifest.json
+                  zip screen-wake-lock.zip main.js manifest.json styles.css
 
             - name: Create release
               env:
                   GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
               run: |
                   tag="${GITHUB_REF#refs/tags/}"
 
-                  gh release create "Release $tag" \
-                    --title="$tag" \
+                  gh release create "$tag" \
+                    --title="Release $tag" \
                     --draft \
-                    main.js manifest.json screen-wake-lock.zip
+                    main.js manifest.json styles.css screen-wake-lock.zip

main.ts

@@ -56,7 +56,7 @@ export default class WakeLockPlugin extends Plugin {
 	}
 
 	private updateStatusBarVisibility(showInStatusBar: boolean) {
-		this.statusBarItem.setVisibility(showInStatusBar);
+		this.statusBarItem.setVisible(showInStatusBar);
 	}
 
 	private async initSettings() {
@@ -99,6 +99,7 @@ export default class WakeLockPlugin extends Plugin {
 	private initStatusBar() {
 		this.statusBarItem = new WakeLockStatusBarItem(this.addStatusBarItem());
 		this.statusBarItem.addEventListener("click", this.toggleIsActive);
+		this.updateStatusBarVisibility(this.settings.data.showInStatusBar);
 	}
 
 	private onDocumentVisibilityChange = () => {

manifest.json

@@ -1,7 +1,7 @@
 {
 	"id": "screen-wake-lock",
 	"name": "Screen WakeLock",
-	"version": "1.0.1",
+	"version": "1.0.2",
 	"minAppVersion": "0.15.0",
 	"description": "Allows to keep a wake lock on the display, using the w3 WakeLock API.",
 	"author": "blotspot",

src/statusbar.ts

@@ -22,6 +22,8 @@ const TypedEventTarget = EventTarget as {
 	prototype: WakeLockEventTarget;
 };
 
+const HIDE_CLASS = "screen-wake-lock-hide";
+
 export class WakeLockStatusBarItem extends TypedEventTarget {
 	private el: HTMLElement;
 
@@ -36,11 +38,11 @@ export class WakeLockStatusBarItem extends TypedEventTarget {
 		this.switch(false);
 	}
 
-	setVisibility(visible: boolean) {
-		if (visible) {
-			this.el.style.display = "inherit";
+	setVisible(visible: boolean) {
+		if (visible && this.el.classList.contains(HIDE_CLASS)) {
+			this.el.classList.remove(HIDE_CLASS);
 		} else {
-			this.el.style.display = "none";
+			this.el.classList.add(HIDE_CLASS);
 		}
 	}
 

styles.css

@@ -1,8 +1,3 @@
-/*
-
-This CSS file will be included with your plugin, and
-available in the app when your plugin is enabled.
-
-If your plugin does not need CSS, delete this file.
-
-*/
+.screen-wake-lock-hide {
+  display: none;
+}