html2apk 0.9.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;
@@ -39,18 +44,64 @@
     "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",
@@ -122,6 +173,8 @@
   function renderEntry(entry, target) {
     var item;
     var meta;
+    var label;
+    var time;
     var body;
 
     if (!target) {
@@ -133,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);
@@ -146,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) {
@@ -186,16 +257,24 @@
 
   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) {
@@ -313,13 +392,30 @@
     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) };
     });
   }
@@ -328,9 +424,11 @@
     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) };
     });
   }
@@ -349,6 +447,7 @@
     if (networkList) {
       networkList.classList.toggle("active", activeTab === "network");
     }
+    updateBadge();
   }
 
   function clearActiveTab() {
@@ -489,6 +588,11 @@
     var tabs;
     var consoleTab;
     var networkTab;
+    var summary;
+    var consoleStat;
+    var networkStat;
+    var errorStat;
+    var controls;
     var actions;
     var copyButton;
     var copyErrorsButton;
@@ -502,21 +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);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;flex-wrap:wrap}.html2apk-console-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}",
-      ".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}",
-      "@media (min-width:700px){.html2apk-console-header{grid-template-columns:auto minmax(0,1fr) auto}.html2apk-console-actions{grid-column:auto}}"
+      ".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);
 
@@ -556,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";
@@ -584,22 +728,21 @@
     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";
@@ -610,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);