html2apk 0.8.0 → 0.11.0

package/src/templates/html2apk-runtime-console.js

@@ -16,6 +16,11 @@
   var consoleList = null;
   var networkList = null;
   var badge = null;
+  var consoleCount = null;
+  var networkCount = null;
+  var errorCount = null;
+  var copyAllButton = null;
+  var copyOnlyErrorsButton = null;
   var activeTab = "console";
   var opened = false;
   var dragMoved = false;
@@ -29,6 +34,9 @@
     "cancelarNotificacao", "cancelNotification",
     "lanterna", "flashlight",
     "alternarLanterna", "toggleFlashlight",
+    "tirarFoto", "takePhoto", "capturePhoto",
+    "capturarVideo", "captureVideo",
+    "escanearQRCode", "scanQRCode", "scanQrCode",
     "ouvirMic", "listenMic", "startMic",
     "pararMic", "stopMic",
     "solicitarPermissaoCamera", "requestCameraPermission",
@@ -36,9 +44,74 @@
     "solicitarPermissaoNotificacoes", "requestNotificationPermission",
     "escolherArquivo", "pickFile",
     "escolherImagem", "pickImage",
+    "escolherImagens", "pickImages",
+    "escolherPasta", "pickFolder",
+    "salvarArquivo", "saveFile",
+    "lerArquivo", "readFile", "readStoredFile",
+    "excluirArquivo", "deleteFile", "removeFile",
+    "listarArquivos", "listFiles",
+    "abrirArquivo", "openFile",
+    "compartilharArquivo", "shareFile",
+    "compartilhar", "share",
+    "compartilharApp", "shareApp", "share_me",
+    "aguardar", "loading",
+    "aoReceberCompartilhamento", "onShareReceived",
+    "obterCompartilhamentoInicial", "getInitialShare",
+    "procurarBT", "scanBluetooth", "procurarBluetooth", "buscarBT",
+    "conectarBT", "connectBluetooth", "conectarBluetooth",
+    "enviarBT", "sendBluetooth",
+    "aoConectarBT", "onBluetoothConnect",
+    "aoReceberDadosBT", "onBluetoothData",
+    "aoDarErroBT", "onBluetoothError",
+    "procurarWiFi", "scanWiFi", "scanWifi",
+    "conectarWiFi", "connectWiFi", "connectWifi",
+    "enviarWiFi", "sendWiFi", "sendWifi",
+    "aoConectarWiFi", "onWiFiConnect", "onWifiConnect",
+    "aoReceberDadosWiFi", "onWiFiData", "onWifiData",
+    "aoDarErroWiFi", "onWiFiError", "onWifiError",
+    "ocr", "recognizeText", "textFromImage",
+    "falar", "speak", "textToSpeech",
+    "pararFala", "stopSpeaking",
+    "ouvir", "recognizeSpeech", "speechToText",
+    "baixarArquivo", "downloadFile",
+    "baixarBase64", "downloadBase64", "downloadFromBase64",
+    "baixarArquivoLocal", "downloadLocalFile", "downloadFromFile",
+    "aoConectarUSB", "onUSBConnect", "onUsbConnect",
+    "aoDesconectarUSB", "onUSBDisconnect", "onUsbDisconnect",
+    "aoConectarFone", "onHeadphoneConnect",
+    "aoDesconectarFone", "onHeadphoneDisconnect",
+    "aoMudarVolume", "onVolumeChange",
+    "aoAbrirTeclado", "onKeyboardOpen",
+    "aoFecharTeclado", "onKeyboardClose",
+    "aoSacudirCelular", "onPhoneShake", "onShake",
+    "aoVirarCelularParaBaixo", "onPhoneFaceDown",
+    "aoAproximarObjeto", "onProximityNear",
+    "aoTirarPrint", "onScreenshot",
+    "aoMudarOrientacao", "onOrientationChange",
+    "aoNFC", "onNFC", "onNfc",
+    "aoReceberNotificacao", "onNotificationReceived",
+    "definirPapelParede", "setWallpaper", "setPhoneWallpaper",
+    "infoPapelParede", "wallpaperInfo",
+    "abrirConfiguracaoPapelParede", "openWallpaperSettings",
+    "capturarTela", "tirarPrint", "captureScreen", "takeScreenshot", "screenshot",
+    "volumeAtual", "currentVolume", "getVolume",
+    "definirVolume", "setVolume",
+    "aumentarVolume", "increaseVolume",
+    "diminuirVolume", "decreaseVolume",
+    "configurarIconeFlutuante", "configureFloatingIcon",
+    "definirOpacidadeIconeFlutuante", "setFloatingIconOpacity",
+    "minimizarApp", "minimizeApp",
+    "fecharApp", "closeApp", "exitApp",
     "abrirNoApp", "openInApp",
     "abrirForaDoApp", "openOutsideApp",
     "abrirUrl", "openUrl",
+    "obterLocalizacao", "getLocation",
+    "acompanharLocalizacao", "watchLocation",
+    "pararLocalizacao", "stopLocationWatch",
+    "autenticarBiometria", "authenticateBiometric",
+    "salvarSeguro", "saveSecure", "secureSet",
+    "lerSeguro", "readSecure", "secureGet",
+    "removerSeguro", "deleteSecure", "removeSecure",
     "vibrar", "vibrate",
     "toast",
     "statusPermissoes", "permissionStatus",
@@ -100,6 +173,8 @@
   function renderEntry(entry, target) {
     var item;
     var meta;
+    var label;
+    var time;
     var body;
 
     if (!target) {
@@ -111,11 +186,17 @@
 
     meta = document.createElement("div");
     meta.className = "html2apk-console-meta";
-    meta.textContent = "[" + entry.time + "] " + entry.kind.toUpperCase();
+    label = document.createElement("span");
+    label.className = "html2apk-console-kind";
+    label.textContent = entry.kind.toUpperCase();
+    time = document.createElement("time");
+    time.textContent = entry.time;
 
     body = document.createElement("pre");
     body.textContent = entry.message;
 
+    meta.appendChild(label);
+    meta.appendChild(time);
     item.appendChild(meta);
     item.appendChild(body);
     target.appendChild(item);
@@ -124,7 +205,19 @@
       target.removeChild(target.firstChild);
     }
 
+    scrollListToBottom(target);
+  }
+
+  function scrollListToBottom(target) {
+    if (!target) {
+      return;
+    }
     target.scrollTop = target.scrollHeight;
+    if (typeof window.requestAnimationFrame === "function") {
+      window.requestAnimationFrame(function () {
+        target.scrollTop = target.scrollHeight;
+      });
+    }
   }
 
   function renderNetworkEntry(entry) {
@@ -164,23 +257,32 @@
 
   function updateBadge() {
     var count;
-    if (!badge) {
-      return;
-    }
     count = entries.filter(function (entry) {
       return entry.kind === "error";
     }).length + networkEntries.filter(function (entry) {
       return !entry.ok;
     }).length;
-    badge.textContent = count ? String(count) : "";
-    badge.style.display = count ? "inline-flex" : "none";
+    if (badge) {
+      badge.textContent = count ? String(count) : "";
+      badge.style.display = count ? "inline-flex" : "none";
+    }
+    if (consoleCount) {
+      consoleCount.textContent = String(entries.length);
+    }
+    if (networkCount) {
+      networkCount.textContent = String(networkEntries.length);
+    }
+    if (errorCount) {
+      errorCount.textContent = String(count);
+    }
   }
 
   function add(kind, message, detail) {
+    var hasDetail = arguments.length > 2 && typeof detail !== "undefined";
     var entry = {
       kind: kind || "info",
       time: now(),
-      message: detail ? message + "\n" + short(detail, MAX_DETAIL) : String(message || "")
+      message: hasDetail ? String(message || "") + "\n" + short(detail, MAX_DETAIL) : String(message || "")
     };
 
     keepEntry(entries, entry);
@@ -204,6 +306,133 @@
     }
   }
 
+  function consoleEntryText(entry) {
+    return "[" + (entry.time || "") + "] " + String(entry.kind || "info").toUpperCase() + "\n" + String(entry.message || "");
+  }
+
+  function networkEntryText(entry) {
+    var status = entry.status || "ERR";
+    var method = entry.method || "GET";
+    var title = method + " " + entry.url + " -> " + status + " (" + (entry.durationMs || 0) + "ms)";
+    var detail = {
+      type: entry.type,
+      ok: entry.ok,
+      status: entry.status,
+      statusText: entry.statusText,
+      durationMs: entry.durationMs,
+      requestBody: entry.requestBody,
+      responseBody: entry.responseBody,
+      error: entry.error
+    };
+
+    return "[" + (entry.time || "") + "] " + (entry.ok ? "NETWORK" : "ERROR") + "\n" + title + "\n" + short(detail, MAX_DETAIL);
+  }
+
+  function runtimeConsoleText(onlyErrors) {
+    var output = [];
+    entries.forEach(function (entry) {
+      if (!onlyErrors || entry.kind === "error") {
+        output.push(consoleEntryText(entry));
+      }
+    });
+    networkEntries.forEach(function (entry) {
+      if (!onlyErrors || !entry.ok) {
+        output.push(networkEntryText(entry));
+      }
+    });
+    if (!output.length) {
+      return onlyErrors ? "Nenhum erro registrado." : "Console vazio.";
+    }
+    return output.join("\n\n");
+  }
+
+  function fallbackCopyText(text) {
+    return new Promise(function (resolve, reject) {
+      var target = document.body || document.documentElement;
+      var textarea;
+      var copied = false;
+
+      if (!target || !document.createElement) {
+        reject(new Error("Clipboard indisponivel."));
+        return;
+      }
+
+      textarea = document.createElement("textarea");
+      textarea.value = text;
+      textarea.setAttribute("readonly", "readonly");
+      textarea.style.position = "fixed";
+      textarea.style.left = "-9999px";
+      textarea.style.top = "0";
+      textarea.style.opacity = "0";
+      target.appendChild(textarea);
+      textarea.focus();
+      textarea.select();
+
+      try {
+        copied = document.execCommand("copy");
+      } catch (error) {
+        copied = false;
+      }
+
+      target.removeChild(textarea);
+      if (copied) {
+        resolve();
+      } else {
+        reject(new Error("Nao foi possivel copiar."));
+      }
+    });
+  }
+
+  function copyTextToClipboard(text) {
+    if (typeof navigator !== "undefined" && navigator.clipboard && typeof navigator.clipboard.writeText === "function") {
+      return navigator.clipboard.writeText(text).catch(function () {
+        return fallbackCopyText(text);
+      });
+    }
+    return fallbackCopyText(text);
+  }
+
+  function flashActionButton(target, label) {
+    var original;
+    if (!target) {
+      return;
+    }
+    original = target.getAttribute("data-original-label") || target.textContent;
+    target.setAttribute("data-original-label", original);
+    target.textContent = label;
+    target.disabled = true;
+    setTimeout(function () {
+      target.textContent = original;
+      target.disabled = false;
+    }, 1200);
+  }
+
+  function copyConsole() {
+    var text = runtimeConsoleText(false);
+    return copyTextToClipboard(text).then(function () {
+      add("info", "Console copiado.");
+      flashActionButton(copyAllButton, "Copiado");
+      return { ok: true, copied: "console" };
+    }, function (error) {
+      add("error", "Falha ao copiar console", error);
+      flashActionButton(copyAllButton, "Falhou");
+      return { ok: false, copied: "console", message: error && error.message ? error.message : String(error) };
+    });
+  }
+
+  function copyErrors() {
+    var text = runtimeConsoleText(true);
+    return copyTextToClipboard(text).then(function () {
+      add("info", "Erros copiados.");
+      flashActionButton(copyOnlyErrorsButton, "Copiado");
+      return { ok: true, copied: "errors" };
+    }, function (error) {
+      add("error", "Falha ao copiar erros", error);
+      flashActionButton(copyOnlyErrorsButton, "Falhou");
+      return { ok: false, copied: "errors", message: error && error.message ? error.message : String(error) };
+    });
+  }
+
   function setActiveTab(tab) {
     activeTab = tab === "network" ? "network" : "console";
     if (!modal) {
@@ -218,6 +447,7 @@
     if (networkList) {
       networkList.classList.toggle("active", activeTab === "network");
     }
+    updateBadge();
   }
 
   function clearActiveTab() {
@@ -358,7 +588,14 @@
     var tabs;
     var consoleTab;
     var networkTab;
+    var summary;
+    var consoleStat;
+    var networkStat;
+    var errorStat;
+    var controls;
     var actions;
+    var copyButton;
+    var copyErrorsButton;
     var clearButton;
     var closeButton;
     var body;
@@ -369,20 +606,23 @@
 
     style = document.createElement("style");
     style.textContent = [
-      ".html2apk-console-button{position:fixed;right:14px;bottom:14px;z-index:2147483640;width:54px;height:54px;border:0;border-radius:999px;background:#126fff;color:#fff;padding:0;box-shadow:0 10px 30px rgba(0,0,0,.3);touch-action:none}",
-      ".html2apk-console-button img{width:100%;height:100%;object-fit:cover;border-radius:999px;display:block}.html2apk-console-button.fallback:before{content:'Console';font:800 10px system-ui,Segoe UI,Arial}",
-      ".html2apk-console-badge{position:absolute;right:-3px;top:-3px;display:none;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:999px;background:#ff4d5d;color:#fff;font:800 11px system-ui,Segoe UI,Arial;border:2px solid #fff}",
-      ".html2apk-console-modal{position:fixed;inset:0;z-index:2147483641;display:none;background:rgba(8,13,22,.42);padding:16px}",
+      ".html2apk-console-button{position:fixed;right:14px;bottom:14px;z-index:2147483640;width:58px;height:58px;border:0;border-radius:999px;background:#126fff;color:#fff;padding:0;box-shadow:0 16px 36px rgba(18,111,255,.34),0 8px 24px rgba(0,0,0,.28);touch-action:none}",
+      ".html2apk-console-button:active{transform:scale(.98)}.html2apk-console-button img{width:100%;height:100%;object-fit:cover;border-radius:999px;display:block}.html2apk-console-button.fallback:before{content:'Console';font:800 10px system-ui,Segoe UI,Arial}",
+      ".html2apk-console-badge{position:absolute;right:-3px;top:-3px;display:none;align-items:center;justify-content:center;min-width:21px;height:21px;border-radius:999px;background:#ef4444;color:#fff;font:900 11px system-ui,Segoe UI,Arial;border:2px solid #fff}",
+      ".html2apk-console-modal{position:fixed;inset:0;z-index:2147483641;display:none;background:rgba(5,10,20,.56);padding:12px;font-family:system-ui,Segoe UI,Arial}",
       ".html2apk-console-modal.open{display:flex;align-items:flex-end;justify-content:center}",
-      ".html2apk-console-panel{width:min(980px,calc(100vw - 24px));max-height:min(74vh,700px);background:#10141b;color:#edf4ff;border:1px solid rgba(255,255,255,.14);border-radius:14px;box-shadow:0 28px 90px rgba(0,0,0,.42);overflow:hidden;font-family:system-ui,Segoe UI,Arial}",
-      ".html2apk-console-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.12);background:#161d27;touch-action:none}",
-      ".html2apk-console-header strong{font-size:15px}.html2apk-console-tabs{display:flex;gap:8px}.html2apk-console-actions{display:flex;gap:8px}",
-      ".html2apk-console-header button{border:1px solid rgba(255,255,255,.18);background:#202b3a;color:#edf4ff;border-radius:8px;padding:7px 10px;font:700 12px system-ui,Segoe UI,Arial}",
-      ".html2apk-console-header button.active{background:#126fff;border-color:#126fff;color:#fff}",
-      ".html2apk-console-body{height:min(59vh,570px);background:#0d1118}.html2apk-console-list{display:none;height:100%;overflow:auto;padding:10px}.html2apk-console-list.active{display:block}",
-      ".html2apk-console-entry{border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 10px;margin-bottom:8px;background:#141b25}",
-      ".html2apk-console-entry.error{border-color:rgba(255,110,123,.65)}.html2apk-console-entry.warn{border-color:rgba(231,173,76,.6)}.html2apk-console-entry.call,.html2apk-console-entry.network{border-color:rgba(98,160,255,.55)}.html2apk-console-entry.ok{border-color:rgba(67,201,133,.55)}",
-      ".html2apk-console-meta{color:#9baabd;font-size:11px;font-weight:800;margin-bottom:4px}.html2apk-console-entry pre{white-space:pre-wrap;word-break:break-word;margin:0;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.45}"
+      ".html2apk-console-panel{width:min(1040px,calc(100vw - 18px));max-height:min(82vh,760px);background:#0b1020;color:#edf4ff;border:1px solid rgba(148,163,184,.25);border-radius:16px;box-shadow:0 28px 90px rgba(0,0,0,.5);overflow:hidden}",
+      ".html2apk-console-header{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:12px;border-bottom:1px solid rgba(148,163,184,.22);background:linear-gradient(180deg,#111827,#0f172a);touch-action:none}",
+      ".html2apk-console-title{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.html2apk-console-title strong{font-size:15px;line-height:1.2}.html2apk-console-subtitle{display:block;color:#94a3b8;font-size:11px;font-weight:700;margin-top:2px}",
+      ".html2apk-console-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.html2apk-console-stat{border:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.8);border-radius:10px;padding:8px}.html2apk-console-stat span{display:block;color:#94a3b8;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.html2apk-console-stat strong{display:block;margin-top:2px;font-size:18px;line-height:1;color:#f8fafc}",
+      ".html2apk-console-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.html2apk-console-tabs,.html2apk-console-actions{display:flex;gap:8px;flex-wrap:wrap}.html2apk-console-actions{justify-content:flex-start}",
+      ".html2apk-console-header button{border:1px solid rgba(148,163,184,.28);background:#1e293b;color:#e2e8f0;border-radius:9px;padding:8px 10px;font:800 12px system-ui,Segoe UI,Arial}",
+      ".html2apk-console-header button.active{background:#126fff;border-color:#60a5fa;color:#fff}.html2apk-console-header button:hover{border-color:#93c5fd}.html2apk-console-header button:disabled{opacity:.72}",
+      ".html2apk-console-body{height:min(58vh,560px);background:#050816;overflow:hidden}.html2apk-console-list{display:none;height:100%;box-sizing:border-box;overflow:auto;padding:10px 10px 30px;scroll-padding-bottom:30px;overscroll-behavior:contain}.html2apk-console-list:after{content:'';display:block;height:14px}.html2apk-console-list.active{display:block}",
+      ".html2apk-console-entry{border:1px solid rgba(148,163,184,.16);border-left:4px solid #64748b;border-radius:11px;padding:9px 10px;margin-bottom:8px;background:#0f172a}",
+      ".html2apk-console-entry.error{border-left-color:#ef4444;background:#1b1117}.html2apk-console-entry.warn{border-left-color:#f59e0b;background:#1a1610}.html2apk-console-entry.call,.html2apk-console-entry.network{border-left-color:#60a5fa}.html2apk-console-entry.ok{border-left-color:#22c55e;background:#0f1a15}.html2apk-console-entry.info{border-left-color:#94a3b8}",
+      ".html2apk-console-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#94a3b8;font-size:11px;font-weight:900;margin-bottom:6px}.html2apk-console-kind{color:#e2e8f0}.html2apk-console-entry pre{white-space:pre-wrap;word-break:break-word;margin:0;color:#dbeafe;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.48}",
+      "@media (min-width:760px){.html2apk-console-header{grid-template-columns:minmax(170px,.8fr) minmax(220px,1fr) minmax(300px,1.2fr);align-items:center}.html2apk-console-controls{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.html2apk-console-actions{justify-content:flex-end}.html2apk-console-summary{grid-template-columns:repeat(3,minmax(80px,1fr))}}"
     ].join("");
     document.head.appendChild(style);
 
@@ -422,11 +662,49 @@
 
     header = document.createElement("div");
     header.className = "html2apk-console-header";
-    title = document.createElement("strong");
-    title.textContent = "Console";
+    title = document.createElement("div");
+    title.className = "html2apk-console-title";
+    title.innerHTML = "<div><strong>Console html2apk</strong><span class=\"html2apk-console-subtitle\">Logs, erros, rede e chamadas nativas</span></div>";
+
+    summary = document.createElement("div");
+    summary.className = "html2apk-console-summary";
+    consoleStat = document.createElement("div");
+    consoleStat.className = "html2apk-console-stat";
+    consoleStat.innerHTML = "<span>Console</span>";
+    consoleCount = document.createElement("strong");
+    consoleCount.textContent = "0";
+    consoleStat.appendChild(consoleCount);
+    networkStat = document.createElement("div");
+    networkStat.className = "html2apk-console-stat";
+    networkStat.innerHTML = "<span>Rede</span>";
+    networkCount = document.createElement("strong");
+    networkCount.textContent = "0";
+    networkStat.appendChild(networkCount);
+    errorStat = document.createElement("div");
+    errorStat.className = "html2apk-console-stat";
+    errorStat.innerHTML = "<span>Erros</span>";
+    errorCount = document.createElement("strong");
+    errorCount.textContent = "0";
+    errorStat.appendChild(errorCount);
+    summary.appendChild(consoleStat);
+    summary.appendChild(networkStat);
+    summary.appendChild(errorStat);
+
+    controls = document.createElement("div");
+    controls.className = "html2apk-console-controls";
 
     tabs = document.createElement("div");
     tabs.className = "html2apk-console-tabs";
+    controls.appendChild(tabs);
+
+    closeButton = document.createElement("button");
+    closeButton.type = "button";
+    closeButton.textContent = "Fechar";
+    title.appendChild(closeButton);
+
+    header.appendChild(title);
+    header.appendChild(summary);
+    header.appendChild(controls);
     consoleTab = document.createElement("button");
     consoleTab.type = "button";
     consoleTab.textContent = "Console";
@@ -446,16 +724,25 @@
 
     actions = document.createElement("div");
     actions.className = "html2apk-console-actions";
+    copyButton = document.createElement("button");
+    copyButton.type = "button";
+    copyButton.textContent = "Copiar console";
+    copyButton.addEventListener("click", copyConsole);
+    copyAllButton = copyButton;
+    copyErrorsButton = document.createElement("button");
+    copyErrorsButton.type = "button";
+    copyErrorsButton.textContent = "Copiar apenas erros";
+    copyErrorsButton.addEventListener("click", copyErrors);
+    copyOnlyErrorsButton = copyErrorsButton;
     clearButton = document.createElement("button");
     clearButton.type = "button";
     clearButton.textContent = "Limpar";
     clearButton.addEventListener("click", clearActiveTab);
-    closeButton = document.createElement("button");
-    closeButton.type = "button";
-    closeButton.textContent = "Fechar";
     closeButton.addEventListener("click", closeConsole);
+    actions.appendChild(copyButton);
+    actions.appendChild(copyErrorsButton);
     actions.appendChild(clearButton);
-    actions.appendChild(closeButton);
+    controls.appendChild(actions);
 
     body = document.createElement("div");
     body.className = "html2apk-console-body";
@@ -466,9 +753,6 @@
     body.appendChild(consoleList);
     body.appendChild(networkList);
 
-    header.appendChild(title);
-    header.appendChild(tabs);
-    header.appendChild(actions);
     panel.appendChild(header);
     panel.appendChild(body);
     modal.appendChild(panel);
@@ -766,6 +1050,14 @@
     open: openConsole,
     close: closeConsole,
     clear: clearActiveTab,
+    copy: copyConsole,
+    copyErrors: copyErrors,
+    text: function (onlyErrors) {
+      return runtimeConsoleText(!!onlyErrors);
+    },
+    errorText: function () {
+      return runtimeConsoleText(true);
+    },
     log: add,
     network: addNetwork,
     entries: function () {