nexfep 0.5.2 → 0.5.4

package/README-CN.md

@@ -240,6 +240,18 @@ window.setSize(800, 600);
 window.openDevTools();
 ```
 
+### 页面 API 的 Typescript 定义
+
+在前端的 `tsconfig.json` 中添加以下内容即可在前端页面中使用 `nexfep` 定义的 API 类型：
+
+```json
+{
+  "compilerOptions": {
+    "types": ["nexfep/frontend"]
+  }
+}
+```
+
 ### 自定义事件
 
 #### 触发事件
@@ -412,8 +424,10 @@ pool.onCustomMessage = (window, message, data) => {
 window.close(); // 关闭窗口
 window.minimize(); // 最小化窗口
 window.unminimize(); // 还原最小化的窗口
+window.toggleMinimize(); // 切换最小化状态
 window.maximize(); // 最大化窗口
 window.unmaximize(); // 还原最大化的窗口
+window.toggleMaximize(); // 切换最大化状态
 window.setTitle("标题"); // 设置窗口标题
 window.openDevTools(); // 打开开发者工具
 window.closeDevTools(); // 关闭开发者工具

package/README.md

@@ -238,6 +238,18 @@ window.setSize(800, 600);
 window.openDevTools();
 ```
 
+### TypeScript Definitions for Frontend API
+
+Add the following content to your frontend's `tsconfig.json` to use the frontend API definitions:
+
+```json
+{
+  "compilerOptions": {
+    "types": ["nexfep/frontend"]
+  }
+}
+```
+
 ### Custom Events
 
 #### Invoke Events
@@ -410,8 +422,10 @@ The following injected functions can be directly called in the page for window c
 window.close(); // Close window
 window.minimize(); // Minimize window
 window.unminimize(); // Restore minimized window
+window.toggleMinimize(); // Toggle minimized state
 window.maximize(); // Maximize window
 window.unmaximize(); // Restore maximized window
+window.toggleMaximize(); // Toggle maximized state
 window.setTitle("Title"); // Set window title
 window.openDevTools(); // Open developer tools
 window.closeDevTools(); // Close developer tools

package/frontend/index.d.ts

@@ -8,6 +8,8 @@ declare global {
     close: () => void
     minimize: () => void
     unminimize: () => void
+    toggleMaximize: () => void
+    toggleMinimize: () => void
     maximize: () => void
     unmaximize: () => void
     setTitle: (title: string) => void

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nexfep",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "description": "A desktop application framework based on @webviewjs/webview",
   "keywords": [
     "@webviewjs/webview",
@@ -22,6 +22,7 @@
   },
   "typesVersions": {
     "*": {
+      ".": ["./index.d.ts"],
       "frontend": ["./frontend/index.d.ts"]
     }
   },

package/src/WindowManager.js

@@ -85,7 +85,7 @@ class Window {
         return this.window.isFocused();
     }
     focus() {
-        this.window.setMinimized(false);
+        this.unMinimize();
         this.window.focus();
     }
     hide() {
@@ -206,6 +206,16 @@ class WindowPool {
             const MessageBody = { type: 'NexfepUnMaximizeWindow' }
             window.ipc.postMessage(JSON.stringify(MessageBody));
         };
+
+        window.toggleMaximize = () => {
+            const MessageBody = { type: 'NexfepToggleMaximizeWindow' }
+            window.ipc.postMessage(JSON.stringify(MessageBody));
+        };
+
+        window.toggleMinimize = () => {
+            const MessageBody = { type: 'NexfepToggleMinimizeWindow' }
+            window.ipc.postMessage(JSON.stringify(MessageBody));
+        };
         window.setTitle = (title) => {
             const MessageBody = { type: 'NexfepSetTitle', title: title }
             window.ipc.postMessage(JSON.stringify(MessageBody));
@@ -342,25 +352,31 @@ class WindowPool {
                         this.closeWindow(windowObj);
                     }
                     else if (dataObj.type == "NexfepMinimizeWindow") {
-                        window.setMinimized(true);
+                        windowObj.minimize();
                     }
                     else if (dataObj.type == "NexfepUnMinimizeWindow") {
-                        window.setMinimized(false);
+                        windowObj.unMinimize();
                     }
                     else if (dataObj.type == "NexfepMaximizeWindow") {
-                        window.setMaximized(true);
+                        windowObj.maximize();
                     }
                     else if (dataObj.type == "NexfepUnMaximizeWindow") {
-                        window.setMaximized(false);
+                        windowObj.unMaximize();
+                    }
+                    else if (dataObj.type == "NexfepToggleMaximizeWindow") {
+                        windowObj.toggleMaximize();
+                    }
+                    else if (dataObj.type == "NexfepToggleMinimizeWindow") {
+                        windowObj.toggleMinimize();
                     }
                     else if (dataObj.type == "NexfepSetTitle") {
-                        window.setTitle(dataObj.title);
+                        windowObj.setTitle(dataObj.title);
                     }
                     else if (dataObj.type == "NexfepOpenDevTools") {
-                        webview.openDevtools();
+                        windowObj.openDevTools();
                     }
                     else if (dataObj.type == "NexfepCloseDevTools") {
-                        webview.closeDevtools();
+                        windowObj.closeDevTools();
                     }
                     else if (dataObj.type == "NexfepInvoke") {
                         const handlers = this.handlers.get(dataObj.event) || [];