pake-cli 3.7.3 → 3.7.4

package/dist/cli.js

@@ -22,7 +22,7 @@ import * as psl from 'psl';
 import { InvalidArgumentError, program as program$1, Option } from 'commander';
 
 var name = "pake-cli";
-var version = "3.7.3";
+var version = "3.7.4";
 var description = "🤱🏻 Turn any webpage into a desktop app with one command. 🤱🏻 一键打包网页生成轻量桌面应用。";
 var engines = {
 	node: ">=18.0.0"
@@ -484,7 +484,7 @@ async function mergeConfig(url, options, tauriConf) {
             await fsExtra.copy(sourcePath, destPath);
         }
     }));
-    const { width, height, fullscreen, maximize, hideTitleBar, alwaysOnTop, appVersion, darkMode, disabledWebShortcuts, activationShortcut, userAgent, showSystemTray, systemTrayIcon, useLocalFile, identifier, name = 'pake-app', resizable = true, inject, proxyUrl, installerLanguage, hideOnClose, incognito, title, wasm, enableDragDrop, multiInstance, startToTray, forceInternalNavigation, zoom, minWidth, minHeight, ignoreCertificateErrors, } = options;
+    const { width, height, fullscreen, maximize, hideTitleBar, alwaysOnTop, appVersion, darkMode, disabledWebShortcuts, activationShortcut, userAgent, showSystemTray, systemTrayIcon, useLocalFile, identifier, name = 'pake-app', resizable = true, inject, proxyUrl, installerLanguage, hideOnClose, incognito, title, wasm, enableDragDrop, multiInstance, startToTray, forceInternalNavigation, zoom, minWidth, minHeight, ignoreCertificateErrors, newWindow, } = options;
     const { platform } = process;
     const platformHideOnClose = hideOnClose ?? platform === 'darwin';
     const tauriConfWindowOptions = {
@@ -509,6 +509,7 @@ async function mergeConfig(url, options, tauriConf) {
         min_width: minWidth,
         min_height: minHeight,
         ignore_certificate_errors: ignoreCertificateErrors,
+        new_window: newWindow,
     };
     Object.assign(tauriConf.pake.windows[0], { url, ...tauriConfWindowOptions });
     tauriConf.productName = name;
@@ -1925,6 +1926,7 @@ const DEFAULT_PAKE_OPTIONS = {
     minWidth: 0,
     minHeight: 0,
     ignoreCertificateErrors: false,
+    newWindow: false,
 };
 
 function validateNumberInput(value) {
@@ -2075,6 +2077,9 @@ ${green('|_|   \\__,_|_|\\_\\___|  can turn any webpage into a desktop app with
         .addOption(new Option('--iterative-build', 'Turn on rapid build mode (app only, no dmg/deb/msi), good for debugging')
         .default(DEFAULT_PAKE_OPTIONS.iterativeBuild)
         .hideHelp())
+        .addOption(new Option('--new-window', 'Allow new window for third-party login')
+        .default(DEFAULT_PAKE_OPTIONS.newWindow)
+        .hideHelp())
         .version(packageJson.version, '-v, --version')
         .configureHelp({
         sortSubcommands: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pake-cli",
-  "version": "3.7.3",
+  "version": "3.7.4",
   "description": "🤱🏻 Turn any webpage into a desktop app with one command. 🤱🏻 一键打包网页生成轻量桌面应用。",
   "engines": {
     "node": ">=18.0.0"

package/src-tauri/pake.json

@@ -18,7 +18,8 @@
       "enable_drag_drop": false,
       "maximize": false,
       "start_to_tray": false,
-      "force_internal_navigation": false
+      "force_internal_navigation": false,
+      "new_window": false
     }
   ],
   "user_agent": {

package/src-tauri/src/app/config.rs

@@ -19,6 +19,7 @@ pub struct WindowConfig {
     pub title: Option<String>,
     pub enable_wasm: bool,
     pub enable_drag_drop: bool,
+    pub new_window: bool,
     pub start_to_tray: bool,
     #[serde(default)]
     pub force_internal_navigation: bool,

package/src-tauri/src/app/window.rs

@@ -82,6 +82,11 @@ pub fn set_window(app: &mut App, config: &PakeConfig, tauri_config: &Config) ->
         window_builder = window_builder.disable_drag_drop_handler();
     }
 
+    if window_config.new_window {
+        window_builder = window_builder
+            .on_new_window(move |_url, _features| tauri::webview::NewWindowResponse::Allow);
+    }
+
     // Add initialization scripts
     window_builder = window_builder
         .initialization_script(&config_script)
@@ -148,9 +153,13 @@ pub fn set_window(app: &mut App, config: &PakeConfig, tauri_config: &Config) ->
         };
         window_builder = window_builder.title_bar_style(title_bar_style);
 
-        if window_config.dark_mode {
-            window_builder = window_builder.theme(Some(Theme::Dark));
-        }
+        // Default to following system theme (None), only force dark when explicitly set
+        let theme = if window_config.dark_mode {
+            Some(Theme::Dark)
+        } else {
+            None // Follow system theme
+        };
+        window_builder = window_builder.theme(theme);
     }
 
     // Windows and Linux: set data_directory before proxy_url

package/src-tauri/src/inject/theme_refresh.js

@@ -1,124 +1,59 @@
 document.addEventListener("DOMContentLoaded", () => {
-  // Helper: Calculate brightness from RGB color
-  const isDarkColor = (color) => {
-    if (!color) return false;
-    const match = color.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
-    if (!match) return false;
-    const r = parseInt(match[1]);
-    const g = parseInt(match[2]);
-    const b = parseInt(match[3]);
-    // Standard luminance formula
-    const luminance = 0.299 * r + 0.587 * g + 0.114 * b;
-    return luminance < 128;
-  };
-
-  // Debounce helper
   const debounce = (func, wait) => {
     let timeout;
-    return function executedFunction(...args) {
-      const later = () => {
-        clearTimeout(timeout);
-        func(...args);
-      };
+    return (...args) => {
       clearTimeout(timeout);
-      timeout = setTimeout(later, wait);
+      timeout = setTimeout(() => func(...args), wait);
     };
   };
 
-  // Function to detect and send theme to Rust
   const updateTheme = () => {
-    let mode = "light";
-    let detected = false;
-
-    // Strategy 1: Explicit DOM Class/Attribute (High Priority)
-    // Many apps use specific classes for hard-coded themes
     const doc = document.documentElement;
     const body = document.body;
+    let mode = null;
 
-    const isExplicitDark =
+    // Check for explicit theme classes or attributes
+    const isDark =
       doc.classList.contains("dark") ||
       body.classList.contains("dark") ||
       doc.getAttribute("data-theme") === "dark" ||
       body.getAttribute("data-theme") === "dark" ||
       doc.style.colorScheme === "dark";
 
-    const isExplicitLight =
+    const isLight =
       doc.classList.contains("light") ||
       body.classList.contains("light") ||
       doc.getAttribute("data-theme") === "light" ||
       body.getAttribute("data-theme") === "light" ||
       doc.style.colorScheme === "light";
 
-    if (isExplicitDark) {
-      mode = "dark";
-      detected = true;
-    } else if (isExplicitLight) {
-      mode = "light";
-      detected = true;
-    }
-
-    // Strategy 2: Computed Background Color (Fallback & Verification)
-    // If no explicit class is found, or to double-check, look at the actual background color.
-    // This is useful when the site relies purely on CSS media queries without classes.
-    if (!detected) {
-      const bodyBg = window.getComputedStyle(document.body).backgroundColor;
-      const htmlBg = window.getComputedStyle(
-        document.documentElement,
-      ).backgroundColor;
+    if (isDark) mode = "dark";
+    else if (isLight) mode = "light";
 
-      // Check body first, then html
-      if (bodyBg && bodyBg !== "rgba(0, 0, 0, 0)" && bodyBg !== "transparent") {
-        mode = isDarkColor(bodyBg) ? "dark" : "light";
-      } else if (
-        htmlBg &&
-        htmlBg !== "rgba(0, 0, 0, 0)" &&
-        htmlBg !== "transparent"
-      ) {
-        mode = isDarkColor(htmlBg) ? "dark" : "light";
-      } else {
-        // Strategy 3: System Preference (Last Resort)
-        if (
-          window.matchMedia &&
-          window.matchMedia("(prefers-color-scheme: dark)").matches
-        ) {
-          mode = "dark";
-        }
-      }
-    }
-
-    // Send to Rust
-    if (window.__TAURI__ && window.__TAURI__.core) {
+    // Only invoke Rust command if an explicit theme override is detected
+    if (mode && window.__TAURI__?.core) {
       window.__TAURI__.core.invoke("update_theme_mode", { mode });
     }
   };
 
-  // Debounced version of updateTheme
   const debouncedUpdateTheme = debounce(updateTheme, 200);
 
-  // Initial check
-  // Delay slightly to ensure styles are applied
-  setTimeout(updateTheme, 100);
-
-  // Watch for system theme changes
-  window
-    .matchMedia("(prefers-color-scheme: dark)")
-    .addEventListener("change", updateTheme);
+  // Initial check with delay to allow site to render
+  setTimeout(updateTheme, 500);
 
   // Watch for DOM changes
-  // We observe attributes for class changes, and also style changes just in case
-  const observer = new MutationObserver((mutations) => {
-    debouncedUpdateTheme();
-  });
-
-  observer.observe(document.documentElement, {
+  const observer = new MutationObserver(debouncedUpdateTheme);
+  const config = {
     attributes: true,
     attributeFilter: ["class", "data-theme", "style"],
     subtree: false,
-  });
+  };
 
-  observer.observe(document.body, {
-    attributes: true,
-    attributeFilter: ["class", "data-theme", "style"],
-    subtree: false,
-  });
+  observer.observe(document.documentElement, config);
+  observer.observe(document.body, config);
+
+  // Watch for system theme changes (though window should handle this natively now)
+  window
+    .matchMedia("(prefers-color-scheme: dark)")
+    .addEventListener("change", updateTheme);
 });