capacitor-ota 1.0.6 → 1.0.8

package/dist/src/index.d.mts

@@ -106,6 +106,9 @@ declare class OtaUpdateElement extends HTMLElement {
   show(): void;
   hide(): void;
   connectedCallback(): void;
+  private lastStatus;
+  private onStateChange;
+  private updateProgress;
   private getProgressOffset;
   private render;
   private renderContent;

package/dist/src/index.mjs

@@ -119,25 +119,8 @@ var OtaUpdater = class {
 		});
 		this.emit("downloadStart", { version });
 		if (!isNativePlatform()) {
-			for (let i = 0; i <= 100; i += 5) {
-				this.setState({ progress: i });
-				this.emit("downloadProgress", {
-					progress: i,
-					version
-				});
-				await new Promise((r) => setTimeout(r, 50));
-			}
-			this.downloadedBundle = {
-				id: "web-sim",
-				version
-			};
-			this.setState({ status: "ready" });
-			this.emit("downloadComplete", { version });
-			this.emit("updateReady", {
-				version,
-				bundleId: "web-sim"
-			});
-			return true;
+			this.setState({ status: "idle" });
+			return false;
 		}
 		try {
 			const url = `${this.config.staticUrl}/updates/${this.config.appId}.json`;
@@ -181,13 +164,8 @@ var OtaUpdater = class {
 		}
 	}
 	async apply() {
+		if (!isNativePlatform()) return;
 		this.setState({ status: "applying" });
-		if (!isNativePlatform()) {
-			await new Promise((r) => setTimeout(r, 500));
-			this.emit("updateApplied", { version: this.state.newVersion || "" });
-			window.location.reload();
-			return;
-		}
 		if (!this.downloadedBundle) {
 			const error = "No downloaded bundle";
 			this.setState({
@@ -619,9 +597,25 @@ var OtaUpdateElement = class extends HTMLElement {
 	}
 	connectedCallback() {
 		const ota = getOtaUpdater();
-		if (ota) ota.on("stateChange", () => this.render());
+		if (ota) ota.on("stateChange", (state) => this.onStateChange(state));
 		this.render();
 	}
+	lastStatus = "";
+	onStateChange(state) {
+		if (state.status === "downloading" && this.lastStatus === "downloading") this.updateProgress(state.progress);
+		else {
+			this.lastStatus = state.status;
+			this.render();
+		}
+	}
+	updateProgress(progress) {
+		const circumference = 2 * Math.PI * 45;
+		const offset = circumference - circumference * progress / 100;
+		const progressBar = this.shadow.querySelector(".progress-bar");
+		const progressPercent = this.shadow.querySelector(".progress-percent");
+		if (progressBar) progressBar.style.strokeDashoffset = String(offset);
+		if (progressPercent) progressPercent.textContent = String(progress);
+	}
 	getProgressOffset(progress) {
 		const circumference = 2 * Math.PI * 45;
 		return circumference - circumference * progress / 100;
@@ -742,6 +736,7 @@ function registerOtaUpdateElement() {
 //#region src/index.ts
 async function initOtaUpdate(config) {
 	const ota = createOtaUpdater(config);
+	if (!isNativePlatform()) return ota;
 	if (config.showUI !== false) {
 		registerOtaUpdateElement();
 		const element = document.createElement("ota-update");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "capacitor-ota",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "type": "module",
   "main": "dist/src/index.mjs",
   "types": "dist/src/index.d.mts",