pake-cli 3.13.1 → 3.14.0

package/README.md

@@ -130,6 +130,22 @@
         <td><img src=https://raw.githubusercontent.com/tw93/static/main/pake/Excalidraw.png width=600/></td>
         <td><img src=https://raw.githubusercontent.com/tw93/static/main/pake/XiaoHongShu.png width=600/></td>
     </tr>
+    <tr>
+        <td>Notion
+            <a href="https://github.com/tw93/Pake/releases/latest/download/Notion.dmg">Mac</a>
+            <a href="https://github.com/tw93/Pake/releases/latest/download/Notion_x64.msi">Windows</a>
+            <a href="https://github.com/tw93/Pake/releases/latest/download/Notion_x86_64.deb">Linux</a>
+        </td>
+        <td>Flomo
+            <a href="https://github.com/tw93/Pake/releases/latest/download/Flomo.dmg">Mac</a>
+            <a href="https://github.com/tw93/Pake/releases/latest/download/Flomo_x64.msi">Windows</a>
+            <a href="https://github.com/tw93/Pake/releases/latest/download/Flomo_x86_64.deb">Linux</a>
+        </td>
+    </tr>
+    <tr>
+        <td><img src=https://raw.githubusercontent.com/tw93/static/main/pake/Notion.png width=600/></td>
+        <td><img src=https://raw.githubusercontent.com/tw93/static/main/pake/Flomo.png width=600/></td>
+    </tr>
 </table>
 
 <details>
@@ -153,8 +169,9 @@
 | <kbd>⌘</kbd> + <kbd>⇧</kbd> + <kbd>H</kbd>                | <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>H</kbd>   | Go to Home Page                     |
 | <kbd>⌘</kbd> + <kbd>⌥</kbd> + <kbd>I</kbd>                | <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd>   | Toggle Developer Tools (Debug Only) |
 | <kbd>⌘</kbd> + <kbd>⇧</kbd> + <kbd>⌫</kbd>                | <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Del</kbd> | Clear Cache & Restart               |
+| <kbd>⌃</kbd> + <kbd>⌘</kbd> + <kbd>F</kbd>                | <kbd>F11</kbd>                                      | Toggle native window fullscreen     |
 
-In addition, double-click the title bar to switch to full-screen mode. For Mac users, you can also use the gesture to go to the previous or next page and drag the title bar to move the window. The new menu also offers options for navigation, zoom, and window controls.
+In addition, double-click the title bar to switch to full-screen mode. On Windows and Linux, use `--hide-window-decorations` for a frameless window with a top drag region. For Mac users, you can also use the gesture to go to the previous or next page and drag the title bar to move the window. The new menu also offers options for navigation, zoom, and window controls.
 
 </details>
 

package/dist/cli.js

@@ -20,7 +20,7 @@ import * as psl from 'psl';
 import { InvalidArgumentError, program as program$1, Option } from 'commander';
 
 var name = "pake-cli";
-var version = "3.13.1";
+var version = "3.14.0";
 var description = "🤱🏻 Turn any webpage into a desktop app with one command. 🤱🏻 一键打包网页生成轻量桌面应用。";
 var engines = {
 	node: ">=18.0.0"
@@ -535,6 +535,7 @@ function resolveLinuxBundleTargets(targets) {
 function buildWindowConfigOverrides(options, platform = asSupportedPlatform(process.platform)) {
     const platformHideOnClose = options.hideOnClose ?? platform === 'darwin';
     const platformHideTitleBar = platform === 'darwin' ? options.hideTitleBar : false;
+    const platformHideWindowDecorations = platform !== 'darwin' ? options.hideWindowDecorations : false;
     return {
         width: options.width,
         height: options.height,
@@ -542,6 +543,7 @@ function buildWindowConfigOverrides(options, platform = asSupportedPlatform(proc
         maximize: options.maximize,
         resizable: options.resizable ?? true,
         hide_title_bar: platformHideTitleBar,
+        hide_window_decorations: platformHideWindowDecorations,
         activation_shortcut: options.activationShortcut,
         always_on_top: options.alwaysOnTop,
         dark_mode: options.darkMode,
@@ -827,6 +829,9 @@ async function mergeConfig(url, options, tauriConf) {
     if (options.hideTitleBar && platform !== 'darwin') {
         logger.warn('✼ --hide-title-bar is only supported on macOS and will be ignored on this platform.');
     }
+    if (options.hideWindowDecorations && platform === 'darwin') {
+        logger.warn('✼ --hide-window-decorations is only supported on Windows and Linux and will be ignored on this platform.');
+    }
     const tauriConfWindowOptions = buildWindowConfigOverrides(options, platform);
     Object.assign(tauriConf.pake.windows[0], { url, ...tauriConfWindowOptions });
     tauriConf.productName = name;
@@ -2728,6 +2733,7 @@ const DEFAULT_PAKE_OPTIONS = {
     fullscreen: false,
     maximize: false,
     hideTitleBar: false,
+    hideWindowDecorations: false,
     alwaysOnTop: false,
     appVersion: '1.0.0',
     darkMode: false,
@@ -2829,6 +2835,7 @@ ${green('|_|   \\__,_|_|\\_\\___|  can turn any webpage into a desktop app with
         .option('--use-local-file', 'Use local file packaging', DEFAULT_PAKE_OPTIONS.useLocalFile)
         .option('--fullscreen', 'Start in full screen', DEFAULT_PAKE_OPTIONS.fullscreen)
         .option('--hide-title-bar', 'For Mac, hide title bar', DEFAULT_PAKE_OPTIONS.hideTitleBar)
+        .option('--hide-window-decorations', 'Hide native window decorations on Windows and Linux', DEFAULT_PAKE_OPTIONS.hideWindowDecorations)
         .option('--multi-arch', 'For Mac, both Intel and M1', DEFAULT_PAKE_OPTIONS.multiArch)
         .option('--inject <files>', 'Inject local CSS/JS files into the page', (val, previous) => {
         if (!val)

package/package.json

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

package/src-tauri/Cargo.lock

@@ -2564,7 +2564,7 @@ dependencies = [
 
 [[package]]
 name = "pake"
-version = "3.13.1"
+version = "3.14.0"
 dependencies = [
  "objc2",
  "objc2-app-kit",

package/src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "pake"
-version = "3.13.1"
+version = "3.14.0"
 description = "🤱🏻 Turn any webpage into a desktop app with Rust."
 authors = ["Tw93"]
 license = "GPL-3.0-or-later"

package/src-tauri/pake.json

@@ -4,6 +4,7 @@
       "url": "https://weekly.tw93.fun/en",
       "url_type": "web",
       "hide_title_bar": true,
+      "hide_window_decorations": false,
       "fullscreen": false,
       "width": 1200,
       "height": 780,

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

@@ -4,6 +4,8 @@ use serde::{Deserialize, Serialize};
 pub struct WindowConfig {
     pub url: String,
     pub hide_title_bar: bool,
+    #[serde(default)]
+    pub hide_window_decorations: bool,
     pub fullscreen: bool,
     pub maximize: bool,
     pub width: f64,

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

@@ -380,6 +380,10 @@ fn build_window(
     {
         window_builder = window_builder.data_directory(_data_dir).theme(theme);
 
+        if window_config.hide_window_decorations {
+            window_builder = window_builder.decorations(false);
+        }
+
         if !config.proxy_url.is_empty() {
             if let Ok(proxy_url) = Url::from_str(&config.proxy_url) {
                 parsed_proxy_url = Some(proxy_url.clone());

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

@@ -15,25 +15,32 @@ function setZoom(zoom) {
   // CSS hacks. `transform: scale` and `html.style.zoom` break complex SPAs like
   // ChatGPT: the page shifts right on Windows and parts of the UI stop repainting
   // on macOS. Native zoom recalculates layout exactly like a browser does.
+  const zoomPercent = normalizeZoomPercent(zoom);
+  const normalizedZoom = `${zoomPercent}%`;
   const invoke = window.__TAURI__?.core?.invoke;
   if (invoke) {
-    invoke("set_zoom", { percent: parseFloat(zoom) }).catch(() => {});
+    invoke("set_zoom", { percent: zoomPercent }).catch(() => {});
   }
 
-  window.localStorage.setItem("htmlZoom", zoom);
+  window.localStorage.setItem("htmlZoom", normalizedZoom);
 }
 
 function zoomCommon(zoomChange) {
   const currentZoom = window.localStorage.getItem("htmlZoom") || "100%";
-  setZoom(zoomChange(currentZoom));
+  setZoom(zoomChange(normalizeZoomPercent(currentZoom)));
 }
 
 function zoomIn() {
-  zoomCommon((currentZoom) => `${Math.min(parseInt(currentZoom) + 10, 200)}%`);
+  zoomCommon((currentZoom) => `${Math.min(currentZoom + 10, 200)}%`);
 }
 
 function zoomOut() {
-  zoomCommon((currentZoom) => `${Math.max(parseInt(currentZoom) - 10, 30)}%`);
+  zoomCommon((currentZoom) => `${Math.max(currentZoom - 10, 30)}%`);
+}
+
+function normalizeZoomPercent(zoom) {
+  const parsed = parseFloat(zoom);
+  return Number.isFinite(parsed) ? parsed : 100;
 }
 
 let pasteAsPlainTextPending = false;
@@ -53,8 +60,51 @@ function handleShortcut(event) {
   }
 }
 
+function toggleNativeFullscreen(appWindow) {
+  appWindow
+    .isFullscreen()
+    .then((fullscreen) => appWindow.setFullscreen(!fullscreen))
+    .catch((error) => {
+      console.warn("[Pake] Failed to toggle native fullscreen:", error);
+    });
+}
+
+function handleWindowFullscreenShortcut(event) {
+  if (
+    !event.isTrusted ||
+    event.repeat ||
+    event.key !== "F11" ||
+    !isNonMacDesktop()
+  ) {
+    return;
+  }
+
+  const appWindow = window.__TAURI__?.window?.getCurrentWindow?.();
+  if (!appWindow) {
+    return;
+  }
+
+  event.preventDefault();
+  event.stopImmediatePropagation();
+  toggleNativeFullscreen(appWindow);
+}
+
+function getDesktopPlatform() {
+  return (
+    navigator.userAgentData?.platform ||
+    navigator.platform ||
+    navigator.userAgent
+  );
+}
+
 function isNonMacDesktop() {
-  return /windows|linux/i.test(navigator.userAgent);
+  return /win|linux/i.test(getDesktopPlatform());
+}
+
+function hasImmersiveHeader(config = window["pakeConfig"] || {}) {
+  return /mac/i.test(getDesktopPlatform())
+    ? config.hide_title_bar === true
+    : config.hide_window_decorations === true;
 }
 
 function isEditableElement(element) {
@@ -502,7 +552,7 @@ document.addEventListener("DOMContentLoaded", () => {
     }
   }
 
-  if (!document.getElementById("pake-top-dom")) {
+  if (!document.getElementById("pake-top-dom") && hasImmersiveHeader()) {
     const topDom = document.createElement("div");
     topDom.id = "pake-top-dom";
     document.body.appendChild(topDom);
@@ -510,24 +560,25 @@ document.addEventListener("DOMContentLoaded", () => {
 
   const domEl = document.getElementById("pake-top-dom");
 
-  domEl.addEventListener("touchstart", () => {
-    appWindow.startDragging();
-  });
-
-  domEl.addEventListener("mousedown", (e) => {
-    e.preventDefault();
-    if (e.buttons === 1 && e.detail !== 2) {
+  if (domEl) {
+    domEl.addEventListener("touchstart", () => {
       appWindow.startDragging();
-    }
-  });
+    });
+
+    domEl.addEventListener("mousedown", (e) => {
+      e.preventDefault();
+      if (e.buttons === 1 && e.detail !== 2) {
+        appWindow.startDragging();
+      }
+    });
 
-  domEl.addEventListener("dblclick", () => {
-    appWindow.isFullscreen().then((fullscreen) => {
-      appWindow.setFullscreen(!fullscreen);
+    domEl.addEventListener("dblclick", () => {
+      toggleNativeFullscreen(appWindow);
     });
-  });
+  }
 
   if (window["pakeConfig"]?.disabled_web_shortcuts !== true) {
+    document.addEventListener("keydown", handleWindowFullscreenShortcut, true);
     document.addEventListener("keyup", (event) => {
       if (/windows|linux/i.test(navigator.userAgent) && event.ctrlKey) {
         handleShortcut(event);

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

@@ -403,6 +403,11 @@ window.addEventListener("DOMContentLoaded", (_event) => {
       padding-top: 0px;
     }
 
+    #notion-app .notion-sidebar,#notion-app .notion-topbar{
+      padding-top: 20px;
+      box-sizing: content-box;
+    }
+
     #header-area > div > .css-gtiexd > div:nth-child(1) > div, #header-area .logoIcon .user-info{
       padding-top: 20px;
     }
@@ -497,9 +502,29 @@ window.addEventListener("DOMContentLoaded", (_event) => {
     }
   `;
   const isMac = /Mac/i.test(navigator.userAgent);
-  if (window["pakeConfig"]?.hide_title_bar && isMac) {
+  if (hasImmersiveHeader(window["pakeConfig"])) {
     const topPaddingStyleElement = document.createElement("style");
-    topPaddingStyleElement.textContent = topPaddingCSS;
+    topPaddingStyleElement.textContent = isMac
+      ? topPaddingCSS
+      : `
+    #pake-top-dom:active {
+      cursor: grabbing;
+      cursor: -webkit-grabbing;
+    }
+
+    #pake-top-dom {
+      position: fixed;
+      background: transparent;
+      top: 0;
+      width: 100%;
+      height: 20px;
+      cursor: grab;
+      -webkit-app-region: drag;
+      user-select: none;
+      -webkit-user-select: none;
+      z-index: 99999;
+    }
+    `;
     document.head.appendChild(topPaddingStyleElement);
   }
 });

package/src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
   "productName": "Weekly",
   "identifier": "com.pake.weekly",
-  "version": "3.13.1",
+  "version": "3.14.0",
   "app": {
     "withGlobalTauri": true,
     "trayIcon": {