@wowlabtech/mini-app-adapter 0.2.83 → 0.2.84

package/README.md

@@ -52,7 +52,7 @@ bootstrap();
 import { createAdapter } from '@wowlabtech/mini-app-adapter';
 
 const adapter = createAdapter('telegram');
-await adapter.init({ eruda: true });
+await adapter.init({ eruda: true }); // сработает, только если host заранее положил eruda в window.eruda
 
 adapter.setColors({ header: '#0a0a0a', background: '#ffffff' });
 adapter.onBackButton(() => adapter.closeApp());

package/dist/index.cjs

@@ -1219,11 +1219,9 @@ var TelegramMiniAppAdapter = class extends BaseMiniAppAdapter {
     if (!import_sdk_react.miniApp.isSupported()) {
       console.warn("[tvm-app-adapter] miniApp feature is not supported; falling back to limited mode.");
     }
-    if (eruda) {
-      void import("eruda").then(({ default: erudaInstance }) => {
-        erudaInstance.init();
-        erudaInstance.position({ x: window.innerWidth - 150, y: window.innerHeight - 150 });
-      });
+    if (eruda && typeof window !== "undefined" && window.eruda) {
+      window.eruda.init();
+      window.eruda.position({ x: window.innerWidth - 150, y: window.innerHeight - 150 });
     }
     if (mockForMacOS) {
       let firstThemeSent = false;
@@ -2680,6 +2678,9 @@ var WebMiniAppAdapter = class extends BaseMiniAppAdapter {
       overlay.style.flexDirection = "column";
       overlay.style.alignItems = "center";
       overlay.style.justifyContent = "center";
+      overlay.style.gap = "20px";
+      overlay.style.padding = "24px";
+      overlay.style.boxSizing = "border-box";
       overlay.style.overflow = "hidden";
       overlay.style.backdropFilter = "blur(3px)";
       document.body.appendChild(overlay);
@@ -2753,10 +2754,23 @@ var WebMiniAppAdapter = class extends BaseMiniAppAdapter {
       const hint = document.createElement("div");
       hint.innerText = "\u041D\u0430\u0432\u0435\u0434\u0438\u0442\u0435 \u043A\u0430\u043C\u0435\u0440\u0443 \u043D\u0430 QR-\u043A\u043E\u0434";
       hint.style.color = "white";
-      hint.style.marginTop = "30px";
       hint.style.fontSize = "17px";
       hint.style.opacity = "0.9";
       overlay.appendChild(hint);
+      const bottomCloseBtn = document.createElement("button");
+      bottomCloseBtn.innerText = "\u0417\u0430\u043A\u0440\u044B\u0442\u044C";
+      bottomCloseBtn.style.minWidth = `${Math.min(scanSize, 220)}px`;
+      bottomCloseBtn.style.height = "48px";
+      bottomCloseBtn.style.padding = "0 20px";
+      bottomCloseBtn.style.border = "1px solid rgba(255,255,255,0.24)";
+      bottomCloseBtn.style.borderRadius = "14px";
+      bottomCloseBtn.style.background = "rgba(255,255,255,0.12)";
+      bottomCloseBtn.style.color = "white";
+      bottomCloseBtn.style.fontSize = "16px";
+      bottomCloseBtn.style.fontWeight = "600";
+      bottomCloseBtn.style.cursor = "pointer";
+      bottomCloseBtn.style.backdropFilter = "blur(8px)";
+      overlay.appendChild(bottomCloseBtn);
       const canvas = document.createElement("canvas");
       const context = canvas.getContext("2d", { willReadFrequently: true });
       let stream = null;
@@ -2794,10 +2808,26 @@ var WebMiniAppAdapter = class extends BaseMiniAppAdapter {
         removeFromBag();
       };
       closeBtn.onclick = () => closeScanner(null);
+      bottomCloseBtn.onclick = () => closeScanner(null);
       try {
         const constraints = [
-          { video: { facingMode: { ideal: "environment" } }, audio: false },
-          { video: { facingMode: "environment" }, audio: false },
+          {
+            video: {
+              facingMode: { ideal: "environment" },
+              width: { ideal: 1920 },
+              height: { ideal: 1080 },
+              aspectRatio: { ideal: 1.7777777778 }
+            },
+            audio: false
+          },
+          {
+            video: {
+              facingMode: "environment",
+              width: { ideal: 1280 },
+              height: { ideal: 720 }
+            },
+            audio: false
+          },
           { video: true, audio: false }
         ];
         let lastError = null;
@@ -2812,13 +2842,27 @@ var WebMiniAppAdapter = class extends BaseMiniAppAdapter {
         if (!stream) {
           throw lastError instanceof Error ? lastError : new Error("Unable to access camera");
         }
+        const [videoTrack] = stream.getVideoTracks();
+        if (videoTrack) {
+          try {
+            const advancedConstraints = [
+              { focusMode: "continuous" },
+              { exposureMode: "continuous" },
+              { whiteBalanceMode: "continuous" }
+            ];
+            await videoTrack.applyConstraints({
+              advanced: advancedConstraints
+            });
+          } catch {
+          }
+        }
         video.srcObject = stream;
         await video.play();
         const scanFrame = (now) => {
           if (closed) {
             return;
           }
-          if (now - lastScanAt >= 100 && context && video.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA) {
+          if (now - lastScanAt >= 80 && context && video.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA) {
             const width = video.videoWidth;
             const height = video.videoHeight;
             if (width > 0 && height > 0) {