@wowlabtech/mini-app-adapter 0.2.1 → 0.2.2

package/dist/index.cjs

@@ -665,6 +665,27 @@ var BaseMiniAppAdapter = class {
   }
   requestFullscreen() {
   }
+  onViewportChange(callback) {
+    if (typeof window === "undefined") {
+      return () => {
+      };
+    }
+    const fallbackHeight = () => window.visualViewport?.height ?? window.innerHeight;
+    const notify = () => {
+      const height = fallbackHeight();
+      callback({ height, stableHeight: height });
+    };
+    notify();
+    const onResize = () => notify();
+    window.visualViewport?.addEventListener("resize", onResize);
+    window.visualViewport?.addEventListener("scroll", onResize);
+    window.addEventListener("resize", onResize);
+    return () => {
+      window.visualViewport?.removeEventListener("resize", onResize);
+      window.visualViewport?.removeEventListener("scroll", onResize);
+      window.removeEventListener("resize", onResize);
+    };
+  }
   getViewportInsets() {
     return void 0;
   }
@@ -1406,6 +1427,63 @@ var TelegramMiniAppAdapter = class extends BaseMiniAppAdapter {
       return void 0;
     }
   }
+  onViewportChange(callback) {
+    const disposers = [];
+    const fallbackHeight = () => typeof window !== "undefined" ? window.visualViewport?.height ?? window.innerHeight : 0;
+    const notify = (state) => {
+      const heightCandidate = state?.height ?? this.safeHeightFromSdk();
+      const stableCandidate = state?.stableHeight ?? this.stableHeightFromSdk();
+      const height = Number.isFinite(heightCandidate) ? heightCandidate : fallbackHeight();
+      const stableHeight = Number.isFinite(stableCandidate) && stableCandidate > 0 ? stableCandidate : height;
+      callback({ height, stableHeight });
+    };
+    const ensureMounted = async () => {
+      try {
+        await ensureViewportMounted(this.getViewportMountOptions());
+      } catch (error) {
+        console.warn("[tvm-app-adapter] ensureViewportMounted failed:", error);
+      }
+    };
+    void ensureMounted().finally(() => notify());
+    const { sdkViewport } = this.getViewportMountOptions();
+    if (typeof sdkViewport.on === "function") {
+      try {
+        const off2 = sdkViewport.on("change", (next) => notify(next));
+        if (typeof off2 === "function") {
+          disposers.push(off2);
+        }
+      } catch (error) {
+        console.warn("[tvm-app-adapter] viewport.on(change) subscription failed:", error);
+      }
+    }
+    try {
+      if (typeof sdkViewport.height?.sub === "function") {
+        disposers.push(sdkViewport.height.sub(() => notify()));
+      }
+      if (typeof sdkViewport.stableHeight?.sub === "function") {
+        disposers.push(sdkViewport.stableHeight.sub(() => notify()));
+      }
+    } catch (error) {
+      console.warn("[tvm-app-adapter] viewport signal subscriptions failed:", error);
+    }
+    if (typeof window !== "undefined") {
+      const onResize = () => notify();
+      window.visualViewport?.addEventListener("resize", onResize);
+      window.addEventListener("resize", onResize);
+      disposers.push(() => {
+        window.visualViewport?.removeEventListener("resize", onResize);
+        window.removeEventListener("resize", onResize);
+      });
+    }
+    return () => {
+      disposers.forEach((dispose) => {
+        try {
+          dispose();
+        } catch {
+        }
+      });
+    };
+  }
   onAppearanceChange(callback) {
     this.appearanceListeners.add(callback);
     callback(this.environment.appearance);
@@ -1636,6 +1714,26 @@ var TelegramMiniAppAdapter = class extends BaseMiniAppAdapter {
       }
     };
   }
+  safeHeightFromSdk() {
+    try {
+      if (typeof import_sdk.viewport.height === "function") {
+        return import_sdk.viewport.height();
+      }
+    } catch {
+      return void 0;
+    }
+    return void 0;
+  }
+  stableHeightFromSdk() {
+    try {
+      if (typeof import_sdk.viewport.stableHeight === "function") {
+        return import_sdk.viewport.stableHeight();
+      }
+    } catch {
+      return void 0;
+    }
+    return void 0;
+  }
   notifyViewHide() {
     for (const listener of this.viewHideListeners) {
       try {