place WebView2Loader in root resources to guarantee NSIS extraction alongside executable

.gitignore

@@ -1,7 +1,6 @@
-# Dependencies
 node_modules/
+package-lock.json
 
-# Build outputs
 dist/
 dist-build/
 temp-validation-extract/
@@ -10,37 +9,30 @@ manifest.json
 integrity-report.json
 validation-report.json
 
-# Rust & Tauri
 src-tauri/target/
 
-# Encrypted files (build-time only)
 config/encrypted-credentials.json
 
-# Sensitive files
 credentials.json
 .env
 *.key
 *.pem
 
-# OS files
 .DS_Store
 Thumbs.db
 desktop.ini
 
-# IDE
 .vscode/
 .idea/
 *.swp
 *.swo
 *~
 
-# Logs
 *.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
-# Temporary files
 *.tmp
 *.temp
 download-temp.zip

DOCUEMENTATION/CLEAR.bat

@@ -28,7 +28,6 @@ $pathsToDelete = @(
     "$env:USERPROFILE\Downloads\vyla-*-debug*.log",
     "$env:USERPROFILE\Downloads\*-debug.log",
     "src-tauri\target",
-    "bin",
     "dist-build",
     "temp-validation-extract",
     "dist",

bin/node-v22.14.0.marker

@@ -0,0 +1 @@
+v22.14.0

main.js

@@ -6,7 +6,11 @@ const ServiceManager = require('./service-manager');
 const Patcher = require('./patcher');
 const UpdateClient = require('./update-client');
 
-const APPDATA_DIR = process.env.APPDATA_PATH || path.join(os.homedir(), 'AppData', 'Roaming', 'vyla-home', 'vyla-home-files');
+const defaultAppData = path.join(os.homedir(), 'AppData', 'Roaming', 'vyla-home', 'vyla-home-files');
+const APPDATA_DIR = (process.env.APPDATA_PATH && !process.env.APPDATA_PATH.includes('com.vyla.home'))
+  ? process.env.APPDATA_PATH
+  : defaultAppData;
+
 const LOGS_DIR = path.join(APPDATA_DIR, 'logs');
 try { fs.mkdirSync(LOGS_DIR, { recursive: true }); } catch (e) { }
 
@@ -25,27 +29,77 @@ let playerExpressServer;
 
 debugLog(`AppData Dir: ${APPDATA_DIR}`);
 
-const envConfig = JSON.parse(fs.readFileSync(path.join(__dirname, 'config/env.json'), 'utf8'));
-const replacementsConfig = JSON.parse(fs.readFileSync(path.join(__dirname, 'config/replacements.json'), 'utf8'));
-
-const updateClient = new UpdateClient(APPDATA_DIR);
-
 function sendToTauri(event, data) {
   debugLog(`Emitting to Tauri: [${event}] -> ${JSON.stringify(data)}`);
   process.stdout.write(JSON.stringify({ event, data }) + '\n');
 }
 
-process.on('unhandledRejection', (reason) => {
+function sameTabNavMiddleware(rootDir) {
-  const message = reason && reason.message ? reason.message : String(reason);
+  return (req, res, next) => {
-  debugLog(`UNHANDLED REJECTION: ${message}`);
+    if (req.method !== 'GET') return next();
-  sendToTauri('error', { message });
+    const isHtmlRequest = req.path === '/' || req.path.endsWith('/') || req.path.endsWith('.html');
+    if (!isHtmlRequest) return next();
+
+    const filePath = req.path === '/' || req.path.endsWith('/')
+      ? path.join(rootDir, req.path, 'index.html')
+      : path.join(rootDir, req.path);
+
+    fs.readFile(filePath, 'utf8', (err, data) => {
+      if (err) return next();
+      const injected = data.replace(
+        '</head>',
+        `<script>
+document.addEventListener('click', function(e) {
+  const a = e.target.closest('a[target]');
+  if (a && a.target === '_blank') a.removeAttribute('target');
+}, true);
+window.open = function(url) {
+  if (url) window.location.href = url;
+  return window;
+};
+</script></head>`
+      );
+      res.set('Content-Type', 'text/html');
+      res.send(injected);
+    });
+  };
+}
+
+const cmdApp = express();
+cmdApp.use((req, res, next) => {
+  res.header('Access-Control-Allow-Origin', '*');
+  res.header('Access-Control-Allow-Methods', 'GET,POST,OPTIONS');
+  res.header('Access-Control-Allow-Headers', '*');
+  if (req.method === 'OPTIONS') return res.sendStatus(200);
+  next();
 });
+cmdApp.get('/__tauri_cmd/:cmd', (req, res) => {
+  debugLog(`[CMD-SERVER:4892] Command received: ${req.params.cmd} (window: ${req.query.window || 'main'})`);
+  sendToTauri('tauri-cmd', { cmd: req.params.cmd, url: req.query.url, window: req.query.window });
+  res.sendStatus(200);
+});
+cmdApp.listen(4892, '0.0.0.0', () => debugLog("[CMD-SERVER] Dedicated command server listening on 0.0.0.0:4892"));
 
 process.on('uncaughtException', (err) => {
-  debugLog(`UNCAUGHT EXCEPTION: ${err.message}`);
+  debugLog(`CRITICAL UNCAUGHT EXCEPTION: ${err.stack || err.message}`);
-  sendToTauri('error', { message: err.message });
+  if (err.code === 'EPIPE') {
+    debugLog('Pipe to parent closed - parent process gone, exiting');
+    process.exit(1);
+  }
+  try { sendToTauri('error', { message: err.message }); } catch (e) { }
 });
 
+process.on('unhandledRejection', (reason) => {
+  const msg = reason && reason.stack ? reason.stack : String(reason);
+  debugLog(`CRITICAL UNHANDLED REJECTION: ${msg}`);
+  sendToTauri('error', { message: reason && reason.message ? reason.message : String(reason) });
+});
+
+const envConfig = JSON.parse(fs.readFileSync(path.join(__dirname, 'config/env.json'), 'utf8'));
+const replacementsConfig = JSON.parse(fs.readFileSync(path.join(__dirname, 'config/replacements.json'), 'utf8'));
+
+const updateClient = new UpdateClient(APPDATA_DIR);
+
 async function start() {
   debugLog("Inside start() function");
   sendToTauri('status', { message: 'Initializing patcher...' });
@@ -144,14 +198,18 @@ async function start() {
         });
         tempApp.post('/update/yes', (req, res) => { userDecision = true; res.sendStatus(200); });
         tempApp.post('/update/no', (req, res) => { userDecision = false; res.sendStatus(200); });
-        const tempServer = tempApp.listen(4891, '127.0.0.1');
+
+        const tempServer = await new Promise((resolve) => {
+          const s = tempApp.listen(4891, '127.0.0.1', () => resolve(s));
+        });
 
         sendToTauri('update-available', { current: localVersion, latest: release.version });
 
         while (userDecision === null) {
-          await new Promise(r => setTimeout(r, 500));
+          await new Promise(r => setTimeout(r, 200));
         }
-        tempServer.close();
+
+        await new Promise((resolve) => tempServer.close(resolve));
 
         if (userDecision) {
           debugLog("User accepted update.");
@@ -197,13 +255,16 @@ async function start() {
     playerExpressApp.use((req, res, next) => {
       res.header('Access-Control-Allow-Origin', '*');
       res.header('Access-Control-Allow-Methods', 'GET,POST,OPTIONS');
+      res.header('Access-Control-Allow-Headers', '*');
       if (req.method === 'OPTIONS') return res.sendStatus(200);
       next();
     });
     playerExpressApp.get('/__tauri_cmd/:cmd', (req, res) => {
+      debugLog(`[PLAYER-SERVER:3001] Command received: ${req.params.cmd} (window: ${req.query.window || 'main'})`);
       sendToTauri('tauri-cmd', { cmd: req.params.cmd, url: req.query.url, window: req.query.window });
       res.sendStatus(200);
     });
+    playerExpressApp.use(sameTabNavMiddleware(playerDir));
     playerExpressApp.use(express.static(playerDir, { maxAge: '1d', etag: true }));
     playerExpressApp.get('*', (req, res) => { res.sendFile(path.join(playerDir, 'index.html')); });
     playerExpressServer = playerExpressApp.listen(3001, '0.0.0.0');
@@ -218,13 +279,16 @@ async function start() {
     expressApp.use((req, res, next) => {
       res.header('Access-Control-Allow-Origin', '*');
       res.header('Access-Control-Allow-Methods', 'GET,POST,OPTIONS');
+      res.header('Access-Control-Allow-Headers', '*');
       if (req.method === 'OPTIONS') return res.sendStatus(200);
       next();
     });
     expressApp.get('/__tauri_cmd/:cmd', (req, res) => {
+      debugLog(`[FRONTEND-SERVER:4890] Command received: ${req.params.cmd} (window: ${req.query.window || 'main'})`);
       sendToTauri('tauri-cmd', { cmd: req.params.cmd, url: req.query.url, window: req.query.window });
       res.sendStatus(200);
     });
+    expressApp.use(sameTabNavMiddleware(frontendDir));
     expressApp.use(express.static(frontendDir, { maxAge: '1d', etag: true }));
     expressApp.get('*', (req, res) => { res.sendFile(path.join(frontendDir, 'index.html')); });
 

package.json

@@ -1,12 +1,12 @@
 {
   "name": "vyla-home",
-  "version": "1.0.6",
+  "version": "1.1.2",
   "description": "Vyla Home Desktop App Launcher",
   "main": "main.js",
   "scripts": {
     "dev": "tauri dev",
     "build:payload": "node build-pipeline.js",
-    "build": "node -e \"require('child_process').execSync('tauri build', {stdio:'inherit', env:Object.assign({}, process.env, {WEBVIEW2_STATIC_LIB:'1'})})\"",
+    "build": "tauri build",
     "release": "node release.js",
     "release:full": "node release.js --installer"
   },

patcher.js

@@ -69,7 +69,7 @@ class Patcher {
             const trashPath = fullPath + '.trash.' + Date.now();
             fs.renameSync(fullPath, trashPath);
           } catch (renameErr) {
-            console.warn(`[PATCHER] Could not remove or rename ${fullPath}. It will be overwritten.`);
+            console.warn(`Could not remove or rename ${fullPath}. It will be overwritten.`);
           }
         }
       }

release.js

@@ -137,7 +137,7 @@ async function main() {
 
     const version = customTag || `v${incrementVersion()}`;
 
-    console.log(`=== Building Vyla Home Release (${version}) ===`);
+    console.log(`Building Vyla Home Release (${version})`);
 
     console.log('[1/4] Building update payload and manifest...');
     execSync('node build-pipeline.js', { stdio: 'inherit' });
@@ -153,13 +153,13 @@ async function main() {
     let installerUploadName = null;
 
     if (isFullBuild) {
-        console.log('[Optional] Ensuring bundled Node.js runtime...');
+        console.log('Ensuring bundled Node.js runtime...');
         await ensureBundledNode();
 
-        console.log('[Optional] Compiling Windows Tauri installer locally...');
+        await ensureWebView2Loader();
+
         execSync('npm run build', {
-            stdio: 'inherit',
+            stdio: 'inherit'
-            env: Object.assign({}, process.env, { WEBVIEW2_STATIC_LIB: '1' })
         });
 
         const nsisDir = path.join(__dirname, 'src-tauri/target/release/bundle/nsis');
@@ -238,6 +238,59 @@ function ensureBundledNode() {
     });
 }
 
+function ensureWebView2Loader() {
+    const releaseDir = path.join(__dirname, 'src-tauri', 'target', 'release');
+    const rootDllPath = path.join(__dirname, 'src-tauri', 'WebView2Loader.dll');
+    fs.mkdirSync(releaseDir, { recursive: true });
+
+    const targetDllPath = path.join(releaseDir, 'WebView2Loader.dll');
+
+    if (fs.existsSync(rootDllPath) && fs.existsSync(targetDllPath)) {
+        return Promise.resolve();
+    }
+
+    const AdmZip = require('adm-zip');
+    const tempNupkg = path.join(__dirname, 'temp-wv2.zip');
+    const nupkgUrl = 'https://www.nuget.org/api/v2/package/Microsoft.Web.WebView2/1.0.2903.40';
+
+    return new Promise((resolve, reject) => {
+        const fileStream = fs.createWriteStream(tempNupkg);
+        const request = (url) => {
+            https.get(url, (res) => {
+                if (res.statusCode === 301 || res.statusCode === 302) {
+                    return request(res.headers.location);
+                }
+                res.pipe(fileStream);
+                fileStream.on('finish', () => {
+                    fileStream.close();
+                    try {
+                        const zip = new AdmZip(tempNupkg);
+                        const zipEntries = zip.getEntries();
+                        const dllEntry = zipEntries.find(e =>
+                            e.entryName.includes('x64/WebView2Loader.dll') ||
+                            e.entryName.includes('x64\\WebView2Loader.dll')
+                        );
+                        if (dllEntry) {
+                            const buffer = dllEntry.getData();
+                            fs.writeFileSync(targetDllPath, buffer);
+                            fs.writeFileSync(rootDllPath, buffer);
+                        }
+                        try { fs.unlinkSync(tempNupkg); } catch (_) { }
+                        resolve();
+                    } catch (e) {
+                        try { fs.unlinkSync(tempNupkg); } catch (_) { }
+                        reject(e);
+                    }
+                });
+            }).on('error', (err) => {
+                try { fs.unlinkSync(tempNupkg); } catch (_) { }
+                reject(err);
+            });
+        };
+        request(nupkgUrl);
+    });
+}
+
 main().catch(err => {
     console.error('Release failed:', err.message);
     process.exit(1);

src-tauri/Cargo.lock

@@ -412,9 +412,9 @@ dependencies = [
 
 [[package]]
 name = "cc"
-version = "1.4.3"
+version = "1.4.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "509591b7bcd67f4ef775afad7662703b4935daaa6ec0e5605cfb1090b32a2b6d"
+checksum = "0ad534f4357a5264cce5019c989cf66a4f0dc4e0d1b1d15f8aacec0ff7360273"
 dependencies = [
  "find-msvc-tools",
  "shlex",
@@ -545,9 +545,9 @@ dependencies = [
 
 [[package]]
 name = "crc32fast"
-version = "1.5.0"
+version = "1.5.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9481c1c90cbf2ac953f07c8d4a58aa3945c425b7185c9154d67a65e4230da511"
+checksum = "8498c871161e1742aaa9d52551b2d6ebdd4c3d45a3be423e3728f33b955be550"
 dependencies = [
  "cfg-if",
 ]
@@ -2012,9 +2012,9 @@ dependencies = [
 
 [[package]]
 name = "log"
-version = "0.4.33"
+version = "0.4.34"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0ceec5bc11778974d1bcb055b18002eba7f4b3518b6a0081b3af5f21666da9ad"
+checksum = "f9f8bd3e56ce4dfc153cf470fffbfa98c7620958b312ca5c3a4b8d5181fd13c6"
 
 [[package]]
 name = "markup5ever"
@@ -4178,9 +4178,9 @@ checksum = "b6c140620e7ffbb22c2dee59cafe6084a59b5ffc27a8859a5f0d494b5d52b6be"
 
 [[package]]
 name = "uuid"
-version = "1.24.1"
+version = "1.25.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2cefc03fd367c0c6d4305de1b312cf00248c4114f4a0418ce6a6af769e3b0bd9"
+checksum = "f053576934f05a761a402421fbbe3d425d9366f75f978806a037b3ca481abecc"
 dependencies = [
  "getrandom 0.4.3",
  "js-sys",
@@ -4222,7 +4222,7 @@ dependencies = [
 
 [[package]]
 name = "vyla-home"
-version = "1.0.6"
+version = "1.1.2"
 dependencies = [
  "serde",
  "serde_json",

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "vyla-home"
-version = "1.0.6"
+version = "1.1.2"
 description = "Vyla Home Desktop App Launcher"
 edition = "2021"
 
@@ -8,7 +8,7 @@ edition = "2021"
 tauri-build = { version = "2", features = [] }
 
 [dependencies]
-tauri = { version = "2", features = [] }
+tauri = { version = "2", features = ["devtools"] }
 tauri-plugin-opener = "2"
 tauri-plugin-process = "2"
 tauri-plugin-shell = "2"

src-tauri/build.rs

@@ -1,3 +1,3 @@
 fn main() {
-    tauri_build::build()
+    tauri_build::build();
 }

src-tauri/capabilities/default.json

@@ -0,0 +1,40 @@
+{
+    "$schema": "../gen/schemas/desktop-schema.json",
+    "identifier": "default",
+    "description": "Default permissions for Vyla Home main window and popups",
+    "windows": [
+        "main",
+        "win_*"
+    ],
+    "remote": {
+        "urls": [
+            "http://localhost:4890/*",
+            "http://localhost:3001/*",
+            "http://localhost:3000/*",
+            "http://localhost:7860/*",
+            "http://127.0.0.1:4890/*",
+            "http://127.0.0.1:3001/*",
+            "http://127.0.0.1:3000/*",
+            "http://127.0.0.1:7860/*"
+        ]
+    },
+    "permissions": [
+        "core:default",
+        "core:window:allow-minimize",
+        "core:window:allow-maximize",
+        "core:window:allow-unmaximize",
+        "core:window:allow-is-maximized",
+        "core:window:allow-close",
+        "core:window:allow-start-dragging",
+        "core:webview:allow-create-webview-window",
+        "core:webview:allow-print",
+        "shell:allow-open",
+        "process:allow-exit",
+        "core:app:default",
+        "allow-win-minimize",
+        "allow-win-maximize",
+        "allow-win-close",
+        "allow-win-drag",
+        "allow-open-new-window"
+    ]
+}

src-tauri/gen/schemas/capabilities.json

@@ -1 +1 @@
-{}
+{"default":{"identifier":"default","description":"Default permissions for Vyla Home main window and popups","remote":{"urls":["http://localhost:4890/*","http://localhost:3001/*","http://localhost:3000/*","http://localhost:7860/*","http://127.0.0.1:4890/*","http://127.0.0.1:3001/*","http://127.0.0.1:3000/*","http://127.0.0.1:7860/*"]},"local":true,"windows":["main","win_*"],"permissions":["core:default","core:window:allow-minimize","core:window:allow-maximize","core:window:allow-unmaximize","core:window:allow-is-maximized","core:window:allow-close","core:window:allow-start-dragging","core:webview:allow-create-webview-window","core:webview:allow-print","shell:allow-open","process:allow-exit","core:app:default","allow-win-minimize","allow-win-maximize","allow-win-close","allow-win-drag","allow-open-new-window"]}}

src-tauri/gen/schemas/desktop-schema.json

@@ -554,6 +554,42 @@
     "Identifier": {
       "description": "Permission identifier",
       "oneOf": [
+        {
+          "description": "Default permissions for Vyla Home app commands\n#### This permission set includes:\n\n- `allow-win-minimize`\n- `allow-win-maximize`\n- `allow-win-close`\n- `allow-win-drag`\n- `allow-open-new-window`",
+          "type": "string",
+          "const": "default",
+          "markdownDescription": "Default permissions for Vyla Home app commands\n#### This permission set includes:\n\n- `allow-win-minimize`\n- `allow-win-maximize`\n- `allow-win-close`\n- `allow-win-drag`\n- `allow-open-new-window`"
+        },
+        {
+          "description": "Allows opening a new webview window",
+          "type": "string",
+          "const": "allow-open-new-window",
+          "markdownDescription": "Allows opening a new webview window"
+        },
+        {
+          "description": "Allows closing the window",
+          "type": "string",
+          "const": "allow-win-close",
+          "markdownDescription": "Allows closing the window"
+        },
+        {
+          "description": "Allows dragging the window",
+          "type": "string",
+          "const": "allow-win-drag",
+          "markdownDescription": "Allows dragging the window"
+        },
+        {
+          "description": "Allows maximizing/unmaximizing the window",
+          "type": "string",
+          "const": "allow-win-maximize",
+          "markdownDescription": "Allows maximizing/unmaximizing the window"
+        },
+        {
+          "description": "Allows minimizing the window",
+          "type": "string",
+          "const": "allow-win-minimize",
+          "markdownDescription": "Allows minimizing the window"
+        },
         {
           "description": "Default core plugins set.\n#### This default permission set includes:\n\n- `core:path:default`\n- `core:event:default`\n- `core:window:default`\n- `core:webview:default`\n- `core:app:default`\n- `core:image:default`\n- `core:resources:default`\n- `core:menu:default`\n- `core:tray:default`",
           "type": "string",

src-tauri/gen/schemas/windows-schema.json

@@ -554,6 +554,42 @@
     "Identifier": {
       "description": "Permission identifier",
       "oneOf": [
+        {
+          "description": "Default permissions for Vyla Home app commands\n#### This permission set includes:\n\n- `allow-win-minimize`\n- `allow-win-maximize`\n- `allow-win-close`\n- `allow-win-drag`\n- `allow-open-new-window`",
+          "type": "string",
+          "const": "default",
+          "markdownDescription": "Default permissions for Vyla Home app commands\n#### This permission set includes:\n\n- `allow-win-minimize`\n- `allow-win-maximize`\n- `allow-win-close`\n- `allow-win-drag`\n- `allow-open-new-window`"
+        },
+        {
+          "description": "Allows opening a new webview window",
+          "type": "string",
+          "const": "allow-open-new-window",
+          "markdownDescription": "Allows opening a new webview window"
+        },
+        {
+          "description": "Allows closing the window",
+          "type": "string",
+          "const": "allow-win-close",
+          "markdownDescription": "Allows closing the window"
+        },
+        {
+          "description": "Allows dragging the window",
+          "type": "string",
+          "const": "allow-win-drag",
+          "markdownDescription": "Allows dragging the window"
+        },
+        {
+          "description": "Allows maximizing/unmaximizing the window",
+          "type": "string",
+          "const": "allow-win-maximize",
+          "markdownDescription": "Allows maximizing/unmaximizing the window"
+        },
+        {
+          "description": "Allows minimizing the window",
+          "type": "string",
+          "const": "allow-win-minimize",
+          "markdownDescription": "Allows minimizing the window"
+        },
         {
           "description": "Default core plugins set.\n#### This default permission set includes:\n\n- `core:path:default`\n- `core:event:default`\n- `core:window:default`\n- `core:webview:default`\n- `core:app:default`\n- `core:image:default`\n- `core:resources:default`\n- `core:menu:default`\n- `core:tray:default`",
           "type": "string",

src-tauri/permissions/default.toml

@@ -0,0 +1,37 @@
+"$schema" = "schemas/schema.json"
+
+[[permission]]
+identifier = "allow-win-minimize"
+description = "Allows minimizing the window"
+commands.allow = ["win_minimize"]
+
+[[permission]]
+identifier = "allow-win-maximize"
+description = "Allows maximizing/unmaximizing the window"
+commands.allow = ["win_maximize"]
+
+[[permission]]
+identifier = "allow-win-close"
+description = "Allows closing the window"
+commands.allow = ["win_close"]
+
+[[permission]]
+identifier = "allow-win-drag"
+description = "Allows dragging the window"
+commands.allow = ["win_drag"]
+
+[[permission]]
+identifier = "allow-open-new-window"
+description = "Allows opening a new webview window"
+commands.allow = ["open_new_window"]
+
+[[set]]
+identifier = "default"
+description = "Default permissions for Vyla Home app commands"
+permissions = [
+    "allow-win-minimize",
+    "allow-win-maximize",
+    "allow-win-close",
+    "allow-win-drag",
+    "allow-open-new-window"
+]

src-tauri/src/main.rs

@@ -40,6 +40,40 @@ fn clean_path(path: &std::path::Path) -> String {
     }
 }
 
+#[cfg(windows)]
+fn kill_process_tree(pid: u32) {
+    use std::os::windows::process::CommandExt;
+    const CREATE_NO_WINDOW: u32 = 0x08000000;
+    let result = Command::new("taskkill")
+        .args(["/PID", &pid.to_string(), "/T", "/F"])
+        .creation_flags(CREATE_NO_WINDOW)
+        .output();
+    match result {
+        Ok(output) => debug_log(&format!(
+            "[KILL-TREE] taskkill on PID {} -> status: {}, stdout: {}, stderr: {}",
+            pid,
+            output.status,
+            String::from_utf8_lossy(&output.stdout).trim(),
+            String::from_utf8_lossy(&output.stderr).trim()
+        )),
+        Err(e) => debug_log(&format!("[KILL-TREE] taskkill failed to spawn for PID {}: {}", pid, e)),
+    }
+}
+
+#[cfg(not(windows))]
+fn kill_process_tree(pid: u32) {
+    unsafe {
+        libc_kill_pgid(pid);
+    }
+}
+
+#[cfg(not(windows))]
+unsafe fn libc_kill_pgid(pid: u32) {
+    let _ = Command::new("kill")
+        .args(["-9", &format!("-{}", pid)])
+        .output();
+}
+
 fn find_node_binary(app: &tauri::App) -> Option<String> {
     if let Ok(resource_dir) = app.path().resource_dir() {
         let candidates = [
@@ -132,36 +166,17 @@ fn resolve_script_and_root(app: &tauri::App) -> (String, String) {
 
 const LINK_HANDLER_SCRIPT: &str = r#"
     function doInvoke(cmd, args) {
-        let baseUrl = window.location.protocol.startsWith('http') ? window.location.origin : 'http://127.0.0.1:4890';
+        if (window.__TAURI__ && window.__TAURI__.core) {
-        let label = window.__VYLA_WINDOW_LABEL || 'main';
+            window.__TAURI__.core.invoke(cmd, args || {});
-        let url = `${baseUrl}/__tauri_cmd/${cmd}?window=${label}`;
-        if (args && args.url) {
-            url += `&url=${encodeURIComponent(args.url)}`;
         }
-        fetch(url).catch(err => {
-            const inv = window.__TAURI_INTERNALS__?.invoke || window.__TAURI__?.core?.invoke || window.__TAURI__?.invoke;
-            if (inv) inv(cmd, args || {}).catch(e => console.error(e));
-        });
     }
 
-    function minimizeWindow() {
+    function minimizeWindow() { doInvoke('win_minimize'); }
-        doInvoke('win_minimize');
+    function maximizeWindow() { doInvoke('win_maximize'); }
-    }
+    function closeWindow() { doInvoke('win_close'); }
-
+    function dragWindow() { doInvoke('win_drag'); }
-    function maximizeWindow() {
-        doInvoke('win_maximize');
-    }
-
-    function closeWindow() {
-        doInvoke('win_close');
-    }
-
-    function dragWindow() {
-        doInvoke('win_drag');
-    }
 
     window.open = function(url, target, features) {
-        if (!url) return null;
         doInvoke('open_new_window', { url: url });
         return null;
     };
@@ -188,32 +203,65 @@ const LINK_HANDLER_SCRIPT: &str = r#"
         const style = document.createElement('style');
         style.innerHTML = `
             #tauri-custom-titlebar {
-                position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; 
+                position: fixed !important;
-                height: 32px !important; display: flex !important; justify-content: space-between !important; 
+                top: 0 !important;
-                z-index: 2147483647 !important; background: transparent !important;
+                left: 0 !important;
-                pointer-events: none !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important;
+                right: 0 !important;
+                height: 32px !important;
+                max-height: 32px !important;
+                display: flex !important;
+                justify-content: space-between !important;
+                align-items: center !important;
+                z-index: 2147483647 !important;
+                background: transparent !important;
+                pointer-events: none !important;
+                box-sizing: border-box !important;
+                margin: 0 !important;
+                padding: 0 !important;
             }
             .tauri-drag-region {
-                flex: 1 !important; height: 100% !important; cursor: default !important; pointer-events: auto !important;
+                flex: 1 !important;
+                height: 32px !important;
+                margin-left: 100px !important;
+                cursor: default !important;
+                pointer-events: auto !important;
             }
             .tauri-window-controls {
-                display: flex !important; pointer-events: auto !important; height: 32px !important; margin: 0 !important; padding: 0 !important;
+                display: flex !important;
-                position: relative !important; z-index: 2147483648 !important;
+                height: 32px !important;
+                margin: 0 !important;
+                padding: 0 !important;
+                pointer-events: auto !important;
+                z-index: 2147483648 !important;
             }
             button.tauri-btn {
-                width: 46px !important; max-width: 46px !important; min-width: 46px !important;
+                width: 46px !important;
-                height: 32px !important; max-height: 32px !important; min-height: 32px !important;
+                min-width: 46px !important;
-                background: transparent !important; border: none !important;
+                max-width: 46px !important;
-                color: #fff !important; display: flex !important; align-items: center !important; 
+                height: 32px !important;
-                justify-content: center !important; cursor: pointer !important; 
+                min-height: 32px !important;
-                outline: none !important; padding: 0 !important; margin: 0 !important;
+                max-height: 32px !important;
-                border-radius: 0 !important; box-shadow: none !important;
+                background: transparent !important;
-                appearance: none !important; opacity: 1 !important; transform: none !important;
+                border: none !important;
-                position: relative !important; z-index: 2147483649 !important;
+                color: #ffffff !important;
+                display: flex !important;
+                align-items: center !important;
+                justify-content: center !important;
+                cursor: pointer !important;
+                outline: none !important;
+                padding: 0 !important;
+                margin: 0 !important;
+                border-radius: 0 !important;
+                box-shadow: none !important;
+                appearance: none !important;
+                opacity: 1 !important;
+                transform: none !important;
+                pointer-events: auto !important;
+                user-select: none !important;
             }
-            button.tauri-btn:hover { background: rgba(255, 255, 255, 0.15) !important; }
+            button.tauri-btn:hover { background: rgba(255, 255, 255, 0.2) !important; }
-            button#tauri-btn-close:hover { background: #E81123 !important; color: white !important; }
+            button#tauri-btn-close:hover { background: #e81123 !important; color: #ffffff !important; }
-            button.tauri-btn svg { width: 10px !important; height: 10px !important; fill: currentColor !important; display: block !important; }
+            button.tauri-btn svg { width: 10px !important; height: 10px !important; fill: currentColor !important; pointer-events: none !important; display: block !important; }
         `;
         document.head.appendChild(style);
 
@@ -222,47 +270,33 @@ const LINK_HANDLER_SCRIPT: &str = r#"
         tb.innerHTML = `
             <div class="tauri-drag-region"></div>
             <div class="tauri-window-controls">
-                <button class="tauri-btn" id="tauri-btn-min" data-action="minimize"><svg viewBox="0 0 10 10"><rect x="1" y="4" width="8" height="1"/></svg></button>
+                <button class="tauri-btn" id="tauri-btn-min" title="Minimize"><svg viewBox="0 0 10 10"><rect x="1" y="4" width="8" height="1"/></svg></button>
-                <button class="tauri-btn" id="tauri-btn-max" data-action="maximize"><svg viewBox="0 0 10 10"><path d="M1,1v8h8V1H1z M8,8H2V2h6V8z"/></svg></button>
+                <button class="tauri-btn" id="tauri-btn-max" title="Maximize"><svg viewBox="0 0 10 10"><path d="M1,1v8h8V1H1z M8,8H2V2h6V8z"/></svg></button>
-                <button class="tauri-btn" id="tauri-btn-close" data-action="close"><svg viewBox="0 0 10 10"><path d="M10,1.4L8.6,0L5,3.6L1.4,0L0,1.4L3.6,5L0,8.6L1.4,10L5,6.4L8.6,10L10,8.6L6.4,5L10,1.4z"/></svg></button>
+                <button class="tauri-btn" id="tauri-btn-close" title="Close"><svg viewBox="0 0 10 10"><path d="M10,1.4L8.6,0L5,3.6L1.4,0L0,1.4L3.6,5L0,8.6L1.4,10L5,6.4L8.6,10L10,8.6L6.4,5L10,1.4z"/></svg></button>
             </div>
         `;
 
         document.body.appendChild(tb);
 
-        document.addEventListener('click', (e) => {
+        const btnMin = tb.querySelector('#tauri-btn-min');
-            const btn = e.target.closest('.tauri-btn');
+        const btnMax = tb.querySelector('#tauri-btn-max');
-            if (!btn) return;
+        const btnClose = tb.querySelector('#tauri-btn-close');
+        const dragEl = tb.querySelector('.tauri-drag-region');
 
-            const action = btn.getAttribute('data-action');
+        if (btnMin) btnMin.onclick = (e) => { e.preventDefault(); e.stopPropagation(); minimizeWindow(); };
-            
+        if (btnMax) btnMax.onclick = (e) => { e.preventDefault(); e.stopPropagation(); maximizeWindow(); };
-            e.preventDefault();
+        if (btnClose) btnClose.onclick = (e) => { e.preventDefault(); e.stopPropagation(); closeWindow(); };
-            e.stopPropagation();
+        if (dragEl) {
-            e.stopImmediatePropagation();
+            dragEl.onmousedown = (e) => {
-            
-            if (action === 'minimize') {
-                minimizeWindow();
-            } else if (action === 'maximize') {
-                maximizeWindow();
-            } else if (action === 'close') {
-                closeWindow();
-            }
-        }, true);
-
-        const dragRegion = tb.querySelector('.tauri-drag-region');
-        if (dragRegion) {
-            dragRegion.addEventListener('mousedown', (e) => {
                 if (e.buttons === 1) {
                     e.preventDefault();
-                    e.stopPropagation(); 
                     dragWindow();
                 }
-            });
+            };
         }
     }
     
     injectTitlebar();
-    
     setInterval(injectTitlebar, 1000);
 
     if (document.readyState === 'loading') {
@@ -276,59 +310,35 @@ const LINK_HANDLER_SCRIPT: &str = r#"
 
 #[tauri::command]
 fn win_minimize(window: tauri::Window) -> Result<(), String> {
-    debug_log("win_minimize command called");
+    window.minimize().map_err(|e| e.to_string())
-    window.minimize().map_err(|e| {
-        debug_log(&format!("win_minimize error: {}", e));
-        e.to_string()
-    })
 }
 
 #[tauri::command]
 fn win_maximize(window: tauri::Window) -> Result<(), String> {
-    debug_log("win_maximize command called");
     if let Ok(is_max) = window.is_maximized() {
         if is_max {
-            debug_log("Window is maximized, unmaximizing");
+            window.unmaximize().map_err(|e| e.to_string())
-            window.unmaximize().map_err(|e| {
-                debug_log(&format!("win_unmaximize error: {}", e));
-                e.to_string()
-            })
         } else {
-            debug_log("Window is not maximized, maximizing");
+            window.maximize().map_err(|e| e.to_string())
-            window.maximize().map_err(|e| {
-                debug_log(&format!("win_maximize error: {}", e));
-                e.to_string()
-            })
         }
     } else {
-        debug_log("Could not determine maximized state");
         Ok(())
     }
 }
 
 #[tauri::command]
 fn win_close(window: tauri::Window) -> Result<(), String> {
-    debug_log("win_close command called");
+    window.close().map_err(|e| e.to_string())
-    window.close().map_err(|e| {
-        debug_log(&format!("win_close error: {}", e));
-        e.to_string()
-    })
 }
 
 #[tauri::command]
 fn win_drag(window: tauri::Window) -> Result<(), String> {
-    debug_log("win_drag command called");
+    window.start_dragging().map_err(|e| e.to_string())
-    window.start_dragging().map_err(|e| {
-        debug_log(&format!("win_drag error: {}", e));
-        e.to_string()
-    })
 }
 
 #[tauri::command]
 fn open_new_window(app: tauri::AppHandle, url: String) -> Result<(), String> {
-    debug_log(&format!("Requested to open new window for: {}", url));
+    debug_log(&format!("[SAME-TAB] Redirecting main window to: {}", url));
-    
-    let label = format!("win_{}", std::time::SystemTime::now().duration_since(std::time::UNIX_EPOCH).unwrap().as_millis());
 
     let final_url = if url.starts_with("http") || url.starts_with("tauri://") {
         url.clone()
@@ -338,26 +348,13 @@ fn open_new_window(app: tauri::AppHandle, url: String) -> Result<(), String> {
         format!("http://localhost:4890/{}", url)
     };
 
-    let parsed_url = url::Url::parse(&final_url)
+    if let Some(window) = app.get_webview_window("main") {
-        .unwrap_or_else(|_| url::Url::parse("http://localhost:4890").unwrap());
+        window
-
+            .eval(&format!("window.location.href = '{}';", final_url.replace('\'', "\\'")))
- match tauri::WebviewWindowBuilder::new(&app, label.clone(), tauri::WebviewUrl::External(parsed_url))
+            .map_err(|e| e.to_string())?;
-        .title("Vyla Home")
+        Ok(())
-        .inner_size(1280.0, 800.0)
+    } else {
-        .decorations(false)
+        Err("main window not found".to_string())
-        .transparent(true)
-        .initialization_script(&format!("window.__VYLA_WINDOW_LABEL = '{}';", label))
-        .initialization_script(LINK_HANDLER_SCRIPT)
-        .build()
-    {
-        Ok(_) => {
-            debug_log("Successfully spawned new window");
-            Ok(())
-        },
-        Err(e) => {
-            debug_log(&format!("ERROR: Failed to create new window: {}", e));
-            Err(e.to_string())
-        }
     }
 }
 
@@ -381,15 +378,16 @@ fn main() {
             let app_data = app.path().app_data_dir().unwrap_or_default();
             let app_data_str = clean_path(&app_data);
 
-    let window = WebviewWindowBuilder::new(app, "main", WebviewUrl::App("index.html".into()))
+let window = WebviewWindowBuilder::new(app, "main", WebviewUrl::App("index.html".into()))
-                .title("Vyla Home")
+    .title("Vyla Home")
-                .inner_size(1280.0, 800.0)
+    .inner_size(1280.0, 800.0)
-                .decorations(false)
+    .decorations(false)
-                .transparent(true)
+    .transparent(true)
-                .resizable(true)
+    .resizable(true)
-                .initialization_script("window.__VYLA_WINDOW_LABEL = 'main';")
+    .devtools(true)
-                .initialization_script(LINK_HANDLER_SCRIPT)
+    .initialization_script("window.__VYLA_WINDOW_LABEL = 'main';")
-                .build()?;
+    .initialization_script(LINK_HANDLER_SCRIPT)
+    .build()?;
 
             let (main_js, root_dir) = resolve_script_and_root(app);
             let node_bin = match find_node_binary(app) {
@@ -422,33 +420,88 @@ fn main() {
 
             match cmd.spawn() {
                 Ok(mut child) => {
+                    debug_log(&format!("Node child process spawned successfully, PID: {}", child.id()));
+                    if let Some(stderr) = child.stderr.take() {
+                        std::thread::spawn(move || {
+                            use std::io::{BufRead, BufReader};
+                            let reader = BufReader::new(stderr);
+                            for line in reader.lines().flatten() {
+                                debug_log(&format!("[NODE STDERR] {}", line));
+                            }
+                        });
+                    }
+
                     if let Some(stdout) = child.stdout.take() {
                         let w = window.clone();
                         std::thread::spawn(move || {
                             use std::io::{BufRead, BufReader};
                             let reader = BufReader::new(stdout);
- for line in reader.lines().flatten() {
+                            for line in reader.lines().flatten() {
+                                debug_log(&format!("[NODE STDOUT] {}", line));
                                 if let Ok(msg) = serde_json::from_str::<BackendMessage>(&line) {
+                                    debug_log(&format!("[MAIN-DEBUG] Received event: {}", msg.event));
+                                    debug_log(&format!("[MAIN-DEBUG] Event data: {}", serde_json::to_string(&msg.data).unwrap_or_default()));
                                     if msg.event == "tauri-cmd" {
-                                        let window_label = msg.data.get("window").and_then(|w| w.as_str()).unwrap_or("main");
+                                        let window_label = msg.data.get("window").and_then(|val| val.as_str()).unwrap_or("main");
+                                        debug_log(&format!("[MAIN-DEBUG] Finding window by label: {}", window_label));
+
                                         if let Some(cmd_window) = w.app_handle().get_webview_window(window_label) {
                                             if let Some(cmd) = msg.data.get("cmd").and_then(|c| c.as_str()) {
+                                                debug_log(&format!("[TAURI-CMD] Executing action: {}", cmd));
                                                 match cmd {
-                                                    "win_minimize" => { let _ = cmd_window.minimize(); },
+                                                    "win_minimize" => {
+                                                        let res = cmd_window.minimize();
+                                                        debug_log(&format!("[TAURI-CMD] Minimize result: {:?}", res));
+                                                    },
                                                     "win_maximize" => {
-                                                        if let Ok(true) = cmd_window.is_maximized() { let _ = cmd_window.unmaximize(); }
+                                                        let is_max = cmd_window.is_maximized().unwrap_or(false);
-                                                        else { let _ = cmd_window.maximize(); }
+                                                        debug_log(&format!("[TAURI-CMD] Currently maximized: {}", is_max));
+                                                        let res = if is_max { cmd_window.unmaximize() } else { cmd_window.maximize() };
+                                                        debug_log(&format!("[TAURI-CMD] Maximize/Unmaximize result: {:?}", res));
                                                     },
-                                                    "win_close" => { let _ = cmd_window.close(); },
+                                                    "win_close" => {
-                                                    "win_drag" => { let _ = cmd_window.start_dragging(); },
+                                                        let res = cmd_window.close();
-                                                    "open_new_window" => {
+                                                        debug_log(&format!("[TAURI-CMD] Close result: {:?}", res));
-                                                        if let Some(url) = msg.data.get("url").and_then(|u| u.as_str()) {
-                                                            let _ = open_new_window(w.app_handle().clone(), url.to_string());
-                                                        }
                                                     },
+                                                    "win_drag" => {
+                                                        let res = cmd_window.start_dragging();
+                                                        debug_log(&format!("[TAURI-CMD] Drag result: {:?}", res));
+                                                    },
+"open_new_window" => {
+    debug_log("[TAURI-CMD-DEBUG] open_new_window command received");
+    debug_log(&format!("[TAURI-CMD-DEBUG] Full message data: {}", serde_json::to_string(&msg.data).unwrap_or_default()));
+    if let Some(url) = msg.data.get("url").and_then(|u| u.as_str()) {
+        debug_log(&format!("[TAURI-CMD-DEBUG] URL extracted: {}", url));
+        debug_log(&format!("[TAURI-CMD-DEBUG] URL length: {}", url.len()));
+        debug_log("[TAURI-CMD-DEBUG] Attempting to dispatch to main thread");
+        let app_handle = w.app_handle().clone();
+        let closure_handle = app_handle.clone();
+        let url_owned = url.to_string();
+        let dispatch_result = app_handle.run_on_main_thread(move || {
+            debug_log("[TAURI-CMD-DEBUG] Now on main thread, calling open_new_window");
+            match open_new_window(closure_handle, url_owned) {
+                Ok(_) => {
+                    debug_log("[TAURI-CMD-DEBUG] open_new_window succeeded");
+                },
+                Err(e) => {
+                    debug_log(&format!("[TAURI-CMD-DEBUG] open_new_window error: {}", e));
+                },
+            }
+        });
+        match dispatch_result {
+            Ok(_) => debug_log("[TAURI-CMD-DEBUG] Main thread dispatch succeeded"),
+            Err(e) => debug_log(&format!("[TAURI-CMD-DEBUG] Main thread dispatch failed: {}", e)),
+        }
+    } else {
+        debug_log("[TAURI-CMD-DEBUG] ERROR: No URL found in message data");
+        debug_log(&format!("[TAURI-CMD-DEBUG] Available keys: {:?}", msg.data.as_object().map(|o| o.keys().collect::<Vec<_>>())));
+    }
+},
                                                     _ => {}
                                                 }
                                             }
+                                        } else {
+                                            debug_log(&format!("[TAURI-CMD] Window '{}' NOT FOUND!", window_label));
                                         }
                                     } else {
                                         let _ = w.emit(&msg.event, msg.data.clone());
@@ -469,6 +522,7 @@ fn main() {
                     };
                 }
                 Err(e) => {
+                    debug_log(&format!("Failed to spawn node: {}", e));
                     let _ = window.emit("error", serde_json::json!({ "message": format!("Failed to launch backend runtime: {}", e) }));
                 }
             }
@@ -480,8 +534,10 @@ fn main() {
                 if window.label() == "main" {
                     let state: State<NodeServices> = window.state();
                     if let Ok(mut lock) = state.0.lock() {
-                        if let Some(mut child) = lock.take() {
+                        if let Some(child) = lock.take() {
-                            let _ = child.kill();
+                            let pid = child.id();
+                            debug_log(&format!("[SHUTDOWN] Main window destroyed, killing process tree for PID {}", pid));
+                            kill_process_tree(pid);
                         }
                     };
                 }

src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
-    "$schema": "https://raw.githubusercontent.com/tauri-apps/tauri/dev/tooling/cli/schema.json",
+    "$schema": "https://schema.tauri.app/config/2",
     "productName": "Vyla Home",
-    "version": "1.0.6",
+    "version": "1.1.2",
     "identifier": "com.vyla.home",
     "build": {
         "frontendDist": "../ui"
@@ -28,7 +28,8 @@
             }
         },
         "resources": [
-            "../bin/**/*",
+            "WebView2Loader.dll",
+            "../bin/*",
             "../main.js",
             "../service-manager.js",
             "../patcher.js",

ui/index.html

@@ -684,26 +684,30 @@
         function setupTauriListeners() {
             const eventApi = window.__TAURI__?.event || window.__TAURI_INTERNALS__;
             if (!eventApi || typeof eventApi.listen !== 'function') {
-                setTimeout(setupTauriListeners, 200);
+                setTimeout(setupTauriListeners, 100);
                 return;
             }
 
             eventApi.listen('update-available', (e) => {
-                if (e.payload) {
+                const data = e.payload || e;
-                    document.getElementById('update-msg').textContent = `Version ${e.payload.latest} is available (Current: ${e.payload.current}).`;
+                if (data) {
+                    isUpdating = true;
+                    document.getElementById('update-msg').textContent = `Version ${data.latest} is available (Current: ${data.current}).`;
                     showView(viewUpdate);
                 }
             });
 
             eventApi.listen('status', (e) => {
-                if (e.payload && e.payload.message) {
+                const data = e.payload || e;
-                    statusMsg.textContent = e.payload.message;
+                if (data && data.message && !isUpdating) {
+                    statusMsg.textContent = data.message;
                 }
             });
 
             eventApi.listen('download-progress', (e) => {
-                if (e.payload) {
+                const data = e.payload || e;
-                    statusMsg.textContent = `Downloading update: ${e.payload.percent}%`;
+                if (data) {
+                    statusMsg.textContent = `Downloading update: ${data.percent}%`;
                     progressWrap.style.display = 'block';
                     progressFill.style.width = `${e.payload.percent}%`;
                 }
@@ -724,18 +728,22 @@
         }
         setupTauriListeners();
 
+        let isUpdating = false;
+
         function checkUpdateApi() {
+            if (isUpdating) return;
             fetch('http://127.0.0.1:4891/update/info')
                 .then(r => r.json())
                 .then(data => {
                     if (data && data.available) {
+                        isUpdating = true;
                         document.getElementById('update-msg').textContent = `Version ${data.latest} is available (Current: ${data.current}).`;
                         showView(viewUpdate);
                     }
                 })
                 .catch(() => { });
         }
-        const updateInterval = setInterval(checkUpdateApi, 500);
+        const updateInterval = setInterval(checkUpdateApi, 300);
 
         function installUpdate() {
             clearInterval(updateInterval);
@@ -749,13 +757,18 @@
             fetch('http://127.0.0.1:4891/update/no', { method: 'POST' }).catch(() => { });
             statusMsg.textContent = 'Continuing to app...';
             showView(viewLoader);
+            setTimeout(pollBackend, 1000);
         }
 
         function pollBackend() {
+            if (isUpdating || viewUpdate.classList.contains('active')) return;
             fetch('http://localhost:4890')
                 .then(res => {
-                    if (res.ok) window.location.href = 'http://localhost:4890';
+                    if (res.ok && !viewUpdate.classList.contains('active')) {
-                    else setTimeout(pollBackend, 1000);
+                        window.location.href = 'http://localhost:4890';
+                    } else {
+                        setTimeout(pollBackend, 1000);
+                    }
                 })
                 .catch(() => setTimeout(pollBackend, 1000));
         }