fix. infinite loading when previewing html files (#1345)

* fix. infinte loading when previewing html files

* format

Author: RohitKushvaha01

package-lock.json

@@ -115,4 +115,4 @@
     "yargs": "^17.7.2"
   },
   "browserslist": "cover 100%,not android < 5"
-}
+}

package.json

@@ -599,12 +599,33 @@ async function run(
 		// Get the project url
 		const projectFolder = addedFolder[0];
 
-		// Set the root folder to the file parent if no project folder is set
+		// FIXED: Better root folder determination for Termux URIs
 		let rootFolder = pathName;
-		if (projectFolder !== undefined && pathName.includes(projectFolder)) {
+
+		// Special handling for Termux URIs - extract the actual root from the URI structure
+		if (
+			activeFile &&
+			activeFile.uri &&
+			activeFile.uri.includes("com.termux.documents") &&
+			activeFile.uri.includes("tree/")
+		) {
+			// Extract the tree part and decode it to get the actual root path
+			const treeMatch = activeFile.uri.match(/tree\/([^:]+)/);
+			if (treeMatch) {
+				try {
+					const decodedRoot = decodeURIComponent(treeMatch[1]);
+					rootFolder = decodedRoot;
+					console.log(`DEBUG - Termux root folder set to: ${rootFolder}`);
+				} catch (e) {
+					console.error("Error decoding Termux root:", e);
+				}
+			}
+		} else if (
+			projectFolder !== undefined &&
+			pathName &&
+			pathName.includes(projectFolder.url)
+		) {
 			rootFolder = projectFolder.url;
-		} else {
-			rootFolder = pathName;
 		}
 
 		//make the uri absolute if necessary
@@ -634,30 +655,25 @@ async function run(
 			try {
 				const [, realPath] = temp.split("::");
 
-				// Determine root folder inside :: path
-				let rootPath = rootFolder;
-				if (rootFolder.includes("::")) {
-					rootPath = rootFolder.split("::")[1];
-				}
+				console.log(`DEBUG - realPath: ${realPath}`);
+				console.log(`DEBUG - rootFolder: ${rootFolder}`);
 
-				// Normalize both paths to arrays
-				const realParts = realPath.split("/").filter(Boolean);
-				const rootParts = rootPath.split("/").filter(Boolean);
+				// Ensure rootFolder doesn't have trailing slash for comparison
+				const normalizedRoot = rootFolder.replace(/\/+$/, "");
 
-				// Find where the paths start to differ
-				let diffIndex = 0;
-				while (
-					diffIndex < realParts.length &&
-					diffIndex < rootParts.length &&
-					realParts[diffIndex] === rootParts[diffIndex]
-				) {
-					diffIndex++;
-				}
+				// Check if realPath starts with rootFolder
+				if (realPath.startsWith(normalizedRoot)) {
+					// Remove the rootFolder from the beginning of realPath
+					let relativePath = realPath.substring(normalizedRoot.length);
 
-				// Return everything after the common root
-				const relativeParts = realParts.slice(diffIndex);
-				if (relativeParts.length > 0) {
-					return relativeParts.join("/");
+					// Remove leading slash if present
+					relativePath = relativePath.replace(/^\/+/, "");
+
+					console.log(`DEBUG - relativePath: ${relativePath}`);
+
+					if (relativePath) {
+						return relativePath;
+					}
 				}
 			} catch (e) {
 				console.error("Error handling Termux URI:", e);
@@ -697,26 +713,17 @@ async function run(
 						}
 					}
 
-					// Now find this rootFolderPath in the afterDoubleColon string
-					if (afterDoubleColon.includes(rootFolderPath)) {
-						// Find where to start the relative path
-						const parts = afterDoubleColon.split("/");
-
-						// Find the index of the part that matches or contains rootFolderPath
-						let startIndex = -1;
-						for (let i = 0; i < parts.length; i++) {
-							if (
-								parts[i].includes(rootFolderPath) ||
-								rootFolderPath.includes(parts[i])
-							) {
-								startIndex = i;
-								break;
-							}
-						}
-
-						// If we found a matching part, get everything after it
-						if (startIndex >= 0 && startIndex < parts.length - 1) {
-							return parts.slice(startIndex + 1).join("/");
+					// Use direct string replacement instead of path component comparison
+					const normalizedRoot = rootFolderPath.replace(/\/+$/, "");
+					if (afterDoubleColon.startsWith(normalizedRoot)) {
+						let relativePath = afterDoubleColon.substring(
+							normalizedRoot.length,
+						);
+						// Remove leading slash if present
+						relativePath = relativePath.replace(/^\/+/, "");
+
+						if (relativePath) {
+							return relativePath;
 						}
 					}
 				}
@@ -761,6 +768,7 @@ async function run(
 	 * Opens the preview in browser
 	 */
 	function openBrowser() {
+		console.log(`Running ${Url.join(pathName, filename)}`);
 		let url = "";
 		if (pathName === null && !activeFile.location) {
 			url = `http://localhost:${port}/__unsaved_file__`;