fix: add fallback and min webview

Author: bajrangCoder

src/components/terminal/terminalManager.js

@@ -670,7 +670,7 @@ class TerminalManager {
 
 		let lastWidth = 0;
 		let lastHeight = 0;
-		const resizeObserver = new ResizeObserver((entries) => {
+		const handleResize = (entries) => {
 			const now = Date.now();
 			const entry = entries && entries[0];
 			const cr = entry?.contentRect;
@@ -706,15 +706,30 @@ class TerminalManager {
 					console.error(`Resize error for terminal ${terminalId}:`, error);
 				}
 			}, RESIZE_DEBOUNCE);
-		});
+		};
+
+		const resizeObserver =
+			typeof ResizeObserver === "function"
+				? new ResizeObserver(handleResize)
+				: null;
+		let resizeFallbackInterval = null;
 
 		// Wait for the terminal container to be available, then observe it
 		setTimeout(() => {
 			const containerElement = terminalFile.content;
 			if (containerElement && containerElement instanceof Element) {
-				resizeObserver.observe(containerElement);
-				// store observer so we can disconnect on close
-				terminalFile._resizeObserver = resizeObserver;
+				if (resizeObserver) {
+					resizeObserver.observe(containerElement);
+					// store observer so we can disconnect on close
+					terminalFile._resizeObserver = resizeObserver;
+				} else {
+					resizeFallbackInterval = setInterval(() => handleResize(), 500);
+					terminalFile._resizeObserver = {
+						disconnect() {
+							clearInterval(resizeFallbackInterval);
+						},
+					};
+				}
 			} else {
 				console.warn("Terminal container not available for ResizeObserver");
 			}

src/main.js

@@ -416,11 +416,17 @@ async function setDebugInfo() {
 	// Extract Chrome/WebView version
 	const chromeMatch = userAgent.match(/Chrome\/([0-9.]+)/);
 	const webviewVersion = chromeMatch ? chromeMatch[1] : "Unknown";
+	const webviewMajor = Number.parseInt(webviewVersion, 10);
+	const minWebviewMajor = window.__ACODE_MIN_WEBVIEW_MAJOR__ || 84;
+	const webviewStatus =
+		Number.isFinite(webviewMajor) && webviewMajor < minWebviewMajor
+			? ` (minimum supported: ${minWebviewMajor})`
+			: "";
 
 	const info = [
 		`App: v${version} (${versionCode})`,
 		`Android: ${androidVersion}`,
-		`WebView: ${webviewVersion}`,
+		`WebView: ${webviewVersion}${webviewStatus}`,
 		`Language: ${language}`,
 	].join("\n");
 

src/pages/fileBrowser/fileBrowser.js

@@ -830,7 +830,14 @@ function FileBrowserInclude(mode, info, doesOpenLast = true) {
 						break;
 
 					case "copyuri":
-						navigator.clipboard.writeText(url);
+						if (typeof cordova !== "undefined" && cordova?.plugins?.clipboard) {
+							cordova.plugins.clipboard.copy(url);
+						} else if (navigator.clipboard?.writeText) {
+							await navigator.clipboard.writeText(url);
+						} else {
+							alert(strings.error, "Clipboard is not available.");
+							break;
+						}
 						alert(strings.success, strings["copied to clipboard"]);
 						break;
 

src/utils/polyfill.js

@@ -36,6 +36,18 @@ export default function loadPolyFill() {
 		};
 	}
 
+	if (!window.queueMicrotask) {
+		window.queueMicrotask = function (callback) {
+			Promise.resolve()
+				.then(callback)
+				.catch((error) =>
+					setTimeout(() => {
+						throw error;
+					}),
+				);
+		};
+	}
+
 	if (!HTMLElement.prototype.getParent) {
 		HTMLElement.prototype.getParent = function (queryString) {
 			const $$ = [...document.querySelectorAll(queryString)];

www/index.html

@@ -31,6 +31,10 @@
       #splash {
         display: none;
         position: fixed;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
         inset: 0;
         z-index: 999999;
 
@@ -74,12 +78,60 @@
     <!-- Set theme color BEFORE UI renders -->
     <script>
       (function () {
+        var MIN_WEBVIEW_MAJOR = 84;
         var color = localStorage.getItem("__primary_color");
         var bg = color || "#20202c";
 
         document.documentElement.style.setProperty("--bg-color", bg);
         document.documentElement.style.backgroundColor = bg;
         document.body && (document.body.style.backgroundColor = bg);
+
+        function getWebViewMajor() {
+          var match = navigator.userAgent.match(/(?:Chrome|CriOS)\/(\d+)/);
+          return match ? Number(match[1]) : 0;
+        }
+
+        function setStartupMessage(message) {
+          var applyMessage = function () {
+            document.body.setAttribute("data-small-msg", message);
+          };
+
+          if (document.body) {
+            applyMessage();
+          } else {
+            document.addEventListener("DOMContentLoaded", applyMessage);
+          }
+        }
+
+        window.__ACODE_WEBVIEW_MAJOR__ = getWebViewMajor();
+        window.__ACODE_MIN_WEBVIEW_MAJOR__ = MIN_WEBVIEW_MAJOR;
+
+        if (
+          window.__ACODE_WEBVIEW_MAJOR__ &&
+          window.__ACODE_WEBVIEW_MAJOR__ < MIN_WEBVIEW_MAJOR
+        ) {
+          setStartupMessage(
+            "Your Android System WebView is old. Update Android System WebView or Chrome if Acode stays on this screen.",
+          );
+        }
+
+        window.addEventListener("error", function (event) {
+          var message = event && event.message ? event.message : "Startup error";
+          setStartupMessage(
+            "Acode failed to start. Update Android System WebView or Chrome. " +
+              message,
+          );
+        });
+
+        window.addEventListener("unhandledrejection", function (event) {
+          var reason = event && event.reason;
+          var message =
+            reason && reason.message ? reason.message : "Startup promise failed";
+          setStartupMessage(
+            "Acode failed to start. Update Android System WebView or Chrome. " +
+              message,
+          );
+        });
       })();
     </script>